@schneideress/dashboardframework 0.0.188 → 0.0.189

package/lib/ra-widget-container/ra.widget.container.component.d.ts

@@ -17,15 +17,12 @@ export declare class RAWidgetContainer implements OnChanges, AfterViewInit, OnDe
     private isWidgetLoaded;
     private widgetElement;
     private configChanged;
-    private isIEOrEdge;
     widgetHeight: number;
     lockClass: string;
     lockStatus: RaWidgetlockStatus;
     isDownloadIconVisible: boolean;
     isChartDownloadVisible: boolean;
     isGridDownloadVisible: boolean;
-    dropDownShown: boolean;
-    isDownloadChartVisible: boolean;
     downloadIconType: RADownloadType;
     enableTitleLine: boolean;
     isGlobalFilterApplied: boolean;
@@ -50,10 +47,11 @@ export declare class RAWidgetContainer implements OnChanges, AfterViewInit, OnDe
     deleteToolTipWidth: string;
     widgetSettings: any;
     noPadding: boolean;
+    isMouseHover: boolean;
     ctlWidget: ElementRef;
     widgetDropdown: ElementRef;
-    widgetDownload: ElementRef;
     searchInput: ElementRef;
+    wcWrapper: ElementRef;
     widgetInstanceId: number;
     globalFilter: any;
     data: any;
@@ -105,10 +103,13 @@ export declare class RAWidgetContainer implements OnChanges, AfterViewInit, OnDe
     private setLock;
     setDownloadIcon(): Promise<void>;
     downloadIconClicked(type: string): void;
+    private removeMenu;
     /**Show dropdown on gear icon click  */
-    showDropDown(): void;
-    /**Hide dropdown on outside click */
-    hideDropDown(): void;
+    showDropDown(e: any): void;
+    private addEventListener;
+    private getContenxtHtml;
+    private getHr;
+    private getHtmlForButton;
     private getParsedConfig;
     private applayWidgetSettings;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@schneideress/dashboardframework",
