{"__symbolic":"module","version":4,"metadata":{"OptionsConfigurationTabComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":7,"character":1},"arguments":[{"selector":"dashboard-options-config-tab","moduleId":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"module"},"member":"id"},"template":"<br>\nThe following options control various aspects of the board's and gadget's behavior. Changes take effect immediately.\n<br>\n<br>\n\n<mat-slide-toggle\n    (change)=\"onHooverOptionChange($event)\"\n    [checked]=\"enableHover\">\n    Always show the gadget buttons in the title. By default buttons show/hide when you hover over the title.\n</mat-slide-toggle>\n<br>\n<br>\n<mat-slide-toggle\n    (change)=\"onDisplayGadgetOptionsInSideBarChange($event)\"\n    [checked]=\"displayGadgetOptionsInSideBar\">\n    (Experimental) When set the options are displayed in the side bar. Otherwise it is displayed within the gadget.\n</mat-slide-toggle>\n","styles":[""]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"OptionsService"},{"__symbolic":"reference","name":"ɵa"}]}],"onHooverOptionChange":[{"__symbolic":"method"}],"onDisplayGadgetOptionsInSideBarChange":[{"__symbolic":"method"}]}},"BoardsConfigurationTabComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":18,"character":1},"arguments":[{"selector":"dashboard-config-tab","moduleId":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"module"},"member":"id"},"template":"<table class=\"ui padded table\">\n    <thead>\n    <th class=\"index-column\">#</th>\n    <th>name</th>\n    <th></th>\n    </thead>\n    <tr *ngFor=\"let board of dashboardList; let i = index\" class=\"ui basic segment\">\n        <td class=\"index-column\">{{i + 1}}</td>\n        <td>{{board}}</td>\n        <td style=\"text-align:right\">\n            <a (click)=\"deleteBoard(board)\" mat-mini-fab routerLink=\".\">\n                <mat-icon>clear</mat-icon>\n            </a>\n        </td>\n    </tr>\n</table>\n\n<div class=\"ui basic segment\">\n\n    <div class=\"grid-row\">\n        <mat-form-field class=\"example-full-width\">\n            <input [(ngModel)]=\"newDashboardItem\" matInput placeholder=\"Enter Dashboard Name\">\n        </mat-form-field>\n\n        <a (click)=\"createBoard(newDashboardItem)\" color='primary' mat-mini-fab routerLink=\".\">\n            <mat-icon>add</mat-icon>\n        </a>\n    </div>\n\n</div>\n","styles":["input{font-family:Roboto,sans-serif!important;font-size:1.1em;font-weight:300!important;outline:none!important;padding:5px}label{color:#4a4d50!important;font-family:Roboto,sans-serif;font-size:1.3em!important}label.endpoint{font-size:1em!important;line-height:1.5em!important}td.detail{background-color:#fff!important}.index-column{background-color:#ddebf5!important;border:none!important;width:5%!important}.index-column,.ui.table thead th td{color:#788ca0!important}.ui.table{color:rgba(97,97,97,.68)!important}.inLine{display:inline-block;padding-left:4px;padding-right:4px}.example-full-width{width:100%}.grid-row{align-items:center;display:flex;justify-content:space-around}"]}]}],"members":{"dashboardCreateEvent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":27,"character":5}}]}],"dashboardEditEvent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":28,"character":5}}]}],"dashboardDeleteEvent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":29,"character":5}}]}],"dashboardList":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":30,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵb"}]}],"createBoard":[{"__symbolic":"method"}],"editBoard":[{"__symbolic":"method"}],"deleteBoard":[{"__symbolic":"method"}]}},"ConfigurationComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":22,"character":1},"arguments":[{"selector":"dashboard-configuration-modal","moduleId":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"module"},"member":"id"},"animations":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger","line":29,"character":8},"arguments":["contentSwitch",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":30,"character":12},"arguments":["inactive",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":30,"character":30},"arguments":[{"opacity":0}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":33,"character":12},"arguments":["active",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":33,"character":28},"arguments":[{"opacity":1}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":36,"character":12},"arguments":["inactive => active",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":36,"character":45},"arguments":["750ms ease-in"]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":37,"character":12},"arguments":["active => inactive",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":37,"character":45},"arguments":["750ms ease-out"]}]}]]}],"template":"<div #boardconfigmodal_tag class=\"ui long modal\">\n    <div class=\"header\">\n        <h2>{{modalheader}}</h2>\n    </div>\n\n\n    <div class=\"ui top attached tabular menu\">\n\n        <a (click)=\"setCurrentTab(i)\" *ngFor=\"let tab of tabsModel; let i = index\"\n           [ngClass]=\"{'active': tab.displayName == currentTab }\"\n           attr.data-tab=\"{{tab.groupId}}\" class=\"item\">{{tab.displayName}}</a>\n\n    </div>\n\n    <div *ngFor=\"let tab of tabsModel; let i = index\" [@contentSwitch]=\"tab.displayName == currentTab ? 'active':'inactive'\"\n         [ngClass]=\"{'active': tab.displayName == currentTab }\"\n         attr.data-tab=\"{{tab.groupId}}\" class=\"ui bottom attached tab segment\">\n\n\n        <div *ngIf=\"tab.groupId == 'boards'\">\n\n            <dashboard-config-tab (dashboardCreateEvent)=\"createBoard($event)\"\n                                  (dashboardDeleteEvent)=\"deleteBoard($event)\"\n                                  (dashboardEditEvent)=\"editBoard($event)\"\n                                  [dashboardList]=\"dashboardList\"></dashboard-config-tab>\n        </div>\n\n        <div *ngIf=\"tab.groupId == 'options'\">\n\n            <dashboard-options-config-tab></dashboard-options-config-tab>\n\n        </div>\n    </div>\n\n\n    <div class=\"actions\">\n        <button (click)=\"hideMessageModal()\" class=\"ui button\">Close</button>\n    </div>\n</div>\n","styles":[".ui.tabular.menu .active.item{border-top:3px solid #3f51b5!important}.ui.attached.segment{margin:0;width:100%}"]}]}],"members":{"dashboardCreateEvent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":45,"character":5}}]}],"dashboardEditEvent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":46,"character":5}}]}],"dashboardDeleteEvent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":47,"character":5}}]}],"dashboardList":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":48,"character":5}}]}],"boardconfigmodalaRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":59,"character":5},"arguments":["boardconfigmodal_tag",{"static":true}]}]}],"__ctor__":[{"__symbolic":"constructor"}],"showConfigurationModal":[{"__symbolic":"method"}],"hideMessageModal":[{"__symbolic":"method"}],"createBoard":[{"__symbolic":"method"}],"editBoard":[{"__symbolic":"method"}],"deleteBoard":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"setCurrentTab":[{"__symbolic":"method"}]}},"OptionsService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":4,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"getBoardOptions":[{"__symbolic":"method"}],"setBoardOptions":[{"__symbolic":"method"}],"listenForGlobalOptionsChanges":[{"__symbolic":"method"}],"persistDefautBoardOptions":[{"__symbolic":"method"}]}},"ConfigurationModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":16,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":18,"character":8},{"__symbolic":"reference","module":"@angular/material/button","name":"MatButtonModule","line":19,"character":8},{"__symbolic":"reference","module":"@angular/material/icon","name":"MatIconModule","line":20,"character":8},{"__symbolic":"reference","module":"@angular/material/checkbox","name":"MatCheckboxModule","line":21,"character":8},{"__symbolic":"reference","module":"@angular/material/input","name":"MatInputModule","line":22,"character":8},{"__symbolic":"reference","module":"@angular/material/select","name":"MatSelectModule","line":23,"character":8},{"__symbolic":"reference","module":"@angular/material/core","name":"MatOptionModule","line":24,"character":8},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":25,"character":8},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":26,"character":8},{"__symbolic":"reference","module":"@angular/material/slide-toggle","name":"MatSlideToggleModule","line":27,"character":8},{"__symbolic":"reference","module":"@angular/material/chips","name":"MatChipsModule","line":28,"character":8}],"declarations":[{"__symbolic":"reference","name":"BoardsConfigurationTabComponent"},{"__symbolic":"reference","name":"OptionsConfigurationTabComponent"},{"__symbolic":"reference","name":"ConfigurationComponent"}],"providers":[{"__symbolic":"reference","name":"OptionsService"}],"exports":[{"__symbolic":"reference","name":"BoardsConfigurationTabComponent"},{"__symbolic":"reference","name":"OptionsConfigurationTabComponent"},{"__symbolic":"reference","name":"ConfigurationComponent"}]}]}],"members":{}},"MenuEventService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":15,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"raiseMenuEvent":[{"__symbolic":"method"}],"listenForMenuEvents":[{"__symbolic":"method"}],"raiseGridEvent":[{"__symbolic":"method"}],"listenForGridEvents":[{"__symbolic":"method"}],"addSubscriber":[{"__symbolic":"method"}],"unSubscribeAll":[{"__symbolic":"method"}]}},"MenuComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":14,"character":1},"arguments":[{"moduleId":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"module"},"member":"id"},"selector":"dashboard-menu","template":"<div #stickymenu_tag class=\"ui inverted menu sticky\" ng-show=\"show\" style=\"height: 66px !important\">\n\n\n    <dashboard-typeahead-input (ArtificialIntelligenceEventEmitter)=\"emitBoardAIAddGadgetEvent($event)\" *ngIf=\"env.menu.aiSearch\" [placeHolderText]=\"placeHolderText\"\n                               [searchList]=\"searchList\"\n                               [typeAheadIsInMenu]=\"typeAheadIsInMenu\"\n                               class=\"item\"\n                               style=\"width:25%; padding-bottom:0\">\n    </dashboard-typeahead-input>\n\n\n    <div class=\"ui secondary inverted pointing menu board\">\n        <a (click)=\"emitBoardSelectEvent(board)\" *ngFor=\"let board of dashboardList; let i = index\"\n           [ngClass]=\"{'active':board == selectedBoard}\"\n           class=\"item\">\n            {{board}}\n        </a>\n    </div>\n\n\n    <div class=\"right inverted menu\">\n        <a (click)=\"toggleNotificationSideBar()\" *ngIf=\"env.menu.notification\"\n           class=\"item\">\n            <i class=\"large inverted alarm icon\"></i>\n            <div class=\"floating ui red label\">\n                <span style=\"font-size: 1.2em; font-weight: normal\">4</span>\n            </div>\n        </a>\n\n\n        <a (click)=\"addGadgetModal.showComponentLibraryModal('Add Gadget')\"\n           class=\"item\">\n            <i class=\"large inverted plus icon\"></i>\n        </a>\n\n\n        <a (click)=\"toggleLayoutSideBar()\"\n           class=\"item\">\n            <i class=\"large inverted grid layout icon\"></i>\n        </a>\n\n\n        <a (click)=\"boardConfigModal.showConfigurationModal('Configuration')\"\n           class=\"item\">\n            <i class=\"large inverted setting icon\"></i>\n        </a>\n\n\n        <a (click)=\"toggleAboutSideBar()\"\n           class=\"item\">\n            <i class=\"large inverted info icon\"></i>\n        </a>\n\n    </div>\n\n</div>\n<br>\n\n<!-- the modal will emit an event and call the grid component to add the requested cell to the board -->\n<dashboard-add-gadget-modal #addGadgetModal\n                            (addGadgetEvent)=\"emitBoardAddGadgetEvent($event)\">\n</dashboard-add-gadget-modal>\n\n<dashboard-configuration-modal #boardConfigModal\n                               (dashboardCreateEvent)=\"emitBoardCreateEvent($event)\"\n                               (dashboardDeleteEvent)=\"emitBoardDeleteEvent($event)\"\n                               (dashboardEditEvent)=\"emitBoardEditEvent($event)\"\n                               [dashboardList]=\"dashboardList\">\n\n\n</dashboard-configuration-modal>\n\n\n<!-- side bar content -->\n<div #notificationSideBar_tag class=\"ui sidebar inverted right vertical menu\">\n    <dashboard-notification-modal></dashboard-notification-modal>\n</div>\n\n<!-- side bar content -->\n<div #aboutSideBar_tag class=\"ui sidebar inverted right vertical menu\">\n    <dashboard-about-modal></dashboard-about-modal>\n</div>\n\n\n<div #layoutSideBar_tag class=\"ui sidebar inverted right vertical menu\">\n    <dashboard-layout-manager-modal (boardLayoutChangeEvent)=\"emitBoardChangeLayoutEvent($event)\"\n                                    [layoutId]=\"layoutId\">\n    </dashboard-layout-manager-modal>\n</div>\n\n","styles":[".ui.secondary.pointing.menu .active.item{border-color:#0f0!important;border-width:medium!important;color:#f9f9f9!important}.ui.secondary.pointing.menu .active.item,.ui.secondary.pointing.menu .item{font-family:Roboto,sans-serif!important;font-size:1.2em;font-weight:500!important}.ui.secondary.pointing.menu .item{color:hsla(0,0%,50.2%,.7)!important}.ui.secondary.pointing.menu{border-bottom:none!important}input{font-family:Roboto,sans-serif!important;font-size:1.1em;font-weight:300!important;outline:none!important;padding:5px}.ui.floating.label{margin:0;top:.5em}.ui.menu .item>.floating.label{padding:.3em .6em}.ui.menu{border-radius:0}.ui.inverted.menu{background-color:#1c2b36}.ui.menu .item>i.icon{margin:0}"]}]}],"members":{"show":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":30,"character":5}}]}],"notificationSideBarRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":33,"character":5},"arguments":["notificationSideBar_tag",{"static":false}]}]}],"layoutSideBarRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":34,"character":5},"arguments":["layoutSideBar_tag",{"static":false}]}]}],"aboutSideBarRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":35,"character":5},"arguments":["aboutSideBar_tag",{"static":false}]}]}],"stickyMenuRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":36,"character":5},"arguments":["stickymenu_tag",{"static":false}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"MenuEventService"}]}],"setupEventListeners":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"emitBoardChangeLayoutEvent":[{"__symbolic":"method"}],"emitBoardSelectEvent":[{"__symbolic":"method"}],"emitBoardCreateEvent":[{"__symbolic":"method"}],"emitBoardEditEvent":[{"__symbolic":"method"}],"emitBoardDeleteEvent":[{"__symbolic":"method"}],"emitBoardAddGadgetEvent":[{"__symbolic":"method"}],"emitBoardAIAddGadgetEvent":[{"__symbolic":"method"}],"updateDashboardMenu":[{"__symbolic":"method"}],"boardSelect":[{"__symbolic":"method"}],"toggleLayoutSideBar":[{"__symbolic":"method"}],"toggleNotificationSideBar":[{"__symbolic":"method"}],"toggleAboutSideBar":[{"__symbolic":"method"}]}},"MenuModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":17,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":19,"character":8},{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","name":"AddGadgetModule"},{"__symbolic":"reference","name":"LayoutModule"},{"__symbolic":"reference","name":"AboutModule"},{"__symbolic":"reference","name":"ConfigurationModule"},{"__symbolic":"reference","name":"TypeAheadInputModule"},{"__symbolic":"reference","module":"@angular/material/button","name":"MatButtonModule","line":26,"character":8},{"__symbolic":"reference","module":"@angular/material/icon","name":"MatIconModule","line":27,"character":8}],"providers":[{"__symbolic":"reference","name":"RuntimeService"},{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"GadgetPropertyService"},{"__symbolic":"reference","name":"ɵf"},{"__symbolic":"reference","name":"MenuEventService"}],"declarations":[{"__symbolic":"reference","name":"MenuComponent"}],"exports":[{"__symbolic":"reference","name":"MenuComponent"}]}]}],"members":{}},"BoardComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"dashboard-board","moduleId":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"module"},"member":"id"},"template":"<!--\n\nThe grid is primarily controlled by MenuService Events. You can change the behavior by\nchanging the MenuComponent and have it call methods within the Grid component via Output Events within the Menu component or by using the @ViewChild approach.\n\nIn the current code, the MenuService is shared by the GridComponent and MenuComponent. The MenuComponent relays events from the various components that make up the MenuComponent. The GridComponent listens for those events via an Observable. The GridComponent will also raise/emit an event that will be picked up by the MenuComponent via the MenuService through an Observable as well.\n\n-->\n<dashboard-menu [show]=\"showMenu\"></dashboard-menu>\n<dashboard-grid></dashboard-grid>\n"}]}],"members":{"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":5}}]}],"showMenu":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":5}}]}]}},"BoardModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":6,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":8,"character":8},{"__symbolic":"reference","name":"GridModule"},{"__symbolic":"reference","name":"MenuModule"}],"providers":[],"declarations":[{"__symbolic":"reference","name":"BoardComponent"}],"exports":[{"__symbolic":"reference","name":"BoardComponent"}]}]}],"members":{}},"CellComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":18,"character":1},"arguments":[{"selector":"dashboard-grid-cell","template":"<ng-template #container></ng-template>"}]}],"members":{"gadgetType":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":5}}]}],"gadgetConfig":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":5}}]}],"gadgetInstanceId":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":5}}]}],"gadgetTags":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":5}}]}],"viewContainerRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":28,"character":5},"arguments":["container",{"static":true,"read":{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":28,"character":49}}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ComponentFactoryResolver","line":32,"character":21},{"__symbolic":"reference","name":"GadgetInstanceService"}]}],"ngOnInit":[{"__symbolic":"method"}]}},"GridComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":11,"character":1},"arguments":[{"moduleId":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"module"},"member":"id"},"selector":"dashboard-grid","template":"<div class=\"ui centered stackable grid\" style=\"margin-left: 5px; margin-right: 5px\"\n>\n    <div *ngFor=\"let row of model.rows; let r = index\" [ngClass]=\"{'short-row': row.columns.length > 3, 'tall-row': row.columns.length <= 3 }\"\n         class=\"row\">\n\n        <ng-container cdkDropListGroup>\n            <div (cdkDropListDropped)=\"updateGadgetPositionInBoard($event, c , r, 'column')\" *ngFor=\"let col of row.columns; let c = index\" cdkDropList\n                 class=\"{{col.styleClass}} column\">\n\n                <div *ngIf=\"!col.gadgets || col.gadgets.length== 0\" [ngClass]=\"{'short-row': row.columns.length > 3, 'tall-row': row.columns.length <= 3 }\"\n                     class=\"ui center aligned massive info message\"\n                     style=\"text-align:center\">\n\n                    <span style=\"font-size: .75em\">Add Gadget!</span>\n\n                </div>\n\n                <dashboard-grid-cell *ngFor=\"let cellGadget of col.gadgets\" [cdkDragData]=\"cellGadget.instanceId\" [gadgetConfig]=\"cellGadget.config\"\n                                     [gadgetInstanceId]=\"cellGadget.instanceId\"\n                                     [gadgetTags]=\"cellGadget.tags\"\n                                     [gadgetType]=\"cellGadget.componentType\"\n                                     cdkDrag\n                                     class=\"target-box\"\n                                     style=\"display:inline-block; width:100%\"\n                >\n                    <div *cdkDragPlaceholder class=\"target-box-placeholder\"></div>\n                </dashboard-grid-cell>\n            </div>\n        </ng-container>\n    </div>\n</div>\n<dashboard-toast></dashboard-toast>\n","styles":[".ui.info.message{background-color:#c8cbce;color:#fff}.ui.attached.info.message,.ui.info.message{box-shadow:inset 0 0 0 0 #c8cbce,0 0 0 0 transparent}.short-row{min-height:150px}.tall-row{min-height:370px}.target-box-placeholder{background:transparent;border:none;min-height:400px;transition:transform .25s cubic-bezier(0,0,.2,1)}.target-box{align-items:center;box-sizing:border-box;color:rgba(0,0,0,.87);cursor:move;display:inline-block;flex-direction:row;font-size:14px;justify-content:center;padding:5px}"]}]}],"members":{"boardUpdateEvent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":19,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"GadgetInstanceService"},{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"AddGadgetService"},{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"MenuEventService"}]}],"removeOldListeners":[{"__symbolic":"method"}],"setupEventListeners":[{"__symbolic":"method"}],"getGadgetLibrary":[{"__symbolic":"method"}],"getGadgetFromLibrary":[{"__symbolic":"method"}],"addGadgetUsingArtificialIntelligence":[{"__symbolic":"method"}],"updateGadgetPositionInBoard":[{"__symbolic":"method"}],"createBoard":[{"__symbolic":"method"}],"editBoard":[{"__symbolic":"method"}],"deleteBoard":[{"__symbolic":"method"}],"addGadget":[{"__symbolic":"method"}],"updateBoardLayout":[{"__symbolic":"method"}],"enableConfigMode":[{"__symbolic":"method"}],"setModel":[{"__symbolic":"method"}],"getModel":[{"__symbolic":"method"}],"onDrop":[{"__symbolic":"method"}],"updateGridState":[{"__symbolic":"method"}],"readColumnsFromOriginalModel":[{"__symbolic":"method"}],"fillGridStructure":[{"__symbolic":"method"}],"copyGadgets":[{"__symbolic":"method"}],"initializeBoard":[{"__symbolic":"method"}],"loadBoard":[{"__symbolic":"method"}],"loadDefaultBoard":[{"__symbolic":"method"}],"loadNewBoard":[{"__symbolic":"method"}],"updateServicesAndGridWithModel":[{"__symbolic":"method"}],"saveBoard":[{"__symbolic":"method"}],"clearGridModelAndGadgetInstanceStructures":[{"__symbolic":"method"}],"setGadgetInsertPosition":[{"__symbolic":"method"}]}},"GadgetInstanceService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":11,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"addInstance":[{"__symbolic":"method"}],"enableConfigureMode":[{"__symbolic":"method"}],"removeInstance":[{"__symbolic":"method"}],"getInstanceCount":[{"__symbolic":"method"}],"setCurrentModel":[{"__symbolic":"method"}],"listenForInstanceRemovedEventsFromGadgets":[{"__symbolic":"method"}],"addSubscriber":[{"__symbolic":"method"}],"unSubscribeAll":[{"__symbolic":"method"}],"clearAllInstances":[{"__symbolic":"method"}]}},"GridModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":14,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":16,"character":8},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":17,"character":8},{"__symbolic":"reference","name":"ToastModule"},{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClientModule","line":19,"character":8},{"__symbolic":"reference","module":"@angular/cdk/drag-drop","name":"DragDropModule","line":20,"character":8}],"declarations":[{"__symbolic":"reference","name":"GridComponent"},{"__symbolic":"reference","name":"CellComponent"}],"exports":[{"__symbolic":"reference","name":"GridComponent"}],"providers":[{"__symbolic":"reference","name":"GadgetInstanceService"},{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"AddGadgetService"}]}]}],"members":{},"statics":{"withComponents":{"__symbolic":"function","parameters":["components"],"value":{"ngModule":{"__symbolic":"reference","name":"GridModule"},"providers":[{"provide":{"__symbolic":"reference","module":"@angular/core","name":"ANALYZE_FOR_ENTRY_COMPONENTS","line":40,"character":26},"useValue":{"__symbolic":"reference","name":"components"},"multi":true}]}}}},"AddGadgetService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":7,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClient","line":9,"character":31}]}],"getGadgetLibrary":[{"__symbolic":"method"}]},"statics":{"ɵprov":{}}},"GadgetFactory":{"__symbolic":"class","members":{},"statics":{"componentMap":{"__symbolic":"new","expression":{"__symbolic":"reference","name":"Map"}},"getComponentType":{"__symbolic":"function","parameters":["gadgetType"],"value":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"GadgetFactory"},"member":"componentMap"},"member":"get"},"arguments":[{"__symbolic":"reference","name":"gadgetType"}]}}}},"AddGadgetComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":23,"character":1},"arguments":[{"selector":"dashboard-add-gadget-modal","moduleId":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"module"},"member":"id"},"animations":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger","line":29,"character":8},"arguments":["showHideAnimation",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":32,"character":16},"arguments":[":enter",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":33,"character":20},"arguments":[{"opacity":0}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":34,"character":20},"arguments":[750,{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":34,"character":33},"arguments":[{"opacity":1}]}]}]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":36,"character":16},"arguments":[":leave",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":37,"character":20},"arguments":[750,{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":37,"character":33},"arguments":[{"opacity":0}]}]}]]}]]}],"template":"<div #messagemodal_tag class=\"ui long modal\">\n    <div class=\"header\">\n        <h2>{{modalheader}}</h2>\n    </div>\n\n    <dashboard-data-list\n\n        [facetTags]=\"facetTags\"\n        [layoutColumnOneWidth]=\"layoutColumnOneWidth\"\n        [layoutColumnTwoWidth]=\"layoutColumnTwoWidth\"\n        [listHeader]=\"listHeader\"\n        [objectList]=\"gadgetObjectList\"\n        [objectTitleList]=\"gadgetObjectTitleList\"\n        [placeHolderText]=\"placeHolderText\"\n        [typeAheadIsInMenu]=\"typeAheadIsInMenu\">\n\n        <ng-template let-item=\"$implicit\">\n\n            <div [@showHideAnimation] class=\"ui segment\" style=\"background-color:white;\">\n                <div class=\"ui large middle aligned divided list\">\n                    <div class=\"item\">\n                        <div class=\"right floated content\">\n                            <!-- todo : if there are more than one action display a button with\n                            vertical ellipse and implement onHover to show all action buttons\n                            -->\n                            <a (click)=\"actionHandler(item, item.actions[0].name)\"\n                               *ngIf=\"item.actions.length == 1\"\n                               color=\"primary\"\n                               mat-raised-button routerLink=\".\">\n                                {{item.actions[0].name}}\n                            </a>\n                        </div>\n                        <img class=\"ui image\" src=\"{{item.icon}}\">\n                        <div class=\"content\">\n                            <div class=\"header\">{{item.name}}</div>\n                            {{item.description}}\n                        </div>\n                    </div>\n                </div>\n                <div class=\"ui bottom attached\">\n                    <button *ngFor=\"let tag of item.tags\" class=\"ui basic gray compact button\">{{tag.name}}\n                    </button>\n                </div>\n            </div>\n\n        </ng-template>\n\n    </dashboard-data-list>\n\n    <div class=\"actions\">\n        <div class=\"ui approve button\">Close</div>\n    </div>\n</div>\n","styles":[".modal{background-color:#f7f7f7}"]}]}],"members":{"addGadgetEvent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":45,"character":5}}]}],"messagemodalRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":63,"character":5},"arguments":["messagemodal_tag",{"static":true}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"AddGadgetService"}]}],"actionHandler":[{"__symbolic":"method"}],"showMessageModal":[{"__symbolic":"method"}],"showComponentLibraryModal":[{"__symbolic":"method"}],"hideMessageModal":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"getObjectList":[{"__symbolic":"method"}]}},"AddGadgetModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":7,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":9,"character":8},{"__symbolic":"reference","name":"ɵd"},{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClientModule","line":11,"character":8}],"declarations":[{"__symbolic":"reference","name":"AddGadgetComponent"}],"providers":[{"__symbolic":"reference","name":"AddGadgetService"}],"exports":[{"__symbolic":"reference","name":"AddGadgetComponent"}]}]}],"members":{}},"GadgetHeaderComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":9,"character":1},"arguments":[{"moduleId":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"module"},"member":"id"},"selector":"dashboard-gadget-header","template":"<div class=\"ui top attached label\">\n\n    <button (click)=\"remove()\"\n            *ngIf=\"showControls || globalOptions.enableHover\" class=\"compact ui button right floated\">\n        <i class=\"trash icon\" style=\"margin-right:0 !important\"></i>\n    </button>\n    <button (click)=\"toggleConfigMode()\"\n            *ngIf=\"showControls || globalOptions.enableHover && showConfigurationControl\" class=\"compact ui button right floated\">\n        <i class=\"setting  icon\" style=\"margin-right:0 !important\"></i>\n    </button>\n    <button (click)=\"help()\"\n            *ngIf=\"showControls || globalOptions.enableHover\" class=\"compact ui button right floated\">\n        <i class=\"info icon\" style=\"margin-right:0 !important\"></i>\n    </button>\n\n    <dashboard-gadget-operation-control (runEvent)=\"run()\"\n                                        (stopEvent)=\"stop()\"\n                                        *ngIf=\"showControls || globalOptions.enableHover\"\n                                        [actionInitiated]=\"actionInitiated\"\n                                        [gadgetHasOperationControls]=\"gadgetHasOperationControls\"\n                                        [inConfig]=\"inConfig\"\n                                        [inRun]=\"inRun\"\n                                        [showOperationControls]=\"showOperationControls\">\n\n    </dashboard-gadget-operation-control>\n\n    <div class=\"ui top left floated label ct-title\">{{title}}</div>\n</div>\n<div class=\"spacer\"></div>\n","styles":[".gadget{color:grey;font-family:Helvetica Neue,Helvetica,Open Sans,Arial,Lucida Grande,sans-serif;margin-bottom:15px!important;min-height:inherit!important}:host /deep/ div:not(.proppages){display:block!important;margin-left:auto;margin-right:auto}.ui.form .field>label{color:grey;font-family:Helvetica Neue,Helvetica,Open Sans,Arial,Lucida Grande,sans-serif;font-size:1.3em!important;font-weight:300}#bt{text-align:center!important}input{border:none!important;font-size:1.3em!important;font-weight:300!important;outline:none!important;padding:5px;width:75%!important}.ct-title,input{font-family:Helvetica Neue,Helvetica,Open Sans,Arial,Lucida Grande,sans-serif}.ct-title{color:#585858!important;font-size:1.5em!important;font-weight:500!important;text-align:left!important}.ui.top.attached.label,.ui.top.left.floated.label{background-color:#fff}hr{border-style:solid;color:#000;font-weight:300!important;height:1px}.ui[class*=\"top attached\"].label:before{border-bottom:0 solid #d0d3d6;bottom:5px;content:\"\";height:1px;left:2%;position:absolute;width:95%}.spacer{height:2em}.ui.items>.item>.content>.description{color:#a9a9a9!important}.suggestions>li{background-color:#fff!important}td{color:grey}td,th{font-family:Helvetica Neue,Helvetica,Open Sans,Arial,Lucida Grande,sans-serif}th{color:#369}.example-full-width{width:100%}h4{font-weight:400}.ui.segment{border:none;box-shadow:none}"]}]}],"members":{"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":5}}]}],"showControls":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":5}}]}],"inRun":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":5}}]}],"inConfig":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":5}}]}],"actionInitiated":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":5}}]}],"showOperationControls":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":5}}]}],"showConfigurationControl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":5}}]}],"gadgetHasOperationControls":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":5}}]}],"globalOptions":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":5}}]}],"removeEvent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":25,"character":5}}]}],"toggleConfigModeEvent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":26,"character":5}}]}],"runEvent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":27,"character":5}}]}],"stopEvent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":28,"character":5}}]}],"helpEvent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":29,"character":5}}]}],"remove":[{"__symbolic":"method"}],"toggleConfigMode":[{"__symbolic":"method"}],"run":[{"__symbolic":"method"}],"stop":[{"__symbolic":"method"}],"help":[{"__symbolic":"method"}]}},"GadgetOperationComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"moduleId":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"module"},"member":"id"},"selector":"dashboard-gadget-operation-control","template":"\n\n        <button class=\"compact ui button right floated\"\n                *ngIf=\"!inRun && !actionInitiated && showOperationControls && gadgetHasOperationControls\"\n                (click)=\"run()\"><i class=\"green play icon\" style=\"margin-right:0 !important\"></i>\n        </button>\n\n        <button class=\"compact ui button right floated\"\n                *ngIf=\"!inRun &&\n        actionInitiated &&\n        showOperationControls &&\n        gadgetHasOperationControls\">\n            <i class=\"black spinner loading icon\" style=\"margin-right:0 !important\"></i>\n        </button>\n\n        <button class=\"compact ui button right floated\"\n                *ngIf=\"inRun && !actionInitiated && showOperationControls && gadgetHasOperationControls\"\n                (click)=\"stop()\"><i class=\"red stop icon\" style=\"margin-right:0 !important\"></i>\n        </button>\n    "}]}],"members":{"runEvent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":31,"character":5}}]}],"stopEvent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":32,"character":5}}]}],"inRun":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":34,"character":5}}]}],"actionInitiated":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":35,"character":5}}]}],"inConfig":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":36,"character":5}}]}],"showOperationControls":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":37,"character":5}}]}],"gadgetHasOperationControls":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":38,"character":5}}]}],"run":[{"__symbolic":"method"}],"stop":[{"__symbolic":"method"}]}},"HelpModalComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":17,"character":1},"arguments":[{"selector":"dashboard-help-modal","moduleId":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"module"},"member":"id"},"template":"<div #helpmodal_tag class=\"ui long modal\">\n    <div class=\"header\">\n        Help\n    </div>\n\n    <div class=\"ui basic segment\">\n        <br>\n        <br>\n        <p></p>\n        <br><br>\n    </div>\n    <div class=\"actions\">\n        <div class=\"ui approve button\">Close</div>\n    </div>\n</div>\n"}]}],"members":{"topic":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":5}}]}],"helpmodalaRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":31,"character":5},"arguments":["helpmodal_tag",{"static":true}]}]}],"__ctor__":[{"__symbolic":"constructor"}],"showMessageModal":[{"__symbolic":"method"}],"hideMessageModal":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"showHelp":[{"__symbolic":"method"}]}},"VisDrillDownComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":22,"character":1},"arguments":[{"selector":"dashboard-vis-drill-down-modal","moduleId":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"module"},"member":"id"},"animations":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger","line":28,"character":8},"arguments":["contentSwitch",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":29,"character":12},"arguments":["inactive",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":29,"character":30},"arguments":[{"opacity":0}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":32,"character":12},"arguments":["active",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":32,"character":28},"arguments":[{"opacity":1}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":35,"character":12},"arguments":["inactive => active",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":35,"character":45},"arguments":["750ms ease-in"]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":36,"character":12},"arguments":["active => inactive",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":36,"character":45},"arguments":["750ms ease-out"]}]}]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger","line":38,"character":8},"arguments":["tabSwitch",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":39,"character":12},"arguments":["inactive",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":39,"character":30},"arguments":[{"opacity":0.75}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":42,"character":12},"arguments":["active",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":42,"character":28},"arguments":[{"opacity":1}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":45,"character":12},"arguments":["inactive => active",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":45,"character":45},"arguments":["750ms ease-in"]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":46,"character":12},"arguments":["active => inactive",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":46,"character":45},"arguments":["750ms ease-out"]}]}]]}],"template":"<div #vismodal_tag class=\"ui long modal\">\n    <div class=\"header\">\n        <h2>{{modalheader}}</h2>\n    </div>\n\n\n    <div class=\"content\">\n\n        {{modalconfig}}\n\n    </div>\n\n\n    <div class=\"actions\">\n        <div class=\"ui approve button\">Close</div>\n    </div>\n</div>\n"}]}],"members":{"vismodalaRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":65,"character":5},"arguments":["vismodal_tag",{"static":true}]}]}],"__ctor__":[{"__symbolic":"constructor"}],"showMessageModal":[{"__symbolic":"method"}],"hideMessageModal":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"showDrillDownDetail":[{"__symbolic":"method"}],"showDetail":[{"__symbolic":"method"}]}},"GadgetPropertyService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":9,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"setPropertiesAndValues":[{"__symbolic":"method"}],"setPropertyPagesAndProperties":[{"__symbolic":"method"}]}},"GadgetSharedModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":8,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":10,"character":8},{"__symbolic":"reference","module":"@angular/material/progress-bar","name":"MatProgressBarModule","line":11,"character":8}],"declarations":[{"__symbolic":"reference","name":"GadgetHeaderComponent"},{"__symbolic":"reference","name":"GadgetOperationComponent"},{"__symbolic":"reference","name":"HelpModalComponent"},{"__symbolic":"reference","name":"VisDrillDownComponent"}],"exports":[{"__symbolic":"reference","name":"GadgetHeaderComponent"},{"__symbolic":"reference","name":"GadgetOperationComponent"},{"__symbolic":"reference","name":"HelpModalComponent"},{"__symbolic":"reference","name":"VisDrillDownComponent"}]}]}],"members":{}},"CapitalizeFirstPipe":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Pipe","line":12,"character":1},"arguments":[{"name":"capitalizeFirst"}]}],"members":{"transform":[{"__symbolic":"method"}]}},"FacetComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"moduleId":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"module"},"member":"id"},"selector":"dashboard-facet","template":"\n\n        <hr style='max-width: 100%; margin-left:0;'>\n        <br>\n        <div class='ui container grid'>\n            <div class='eight wide column' style=\"margin-left: 0 !important;padding-left: 0 !important;\">\n                <h4>{{facet.name}}</h4>\n            </div>\n            <div class='eight wide column'>\n                <div class='ui top right attached label' style='background-color: whitesmoke'>\n                    <i\n                        class='chevron icon' [ngClass]= \"{'up': facetOpen == 'in', 'down': facetOpen=='out'}\"\n                        (click)='toggleAccordion()'\n                        style='color:grey'>\n                    </i>\n                </div>\n            </div>\n        </div>\n        <div [@accordion]='facetOpen'>\n            <table class='ui very basic table' [@accordion2]='facetOpen'>\n                <tbody>\n                <tr *ngFor='let tag of facet.tags'>\n                    <td style=\"width: 35px !important\">\n                        <mat-checkbox (click)='tagSelect(tag.name)'></mat-checkbox>\n                        <!--<input type='checkbox' (click)='tagSelect(tag.name)'>-->\n                    </td>\n                    <td style='color:grey'>{{tag.name}} &nbsp;( {{tag.count}} )</td>\n                </tr>\n                </tbody>\n            </table>\n        </div>\n        <br>\n\n    ","animations":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger","line":48,"character":8},"arguments":["accordion",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":49,"character":12},"arguments":["in",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":49,"character":24},"arguments":[{"height":"*"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":52,"character":12},"arguments":["out",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":52,"character":25},"arguments":[{"opacity":"0","height":"0px"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":56,"character":12},"arguments":["in => out",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":56,"character":36},"arguments":["700ms ease-in-out"]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":57,"character":12},"arguments":["out => in",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":57,"character":36},"arguments":["300ms ease-in-out"]}]}]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger","line":59,"character":8},"arguments":["accordion2",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":60,"character":12},"arguments":["in",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":60,"character":24},"arguments":[{"height":"*"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":63,"character":12},"arguments":["out",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":63,"character":25},"arguments":[{"opacity":"0","height":"0px"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":67,"character":12},"arguments":["in => out",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":67,"character":36},"arguments":["300ms ease-in-out"]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":68,"character":12},"arguments":["out => in",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":68,"character":36},"arguments":["800ms ease-in-out"]}]}]]}],"styles":[".ui.avatar.image{height:4em!important;width:4.4em!important}hr{background:hsla(0,0%,43.1%,.1)!important;border:0;color:hsla(0,0%,43.1%,.1)!important;font-size:0;height:2px!important}.ui.input.focus input,.ui.input input:focus{border-color:#e9e9e9!important}h3,h4{color:rgba(66,66,66,.74)!important;font-size:.85em;font-weight:400!important}.segment,.ui.basic.segment{border-radius:5px!important}.ui.table tr td{border-top:none!important}.ui.table td{font-size:.8em;padding:.3em!important}"]}]}],"members":{"tagSelectEvent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":73,"character":5}}]}],"facet":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":74,"character":5}}]}],"openFacet":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":75,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"toggleAccordion":[{"__symbolic":"method"}],"tagSelect":[{"__symbolic":"method"}]}},"FacetTagProcessor":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"Array","arguments":[{"__symbolic":"reference","name":"any"}]}]}],"getFacetTags":[{"__symbolic":"method"}],"formatAndUpdateTagList":[{"__symbolic":"method"}],"createFacetAndAddItToTheFacetTagArray":[{"__symbolic":"method"}],"createTag":[{"__symbolic":"method"}],"updateFacetWithTag":[{"__symbolic":"method"}],"capitalize":[{"__symbolic":"method"}]}},"FilterListComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"moduleId":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"module"},"member":"id"},"selector":"dashboard-filter-list","template":"\n        <br>\n        <div *ngFor='let facet of facet_tags ;let i = index'>\n\n            <dashboard-facet [facet]='facet' (tagSelectEvent)='tagSelect($event)' [openFacet]='i < 2'></dashboard-facet>\n\n        </div>\n    ","styles":[".ui.avatar.image{height:4em!important;width:4.4em!important}hr{background:hsla(0,0%,43.1%,.1)!important;border:0;color:hsla(0,0%,43.1%,.1)!important;font-size:0;height:2px!important}.ui.input.focus input,.ui.input input:focus{border-color:#e9e9e9!important}h3,h4{color:rgba(66,66,66,.74)!important;font-size:.85em;font-weight:400!important}.segment,.ui.basic.segment{border-radius:5px!important}.ui.table tr td{border-top:none!important}.ui.table td{font-size:.8em;padding:.3em!important}"]}]}],"members":{"tagSelectEvent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":20,"character":5}}]}],"facet_tags":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":5}}]}],"tagSelect":[{"__symbolic":"method"}]}},"FilterTagComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":7,"character":1},"arguments":[{"moduleId":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"module"},"member":"id"},"selector":"dashboard-filter-tag","template":"\n        <div class='ui basic segment' style='background-color:white; min-height: 4.5em; border-radius:5px'>\n            <div class='ui large circular labels'>\n               <a class='ui label' [@showHideAnimation] *ngFor='let tag of filterList'>\n                    {{tag}}\n                </a>\n            </div>\n        </div>\n    ","animations":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger","line":21,"character":8},"arguments":["showHideAnimation",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":24,"character":16},"arguments":[":enter",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":25,"character":20},"arguments":[{"opacity":0}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":26,"character":20},"arguments":[750,{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":26,"character":33},"arguments":[{"opacity":1}]}]}]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":28,"character":16},"arguments":[":leave",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":29,"character":20},"arguments":[750,{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":29,"character":33},"arguments":[{"opacity":0}]}]}]]}]]}],"styles":[".gadget{color:grey;font-family:Helvetica Neue,Helvetica,Open Sans,Arial,Lucida Grande,sans-serif;margin-bottom:15px!important;min-height:inherit!important}:host /deep/ div:not(.proppages){display:block!important;margin-left:auto;margin-right:auto}.ui.form .field>label{color:grey;font-family:Helvetica Neue,Helvetica,Open Sans,Arial,Lucida Grande,sans-serif;font-size:1.3em!important;font-weight:300}#bt{text-align:center!important}input{border:none!important;font-size:1.3em!important;font-weight:300!important;outline:none!important;padding:5px;width:75%!important}.ct-title,input{font-family:Helvetica Neue,Helvetica,Open Sans,Arial,Lucida Grande,sans-serif}.ct-title{color:#585858!important;font-size:1.5em!important;font-weight:500!important;text-align:left!important}.ui.top.attached.label,.ui.top.left.floated.label{background-color:#fff}hr{border-style:solid;color:#000;font-weight:300!important;height:1px}.ui[class*=\"top attached\"].label:before{border-bottom:0 solid #d0d3d6;bottom:5px;content:\"\";height:1px;left:2%;position:absolute;width:95%}.spacer{height:2em}.ui.items>.item>.content>.description{color:#a9a9a9!important}.suggestions>li{background-color:#fff!important}td{color:grey}td,th{font-family:Helvetica Neue,Helvetica,Open Sans,Arial,Lucida Grande,sans-serif}th{color:#369}.example-full-width{width:100%}h4{font-weight:400}.ui.segment{border:none;box-shadow:none}"]}]}],"members":{"updateFilterListEvent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":37,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor"}],"updateFilterList":[{"__symbolic":"method"}]}},"FacetModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":10,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":12,"character":8},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":13,"character":8},{"__symbolic":"reference","module":"@angular/material/checkbox","name":"MatCheckboxModule","line":14,"character":8}],"declarations":[{"__symbolic":"reference","name":"FacetComponent"},{"__symbolic":"reference","name":"FilterListComponent"},{"__symbolic":"reference","name":"FilterTagComponent"},{"__symbolic":"reference","name":"CapitalizeFirstPipe"}],"providers":[{"__symbolic":"reference","name":"AddGadgetService"}],"exports":[{"__symbolic":"reference","name":"FacetComponent"},{"__symbolic":"reference","name":"FilterListComponent"},{"__symbolic":"reference","name":"FilterTagComponent"},{"__symbolic":"reference","name":"CapitalizeFirstPipe"}]}]}],"members":{}},"DetailModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":8,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":10,"character":8},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":11,"character":8}],"declarations":[{"__symbolic":"reference","name":"DetailComponent"},{"__symbolic":"reference","name":"FilterPipe"}],"providers":[{"__symbolic":"reference","name":"DetailService"}],"exports":[{"__symbolic":"reference","name":"DetailComponent"}]}]}],"members":{}},"DetailService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":6,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClient","line":12,"character":31}]}],"configure":[{"__symbolic":"method"}],"getDetailByChartSeriesSelected":[{"__symbolic":"method"}],"getDetail":[{"__symbolic":"method"}],"getRecord":[{"__symbolic":"method"}]}},"FilterPipe":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Pipe","line":2,"character":1},"arguments":[{"name":"filter"}]}],"members":{"transform":[{"__symbolic":"method"}]}},"DetailComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":9,"character":1},"arguments":[{"moduleId":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"module"},"member":"id"},"template":"<div class=\"ui centered stackable grid\" style=\"margin-left: 5px; margin-right: 5px\">\n    <div class=\"row\">\n        <div class=\"three wide column\"></div>\n        <div class=\"ten wide column left aligned\">\n\n            <div class=\"ui breadcrumb\">\n                <a (click)=\"goHome()\" class=\"section\">Board</a>\n\n                <span *ngFor=\"let nav of navRoutes,let i = index\">\n                    <span class=\"divider\">/</span>\n                    <a (click)=\"gotToRoute(nav, navRoutes.length -1 == i)\" [ngClass]=\"{'active': navRoutes.length -1 == i }\"\n                       class=\"section\">{{nav}}</a>\n                </span>\n\n            </div>\n\n            <div class=\"ui segment\">\n                <div class=\"ui top right attached label\"><a href=\"http://localhost:8080/detail/downloadFile\"\n                                                            target=\"_self\"><i class=\"big grey download icon\"></i></a>\n                </div>\n\n                <div class=\"ui  basic segment\">\n                     <span class=\"detail-left-header\">\n                        Type: {{chartSeries}}\n                    </span>\n                    <span class=\"detail-right-header\">\n                       Count: {{data.length}} Tasks\n                    </span>\n\n                </div>\n                <div class=\"ui fluid icon input\">\n                    <i class=\"search icon\"></i>\n                    <input [(ngModel)]=\"searchText\" placeholder=\"search text goes here\">\n                </div>\n                <table class=\"ui celled compact fixed table\">\n                    <thead>\n                    <tr>\n                        <th></th>\n                        <th style=\"text-align: center\">Status</th>\n                        <th>Master</th>\n                        <th>Job Name</th>\n                        <th>Sub Type</th>\n                        <th>Job Id</th>\n                        <th>Task Id</th>\n                        <th>Node</th>\n                        <th>Disk</th>\n                        <th>Task Start</th>\n                        <th>Task End</th>\n                    </tr>\n                    </thead>\n                    <tbody>\n                    <tr *ngFor=\"let task of data | filter : searchText; let i = index \">\n                        <td [ngClass]=\"{'negative': task.status != 'Completed', 'positive': task.status == 'Completed' }\">\n                            {{i + 1}}\n                        </td>\n                        <td style=\"text-align: center\"><i [ngClass]=\"{\n                        'red ban': task.status != 'Completed',\n                        'green check': task.status == 'Completed'\n                        }\" class=\"icon large \"></i></td>\n                        <td>{{task.master}}</td>\n                        <td>{{task.jobName}}</td>\n                        <td>{{task.subType}}</td>\n                        <td><a (click)=\"getObjectsByHateoasLink(task)\">{{task.jobId}}</a></td>\n                        <td><a (click)=\"getObject(task)\">{{task.taskId}}</a></td>\n                        <td>{{task.node}}</td>\n                        <td>{{task.disk}}</td>\n                        <td>{{task.taskStart}}</td>\n                        <td>{{task.taskEnd}}</td>\n                    </tr>\n                    </tbody>\n                </table>\n            </div>\n        </div>\n\n        <div class=\"three wide column\">\n            <div class=\"ui breadcrumb\">\n                &nbsp;\n            </div>\n            <div *ngIf=\"objectAsArray.length\" class=\"ui  segment\">\n                <div class=\"ui top right attached label\"><i class=\"big download icon\"></i></div>\n\n                <div class=\"ui  basic segment\">\n                    <span class=\"detail-left-header\">Detail</span>\n                </div>\n\n                <table class=\"ui celled compact fixed table\">\n                    <tr *ngFor=\"let property of objectAsArray; \">\n                        <td class=\"field\">{{property.key}}</td>\n                        <td>{{property.value}}</td>\n                    </tr>\n\n                </table>\n            </div>\n        </div>\n    </div>\n</div>\n\n","styles":["a,a label{cursor:pointer}.field{background:#4a95c3;color:#fff}.ui .breadcrumb{font-size:1.28571429rem}.detail-right-header{float:right}.detail-left-header,.detail-right-header{color:#616161;font-size:1.2rem}.label{background:transparent}.active{color:grey!important;font-weight:400!important}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/router","name":"Router","line":27,"character":33},{"__symbolic":"reference","module":"@angular/router","name":"ActivatedRoute","line":28,"character":32},{"__symbolic":"reference","name":"DetailService"}]}],"ngOnInit":[{"__symbolic":"method"}],"getObject":[{"__symbolic":"method"}],"getObjectsByHateoasLink":[{"__symbolic":"method"}],"getObjectsByMetric":[{"__symbolic":"method"}],"goHome":[{"__symbolic":"method"}],"gotToRoute":[{"__symbolic":"method"}],"clearDetailDisplay":[{"__symbolic":"method"}]}},"NotificationService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":2,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor"}]}},"NotificationComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"moduleId":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"module"},"member":"id"},"selector":"dashboard-notification-modal","template":"<!-- <div class=\"ui long modal\" #notificationModalTag> -->\n<br>\n<div class=\"header\">\n    <h2><span style=\"padding: 30px; color:white\">{{modalHeader}}</span></h2>\n</div>\n\n\n<!--todo this should be two tables, one for the top filters and another for the component specific filters -->\n<table class=\"ui inverted selectable celled table\">\n    <tbody>\n    <tr (click)=\"setSelectedNotificationFilter(item)\"\n        *ngFor=\"let item of notificationFilters; let idx = index\">\n        <td [ngClass]=\"{'selected': item.name == currentNotificationFilter.name, 'components': idx==1}\">\n            <div style=\"float:left;text-align:left\">{{item.name}}</div>\n            <div style=\"float:right;text-align: right\">{{item.count}}</div>\n        </td>\n    </tr>\n    </tbody>\n</table>\n\n<div>\n\n    <div *ngIf=\"currentNotificationFilter\">\n\n        <dashboard-notification-detail></dashboard-notification-detail>\n    </div>\n\n</div>\n\n\n\n","styles":[".components{border-bottom:solid!important;border-bottom-color:hsla(0,0%,50.2%,.69)!important;border-bottom-width:thin!important}td.selected{background-color:#4fa6d3!important;color:#fff;font-weight:lighter}td{line-height:1.7}.ui.table tr td{border:none}tr{cursor:pointer}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"setSelectedNotificationFilter":[{"__symbolic":"method"}]}},"NotificationDetailComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"dashboard-notification-detail","moduleId":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"module"},"member":"id"},"template":"<h3>&nbsp;&nbsp;Details</h3>\n<table class=\"ui inverted table\">\n    <tr *ngFor=\"let notification of notifications\">\n        <td style=\"font-weight:100 !important;\">\n            <div>\n                {{notification.description}}\n                <br>\n                {{notification.when}}\n            </div>\n        </td>\n    </tr>\n</table>\n\n\n\n\n\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}]}},"TypeAheadInputComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":7,"character":1},"arguments":[{"moduleId":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"module"},"member":"id"},"selector":"dashboard-typeahead-input","template":"<div [ngClass]=\"{inverted:typeAheadIsInMenu == true}\" class=\"ui fluid transparent icon input\">\n    <input (keyup)=filter() [(ngModel)]=query placeholder={{placeHolderText}} type=\"text\" width=\"100%\">\n    <i *ngIf=\"!query\" class=\"large grey search icon\"></i> <i (click)=\"query=''\" *ngIf=\"query\"\n                                                             class=\"large grey remove link icon\"></i>\n</div>\n\n<div *ngIf='filteredList.length > 0' class='suggestions'>\n\n    <ul style='list-style-type:none; background: white; border-radius: 7px;'>\n        <li *ngFor='let item of filteredList' style='padding:5px'>\n            <a (click)='select(item)'>{{item}}</a>\n        </li>\n    </ul>\n</div>\n","styles":[".full-width{width:100%}/deep/ .ui.menu .item>.input input{font-size:1.1em!important}/deep/ .mat-form-field-underline{height:0!important}"]}]}],"members":{"searchList":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":5}}]}],"placeHolderText":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":5}}]}],"typeAheadIsInMenu":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":5}}]}],"selectionEvent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":18,"character":5}}]}],"ArtificialIntelligenceEventEmitter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":19,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":28,"character":27},{"__symbolic":"reference","name":"RuntimeService"}]}],"filter":[{"__symbolic":"method"}],"select":[{"__symbolic":"method"}]}},"TypeAheadInputModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":7,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":9,"character":8},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":10,"character":8}],"declarations":[{"__symbolic":"reference","name":"TypeAheadInputComponent"}],"providers":[],"exports":[{"__symbolic":"reference","name":"TypeAheadInputComponent"}]}]}],"members":{}},"ToastComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":7,"character":1},"arguments":[{"selector":"dashboard-toast","animations":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger","line":13,"character":8},"arguments":["showHide",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":14,"character":12},"arguments":[":enter",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":15,"character":16},"arguments":[{"opacity":0}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":16,"character":16},"arguments":["500ms",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":16,"character":33},"arguments":[{"opacity":1}]}]}]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":18,"character":12},"arguments":[":leave",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":19,"character":16},"arguments":[{"opacity":1}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":20,"character":16},"arguments":["500ms",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":20,"character":33},"arguments":[{"opacity":0}]}]}]]}]]}],"template":"<div class=\"wrapper\">\n    <div *ngFor=\"let message of messages\" class=\"toast\">\n        <table (click)=\"dismiss(message.id)\" *ngIf=\"message.dismissed == false\" [@showHide] class=\"ui table\">\n            <tr>\n                <td class=\"toast-icon\" width='50px'><i\n                    class=\"large inverted check icon\"></i></td>\n                <td>\n                    <div class=\"toast-message\">\n                        {{message.content}}\n                    </div>\n                </td>\n            </tr>\n        </table>\n    </div>\n</div>\n","styles":[".wrapper{position:absolute;right:10px;top:50px;width:400px;z-index:1000}.toast{width:inherit}.toast-icon{background-color:#384b5f;text-align:center}.ui[class*=\"top right attached\"].label{background-color:transparent}.toast-message{display:table-cell;height:40px;vertical-align:middle}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵa"}]}],"ngOnInit":[{"__symbolic":"method"}],"dismiss":[{"__symbolic":"method"}]}},"ToastModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":6,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":8,"character":8}],"declarations":[{"__symbolic":"reference","name":"ToastComponent"},{"__symbolic":"reference","name":"ɵg"}],"providers":[{"__symbolic":"reference","name":"ɵa"}],"exports":[{"__symbolic":"reference","name":"ToastComponent"}]}]}],"members":{}},"BoardLayoutManagerComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":18,"character":1},"arguments":[{"selector":"dashboard-layout-manager-modal","moduleId":"layout","template":"<br>\n\n<div style=\"text-align: center\">\n    <h2>{{modalHeader}}</h2>\n</div>\n<hr>\n\n<br>\n<br>\n<ul>\n    <li *ngFor=\"let layout of boardLayouts; let i = index\"\n        style='list-style: none'>\n        <img (click)=\"selectBoardLayout(layout.id)\" [ngClass]=\"{'layout-selected': layoutId == layout.id }\"\n             src=\"/assets/images/{{layout.title}}.png\">\n\n    </li>\n</ul>\n\n\n\n","styles":[".layout-selected{border-top:solid #7cfc00;padding-top:5px}ul{text-align:center}h2{color:#fff!important}dir,menu,ul{-webkit-padding-start:5px}"]}]}],"members":{"layoutId":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":27,"character":5}}]}],"boardLayoutChangeEvent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":28,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor"}],"selectBoardLayout":[{"__symbolic":"method"}],"initializeLayouts":[{"__symbolic":"method"}]}},"LayoutModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":4,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":6,"character":8}],"declarations":[{"__symbolic":"reference","name":"BoardLayoutManagerComponent"}],"exports":[{"__symbolic":"reference","name":"BoardLayoutManagerComponent"}]}]}],"members":{}},"AboutService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":6,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClient","line":11,"character":31}]}],"getAPIVersion":[{"__symbolic":"method"}]},"statics":{"ɵprov":{}}},"AboutComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":18,"character":1},"arguments":[{"selector":"dashboard-about-modal","moduleId":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"module"},"member":"id"},"template":"<br>\n\n<div style=\"text-align: center\">\n    <h2>{{modalHeader}}</h2>\n</div>\n\n<hr>\n\n<br>\n<br>\n\n<div style=\"text-align: center\">\n    <h4>{{env.productName}}</h4>\n</div>\n\n\n<div style=\"text-align: center\">\n    <h4>Version {{env.productVersion}}</h4>\n</div>\n\n<br>\n<br>\n\n<div style=\"text-align: center\">\n    <h4>API Version</h4>\n</div>\n\n<div style=\"text-align: center\">\n    <h4>{{apiVersion}}</h4>\n</div>\n\n\n\n\n\n      ","styles":["ul{text-align:center}h2,h3,h4{color:#fff!important;font-weight:400!important}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"AboutService"}]}],"ngAfterViewInit":[{"__symbolic":"method"}],"getVersion":[{"__symbolic":"method"}]}},"AboutModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":5,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":7,"character":8}],"declarations":[{"__symbolic":"reference","name":"AboutComponent"}],"exports":[{"__symbolic":"reference","name":"AboutComponent"}],"providers":[{"__symbolic":"reference","name":"AboutService"}]}]}],"members":{}},"DynamicFormPropertyComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":9,"character":1},"arguments":[{"moduleId":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"module"},"member":"id"},"selector":"dashboard-df-property","animations":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger","line":16,"character":8},"arguments":["showHideAnimation",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":19,"character":16},"arguments":[":enter",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":20,"character":20},"arguments":[{"opacity":0}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":21,"character":20},"arguments":[750,{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":21,"character":33},"arguments":[{"opacity":1}]}]}]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":23,"character":16},"arguments":[":leave",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":24,"character":20},"arguments":[750,{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":24,"character":33},"arguments":[{"opacity":0}]}]}]]}]]}],"template":"<div [formGroup]=\"form\">\n\n    <div class=\"field\">\n        <label [attr.for]=\"property.key\">{{property.label}}</label>\n\n        <div [ngSwitch]=\"property.controlType\">\n\n            <input *ngSwitchCase=\"'textbox'\"\n                   [formControlName]=\"property.key\"\n                   [id]=\"property.key\"\n                   [type]=\"property.type\">\n\n            <select *ngSwitchCase=\"'dropdown'\"\n                    [formControlName]=\"property.key\"\n                    [id]=\"property.key\">\n\n                <option *ngFor=\"let opt of property.options\"\n                        [value]=\"opt.value\">{{opt.key}}\n                </option>\n            </select>\n\n            <!--todo - fix checkbox type. The value is not properly set by the data so using hard coded type -->\n            <input (change)=\"property.value = $event.target.checked\"\n                   *ngSwitchCase=\"'checkbox'\"\n                   [(ngModel)]=\"property.value\"\n                   [attr.checked]=\"property.value ? true : null\"\n                   [formControlName]=\"property.key\"\n                   [id]=\"property.key\"\n                   [type]=\"'checkbox'\">\n\n            <input *ngSwitchCase=\"'number'\"\n                   [formControlName]=\"property.key\"\n                   [id]=\"property.key\"\n                   [type]=\"'number'\">\n\n\n            <input *ngSwitchCase=\"'hidden'\"\n                   [formControlName]=\"property.key\"\n                   [id]=\"property.key\"\n                   [type]=\"property.type\">\n\n            <select (change)=\"property.value = $event.target.toString()\"\n                    *ngSwitchCase=\"'dynamicdropdown'\"\n                    [formControlName]=\"property.key\"\n                    [id]=\"property.key\">\n\n                <option></option>\n                <option *ngFor=\"let opt of endPoints\"\n                        [value]=\"opt.name\">{{opt.name}}\n                </option>\n\n            </select>\n        </div>\n    </div>\n\n    <div *ngIf=\"!isValid\" [@showHideAnimation] class=\"ui error message\">{{property.label}} is required</div>\n\n\n</div>\n","styles":[".field>label{color:#767676!important;font-size:1.1em!important;font-weight:300}.ui.tabular.menu .active.item{border-top-color:#2185d0!important;border-top-width:3px!important}.ui.segment{border:none}select{color:rgba(97,97,97,.68)!important;height:3em!important}input{border:thin solid #d3d3d3;border-radius:5px;line-height:2em;padding:5px;width:100%}"]}]}],"members":{"property":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":30,"character":5}}]}],"form":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":5}}]}],"gadgetTags":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":32,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor"}],"updateEndPointList":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}]}},"DynamicFormComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":13,"character":1},"arguments":[{"moduleId":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"module"},"member":"id"},"selector":"dashboard-dynamic-form","animations":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger","line":22,"character":8},"arguments":["contentSwitch",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":23,"character":12},"arguments":["inactive",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":23,"character":30},"arguments":[{"opacity":0}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":26,"character":12},"arguments":["active",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":26,"character":28},"arguments":[{"opacity":1}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":29,"character":12},"arguments":["inactive => active",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":29,"character":45},"arguments":["750ms ease-in"]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":30,"character":12},"arguments":["active => inactive",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":30,"character":45},"arguments":["750ms ease-out"]}]}]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger","line":32,"character":8},"arguments":["showHideAnimation",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":35,"character":16},"arguments":[":enter",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":36,"character":20},"arguments":[{"opacity":0}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":37,"character":20},"arguments":[750,{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":37,"character":33},"arguments":[{"opacity":1}]}]}]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":39,"character":16},"arguments":[":leave",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":40,"character":20},"arguments":[750,{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":40,"character":33},"arguments":[{"opacity":0}]}]}]]}]]}],"providers":[{"__symbolic":"reference","name":"ɵh"}],"template":"<div class=\"ui form\" style=\"text-align: left !important\">\n    <form (ngSubmit)=\"onSubmit()\" [formGroup]=\"form\">\n\n        <div #tabComponentTag class=\"proppages ui top attached tabular menu\">\n            <a #tabComponentTag (click)=\"setCurrentTab(tab)\" *ngFor=\"let tab of propertyPages; let i = index\"\n               [ngClass]=\"{'active': tab.groupId == currentTab }\"\n               attr.data-tab=\"{{tab.groupId}}\" class=\"item\">{{tab.displayName}} </a>\n        </div>\n\n        <div *ngFor=\"let page of propertyPages; let i = index\"\n             [@contentSwitch]=\"page.groupId == currentTab ? 'active':'inactive'\" [ngClass]=\"{'active': page.groupId == currentTab }\"\n             attr.data-tab=\"{{page.groupId}}\"\n             class=\"proppages ui bottom attached tab segment\">\n\n\n            <div *ngFor=\"let property of page.properties\"\n                 class=\"form-row\">\n                <dashboard-df-property\n                    [form]=\"form\"\n                    [gadgetTags]=\"gadgetTags\"\n                    [property]=\"property\"\n                >\n\n                </dashboard-df-property>\n                <br>\n            </div>\n\n        </div>\n        <div class=\"form-row field\">\n            <button [disabled]=\"!form.valid || !form.dirty\" class=\"ui green submit button\" type=\"submit\"> Save</button>\n        </div>\n    </form>\n\n    <div *ngIf=\"showMessage\" [@showHideAnimation] class=\"form-row\">\n        <br>\n        <div class=\"ui success message\">Saved!</div>\n    </div>\n\n</div>\n","styles":[".field>label{color:#767676!important;font-size:1.1em!important;font-weight:300}.ui.tabular.menu .active.item{border-top-color:#2185d0!important;border-top-width:3px!important}.ui.segment{border:none}select{color:rgba(97,97,97,.68)!important;height:3em!important}input{border:thin solid #d3d3d3;border-radius:5px;line-height:2em;padding:5px;width:100%}"]}]}],"members":{"gadgetTags":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":48,"character":5}}]}],"propertyPages":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":49,"character":5}}]}],"instanceId":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":50,"character":5}}]}],"updatePropertiesEvent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":51,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵh"},{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":62,"character":44}]}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"onSubmit":[{"__symbolic":"method"}],"setCurrentTab":[{"__symbolic":"method"}]}},"DynamicFormModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":8,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":10,"character":8},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":11,"character":8},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":12,"character":8}],"declarations":[{"__symbolic":"reference","name":"DynamicFormComponent"},{"__symbolic":"reference","name":"DynamicFormPropertyComponent"}],"providers":[{"__symbolic":"reference","name":"ɵh"}],"exports":[{"__symbolic":"reference","name":"DynamicFormComponent"},{"__symbolic":"reference","name":"DynamicFormPropertyComponent"}]}]}],"members":{}},"GadgetBase":{"__symbolic":"class","members":{"propertyPageForm":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":14,"character":5},"arguments":[{"__symbolic":"reference","name":"DynamicFormComponent"},{"static":true}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"GadgetInstanceService"},{"__symbolic":"reference","name":"GadgetPropertyService"},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":82,"character":56},{"__symbolic":"reference","name":"OptionsService"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"initializeState":[{"__symbolic":"method"}],"toggleConfigMode":[{"__symbolic":"method"}],"initializeProperties":[{"__symbolic":"method"}],"run":[{"__symbolic":"method"}],"stop":[{"__symbolic":"method"}],"updateProperties":[{"__symbolic":"method"}],"updateData":[{"__symbolic":"method"}],"preRun":[{"__symbolic":"method"}],"handleError":[{"__symbolic":"method"}],"initializeRunState":[{"__symbolic":"method"}],"setInRunState":[{"__symbolic":"method"}],"setStopState":[{"__symbolic":"method"}],"remove":[{"__symbolic":"method"}],"showGadgetControls":[{"__symbolic":"method"}],"configureGadget":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"updateGadgetWithGlobalOptions":[{"__symbolic":"method"}],"setEndPoint":[{"__symbolic":"method"}],"getEndPoint":[{"__symbolic":"method"}],"setTitle":[{"__symbolic":"method"}],"getPropFromPropertyPages":[{"__symbolic":"method"}]}},"GadgetConfigModel":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"any"}]}]}},"ErrorHandlerComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":7,"character":1},"arguments":[{"moduleId":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"module"},"member":"id"},"selector":"dashboard-error-handler","animations":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger","line":14,"character":8},"arguments":["error",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":15,"character":12},"arguments":[":enter",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":16,"character":16},"arguments":[{"opacity":0}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":17,"character":16},"arguments":["1000ms",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":17,"character":34},"arguments":[{"opacity":1}]}]}]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":19,"character":12},"arguments":[":leave",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":20,"character":16},"arguments":[{"opacity":1}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":21,"character":16},"arguments":["1000ms",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":21,"character":34},"arguments":[{"opacity":0}]}]}]]}]]}],"template":"<div *ngIf=\"errorExists\" [@error]=\"errorExists\" class=\"ui bottom attached negative message\">\n    <i (click)=\"closeMessage()\" class=\"close icon\"></i>\n    <div class=\"header\">\n        {{errorObject.summary}}\n    </div>\n    <p>\n        {{errorObject.detail}}\n    </p>\n\n    <p>\n        resource: {{errorObject.resource}}\n    </p>\n\n    <span class=\"error-heading\"> Potential solutions</span>\n    <hr style=\"color:rgba(194,197,200,0.37)\">\n    <div *ngFor=\"let solution of errorObject.solutions\" style=\"text-align: left !important\">\n        <br><span class=\"error-heading\">article:&nbsp;</span> {{solution.link}}\n        <br><span class=\"error-heading\">summary:&nbsp;</span> {{solution.summary}}\n    </div>\n</div>\n","styles":[".error-heading{color:grey!important;text-align:left}"]}]}],"members":{"errorObject":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":27,"character":5}}]}],"errorExists":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":28,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor"}],"closeMessage":[{"__symbolic":"method"}]}},"ErrorHandlerModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":4,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":6,"character":8}],"declarations":[{"__symbolic":"reference","name":"ErrorHandlerComponent"}],"exports":[{"__symbolic":"reference","name":"ErrorHandlerComponent"}]}]}],"members":{}},"RuntimeService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":9,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor"}]}},"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":3,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"getMessages":[{"__symbolic":"method"}],"sendMessage":[{"__symbolic":"method"}],"dismissMessage":[{"__symbolic":"method"}],"purgeDismissedMessages":[{"__symbolic":"method"}]}},"ɵb":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":12,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClient","line":28,"character":31}]}],"getBoards":[{"__symbolic":"method"}],"saveBoard":[{"__symbolic":"method"}],"deleteBoard":[{"__symbolic":"method"}],"getDefaultBoard":[{"__symbolic":"method"}],"notifyGadgetOnPropertyChange":[{"__symbolic":"method"}],"setCurrentModel":[{"__symbolic":"method"}],"savePropertyPageConfigurationToStore":[{"__symbolic":"method"}],"updateProperties":[{"__symbolic":"method"}],"seedLocalStorageWithSampleBoardCollection":[{"__symbolic":"method"}],"delete":[{"__symbolic":"method"}],"deleteBoardFromLocalStore":[{"__symbolic":"method"}]}},"ɵc":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":6,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":8,"character":8}],"declarations":[{"__symbolic":"reference","name":"NotificationComponent"},{"__symbolic":"reference","name":"NotificationDetailComponent"}],"providers":[{"__symbolic":"reference","name":"NotificationService"}],"exports":[{"__symbolic":"reference","name":"NotificationComponent"}]}]}],"members":{}},"ɵd":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":8,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":10,"character":8},{"__symbolic":"reference","name":"FacetModule"},{"__symbolic":"reference","name":"TypeAheadInputModule"},{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClientModule","line":13,"character":8},{"__symbolic":"reference","module":"@angular/platform-browser/animations","name":"BrowserAnimationsModule","line":14,"character":8}],"declarations":[{"__symbolic":"reference","name":"ɵe"}],"providers":[],"exports":[{"__symbolic":"reference","name":"ɵe"}]}]}],"members":{}},"ɵe":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"dashboard-data-list","moduleId":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"module"},"member":"id"},"template":"<div class=\"content\">\n    <div class=\"ui grid\">\n        <div class=\"{{layoutColumnOneWidth}} wide column\">\n            <dashboard-typeahead-input\n                (selectionEvent)=\"filterListBySearchString($event)\"\n                [placeHolderText]=\"placeHolderText\"\n                [searchList]=\"objectTitleList\"\n                [typeAheadIsInMenu]=\"typeAheadIsInMenu\">\n            </dashboard-typeahead-input>\n            <dashboard-filter-list #filterComponent\n                                   (tagSelectEvent)=\"filterTag.updateFilterList($event)\"\n                                   [facet_tags]=\"facetTags\">\n\n            </dashboard-filter-list>\n        </div>\n        <div class=\"{{layoutColumnTwoWidth}} wide column\">\n            <br>\n            <dashboard-filter-tag #filterTag\n                                  (updateFilterListEvent)=\"filterListByTags($event)\">\n\n            </dashboard-filter-tag>\n\n            <div class=\"list-content\">\n                <ng-template [ngForOf]=\"objectList\" [ngForTemplate]=\"template\" ngFor></ng-template>\n            </div>\n        </div>\n    </div>\n</div>\n","styles":[".content{background-color:#f7f7f7;margin-left:25px;margin-top:25px;padding:5px}hr{background:hsla(0,0%,43.1%,.1)!important;border:0;color:hsla(0,0%,43.1%,.1)!important;font-size:0;height:2px!important}.list-content{margin-top:20px;max-height:700px;overflow-y:scroll;padding-right:10px}"]}]}],"members":{"objectList":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":5}}]}],"objectTitleList":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":5}}]}],"placeHolderText":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":5}}]}],"layoutColumnOneWidth":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":5}}]}],"layoutColumnTwoWidth":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":5}}]}],"listHeader":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":5}}]}],"typeAheadIsInMenu":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":5}}]}],"facetTags":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":5}}]}],"template":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":20,"character":5},"arguments":[{"__symbolic":"reference","module":"@angular/core","name":"TemplateRef","line":20,"character":18},{"static":true}]}]}],"filterListByTags":[{"__symbolic":"method"}],"filterListBySearchString":[{"__symbolic":"method"}],"copyObjectList":[{"__symbolic":"method"}]}},"ɵf":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":4,"character":1}}],"members":{"createObservableWebSocket":[{"__symbolic":"method"}],"sendMessage":[{"__symbolic":"method"}]}},"ɵg":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Pipe","line":3,"character":1},"arguments":[{"name":"reverse"}]}],"members":{"transform":[{"__symbolic":"method"}]}},"ɵh":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":6,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"toFormGroupFromPP":[{"__symbolic":"method"}]}}},"origins":{"OptionsConfigurationTabComponent":"./dashboard/configuration/tab-options/options-configuration-tab.component","BoardsConfigurationTabComponent":"./dashboard/configuration/tab-boards/boards-configuration-tab.component","ConfigurationComponent":"./dashboard/configuration/configuration-component","OptionsService":"./dashboard/configuration/tab-options/service","ConfigurationModule":"./dashboard/configuration/configuration.module","MenuEventService":"./dashboard/menu/menu-service","MenuComponent":"./dashboard/menu/menu.component","MenuModule":"./dashboard/menu/menu.module","BoardComponent":"./dashboard/board/board.component","BoardModule":"./dashboard/board/board.module","CellComponent":"./dashboard/grid/cell.component","GridComponent":"./dashboard/grid/grid.component","GadgetInstanceService":"./dashboard/grid/grid.service","GridModule":"./dashboard/grid/grid.module","AddGadgetService":"./dashboard/add-gadget/service","GadgetFactory":"./dashboard/add-gadget/gadget-factory","AddGadgetComponent":"./dashboard/add-gadget/add-gadget-component","AddGadgetModule":"./dashboard/add-gadget/add-gadget.module","GadgetHeaderComponent":"./dashboard/gadgets/_common/gadget-header-component","GadgetOperationComponent":"./dashboard/gadgets/_common/gadget-operation-control-component","HelpModalComponent":"./dashboard/gadgets/_common/help-modal-component","VisDrillDownComponent":"./dashboard/gadgets/_common/vis-drill-down-component","GadgetPropertyService":"./dashboard/gadgets/_common/gadget-property.service","GadgetSharedModule":"./dashboard/gadgets/_common/gadget-shared.module","CapitalizeFirstPipe":"./dashboard/facet/capitalize-first-character-pipe","FacetComponent":"./dashboard/facet/facet-component","FacetTagProcessor":"./dashboard/facet/facet-tag-processor","FilterListComponent":"./dashboard/facet/filter-list-component","FilterTagComponent":"./dashboard/facet/filter-tag-component","FacetModule":"./dashboard/facet/facet.module","DetailModule":"./dashboard/detail/detail.module","DetailService":"./dashboard/detail/service","FilterPipe":"./dashboard/detail/filter.pipe","DetailComponent":"./dashboard/detail/detail.component","NotificationService":"./dashboard/notification/notification-service","NotificationComponent":"./dashboard/notification/notification-component","NotificationDetailComponent":"./dashboard/notification/notificationDetail.component","TypeAheadInputComponent":"./dashboard/typeahead-input/typeahead-input.component","TypeAheadInputModule":"./dashboard/typeahead-input/typeahead-input.module","ToastComponent":"./dashboard/toast/toast.component","ToastModule":"./dashboard/toast/toast.module","BoardLayoutManagerComponent":"./dashboard/layout/layout-component","LayoutModule":"./dashboard/layout/layout.module","AboutService":"./dashboard/about/service","AboutComponent":"./dashboard/about/about-component","AboutModule":"./dashboard/about/about.module","DynamicFormPropertyComponent":"./dashboard/dynamic-form/dynamic-form-property.component","DynamicFormComponent":"./dashboard/dynamic-form/dynamic-form.component","DynamicFormModule":"./dashboard/dynamic-form/dynamic-form-module","GadgetBase":"./dashboard/gadgets/_common/gadget-base","GadgetConfigModel":"./dashboard/gadgets/_common/gadget-config-model","ErrorHandlerComponent":"./dashboard/error/error-handler.component","ErrorHandlerModule":"./dashboard/error/error.module","RuntimeService":"./dashboard/services/runtime.service","ɵa":"./dashboard/toast/toast.service","ɵb":"./dashboard/services/configuration.service","ɵc":"./dashboard/notification/notification.module","ɵd":"./dashboard/datalist/data-list.module","ɵe":"./dashboard/datalist/data-list.component","ɵf":"./dashboard/services/websocket-service","ɵg":"./dashboard/toast/reverse.pipe","ɵh":"./dashboard/dynamic-form/property-control.service"},"importAs":"ngx-dynamic-dashboard"}