ngx-dynamic-dashboard
Version:
an dashboard lib for angular 10
1 lines • 113 kB
JSON
{"__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":tru