-  "version": "0.0.188",
+  "version": "0.0.189",
   "description": "Dashboard framework library",
   "license": "MIT",
   "peerDependencies": {

package/schneideress-dashboardframework.metadata.json

@@ -1 +1 @@
-{"__symbolic":"module","version":4,"metadata":{"RaDashboardService":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@schneideress/ra-common","name":"BaseService","line":10,"character":40},"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/core","name":"Injector","line":12,"character":24}]}],"loadExternalScript":[{"__symbolic":"method"}],"getWidgetsByDashboardArea":[{"__symbolic":"method"}],"updateWidgets":[{"__symbolic":"method"}],"getWidgetConfigInfo":[{"__symbolic":"method"}],"updateConfig":[{"__symbolic":"method"}],"addWidget":[{"__symbolic":"method"}],"deleteWidget":[{"__symbolic":"method"}],"updateWidget":[{"__symbolic":"method"}],"moveWidget":[{"__symbolic":"method"}],"copyWidget":[{"__symbolic":"method"}]},"statics":{"ngInjectableDef":{}}},"RADashboardArea":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":12,"character":1},"arguments":[{"selector":"ra-dashboard-area","template":"<div #gridWrapper class=\"wrap gridster gridster-mobile\" [style.height.px]=\"gridheight\">\r\n  <!-- <div #gridWrapper class=\"wrap gridster\"> -->\r\n  <gridster [options]=\"options\" style=\"height:100%;\">\r\n    <gridster-item [item]=\"item\" *ngFor=\"let item of widgetList\">\r\n      <ra-widget-container [app-config]=\"appConfig\" [event-bus]=\"raDashboardEventBus\"\r\n        (widgetDeleted)=\"deleteWidget($event)\" [data]=\"item\" [global-filter]=\"globalFilter\"\r\n        [grid-cell-height]=\"gridcellHeight\" *ngIf=\"gridcellHeight && gridcellHeight > 0\" [widget-width]=\"item.cols\"\r\n        [widget-height]=\"item.rows\" [widget-instance-id]=\"item.widgetInstanceId\" [dom-resized]=\"domResized\">\r\n      </ra-widget-container>\r\n    </gridster-item>\r\n  </gridster>\r\n  <notifier-container></notifier-container>\r\n</div>\r\n","styles":["gridster{width:inherit;resize:height;display:flex;background-color:#ededed;overflow-y:hidden!important}.dvheader{width:100%;height:35px;background:#000;color:#fff;padding:7px 3px 5px 6px;text-transform:uppercase}gridster-item{box-sizing:border-box;z-index:1;position:absolute;overflow:hidden;transition:.3s;display:none;background:#fff;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;box-shadow:0 1px 10px rgba(0,0,0,.05)}gridster-item:hover{box-shadow:0 1px 10px rgba(0,0,0,.15)}@media screen and (max-width:685px){.gridster-mobile{height:auto!important}}"]}]}],"members":{"userDashboardId":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":33,"character":3},"arguments":["user-dashboard-id"]}]}],"areaKey":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":34,"character":3},"arguments":["area-key"]}]}],"globalFilter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":35,"character":3},"arguments":["global-filter"]}]}],"raDashboardEventBus":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":36,"character":3},"arguments":["event-bus"]}]}],"widgetHeight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":37,"character":3},"arguments":["widget-height"]}]}],"widgetWidth":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":38,"character":3},"arguments":["widget-width"]}]}],"appConfig":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":39,"character":3},"arguments":["app-config"]}]}],"gridWrapper":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":41,"character":3},"arguments":["gridWrapper",{"static":false}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"RaDashboardService"},{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":44,"character":20},{"__symbolic":"reference","module":"ngx-ui-loader","name":"NgxUiLoaderService","line":45,"character":24},{"__symbolic":"reference","module":"@schneideress/ra-common","name":"RATranslateService","line":46,"character":30},{"__symbolic":"reference","module":"angular-notifier","name":"NotifierService","line":47,"character":22},{"__symbolic":"reference","name":"RADashboardResponsiveService"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"initiateGridsterConfig":[{"__symbolic":"method"}],"inititateEventBusSubscritions":[{"__symbolic":"method"}],"addWidgetListToGridster":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"updateWidgets":[{"__symbolic":"method"}],"updateWidgetPosition":[{"__symbolic":"method"}],"formatWidgetDataForPositionDetails":[{"__symbolic":"method"}],"loadWidgets":[{"__symbolic":"method"}],"setAreaHeight":[{"__symbolic":"method"}],"deleteWidget":[{"__symbolic":"method"}],"rearrangeWidgets":[{"__symbolic":"method"}],"addWidget":[{"__symbolic":"method"}],"setPositions":[{"__symbolic":"method"}],"copyWidget":[{"__symbolic":"method"}],"mapObjectListToGridsterItemList":[{"__symbolic":"method"}],"mapGridsterItemToObject":[{"__symbolic":"method"}],"mapGridsterListToObject":[{"__symbolic":"method"}]}},"RAWidgetContainer":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":11,"character":1},"arguments":[{"selector":"ra-widget-container","template":"<div class=\"wc-wrapper\" (mouseenter)=\"mouseHover(true)\" (mouseleave)=\"mouseHover(false)\"\r\n  [ngStyle]=\"{'margin-left': noPadding?'0px':'15px','margin-right': noPadding?'0px':'15px'}\">\r\n  <div class=\"wcheader widget-move\" [ngClass]=\"{'underLine': enableTitleLine || isWidgetStateApplicable}\">\r\n    <div class=\"col-md-12 wc-mover\" style=\"padding-left: 0px;height:inherit;padding-right: 0px;\">\r\n      <div style=\"display:flex;margin-top:10px;\"\r\n        [ngStyle]=\"{'margin-left': noPadding?'15px':'0px','margin-right': noPadding?'15px':'0px'}\">\r\n        <div class=\"col-md-10 float-left title-label\">\r\n          <ra-tooltip [value]=\"toolTipValue\" [width]=\"toolTipWidth\">\r\n            <div style=\"text-overflow: ellipsis;white-space: nowrap;overflow: hidden;\" (mouseover)=\"mouseOver($event)\"\r\n              #searchInput>{{data.widgetInfo.widgetTitle}}</div>\r\n          </ra-tooltip>\r\n        </div>\r\n\r\n\r\n        <div class=\"col-md-2\" style=\"cursor:default;padding-right: 0px;\">\r\n          <div class=\"float-right\" style=\"display: flex;\">\r\n\r\n            <div class=\"title-bar-lock-icon lock-dropdown\" [hidden]=\"!lockDetails && !lockTemplateInfo\">\r\n              <i class=\"fal fa-lock lock\"></i>\r\n              <div class=\"lock-dropdown-content light widget-config-item\">\r\n                <div *ngIf=\"lockDetails && !lockTemplateInfo\">\r\n                  <label style=\"color: #D9F0FA;\">\r\n                    {{'Common.lockedfields'|translate}}\r\n                  </label>\r\n                  <div style=\"color: white;\">\r\n                    <label class=\"bold\" style=\"margin-bottom: 0px;width: 100%;\" *ngFor=\"let item of lockDetails\">\r\n                      {{item}}\r\n                    </label>\r\n                  </div>\r\n                  <hr>\r\n                  <div style=\"color: #D9F0FA;\">\r\n                    <label>{{'Common.lockedfieldseditinfo'|translate}}</label>\r\n                  </div>\r\n                </div>\r\n                <div *ngIf=\"!lockDetails && lockTemplateInfo\">\r\n                  <ng-container *ngTemplateOutlet=\"lockTemplateInfo\">\r\n                  </ng-container>\r\n                </div>\r\n              </div>\r\n            </div>\r\n            <div class=\"dropdown\" style=\"width:10px;\">\r\n              <div class=\"dropbtn title-bar-icon\">\r\n                <i (click)=\"showDropDown()\" #widgetDropdown class=\"fal fa-ellipsis-v\"></i>\r\n              </div>\r\n              <div class=\"download-content dropdown-content widget-config-item\"\r\n                [ngClass]=\"{'dropdown-click': dropDownShown}\" style=\"z-index: 1002;\">\r\n\r\n                <div style=\"color: #9FA0A4;font-size: 12px;padding-top: 8px;padding-left: 12px;\">\r\n                  {{'Common.settings'|translate}}</div>\r\n\r\n                <a style=\"padding-top: 10px;\" (click)=\"editWidget()\" *ngIf=\"isWidgetMgmnt\">\r\n                  <ra-tooltip [value]=\"editToolTipValue\" [width]=\"editToolTipWidth\">\r\n                    <i class=\"fal fa-edit\"></i>\r\n                    <span style=\"padding-left: 6px;\">{{editText}}</span>\r\n                  </ra-tooltip>\r\n                </a>\r\n                <a (click)=\"copyWidget()\" *ngIf=\"isWidgetMgmnt\">\r\n                  <ra-tooltip [value]=\"copyToolTipValue\" [width]=\"copyToolTipWidth\">\r\n                    <i class=\"fal fa-copy\"></i>\r\n                    <span style=\"padding-left: 10px;\">{{copyText}}</span>\r\n                  </ra-tooltip>\r\n                </a>\r\n                <a (click)=\"moveWidget()\" *ngIf=\"isWidgetMgmnt\">\r\n                  <ra-tooltip [value]=\"moveToolTipValue\" [width]=\"moveToolTipWidth\">\r\n                    <i class=\"fal fa-arrows-alt\"></i>\r\n                    <span style=\"padding-left: 9px;\">{{moveText}}</span>\r\n                  </ra-tooltip>\r\n                </a>\r\n                <a *ngIf=\"detailPageUrl\" (click)=\"visitPage()\"\r\n                  style=\"max-height: 30px;align-items: center;align-content: center; display: flex;\">\r\n                  <i style=\"padding-left: 4px;font-size: 27px !important;\" class=\"fal fa-angle-right\"></i>\r\n                  <span style=\"padding-left: 11px;margin-top: 2px;\">{{'Common.visitpage'|translate}}</span>\r\n                </a>\r\n                <hr class=\"hr\" style=\"padding-bottom: 9px;\">\r\n                <span style=\"color: #9FA0A4;font-size: 12px;\"\r\n                  *ngIf=\"isDownloadIconVisible\">{{'Common.downloads'|translate}}</span>\r\n                <div *ngIf=\"isChartDownloadVisible\" style=\"padding-top: 10px;\" class=\"chartDownload\">\r\n                  <a (click)=\"downloadIconClicked('PNG')\">\r\n                    <i class=\"fal fa-file-image\"></i>\r\n                    <span>{{'Common.png'|translate}}</span>\r\n                  </a>\r\n                  <a (click)=\"downloadIconClicked('JPEG')\">\r\n                    <i class=\"fal fa-file-image\"></i>\r\n                    <span>{{'Common.jpeg'|translate}}</span>\r\n                  </a>\r\n                  <a (click)=\"downloadIconClicked('PDF')\">\r\n                    <i class=\"fal fa-file-pdf\"></i>\r\n                    <span>{{'Common.pdf'|translate}}</span>\r\n                  </a>\r\n                  <a (click)=\"downloadIconClicked('SVG')\">\r\n                    <i class=\"fal fa-file-alt\"></i>\r\n                    <span>{{'Common.svg'|translate}}</span>\r\n                  </a>\r\n                </div>\r\n                <div *ngIf=\"isGridDownloadVisible\" class=\"gridDownload\">\r\n                  <a (click)=\"downloadIconClicked('CSV')\">\r\n                    <ra-tooltip [value]=\"excelToolTipValue\" [width]=\"excelToolTipWidth\">\r\n                      <i class=\"fal fa-download\"></i>\r\n                      <span>{{excelText}}</span>\r\n                    </ra-tooltip>\r\n                  </a>\r\n                </div>\r\n                <hr *ngIf=\"isDownloadIconVisible && isWidgetMgmnt\" class=\"hr\">\r\n                <a (click)=\"deleteWidget()\" *ngIf=\"isWidgetMgmnt\">\r\n                  <ra-tooltip [value]=\"deleteToolTipValue\" [width]=\"deleteToolTipWidth\">\r\n                    <i class=\"fal fa-times\" style=\"padding-left: 3px;color: red;\"></i>\r\n                    <span>{{deleteText}}</span>\r\n                  </ra-tooltip>\r\n                </a>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n  <div class=\"wcBody\" [ngStyle]=\"{'bottom': noPadding?'0px':'10px'}\">\r\n    <div [hidden]=\"isWidgetStateApplicable\" class=\"m-fadeOut widget-overlay\" [ngClass]=\"{'m-fadeIn':  showPanel}\">\r\n      <div class=\"lds-roller\">\r\n        <div></div>\r\n        <div></div>\r\n        <div></div>\r\n        <div></div>\r\n        <div></div>\r\n        <div></div>\r\n        <div></div>\r\n        <div></div>\r\n      </div>\r\n    </div>\r\n    <div class=\"wc\" [hidden]=\"isWidgetStateApplicable\">\r\n      <div #ctlWidget></div>\r\n    </div>\r\n    <div *ngIf=\"isWidgetStateApplicable\" class=\"defaultConfig\">\r\n      <ra-widget-state style=\"width: 100%;\" [isWidgetStateApplicable]=\"isWidgetStateApplicable\" [isGlobalFilterApplied]=\"isGlobalFilterApplied\"\r\n        [widgetEmptyState]=\"widgetEmptyState\" (editWidgetClicked)=editWidget()>\r\n      </ra-widget-state>\r\n    </div>\r\n    <div>\r\n    </div>\r\n  </div>\r\n</div>","styles":[".sp_icon{float:left;margin:0 15% 0 0}.dropbtn{color:#42b4e6;text-align:right;height:100%}.dropbtn i{cursor:pointer;width:100%;height:100%}.dropdown{visibility:hidden;opacity:0;transition:visibility,opacity .5s linear;position:relative;width:100%}@media screen and (max-width:400px){.dropdown{visibility:visible;opacity:1}}.dropdown hr{margin:0!important}.dropdown-content{display:none;position:absolute;right:0;background-color:#fff;min-width:100px;box-shadow:0 8px 16px 8px rgba(0,0,0,.2);z-index:2;font-size:12px;font-weight:400;width:122px}.dropdown-content a{color:#000;padding:5px 16px;text-decoration:none;display:block;cursor:pointer}.wc{height:100%}.defaultConfig{height:100%;display:flex;align-items:center}.defaultConfig .button{min-height:34px;font-size:13px;width:100%;min-height:34px;color:#fff;display:table;margin:9px 0 0;cursor:pointer;text-align:center;float:left}.defaultConfig .contentarea{width:80%;margin:0 auto;float:left;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.defaultConfig .textarea{width:100%;float:left}.defaultConfig .textarea .icon{width:52px;height:100%;float:left}.defaultConfig .textarea .error-view{color:#dc0a0a}.defaultConfig .textarea .empty-data{color:#5ab5e6}.defaultConfig .textarea .text{width:calc(100% - 52px);min-height:60px;float:left;font-size:14px;text-align:left}.defaultConfig .textarea .icon i{font-size:40px!important}.configuretext{display:table-cell;vertical-align:middle;height:34px}.dropdown-content a:hover{background-color:#f1f1f1}.lockInvisible{margin-right:-17px}.dropdown-click{display:block!important;-webkit-animation:.3s ease-out slide-down;animation:.3s ease-out slide-down}.download-icon{cursor:pointer}.dropdown:hover .dropdown-content{color:#fff}.title-bar-lock-icon{margin:0 3px}.hr{border:0;border-top:1px solid rgba(0,0,0,.1)}.settingstyle{color:#9fa0a4;font-size:12px}@-webkit-keyframes slide-down{0%{opacity:0;-webkit-transform:translateY(-20%);transform:translateY(-20%)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slide-down{0%{opacity:0;-webkit-transform:translateY(-20%);transform:translateY(-20%)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.widget-config-item i{font-size:17px;color:#42b4e6}.widget-config-item span{font-size:12px;font:inherit;padding-left:12px;color:#42b4e6}.lock{color:#42b4e6}.locked{color:#42b4e6;background:#fff}.partiallocked{color:#a0d9f2}.unlocked{display:none}.download{visibility:hidden;opacity:0;transition:visibility,opacity .5s linear;position:relative}.wc-wrapper:hover .download{visibility:visible;opacity:1}.download-content a{color:#000;padding:5px 16px;text-decoration:none;display:block;cursor:pointer}.download-content a:hover{background-color:#f1f1f1}.download-content a i{font-size:17px;color:#42b4e6}.download-content a span{font-size:12px;font:inherit;padding-left:12px;color:#42b4e6}.title-label{width:96%;padding-left:0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.lock-dropdown{transition:visibility,opacity .5s linear;position:relative;display:inline-block;margin:0 6px 0 10px}.lock-dropdown-content{display:none;margin-top:8px;position:absolute;right:0;top:79%;box-shadow:0 8px 16px 8px rgba(0,0,0,.2);z-index:899;font-size:12px;min-width:220px!important;min-height:112px;background-color:#219bfd;opacity:.9;padding:15px;color:#fff}.lock-dropdown-content hr{border-bottom:1px solid #fff}.lock-dropdown:hover .lock-dropdown-content{display:block!important;-webkit-animation:.3s ease-out slide-down;animation:.3s ease-out slide-down}"]}]}],"members":{"ctlWidget":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":58,"character":3},"arguments":["ctlWidget",{"static":false}]}]}],"widgetDropdown":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":59,"character":3},"arguments":["widgetDropdown",{"static":false}]}]}],"widgetDownload":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":60,"character":3},"arguments":["widgetDownload",{"static":false}]}]}],"searchInput":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":61,"character":3},"arguments":["searchInput",{"static":false}]}]}],"widgetInstanceId":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":64,"character":3},"arguments":["widget-instance-id"]}]}],"globalFilter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":65,"character":3},"arguments":["global-filter"]}]}],"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":66,"character":3},"arguments":["data"]}]}],"raDashboardEventBus":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":67,"character":3},"arguments":["event-bus"]}]}],"appConfig":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":68,"character":3},"arguments":["app-config"]}]}],"width":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":69,"character":3},"arguments":["widget-width"]}]}],"height":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":70,"character":3},"arguments":["widget-height"]}]}],"gridCellHeight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":71,"character":3},"arguments":["grid-cell-height"]}]}],"widgetDeleted":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":74,"character":3}}]}],"setResized":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":84,"character":3},"arguments":["dom-resized"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"RaDashboardService"},{"__symbolic":"reference","module":"ngx-ui-loader","name":"NgxUiLoaderService","line":90,"character":24},{"__symbolic":"reference","module":"@schneideress/ra-common","name":"RATranslateService","line":91,"character":30},{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":92,"character":20},{"__symbolic":"reference","module":"angular-notifier","name":"NotifierService","line":93,"character":22},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":94,"character":22},{"__symbolic":"reference","module":"@schneideress/ra-common","name":"RAPermissionService","line":95,"character":33}]}],"ngOnChanges":[{"__symbolic":"method"}],"invokeWidgetResizedEvent":[{"__symbolic":"method"}],"mouseHover":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"editWidget":[{"__symbolic":"method"}],"deleteWidget":[{"__symbolic":"method"}],"moveWidget":[{"__symbolic":"method"}],"copyWidget":[{"__symbolic":"method"}],"visitPage":[{"__symbolic":"method"}],"getHostUrl":[{"__symbolic":"method"}],"configChangeEventHandler":[{"__symbolic":"method"}],"generateConfigFilter":[{"__symbolic":"method"}],"loadWidget":[{"__symbolic":"method"}],"setNotConfiguredState":[{"__symbolic":"method"}],"setEmptyState":[{"__symbolic":"method"}],"getConfigChanges":[{"__symbolic":"method"}],"refreshWidget":[{"__symbolic":"method"}],"mouseOver":[{"__symbolic":"method"}],"setLock":[{"__symbolic":"method"}],"setDownloadIcon":[{"__symbolic":"method"}],"downloadIconClicked":[{"__symbolic":"method"}],"showDropDown":[{"__symbolic":"method"}],"hideDropDown":[{"__symbolic":"method"}],"getParsedConfig":[{"__symbolic":"method"}],"applayWidgetSettings":[{"__symbolic":"method"}]}},"DashboardFrameworkModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":15,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"RADashboardArea"},{"__symbolic":"reference","name":"RAWidgetContainer"}],"imports":[{"__symbolic":"reference","module":"@angular/platform-browser","name":"BrowserModule","line":21,"character":4},{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClientModule","line":23,"character":4},{"__symbolic":"reference","module":"ngx-ui-loader","name":"NgxUiLoaderModule","line":24,"character":4},{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"angular-notifier","name":"NotifierModule","line":25,"character":4},"member":"withConfig"},"arguments":[{"__symbolic":"reference","name":"ɵe"}]},{"__symbolic":"reference","module":"@schneideress/ra-common","name":"RACommonModule","line":26,"character":4},{"__symbolic":"reference","module":"@schneideress/user-controls","name":"RAUserControlModule","line":27,"character":4},{"__symbolic":"reference","module":"@schneideress/common-controls","name":"RACommonControlsModule","line":28,"character":4}],"exports":[{"__symbolic":"reference","name":"RADashboardArea"}],"bootstrap":[{"__symbolic":"reference","name":"RADashboardArea"}]}]}],"members":{}},"RADashboardEventBus":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":4,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"publish":[{"__symbolic":"method"}],"publishWithKey":[{"__symbolic":"method"}],"subscribe":[{"__symbolic":"method"}],"subscribeWithKey":[{"__symbolic":"method"}]},"statics":{"ngInjectableDef":{}}},"RAEvent":{"WidgetSelected":"widgetSelected","WidgetEditClicked":"widgetEditClicked","ConfigCancelClick":"configCancelClick","ConfigCloseClick":"configCloseClick","ConfigAddClick":"configAddClick","ConfigChanged":"configChanged","RearrangeClicked":"rearrangeClicked","DashboardCustomizeClick":"dashboardCustomizeClick","DashboardChanged":"dashboardChanged","WidgetLibraryCloseBtnClicked":"WidgetLibraryCloseBtnClicked","LoadDashboard":"LoadDashboard","CopyWidget":"CopyWidget","MoveWidget":"MoveWidget","WidgetDelete":"WidgetDelete","AddWidget":"AddWidget","widgetLibraryDoneClick":"widgetLibraryDoneClick","favoriteIconRefresh":"favoriteIconRefresh","QuickLinkRefresh":"QuickLinkRefresh","WidgetAdded":"WidgetAdded","UpdateGlobalFilterFromMapWidget":"UpdateGlobalFilterFromMapWidget","AddWidgetEmptyDashboard":"AddWidgetEmptyDashboard"},"RAEventKey":{"WidgetInstanceId":"widgetInstanceId"},"RaBaseDashboardTemplate":{"__symbolic":"class","members":{"dashboardId":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":10,"character":5},"arguments":["dashboard-id"]}]}],"globalFilter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":5},"arguments":["global-filter"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":13,"character":32}]}],"initialize":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":5}}]}],"init":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}]}},"RaBaseDashboardFilter":{"__symbolic":"class","members":{"getFilterConfig":[{"__symbolic":"method"}],"setFilterConfig":[{"__symbolic":"method"}],"clearData":[{"__symbolic":"method"}],"isValid":[{"__symbolic":"method"}],"getAllFilterConfig":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":9,"character":3}}]}],"setAllFilterConfig":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":3}}]}],"isValidEntry":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":3}}]}],"clearAllData":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3}}]}],"ngOnInit":[{"__symbolic":"method"}]}},"RADashboardResponsiveService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":7,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"setScreenWidth":[{"__symbolic":"method"}],"getGridsterItem":[{"__symbolic":"method"}],"getWidth":[{"__symbolic":"method"}],"getMinItemRows":[{"__symbolic":"method"}],"getMinItemCols":[{"__symbolic":"method"}],"getHeight":[{"__symbolic":"method"}]},"statics":{"ngInjectableDef":{}}},"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":7,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","name":"ɵd"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":14,"character":4}],"exports":[{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"ɵc"}],"providers":[],"bootstrap":[]}]}],"members":{}},"ɵb":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":25,"character":1},"arguments":[{"selector":"gridster","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":29,"character":17},"member":"None"},"template":"<div class=\"gridster-column\" *ngFor=\"let column of gridColumns; let i = index;\"\r\n     [ngStyle]=\"gridRenderer.getGridColumnStyle(i)\"></div>\r\n<div class=\"gridster-row\" *ngFor=\"let row of gridRows; let i = index;\"\r\n     [ngStyle]=\"gridRenderer.getGridRowStyle(i)\"></div>\r\n<ng-content></ng-content>\r\n<gridster-preview class=\"gridster-preview\"></gridster-preview>\r\n","styles":["gridster{clear:both;position:relative;box-sizing:border-box;background:#fff;width:100%;height:100%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:block;overflow:auto}gridster.fit{overflow-x:hidden;overflow-y:hidden}gridster.scrollVertical{overflow-x:hidden;overflow-y:auto}gridster.scrollHorizontal{overflow-x:auto;overflow-y:hidden}gridster.fixed{overflow:auto}gridster.mobile{overflow-x:hidden;overflow-y:auto;flex-flow:column}gridster.mobile gridster-item{position:relative;width:100%!important;min-height:300px!important}gridster .gridster-column,gridster .gridster-row{position:absolute;display:none;transition:.3s;box-sizing:border-box}gridster.display-grid .gridster-column,gridster.display-grid .gridster-row{display:block}gridster .gridster-column{border-left:1px solid #ccc;border-right:1px solid #ccc}gridster .gridster-row{border-top:1px solid #ccc;border-bottom:1px solid #ccc}"]}]}],"members":{"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":32,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":54,"character":18},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":54,"character":47},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":54,"character":72},{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":54,"character":104}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"getCurrentRowHeight":[{"__symbolic":"method"}],"resize":[{"__symbolic":"method"}],"setOptions":[{"__symbolic":"method"}],"optionsChanged":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"onResize":[{"__symbolic":"method"}],"checkIfToResize":[{"__symbolic":"method"}],"setGridSize":[{"__symbolic":"method"}],"setGridDimensions":[{"__symbolic":"method"}],"calculateLayout":[{"__symbolic":"method"}],"updateGrid":[{"__symbolic":"method"}],"addItem":[{"__symbolic":"method"}],"removeItem":[{"__symbolic":"method"}],"checkCollision":[{"__symbolic":"method"}],"checkGridCollision":[{"__symbolic":"method"}],"findItemWithItem":[{"__symbolic":"method"}],"findItemsWithItem":[{"__symbolic":"method"}],"autoPositionItem":[{"__symbolic":"method"}],"getNextPossiblePosition":[{"__symbolic":"method"}],"getFirstPossiblePosition":[{"__symbolic":"method"}],"getLastPossiblePosition":[{"__symbolic":"method"}],"pixelsToPositionX":[{"__symbolic":"method"}],"pixelsToPositionY":[{"__symbolic":"method"}],"positionXToPixels":[{"__symbolic":"method"}],"positionYToPixels":[{"__symbolic":"method"}]},"statics":{"checkCollisionTwoItems":{"__symbolic":"function","parameters":["item","item2"],"value":{"__symbolic":"binop","operator":"&&","left":{"__symbolic":"binop","operator":"&&","left":{"__symbolic":"binop","operator":"&&","left":{"__symbolic":"binop","operator":"<","left":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"item"},"member":"x"},"right":{"__symbolic":"binop","operator":"+","left":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"item2"},"member":"x"},"right":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"item2"},"member":"cols"}}},"right":{"__symbolic":"binop","operator":">","left":{"__symbolic":"binop","operator":"+","left":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"item"},"member":"x"},"right":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"item"},"member":"cols"}},"right":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"item2"},"member":"x"}}},"right":{"__symbolic":"binop","operator":"<","left":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"item"},"member":"y"},"right":{"__symbolic":"binop","operator":"+","left":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"item2"},"member":"y"},"right":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"item2"},"member":"rows"}}}},"right":{"__symbolic":"binop","operator":">","left":{"__symbolic":"binop","operator":"+","left":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"item"},"member":"y"},"right":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"item"},"member":"rows"}},"right":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"item2"},"member":"y"}}}}}},"ɵc":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":9,"character":1},"arguments":[{"selector":"gridster-item","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":13,"character":17},"member":"None"},"template":"<ng-content></ng-content>\r\n<div (mousedown)=\"resize.dragStartDelay($event)\" (touchstart)=\"resize.dragStartDelay($event)\"\r\n     [hidden]=\"!gridster.$options.resizable.handles.s || !resize.resizeEnabled\"\r\n     class=\"gridster-item-resizable-handler handle-s\"></div>\r\n<div (mousedown)=\"resize.dragStartDelay($event)\" (touchstart)=\"resize.dragStartDelay($event)\"\r\n     [hidden]=\"!gridster.$options.resizable.handles.e || !resize.resizeEnabled\"\r\n     class=\"gridster-item-resizable-handler handle-e\"></div>\r\n<div (mousedown)=\"resize.dragStartDelay($event)\" (touchstart)=\"resize.dragStartDelay($event)\"\r\n     [hidden]=\"!gridster.$options.resizable.handles.n || !resize.resizeEnabled\"\r\n     class=\"gridster-item-resizable-handler handle-n\"></div>\r\n<div (mousedown)=\"resize.dragStartDelay($event)\" (touchstart)=\"resize.dragStartDelay($event)\"\r\n     [hidden]=\"!gridster.$options.resizable.handles.w || !resize.resizeEnabled\"\r\n     class=\"gridster-item-resizable-handler handle-w\"></div>\r\n<div (mousedown)=\"resize.dragStartDelay($event)\" (touchstart)=\"resize.dragStartDelay($event)\"\r\n     [hidden]=\"!gridster.$options.resizable.handles.se || !resize.resizeEnabled\"\r\n     class=\"gridster-item-resizable-handler handle-se\"></div>\r\n<div (mousedown)=\"resize.dragStartDelay($event)\" (touchstart)=\"resize.dragStartDelay($event)\"\r\n     [hidden]=\"!gridster.$options.resizable.handles.ne || !resize.resizeEnabled\"\r\n     class=\"gridster-item-resizable-handler handle-ne\"></div>\r\n<div (mousedown)=\"resize.dragStartDelay($event)\" (touchstart)=\"resize.dragStartDelay($event)\"\r\n     [hidden]=\"!gridster.$options.resizable.handles.sw || !resize.resizeEnabled\"\r\n     class=\"gridster-item-resizable-handler handle-sw\"></div>\r\n<div (mousedown)=\"resize.dragStartDelay($event)\" (touchstart)=\"resize.dragStartDelay($event)\"\r\n     [hidden]=\"!gridster.$options.resizable.handles.nw || !resize.resizeEnabled\"\r\n     class=\"gridster-item-resizable-handler handle-nw\"></div>\r\n","styles":["gridster-item{box-sizing:border-box;z-index:1;position:absolute;overflow:hidden;transition:.3s;display:none;background:#fff;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}gridster-item.gridster-item-moving{cursor:move}gridster-item.gridster-item-moving,gridster-item.gridster-item-resizing{transition:none;z-index:2;box-shadow:0 0 5px 5px rgba(0,0,0,.2),0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12)}.gridster-item-resizable-handler{position:absolute;z-index:2}.gridster-item-resizable-handler.handle-n{cursor:n-resize;height:10px;right:0;top:0;left:0}.gridster-item-resizable-handler.handle-e{cursor:e-resize;width:10px;bottom:0;right:0;top:0}.gridster-item-resizable-handler.handle-s{cursor:s-resize;height:10px;right:0;bottom:0;left:0}.gridster-item-resizable-handler.handle-w{cursor:w-resize;width:10px;left:0;top:0;bottom:0}.gridster-item-resizable-handler.handle-ne{cursor:ne-resize;width:10px;height:10px;right:0;top:0}.gridster-item-resizable-handler.handle-nw{cursor:nw-resize;width:10px;height:10px;left:0;top:0}.gridster-item-resizable-handler.handle-se{cursor:se-resize;width:0;height:0;right:0;bottom:0;border-style:solid;border-width:0 0 10px 10px;border-color:transparent}.gridster-item-resizable-handler.handle-sw{cursor:sw-resize;width:10px;height:10px;left:0;bottom:0}gridster-item:hover .gridster-item-resizable-handler.handle-se{border-color:transparent transparent #ccc}"]}]}],"members":{"item":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Host","line":29,"character":31}}],null,null],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":29,"character":18},{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":29,"character":84},{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":29,"character":109}]}],"ngOnInit":[{"__symbolic":"method"}],"updateOptions":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"setSize":[{"__symbolic":"method"}],"updateItemSize":[{"__symbolic":"method"}],"itemChanged":[{"__symbolic":"method"}],"checkItemChanges":[{"__symbolic":"method"}],"canBeDragged":[{"__symbolic":"method"}],"canBeResized":[{"__symbolic":"method"}]}},"ɵd":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"gridster-preview","template":"","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":8,"character":17},"member":"None"},"styles":["gridster-preview{position:absolute;display:none;background:#42b4e6}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Host","line":14,"character":31}}],null],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":14,"character":18},{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":14,"character":84}]}],"ngOnDestroy":[{"__symbolic":"method"}],"previewStyle":[{"__symbolic":"method"}]}},"ɵe":{"position":{"horizontal":{"position":"right","distance":12},"vertical":{"position":"top","distance":12,"gap":10}},"theme":"material","behaviour":{"autoHide":5000,"onClick":"hide","onMouseover":"pauseAutoHide","showDismissButton":true,"stacking":4},"animations":{"enabled":true,"show":{"preset":"slide","speed":300,"easing":"ease"},"hide":{"preset":"fade","speed":300,"easing":"ease","offset":50},"shift":{"speed":300,"easing":"ease"},"overlap":150}}},"origins":{"RaDashboardService":"./lib/ra.dashboard.service","RADashboardArea":"./lib/ra-dashboard-area/ra.dashboard.area","RAWidgetContainer":"./lib/ra-widget-container/ra.widget.container.component","DashboardFrameworkModule":"./lib/ra.dashboard.module","RADashboardEventBus":"./lib/ra.dashbard.event.bus","RAEvent":"./lib/ra.event.enum","RAEventKey":"./lib/ra.event.enum","RaBaseDashboardTemplate":"./lib/ra.base.dashboard.template","RaBaseDashboardFilter":"./lib/ra.base.dashboard.filter","RADashboardResponsiveService":"./lib/ra.dashboard.responsive.service","ɵa":"./gridster/lib/gridster.module","ɵb":"./gridster/lib/gridster.component","ɵc":"./gridster/lib/gridsterItem.component","ɵd":"./gridster/lib/gridsterPreview.component","ɵe":"./lib/custom.notifier.options"},"importAs":"@schneideress/dashboardframework"}
+{"__symbolic":"module","version":4,"metadata":{"RaDashboardService":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@schneideress/ra-common","name":"BaseService","line":10,"character":40},"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/core","name":"Injector","line":12,"character":24}]}],"loadExternalScript":[{"__symbolic":"method"}],"getWidgetsByDashboardArea":[{"__symbolic":"method"}],"updateWidgets":[{"__symbolic":"method"}],"getWidgetConfigInfo":[{"__symbolic":"method"}],"updateConfig":[{"__symbolic":"method"}],"addWidget":[{"__symbolic":"method"}],"deleteWidget":[{"__symbolic":"method"}],"updateWidget":[{"__symbolic":"method"}],"moveWidget":[{"__symbolic":"method"}],"copyWidget":[{"__symbolic":"method"}]},"statics":{"ngInjectableDef":{}}},"RADashboardArea":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":12,"character":1},"arguments":[{"selector":"ra-dashboard-area","template":"<div #gridWrapper class=\"wrap gridster gridster-mobile\" [style.height.px]=\"gridheight\">\r\n  <!-- <div #gridWrapper class=\"wrap gridster\"> -->\r\n  <gridster [options]=\"options\" style=\"height:100%;\">\r\n    <gridster-item [item]=\"item\" *ngFor=\"let item of widgetList\">\r\n      <ra-widget-container [app-config]=\"appConfig\" [event-bus]=\"raDashboardEventBus\"\r\n        (widgetDeleted)=\"deleteWidget($event)\" [data]=\"item\" [global-filter]=\"globalFilter\"\r\n        [grid-cell-height]=\"gridcellHeight\" *ngIf=\"gridcellHeight && gridcellHeight > 0\" [widget-width]=\"item.cols\"\r\n        [widget-height]=\"item.rows\" [widget-instance-id]=\"item.widgetInstanceId\" [dom-resized]=\"domResized\">\r\n      </ra-widget-container>\r\n    </gridster-item>\r\n  </gridster>\r\n  <notifier-container></notifier-container>\r\n</div>\r\n","styles":["gridster{width:inherit;resize:height;display:flex;background-color:#ededed;overflow-y:hidden!important}.dvheader{width:100%;height:35px;background:#000;color:#fff;padding:7px 3px 5px 6px;text-transform:uppercase}gridster-item{box-sizing:border-box;z-index:1;position:absolute;overflow:hidden;transition:.3s;display:none;background:#fff;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;box-shadow:0 1px 10px rgba(0,0,0,.05)}gridster-item:hover{box-shadow:0 1px 10px rgba(0,0,0,.15)}@media screen and (max-width:685px){.gridster-mobile{height:auto!important}}"]}]}],"members":{"userDashboardId":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":33,"character":3},"arguments":["user-dashboard-id"]}]}],"areaKey":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":34,"character":3},"arguments":["area-key"]}]}],"globalFilter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":35,"character":3},"arguments":["global-filter"]}]}],"raDashboardEventBus":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":36,"character":3},"arguments":["event-bus"]}]}],"widgetHeight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":37,"character":3},"arguments":["widget-height"]}]}],"widgetWidth":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":38,"character":3},"arguments":["widget-width"]}]}],"appConfig":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":39,"character":3},"arguments":["app-config"]}]}],"gridWrapper":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":41,"character":3},"arguments":["gridWrapper",{"static":false}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"RaDashboardService"},{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":44,"character":20},{"__symbolic":"reference","module":"ngx-ui-loader","name":"NgxUiLoaderService","line":45,"character":24},{"__symbolic":"reference","module":"@schneideress/ra-common","name":"RATranslateService","line":46,"character":30},{"__symbolic":"reference","module":"angular-notifier","name":"NotifierService","line":47,"character":22},{"__symbolic":"reference","name":"RADashboardResponsiveService"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"initiateGridsterConfig":[{"__symbolic":"method"}],"inititateEventBusSubscritions":[{"__symbolic":"method"}],"addWidgetListToGridster":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"updateWidgets":[{"__symbolic":"method"}],"updateWidgetPosition":[{"__symbolic":"method"}],"formatWidgetDataForPositionDetails":[{"__symbolic":"method"}],"loadWidgets":[{"__symbolic":"method"}],"setAreaHeight":[{"__symbolic":"method"}],"deleteWidget":[{"__symbolic":"method"}],"rearrangeWidgets":[{"__symbolic":"method"}],"addWidget":[{"__symbolic":"method"}],"setPositions":[{"__symbolic":"method"}],"copyWidget":[{"__symbolic":"method"}],"mapObjectListToGridsterItemList":[{"__symbolic":"method"}],"mapGridsterItemToObject":[{"__symbolic":"method"}],"mapGridsterListToObject":[{"__symbolic":"method"}]}},"RAWidgetContainer":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":12,"character":1},"arguments":[{"selector":"ra-widget-container","template":"<div #wcWrapper class=\"wc-wrapper\" (mouseenter)=\"mouseHover(true)\" (mouseleave)=\"mouseHover(false)\"\r\n  [ngStyle]=\"{'margin-left': noPadding?'0px':'15px','margin-right': noPadding?'0px':'15px'}\">\r\n  <div class=\"wcheader widget-move\" [ngClass]=\"{'underLine': enableTitleLine || isWidgetStateApplicable}\">\r\n    <div class=\"col-md-12 wc-mover\" style=\"padding-left: 0px;height:inherit;padding-right: 0px;\">\r\n      <div style=\"display:flex;margin-top:10px;\"\r\n        [ngStyle]=\"{'margin-left': noPadding?'15px':'0px','margin-right': noPadding?'15px':'0px'}\">\r\n        <div class=\"col-md-10 float-left title-label\">\r\n          <ra-tooltip [value]=\"toolTipValue\" [width]=\"toolTipWidth\">\r\n            <div style=\"text-overflow: ellipsis;white-space: nowrap;overflow: hidden;\" (mouseover)=\"mouseOver($event)\"\r\n              #searchInput>{{data.widgetInfo.widgetTitle}}</div>\r\n          </ra-tooltip>\r\n        </div>\r\n        <div class=\"col-md-2\" style=\"cursor:default;padding-right: 0px;\">\r\n          <div class=\"float-right\" style=\"display: flex;\">\r\n            <div class=\"title-bar-lock-icon lock-dropdown\" [hidden]=\"!lockDetails && !lockTemplateInfo\">\r\n              <i class=\"fal fa-lock lock\"></i>\r\n              <div class=\"lock-dropdown-content light widget-config-item\">\r\n                <div *ngIf=\"lockDetails && !lockTemplateInfo\">\r\n                  <label style=\"color: #D9F0FA;\">\r\n                    {{'Common.lockedfields'|translate}}\r\n                  </label>\r\n                  <div style=\"color: white;\">\r\n                    <label class=\"bold\" style=\"margin-bottom: 0px;width: 100%;\" *ngFor=\"let item of lockDetails\">\r\n                      {{item}}\r\n                    </label>\r\n                  </div>\r\n                  <hr>\r\n                  <div style=\"color: #D9F0FA;\">\r\n                    <label>{{'Common.lockedfieldseditinfo'|translate}}</label>\r\n                  </div>\r\n                </div>\r\n                <div *ngIf=\"!lockDetails && lockTemplateInfo\">\r\n                  <ng-container *ngTemplateOutlet=\"lockTemplateInfo\">\r\n                  </ng-container>\r\n                </div>\r\n              </div>\r\n            </div>\r\n            <div class=\"widget-menu\" style=\"width:10px;\" [ngClass]=\"{'widget-menu-show': isMouseHover}\">\r\n              <div class=\"dropbtn title-bar-icon\">\r\n                <i (click)=\"showDropDown($event)\" #widgetDropdown class=\"fal fa-ellipsis-v widget-menu-ellipse\"></i>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n  <div class=\"wcBody\" [ngStyle]=\"{'bottom': noPadding?'0px':'10px'}\">\r\n    <div [hidden]=\"isWidgetStateApplicable\" class=\"m-fadeOut widget-overlay\" [ngClass]=\"{'m-fadeIn':  showPanel}\">\r\n      <div class=\"lds-roller\">\r\n        <div></div>\r\n        <div></div>\r\n        <div></div>\r\n        <div></div>\r\n        <div></div>\r\n        <div></div>\r\n        <div></div>\r\n        <div></div>\r\n      </div>\r\n    </div>\r\n    <div class=\"wc\" [hidden]=\"isWidgetStateApplicable\">\r\n      <div #ctlWidget></div>\r\n    </div>\r\n    <div *ngIf=\"isWidgetStateApplicable\" class=\"defaultConfig\">\r\n      <ra-widget-state style=\"width: 100%;\" [isWidgetStateApplicable]=\"isWidgetStateApplicable\" [isGlobalFilterApplied]=\"isGlobalFilterApplied\"\r\n        [widgetEmptyState]=\"widgetEmptyState\" (editWidgetClicked)=editWidget()>\r\n      </ra-widget-state>\r\n    </div>\r\n    <div>\r\n    </div>\r\n  </div>\r\n</div>"}]}],"members":{"ctlWidget":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":56,"character":3},"arguments":["ctlWidget",{"static":false}]}]}],"widgetDropdown":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":57,"character":3},"arguments":["widgetDropdown",{"static":false}]}]}],"searchInput":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":58,"character":3},"arguments":["searchInput",{"static":false}]}]}],"wcWrapper":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":59,"character":3},"arguments":["wcWrapper",{"static":false}]}]}],"widgetInstanceId":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":61,"character":3},"arguments":["widget-instance-id"]}]}],"globalFilter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":62,"character":3},"arguments":["global-filter"]}]}],"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":63,"character":3},"arguments":["data"]}]}],"raDashboardEventBus":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":64,"character":3},"arguments":["event-bus"]}]}],"appConfig":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":65,"character":3},"arguments":["app-config"]}]}],"width":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":66,"character":3},"arguments":["widget-width"]}]}],"height":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":67,"character":3},"arguments":["widget-height"]}]}],"gridCellHeight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":68,"character":3},"arguments":["grid-cell-height"]}]}],"widgetDeleted":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":71,"character":3}}]}],"setResized":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":81,"character":3},"arguments":["dom-resized"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"RaDashboardService"},{"__symbolic":"reference","module":"ngx-ui-loader","name":"NgxUiLoaderService","line":87,"character":24},{"__symbolic":"reference","module":"@schneideress/ra-common","name":"RATranslateService","line":88,"character":30},{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":89,"character":20},{"__symbolic":"reference","module":"angular-notifier","name":"NotifierService","line":90,"character":22},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":91,"character":22},{"__symbolic":"reference","module":"@schneideress/ra-common","name":"RAPermissionService","line":92,"character":33}]}],"ngOnChanges":[{"__symbolic":"method"}],"invokeWidgetResizedEvent":[{"__symbolic":"method"}],"mouseHover":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"editWidget":[{"__symbolic":"method"}],"deleteWidget":[{"__symbolic":"method"}],"moveWidget":[{"__symbolic":"method"}],"copyWidget":[{"__symbolic":"method"}],"visitPage":[{"__symbolic":"method"}],"getHostUrl":[{"__symbolic":"method"}],"configChangeEventHandler":[{"__symbolic":"method"}],"generateConfigFilter":[{"__symbolic":"method"}],"loadWidget":[{"__symbolic":"method"}],"setNotConfiguredState":[{"__symbolic":"method"}],"setEmptyState":[{"__symbolic":"method"}],"getConfigChanges":[{"__symbolic":"method"}],"refreshWidget":[{"__symbolic":"method"}],"mouseOver":[{"__symbolic":"method"}],"setLock":[{"__symbolic":"method"}],"setDownloadIcon":[{"__symbolic":"method"}],"downloadIconClicked":[{"__symbolic":"method"}],"removeMenu":[{"__symbolic":"method"}],"showDropDown":[{"__symbolic":"method"}],"addEventListener":[{"__symbolic":"method"}],"getContenxtHtml":[{"__symbolic":"method"}],"getHr":[{"__symbolic":"method"}],"getHtmlForButton":[{"__symbolic":"method"}],"getParsedConfig":[{"__symbolic":"method"}],"applayWidgetSettings":[{"__symbolic":"method"}]}},"DashboardFrameworkModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":15,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"RADashboardArea"},{"__symbolic":"reference","name":"RAWidgetContainer"}],"imports":[{"__symbolic":"reference","module":"@angular/platform-browser","name":"BrowserModule","line":21,"character":4},{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClientModule","line":23,"character":4},{"__symbolic":"reference","module":"ngx-ui-loader","name":"NgxUiLoaderModule","line":24,"character":4},{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"angular-notifier","name":"NotifierModule","line":25,"character":4},"member":"withConfig"},"arguments":[{"__symbolic":"reference","name":"ɵe"}]},{"__symbolic":"reference","module":"@schneideress/ra-common","name":"RACommonModule","line":26,"character":4},{"__symbolic":"reference","module":"@schneideress/user-controls","name":"RAUserControlModule","line":27,"character":4},{"__symbolic":"reference","module":"@schneideress/common-controls","name":"RACommonControlsModule","line":28,"character":4}],"exports":[{"__symbolic":"reference","name":"RADashboardArea"}],"bootstrap":[{"__symbolic":"reference","name":"RADashboardArea"}]}]}],"members":{}},"RADashboardEventBus":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":4,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"publish":[{"__symbolic":"method"}],"publishWithKey":[{"__symbolic":"method"}],"subscribe":[{"__symbolic":"method"}],"subscribeWithKey":[{"__symbolic":"method"}]},"statics":{"ngInjectableDef":{}}},"RAEvent":{"WidgetSelected":"widgetSelected","WidgetEditClicked":"widgetEditClicked","ConfigCancelClick":"configCancelClick","ConfigCloseClick":"configCloseClick","ConfigAddClick":"configAddClick","ConfigChanged":"configChanged","RearrangeClicked":"rearrangeClicked","DashboardCustomizeClick":"dashboardCustomizeClick","DashboardChanged":"dashboardChanged","WidgetLibraryCloseBtnClicked":"WidgetLibraryCloseBtnClicked","LoadDashboard":"LoadDashboard","CopyWidget":"CopyWidget","MoveWidget":"MoveWidget","WidgetDelete":"WidgetDelete","AddWidget":"AddWidget","widgetLibraryDoneClick":"widgetLibraryDoneClick","favoriteIconRefresh":"favoriteIconRefresh","QuickLinkRefresh":"QuickLinkRefresh","WidgetAdded":"WidgetAdded","UpdateGlobalFilterFromMapWidget":"UpdateGlobalFilterFromMapWidget","AddWidgetEmptyDashboard":"AddWidgetEmptyDashboard"},"RAEventKey":{"WidgetInstanceId":"widgetInstanceId"},"RaBaseDashboardTemplate":{"__symbolic":"class","members":{"dashboardId":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":10,"character":5},"arguments":["dashboard-id"]}]}],"globalFilter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":5},"arguments":["global-filter"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":13,"character":32}]}],"initialize":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":5}}]}],"init":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}]}},"RaBaseDashboardFilter":{"__symbolic":"class","members":{"getFilterConfig":[{"__symbolic":"method"}],"setFilterConfig":[{"__symbolic":"method"}],"clearData":[{"__symbolic":"method"}],"isValid":[{"__symbolic":"method"}],"getAllFilterConfig":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":9,"character":3}}]}],"setAllFilterConfig":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":3}}]}],"isValidEntry":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":3}}]}],"clearAllData":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3}}]}],"ngOnInit":[{"__symbolic":"method"}]}},"RADashboardResponsiveService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":7,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"setScreenWidth":[{"__symbolic":"method"}],"getGridsterItem":[{"__symbolic":"method"}],"getWidth":[{"__symbolic":"method"}],"getMinItemRows":[{"__symbolic":"method"}],"getMinItemCols":[{"__symbolic":"method"}],"getHeight":[{"__symbolic":"method"}]},"statics":{"ngInjectableDef":{}}},"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":7,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","name":"ɵd"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":14,"character":4}],"exports":[{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"ɵc"}],"providers":[],"bootstrap":[]}]}],"members":{}},"ɵb":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":25,"character":1},"arguments":[{"selector":"gridster","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":29,"character":17},"member":"None"},"template":"<div class=\"gridster-column\" *ngFor=\"let column of gridColumns; let i = index;\"\r\n     [ngStyle]=\"gridRenderer.getGridColumnStyle(i)\"></div>\r\n<div class=\"gridster-row\" *ngFor=\"let row of gridRows; let i = index;\"\r\n     [ngStyle]=\"gridRenderer.getGridRowStyle(i)\"></div>\r\n<ng-content></ng-content>\r\n<gridster-preview class=\"gridster-preview\"></gridster-preview>\r\n","styles":["gridster{clear:both;position:relative;box-sizing:border-box;background:#fff;width:100%;height:100%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:block;overflow:auto}gridster.fit{overflow-x:hidden;overflow-y:hidden}gridster.scrollVertical{overflow-x:hidden;overflow-y:auto}gridster.scrollHorizontal{overflow-x:auto;overflow-y:hidden}gridster.fixed{overflow:auto}gridster.mobile{overflow-x:hidden;overflow-y:auto;flex-flow:column}gridster.mobile gridster-item{position:relative;width:100%!important;min-height:300px!important}gridster .gridster-column,gridster .gridster-row{position:absolute;display:none;transition:.3s;box-sizing:border-box}gridster.display-grid .gridster-column,gridster.display-grid .gridster-row{display:block}gridster .gridster-column{border-left:1px solid #ccc;border-right:1px solid #ccc}gridster .gridster-row{border-top:1px solid #ccc;border-bottom:1px solid #ccc}"]}]}],"members":{"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":32,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":54,"character":18},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":54,"character":47},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":54,"character":72},{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":54,"character":104}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"getCurrentRowHeight":[{"__symbolic":"method"}],"resize":[{"__symbolic":"method"}],"setOptions":[{"__symbolic":"method"}],"optionsChanged":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"onResize":[{"__symbolic":"method"}],"checkIfToResize":[{"__symbolic":"method"}],"setGridSize":[{"__symbolic":"method"}],"setGridDimensions":[{"__symbolic":"method"}],"calculateLayout":[{"__symbolic":"method"}],"updateGrid":[{"__symbolic":"method"}],"addItem":[{"__symbolic":"method"}],"removeItem":[{"__symbolic":"method"}],"checkCollision":[{"__symbolic":"method"}],"checkGridCollision":[{"__symbolic":"method"}],"findItemWithItem":[{"__symbolic":"method"}],"findItemsWithItem":[{"__symbolic":"method"}],"autoPositionItem":[{"__symbolic":"method"}],"getNextPossiblePosition":[{"__symbolic":"method"}],"getFirstPossiblePosition":[{"__symbolic":"method"}],"getLastPossiblePosition":[{"__symbolic":"method"}],"pixelsToPositionX":[{"__symbolic":"method"}],"pixelsToPositionY":[{"__symbolic":"method"}],"positionXToPixels":[{"__symbolic":"method"}],"positionYToPixels":[{"__symbolic":"method"}]},"statics":{"checkCollisionTwoItems":{"__symbolic":"function","parameters":["item","item2"],"value":{"__symbolic":"binop","operator":"&&","left":{"__symbolic":"binop","operator":"&&","left":{"__symbolic":"binop","operator":"&&","left":{"__symbolic":"binop","operator":"<","left":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"item"},"member":"x"},"right":{"__symbolic":"binop","operator":"+","left":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"item2"},"member":"x"},"right":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"item2"},"member":"cols"}}},"right":{"__symbolic":"binop","operator":">","left":{"__symbolic":"binop","operator":"+","left":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"item"},"member":"x"},"right":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"item"},"member":"cols"}},"right":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"item2"},"member":"x"}}},"right":{"__symbolic":"binop","operator":"<","left":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"item"},"member":"y"},"right":{"__symbolic":"binop","operator":"+","left":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"item2"},"member":"y"},"right":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"item2"},"member":"rows"}}}},"right":{"__symbolic":"binop","operator":">","left":{"__symbolic":"binop","operator":"+","left":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"item"},"member":"y"},"right":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"item"},"member":"rows"}},"right":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"item2"},"member":"y"}}}}}},"ɵc":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":9,"character":1},"arguments":[{"selector":"gridster-item","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":13,"character":17},"member":"None"},"template":"<ng-content></ng-content>\r\n<div (mousedown)=\"resize.dragStartDelay($event)\" (touchstart)=\"resize.dragStartDelay($event)\"\r\n     [hidden]=\"!gridster.$options.resizable.handles.s || !resize.resizeEnabled\"\r\n     class=\"gridster-item-resizable-handler handle-s\"></div>\r\n<div (mousedown)=\"resize.dragStartDelay($event)\" (touchstart)=\"resize.dragStartDelay($event)\"\r\n     [hidden]=\"!gridster.$options.resizable.handles.e || !resize.resizeEnabled\"\r\n     class=\"gridster-item-resizable-handler handle-e\"></div>\r\n<div (mousedown)=\"resize.dragStartDelay($event)\" (touchstart)=\"resize.dragStartDelay($event)\"\r\n     [hidden]=\"!gridster.$options.resizable.handles.n || !resize.resizeEnabled\"\r\n     class=\"gridster-item-resizable-handler handle-n\"></div>\r\n<div (mousedown)=\"resize.dragStartDelay($event)\" (touchstart)=\"resize.dragStartDelay($event)\"\r\n     [hidden]=\"!gridster.$options.resizable.handles.w || !resize.resizeEnabled\"\r\n     class=\"gridster-item-resizable-handler handle-w\"></div>\r\n<div (mousedown)=\"resize.dragStartDelay($event)\" (touchstart)=\"resize.dragStartDelay($event)\"\r\n     [hidden]=\"!gridster.$options.resizable.handles.se || !resize.resizeEnabled\"\r\n     class=\"gridster-item-resizable-handler handle-se\"></div>\r\n<div (mousedown)=\"resize.dragStartDelay($event)\" (touchstart)=\"resize.dragStartDelay($event)\"\r\n     [hidden]=\"!gridster.$options.resizable.handles.ne || !resize.resizeEnabled\"\r\n     class=\"gridster-item-resizable-handler handle-ne\"></div>\r\n<div (mousedown)=\"resize.dragStartDelay($event)\" (touchstart)=\"resize.dragStartDelay($event)\"\r\n     [hidden]=\"!gridster.$options.resizable.handles.sw || !resize.resizeEnabled\"\r\n     class=\"gridster-item-resizable-handler handle-sw\"></div>\r\n<div (mousedown)=\"resize.dragStartDelay($event)\" (touchstart)=\"resize.dragStartDelay($event)\"\r\n     [hidden]=\"!gridster.$options.resizable.handles.nw || !resize.resizeEnabled\"\r\n     class=\"gridster-item-resizable-handler handle-nw\"></div>\r\n","styles":["gridster-item{box-sizing:border-box;z-index:1;position:absolute;overflow:hidden;transition:.3s;display:none;background:#fff;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}gridster-item.gridster-item-moving{cursor:move}gridster-item.gridster-item-moving,gridster-item.gridster-item-resizing{transition:none;z-index:2;box-shadow:0 0 5px 5px rgba(0,0,0,.2),0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12)}.gridster-item-resizable-handler{position:absolute;z-index:2}.gridster-item-resizable-handler.handle-n{cursor:n-resize;height:10px;right:0;top:0;left:0}.gridster-item-resizable-handler.handle-e{cursor:e-resize;width:10px;bottom:0;right:0;top:0}.gridster-item-resizable-handler.handle-s{cursor:s-resize;height:10px;right:0;bottom:0;left:0}.gridster-item-resizable-handler.handle-w{cursor:w-resize;width:10px;left:0;top:0;bottom:0}.gridster-item-resizable-handler.handle-ne{cursor:ne-resize;width:10px;height:10px;right:0;top:0}.gridster-item-resizable-handler.handle-nw{cursor:nw-resize;width:10px;height:10px;left:0;top:0}.gridster-item-resizable-handler.handle-se{cursor:se-resize;width:0;height:0;right:0;bottom:0;border-style:solid;border-width:0 0 10px 10px;border-color:transparent}.gridster-item-resizable-handler.handle-sw{cursor:sw-resize;width:10px;height:10px;left:0;bottom:0}gridster-item:hover .gridster-item-resizable-handler.handle-se{border-color:transparent transparent #ccc}"]}]}],"members":{"item":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Host","line":29,"character":31}}],null,null],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":29,"character":18},{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":29,"character":84},{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":29,"character":109}]}],"ngOnInit":[{"__symbolic":"method"}],"updateOptions":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"setSize":[{"__symbolic":"method"}],"updateItemSize":[{"__symbolic":"method"}],"itemChanged":[{"__symbolic":"method"}],"checkItemChanges":[{"__symbolic":"method"}],"canBeDragged":[{"__symbolic":"method"}],"canBeResized":[{"__symbolic":"method"}]}},"ɵd":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"gridster-preview","template":"","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":8,"character":17},"member":"None"},"styles":["gridster-preview{position:absolute;display:none;background:#42b4e6}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Host","line":14,"character":31}}],null],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":14,"character":18},{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":14,"character":84}]}],"ngOnDestroy":[{"__symbolic":"method"}],"previewStyle":[{"__symbolic":"method"}]}},"ɵe":{"position":{"horizontal":{"position":"right","distance":12},"vertical":{"position":"top","distance":12,"gap":10}},"theme":"material","behaviour":{"autoHide":5000,"onClick":"hide","onMouseover":"pauseAutoHide","showDismissButton":true,"stacking":4},"animations":{"enabled":true,"show":{"preset":"slide","speed":300,"easing":"ease"},"hide":{"preset":"fade","speed":300,"easing":"ease","offset":50},"shift":{"speed":300,"easing":"ease"},"overlap":150}}},"origins":{"RaDashboardService":"./lib/ra.dashboard.service","RADashboardArea":"./lib/ra-dashboard-area/ra.dashboard.area","RAWidgetContainer":"./lib/ra-widget-container/ra.widget.container.component","DashboardFrameworkModule":"./lib/ra.dashboard.module","RADashboardEventBus":"./lib/ra.dashbard.event.bus","RAEvent":"./lib/ra.event.enum","RAEventKey":"./lib/ra.event.enum","RaBaseDashboardTemplate":"./lib/ra.base.dashboard.template","RaBaseDashboardFilter":"./lib/ra.base.dashboard.filter","RADashboardResponsiveService":"./lib/ra.dashboard.responsive.service","ɵa":"./gridster/lib/gridster.module","ɵb":"./gridster/lib/gridster.component","ɵc":"./gridster/lib/gridsterItem.component","ɵd":"./gridster/lib/gridsterPreview.component","ɵe":"./lib/custom.notifier.options"},"importAs":"@schneideress/dashboardframework"}