@schneideress/dashboardframework 0.0.271 → 0.0.273

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (34) hide show
  1. package/bundles/schneideress-dashboardframework.umd.js +430 -118
  2. package/bundles/schneideress-dashboardframework.umd.js.map +1 -1
  3. package/bundles/schneideress-dashboardframework.umd.min.js +1 -15
  4. package/bundles/schneideress-dashboardframework.umd.min.js.map +1 -1
  5. package/esm2015/gridster/lib/gridsterItem.component.js +1 -1
  6. package/esm2015/gridster/lib/gridsterRenderer.service.js +1 -1
  7. package/esm2015/lib/ra-dashboard-area/ra.dashboard.area.js +164 -62
  8. package/esm2015/lib/ra-widget-container/ra.widget.container.component.js +64 -31
  9. package/esm2015/lib/ra.base.dashboard.template.js +4 -2
  10. package/esm2015/lib/ra.dashboard.responsive.service.js +12 -2
  11. package/esm2015/lib/ra.dashboard.service.js +7 -2
  12. package/esm2015/lib/ra.event.enum.js +7 -1
  13. package/esm2015/lib/ra.gridster.config.js +3 -3
  14. package/esm5/gridster/lib/gridsterItem.component.js +1 -1
  15. package/esm5/gridster/lib/gridsterRenderer.service.js +1 -1
  16. package/esm5/lib/ra-dashboard-area/ra.dashboard.area.js +166 -62
  17. package/esm5/lib/ra-widget-container/ra.widget.container.component.js +64 -31
  18. package/esm5/lib/ra.base.dashboard.template.js +4 -2
  19. package/esm5/lib/ra.dashboard.responsive.service.js +12 -2
  20. package/esm5/lib/ra.dashboard.service.js +7 -2
  21. package/esm5/lib/ra.event.enum.js +7 -1
  22. package/esm5/lib/ra.gridster.config.js +3 -3
  23. package/fesm2015/schneideress-dashboardframework.js +254 -96
  24. package/fesm2015/schneideress-dashboardframework.js.map +1 -1
  25. package/fesm5/schneideress-dashboardframework.js +257 -97
  26. package/fesm5/schneideress-dashboardframework.js.map +1 -1
  27. package/lib/ra-dashboard-area/ra.dashboard.area.d.ts +24 -2
  28. package/lib/ra-widget-container/ra.widget.container.component.d.ts +6 -2
  29. package/lib/ra.base.dashboard.template.d.ts +4 -2
  30. package/lib/ra.dashboard.responsive.service.d.ts +1 -1
  31. package/lib/ra.dashboard.service.d.ts +0 -1
  32. package/lib/ra.event.enum.d.ts +7 -1
  33. package/package.json +1 -1
  34. package/schneideress-dashboardframework.metadata.json +1 -1
package/lib/ra-dashboard-area/ra.dashboard.area.d.ts CHANGED
@@ -2,11 +2,12 @@ import { OnInit, OnChanges, SimpleChanges, NgZone, OnDestroy, ElementRef, EventE
2
2
  import { GridsterConfig, GridsterItem } from '../../gridster/index';
3
3
  import { RaDashboardService } from '../ra.dashboard.service';
4
4
  import { RADashboardEventBus } from '../ra.dashbard.event.bus';
5
- import { IWidgetInfo, IAppConfig } from '@schneideress/widgetframework';
5
+ import { IWidgetInfo, IAppConfig, IBulkAction } from '@schneideress/widgetframework';
6
6
  import { NgxUiLoaderService } from 'ngx-ui-loader';
7
7
  import { NotifierService } from 'angular-notifier';
8
8
  import { RATranslateService, RAPermissionService } from '@schneideress/ra-common';
9
9
  import { RADashboardResponsiveService } from '../ra.dashboard.responsive.service';
10
+ import { IDashboardInfo } from '@schneideress/widgetframework';
10
11
  export declare class RADashboardArea implements OnInit, OnChanges, OnDestroy {
11
12
  private dashboardService;
12
13
  private ngZone;
@@ -22,6 +23,8 @@ export declare class RADashboardArea implements OnInit, OnChanges, OnDestroy {
22
23
  userWidgets: any[];
23
24
  PAMWidgets: any;
24
25
  private conifgAddClick;
26
+ private curatedFilterChange;
27
+ private bulkActionClick;
25
28
  private rearrangeWidgetClick;
26
29
  private widgetDeleteEvent;
27
30
  private widgetAddEvent;
@@ -31,6 +34,16 @@ export declare class RADashboardArea implements OnInit, OnChanges, OnDestroy {
31
34
  showEmptyDashboard: boolean;
32
35
  isWidgetMgmnt: boolean;
33
36
  lastViewType: string;
37
+ bulkActionData: IBulkAction;
38
+ emptyDashboardTitle: any;
39
+ emptyDashboardMsg1: any;
40
+ emptyDashboardMsg2: any;
41
+ emptyDashboardButtonText: any;
42
+ emptyDashboardButtonIcon: any;
43
+ emptyDashboardButtonAction: any;
44
+ private initialWidgetCount;
45
+ private currentLoadedIndex;
46
+ private loading;
34
47
  userDashboardId: number;
35
48
  areaKey: string;
36
49
  globalFilter: any;
@@ -38,13 +51,18 @@ export declare class RADashboardArea implements OnInit, OnChanges, OnDestroy {
38
51
  widgetHeight: number;
39
52
  widgetWidth: number;
40
53
  appConfig: IAppConfig;
54
+ dashboardInfo: IDashboardInfo;
55
+ templateConfig: any;
41
56
  hideDashboardBanner: EventEmitter<{}>;
42
57
  gridWrapper: ElementRef;
58
+ divBottom: ElementRef;
43
59
  constructor(dashboardService: RaDashboardService, ngZone: NgZone, ngxService: NgxUiLoaderService, translateService: RATranslateService, notifier: NotifierService, responsiveService: RADashboardResponsiveService, permissionService: RAPermissionService);
44
60
  ngOnInit(): void;
45
61
  ngOnChanges(changes: SimpleChanges): void;
62
+ setEmptyDashboardConfig(): void;
46
63
  /**To set GridsterConfig */
47
64
  initiateGridsterConfig(): void;
65
+ widgetLoaded(widget: any): void;
48
66
  /** To initiate eventbus subsctiptions */
49
67
  inititateEventBusSubscritions(): void;
50
68
  /**
@@ -63,6 +81,10 @@ export declare class RADashboardArea implements OnInit, OnChanges, OnDestroy {
63
81
  formatWidgetDataForPositionDetails(widgetItemList: IWidgetInfo[]): any;
64
82
  /** To retrieve widgets based on userDashboardid and area name */
65
83
  loadWidgets(userDashboarId: number, areaKey: string): void;
84
+ private loadWidgetsDelta;
85
+ dataLoaded(widgetElement: any): void;
86
+ private loadNext;
87
+ private elementInViewport;
66
88
  /** To set Area(Gridster) height dynamically as widgets are added/removed */
67
89
  setAreaHeight(): void;
68
90
  /** To remove a widget instance from dashboard and to save info in database */
@@ -79,7 +101,7 @@ export declare class RADashboardArea implements OnInit, OnChanges, OnDestroy {
79
101
  mapObjectListToGridsterItemList(widgetList: Array<IWidgetInfo>): GridsterItem[];
80
102
  mapGridsterItemToObject(widgetItem: GridsterItem): IWidgetInfo;
81
103
  mapGridsterListToObject(widgetItemList: Array<GridsterItem>): IWidgetInfo[];
82
- addNewWidget(): void;
104
+ buttonClick(): void;
83
105
  updateAppliedFilters(data: any): void;
84
106
  checkPAMWidgets(): void;
85
107
  }
package/lib/ra-widget-container/ra.widget.container.component.d.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  import { OnInit, ElementRef, EventEmitter, OnChanges, SimpleChanges, AfterViewInit, OnDestroy, NgZone, Renderer2, TemplateRef } from '@angular/core';
2
2
  import { RaDashboardService } from './../ra.dashboard.service';
3
3
  import { RADashboardEventBus } from '../ra.dashbard.event.bus';
4
- import { IAppConfig, IWidgetInfo, RADownloadType, RaWidgetlockStatus, WidgetViewState, IconfigChanges } from '@schneideress/widgetframework';
4
+ import { IAppConfig, IWidgetInfo, RADownloadType, RaWidgetlockStatus, WidgetViewState, IconfigChanges, IBulkAction, IDashboardInfo } from '@schneideress/widgetframework';
5
5
  import { NgxUiLoaderService } from 'ngx-ui-loader';
6
6
  import { NotifierService } from 'angular-notifier';
7
7
  import { RATranslateService, RAPermissionService, DomService } from '@schneideress/ra-common';
@@ -69,14 +69,19 @@ export declare class RAWidgetContainer implements OnInit, OnChanges, AfterViewIn
69
69
  lockPopupDiv: ElementRef;
70
70
  widgetInstanceId: number;
71
71
  globalFilter: any;
72
+ dashboardInfo: IDashboardInfo;
72
73
  data: any;
73
74
  raDashboardEventBus: RADashboardEventBus;
74
75
  appConfig: IAppConfig;
75
76
  width: number;
76
77
  height: number;
77
78
  gridCellHeight: number;
79
+ bulkActionData: IBulkAction;
80
+ canLoadData: boolean;
78
81
  widgetDeleted: EventEmitter<string>;
79
82
  updateAppliedFilters: EventEmitter<{}>;
83
+ dataLoaded: EventEmitter<{}>;
84
+ widgetLoaded: EventEmitter<{}>;
80
85
  lockTitle: string;
81
86
  isWidgetStateApplicable: boolean;
82
87
  widgetEmptyState: string;
@@ -136,5 +141,4 @@ export declare class RAWidgetContainer implements OnInit, OnChanges, AfterViewIn
136
141
  private setInapplicableFilters;
137
142
  openPopup(title: any, data: any, footer: any, type: any, template?: any): void;
138
143
  closePopup(): void;
139
- getwidgetTitleTranslation(item: any): any;
140
144
  }
package/lib/ra.base.dashboard.template.d.ts CHANGED
@@ -1,15 +1,17 @@
1
1
  import { NgZone } from '@angular/core';
2
2
  import { RADashboardEventBus } from './ra.dashbard.event.bus';
3
- import { IAppConfig } from '@schneideress/widgetframework';
3
+ import { IAppConfig, IDashboardInfo } from '@schneideress/widgetframework';
4
4
  export declare abstract class RaBaseDashboardTemplate {
5
5
  private ngZone;
6
6
  userDashboardId: number;
7
7
  raDashboardEventBus: RADashboardEventBus;
8
8
  appConfig: IAppConfig;
9
+ dashboardInfo: IDashboardInfo;
10
+ templateConfig: any;
9
11
  dashboardId: number;
10
12
  globalFilter: any;
11
13
  constructor(ngZone: NgZone);
12
- initialize: (eventBus: RADashboardEventBus, userDashboardId: number, appConfig: IAppConfig) => void;
14
+ initialize: (eventBus: RADashboardEventBus, userDashboardId: number, appConfig: IAppConfig, dashboardInfo: IDashboardInfo, templateConfig?: any) => void;
13
15
  abstract init(): void;
14
16
  ngOnInit(): void;
15
17
  }
package/lib/ra.dashboard.responsive.service.d.ts CHANGED
@@ -11,7 +11,7 @@ export declare class RADashboardResponsiveService {
11
11
  private setScreenWidth;
12
12
  readonly IsDesktopView: boolean;
13
13
  readonly IsMobile: boolean;
14
- getGridsterConfig(isWidgetMgmnt: boolean): GridsterConfig;
14
+ getGridsterConfig(isWidgetMgmnt: boolean, resize: boolean, canMove: boolean): GridsterConfig;
15
15
  /**To map IwidgetInfo object to gridsterItem */
16
16
  getGridsterItem(widget: any): GridsterItem;
17
17
  private getWidth;
package/lib/ra.dashboard.service.d.ts CHANGED
@@ -4,7 +4,6 @@ import { IAppConfig, IWidgetInfo } from '@schneideress/widgetframework';
4
4
  export declare class RaDashboardService extends BaseService {
5
5
  constructor(injector: Injector);
6
6
  private loadedScripts;
7
- clientId: any;
8
7
  loadExternalScript(scriptPath: string, callback: any): void;
9
8
  getWidgetsByDashboardArea(widgetInfo: IWidgetInfo, appConfig: IAppConfig): import("rxjs").Observable<any>;
10
9
  updateWidgets(widgetList: Array<IWidgetInfo>, appConfig: IAppConfig): import("rxjs").Observable<any>;
package/lib/ra.event.enum.d.ts CHANGED
@@ -49,7 +49,13 @@ export declare enum RAEvent {
49
49
  /**update applied filter badge for inaplicable filters */
50
50
  UpdateAppledFiterForInapplicableFilter = "UpdateAppledFiterForInapplicableFilter",
51
51
  /**show inapplicable filter message in global filter flyout */
52
- ShowInapplicableFilterMessage = "ShowInapplicableFilterMessage"
52
+ ShowInapplicableFilterMessage = "ShowInapplicableFilterMessage",
53
+ /** Bulk Action Clicked */
54
+ BulkActionClick = "BulkActionClick",
55
+ /** Global Filter Clicked */
56
+ /** When user change the curated filter(eg:data streams), system will create/delete widgets */
57
+ CuratedFilterChange = "CuratedFilterChange",
58
+ GlobalFilterClick = "GlobalFilterClick"
53
59
  }
54
60
  export declare enum RAEventKey {
55
61
  /** on edit widget click */
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@schneideress/dashboardframework",
3
- "version": "0.0.271",
3
+ "version": "0.0.273",
4
4
  "description": "Dashboard framework library",
5
5
  "license": "MIT",
6
6
  "peerDependencies": {
package/schneideress-dashboardframework.metadata.json CHANGED
@@ -1 +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\" [ngStyle]=\"{'height': userWidgets.length > 0 ? (gridheight + 'px') : 'unset'}\">\r\n <!-- <div #gridWrapper class=\"wrap gridster\"> -->\r\n <gridster [options]=\"options\" style=\"height:100%;\" *ngIf=\"userWidgets.length > 0\">\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 (updateAppliedFilters)=\"updateAppliedFilters($event)\">\r\n </ra-widget-container>\r\n </gridster-item>\r\n </gridster>\r\n\r\n <div class=\"empty-padding kiosk-hide\" *ngIf=\"showEmptyDashboard\">\r\n <div class=\"empty-wrapper\">\r\n <div></div>\r\n <div class=\"m-1 empty-prefix\">\r\n <i class=\"fal fa-edit edit-icon\"></i>\r\n <span class=\"empty-title\">{{'dashboard.emptydashboard'|translate}}</span>\r\n </div>\r\n <div class=\"empty-content light\">\r\n <div>\r\n <div class=\"col-sm-12 empty-msg\">\r\n {{'dashboard.emptydashboardmessage'|translate}} <br />\r\n {{'dashboard.emptydashboardmessage2'|translate}}\r\n </div>\r\n <button *ngIf=\"isWidgetMgmnt\" class=\"btn btnLib btn-sm m-1 dashboard-button light\" (click)=\"addNewWidget()\">\r\n <i class=\"fal fa-plus m-1\"></i>{{'dashboard.addawidgets'|translate}}</button>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <notifier-container></notifier-container>\r\n</div>","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;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;margin-bottom:50px!important}}@media screen and (max-width:350px){.gridster-mobile{min-height:330px!important;margin-bottom:0!important}}.empty-padding{padding:40px 20px 20px;background-color:#ededed;display:flex;justify-content:center;align-content:center}.empty-wrapper{display:flex;background-color:#fff;border-radius:8px;min-height:125px;width:72%}.empty-prefix{color:#32ad3c;font-size:18px;display:flex;align-items:center;padding:10px 30px;min-width:-webkit-max-content;min-width:max-content;min-width:-moz-max-content}.empty-content{color:#333;border-left:1px solid #a9afb1;width:100%;display:flex;align-items:center;padding:15px 30px 10px 40px}.empty-msg{padding:0 0 5px;font-size:16px}.dashboard-button{padding:5px 10px 5px 5px!important}.btnLib{background-color:#ededed;color:#333!important}.btn-group-sm>.btn,.btn-sm{padding:5px 20px 5px 5px}.edit-icon{color:#32ad3c;font-size:24px;margin-right:15px}.empty-title{margin-top:10px}@media screen and (max-width:600px){.empty-padding{padding:10px;background-color:#ededed;width:100%;display:block}.empty-wrapper{display:flex;background-color:#fff;border-radius:8px;min-height:125px;width:100%}.empty-prefix{color:#32ad3c;font-size:16px;display:flex;height:40px;padding:6px 10px 8px}.empty-content{color:#333;display:flex;padding:5px 10px 10px;margin-top:44px;margin-left:-185px;border-left:none}.empty-msg{padding:12px 10px 10px 5px;font-size:14px;border-top:1px solid #a9afb1}.edit-icon{color:#32ad3c;font-size:20px;margin-right:6px}.empty-title{margin-top:6px}}"]}]}],"members":{"userDashboardId":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":37,"character":3},"arguments":["user-dashboard-id"]}]}],"areaKey":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":38,"character":3},"arguments":["area-key"]}]}],"globalFilter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":39,"character":3},"arguments":["global-filter"]}]}],"raDashboardEventBus":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":40,"character":3},"arguments":["event-bus"]}]}],"widgetHeight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":41,"character":3},"arguments":["widget-height"]}]}],"widgetWidth":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":42,"character":3},"arguments":["widget-width"]}]}],"appConfig":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":43,"character":3},"arguments":["app-config"]}]}],"hideDashboardBanner":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":44,"character":3}}]}],"gridWrapper":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":46,"character":3},"arguments":["gridWrapper",{"static":false}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"RaDashboardService"},{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":49,"character":20},{"__symbolic":"reference","module":"ngx-ui-loader","name":"NgxUiLoaderService","line":50,"character":24},{"__symbolic":"reference","module":"@schneideress/ra-common","name":"RATranslateService","line":51,"character":30},{"__symbolic":"reference","module":"angular-notifier","name":"NotifierService","line":52,"character":22},{"__symbolic":"reference","name":"RADashboardResponsiveService"},{"__symbolic":"reference","module":"@schneideress/ra-common","name":"RAPermissionService","line":54,"character":31}]}],"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"}],"addNewWidget":[{"__symbolic":"method"}],"updateAppliedFilters":[{"__symbolic":"method"}],"checkPAMWidgets":[{"__symbolic":"method"}]}},"RAWidgetContainer":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":13,"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\" *ngIf=\"!hideTitle\"\r\n [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-9 float-left title-label\">\r\n <ra-tooltip [value]=\"toolTipValue\" [width]=\"toolTipWidth\">\r\n <div [hidden]=\"hideTitle\" style=\"text-overflow: ellipsis;white-space: nowrap;overflow: hidden;\"\r\n (mouseover)=\"mouseOver($event)\" #searchInput>{{WidgetDisplayName}}</div>\r\n </ra-tooltip>\r\n </div>\r\n <div class=\"col-3\" style=\"cursor:default;padding-right: 0px;\"> \r\n <div class=\"float-right\" style=\"display: flex;\">\r\n <div #banPopupDiv (mouseover)=\"openPopup(inapplicableIconTitle,inapplicableFilters,inapplicableIconFooter,'innaplicable')\" (mouseout)=\"closePopup()\" class=\"title-bar-lock-icon lock-dropdown\" [hidden]=\"!inapplicableFilters || inapplicableFilters.length == 0 || !globalFilter || globalFilter == '{}'\">\r\n <i class=\"fal fa-ban lock\"></i> \r\n </div>\r\n <div #lockPopupDiv (mouseover)=\"openPopup(lockIconTitle,lockDetails,lockIconFooter,'lock',lockTemplateInfo)\" (mouseout)=\"closePopup()\" class=\"title-bar-lock-icon lock-dropdown\" [hidden]=\"!lockDetails && !lockTemplateInfo\">\r\n <i class=\"fal fa-lock lock\"></i> \r\n </div>\r\n <div class=\"widget-menu\" style=\"width:10px;\"\r\n [ngClass]=\"{'widget-menu-show': isMouseHover && showSettingsLink}\">\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 *ngIf=\"hideTitle\" class=\"wcheader widget-move\"\r\n style=\"height: 45px;width: 95%;cursor: move;z-index: 99;opacity: 0;\">\r\n </div>\r\n <div *ngIf=\"hideTitle\" class=\"widget-menu widget-menu-title-hidden\" [ngClass]=\"{'widget-menu-show': isMouseHover && showSettingsLink}\">\r\n <div class=\"dropbtn title-bar-icon\">\r\n <i (click)=\"showDropDown($event)\" class=\"fal fa-ellipsis-v\" style=\"text-align: center;\"></i>\r\n </div>\r\n </div>\r\n <div class=\"wcBody\" [ngStyle]=\"{'bottom': noPadding?'0px':'10px','top':hideTitle?'10px':'46px'}\">\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%;height: 100%;\" [isWidgetStateApplicable]=\"isWidgetStateApplicable\"\r\n [isGlobalFilterApplied]=\"isGlobalFilterApplied\" [widgetEmptyState]=\"widgetEmptyState\"\r\n (editWidgetClicked)=editWidget() [widthCol]=\"width\" [heightCol]=\"height\">\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":68,"character":3},"arguments":["ctlWidget",{"static":false}]}]}],"widgetDropdown":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":69,"character":3},"arguments":["widgetDropdown",{"static":false}]}]}],"searchInput":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":70,"character":3},"arguments":["searchInput",{"static":false}]}]}],"wcWrapper":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":71,"character":3},"arguments":["wcWrapper",{"static":false}]}]}],"banPopupDiv":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":72,"character":3},"arguments":["banPopupDiv",{"static":false}]}]}],"lockPopupDiv":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":73,"character":3},"arguments":["lockPopupDiv",{"static":false}]}]}],"widgetInstanceId":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":75,"character":3},"arguments":["widget-instance-id"]}]}],"globalFilter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":76,"character":3},"arguments":["global-filter"]}]}],"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":77,"character":3},"arguments":["data"]}]}],"raDashboardEventBus":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":78,"character":3},"arguments":["event-bus"]}]}],"appConfig":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":79,"character":3},"arguments":["app-config"]}]}],"width":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":80,"character":3},"arguments":["widget-width"]}]}],"height":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":81,"character":3},"arguments":["widget-height"]}]}],"gridCellHeight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":82,"character":3},"arguments":["grid-cell-height"]}]}],"widgetDeleted":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":85,"character":3}}]}],"updateAppliedFilters":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":86,"character":3}}]}],"setResized":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":99,"character":3},"arguments":["dom-resized"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"RaDashboardService"},{"__symbolic":"reference","module":"ngx-ui-loader","name":"NgxUiLoaderService","line":105,"character":24},{"__symbolic":"reference","module":"@schneideress/ra-common","name":"RATranslateService","line":106,"character":30},{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":107,"character":20},{"__symbolic":"reference","module":"angular-notifier","name":"NotifierService","line":108,"character":22},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":109,"character":22},{"__symbolic":"reference","module":"@schneideress/ra-common","name":"RAPermissionService","line":110,"character":33},{"__symbolic":"reference","module":"@schneideress/ra-common","name":"DomService","line":111,"character":24}]}],"ngOnInit":[{"__symbolic":"method"}],"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"}],"checkVisitLinkVisiblity":[{"__symbolic":"method"}],"showDropDown":[{"__symbolic":"method"}],"addEventListener":[{"__symbolic":"method"}],"getContenxtHtml":[{"__symbolic":"method"}],"getHr":[{"__symbolic":"method"}],"getHtmlForButton":[{"__symbolic":"method"}],"getParsedConfig":[{"__symbolic":"method"}],"applayWidgetSettings":[{"__symbolic":"method"}],"setInapplicableFilters":[{"__symbolic":"method"}],"openPopup":[{"__symbolic":"method"}],"closePopup":[{"__symbolic":"method"}],"getwidgetTitleTranslation":[{"__symbolic":"method"}]}},"DashboardFrameworkModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":16,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"RADashboardArea"},{"__symbolic":"reference","name":"RAWidgetContainer"},{"__symbolic":"reference","name":"ɵa"}],"imports":[{"__symbolic":"reference","module":"@angular/platform-browser","name":"BrowserModule","line":23,"character":4},{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClientModule","line":25,"character":4},{"__symbolic":"reference","module":"ngx-ui-loader","name":"NgxUiLoaderModule","line":26,"character":4},{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"angular-notifier","name":"NotifierModule","line":27,"character":4},"member":"withConfig"},"arguments":[{"__symbolic":"reference","name":"ɵf"}]},{"__symbolic":"reference","module":"@schneideress/ra-common","name":"RACommonModule","line":28,"character":4},{"__symbolic":"reference","module":"@schneideress/user-controls","name":"RAUserControlModule","line":29,"character":4},{"__symbolic":"reference","module":"@schneideress/common-controls","name":"RACommonControlsModule","line":30,"character":4}],"exports":[{"__symbolic":"reference","name":"RADashboardArea"}],"bootstrap":[{"__symbolic":"reference","name":"RADashboardArea"}],"entryComponents":[{"__symbolic":"reference","name":"ɵa"}]}]}],"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","AddNewWidgetToDashboard":"AddNewWidgetToDashboard","HideDashboardBanner":"HideDashboardBanner","LaunchCustomWidgetFlyout":"LaunchCustomWidgetFlyout","UpdateAppledFiterForInapplicableFilter":"UpdateAppledFiterForInapplicableFilter","ShowInapplicableFilterMessage":"ShowInapplicableFilterMessage"},"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"}],"showHideInapplicableMsg":[{"__symbolic":"method"}],"getAllFilterConfig":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":10,"character":3}}]}],"setInapplicableFilterMsg":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":3}}]}],"isValidEntry":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}}]}],"clearAllData":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":3}}]}],"setAllFilterConfig":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"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"}],"getGridsterConfig":[{"__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":"Component","line":3,"character":1},"arguments":[{"selector":"ra-lock-tooltip","template":"<div class=\"lock-popup-content light widget-config-item\"\r\n [ngStyle]=\"{'top': containerTop,'bottom':containerBottom,'position':'fixed','left':containerLeft,'z-index': '9999','width':'250px','min-height':'fit-content'}\">\r\n <div *ngIf=\"data && !template\">\r\n <label style=\"color: #D9F0FA;\">\r\n {{title}}:\r\n </label>\r\n <div style=\"color: white;\">\r\n <label class=\"bold\" style=\"margin-bottom: 0px;width: 100%;\" *ngFor=\"let item of data\">\r\n {{item}}\r\n </label>\r\n </div>\r\n <hr style=\"background-color: white;\">\r\n <div style=\"color: #D9F0FA;\">\r\n <label>{{footer}}</label>\r\n </div>\r\n </div>\r\n <div *ngIf=\"!data && template\">\r\n <ng-container *ngTemplateOutlet=\"template\">\r\n </ng-container>\r\n </div>\r\n</div>","styles":[".lock-popup-content{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}.widget-config-item i{font-size:17px;color:#42b4e6}.widget-config-item span{font-size:12px;font:inherit;padding-left:12px;color:#42b4e6}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@schneideress/ra-common","name":"DomService","line":19,"character":36}]}],"ngOnInit":[{"__symbolic":"method"}],"setPopupPosition":[{"__symbolic":"method"}],"removeMe":[{"__symbolic":"method"}]}},"ɵb":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":7,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","name":"ɵd"},{"__symbolic":"reference","name":"ɵe"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":14,"character":4}],"exports":[{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","name":"ɵd"}],"providers":[],"bootstrap":[]}]}],"members":{}},"ɵc":{"__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;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"}}}}}},"ɵd":{"__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;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":"ɵc"},{"__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"}]}},"ɵe":{"__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":"ɵc"},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":14,"character":84}]}],"ngOnDestroy":[{"__symbolic":"method"}],"previewStyle":[{"__symbolic":"method"}]}},"ɵf":{"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":"./lib/ra-widget-container/lock-tooltip/lock.tooltip.component","ɵb":"./gridster/lib/gridster.module","ɵc":"./gridster/lib/gridster.component","ɵd":"./gridster/lib/gridsterItem.component","ɵe":"./gridster/lib/gridsterPreview.component","ɵf":"./lib/custom.notifier.options"},"importAs":"@schneideress/dashboardframework"}
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":13,"character":1},"arguments":[{"selector":"ra-dashboard-area","template":"<div #gridWrapper class=\"wrap gridster gridster-mobile\"\r\n [ngStyle]=\"{'height': userWidgets.length > 0 ? (gridheight + 'px') : 'unset'}\">\r\n <!-- <div #gridWrapper class=\"wrap gridster\"> -->\r\n <gridster [options]=\"options\" style=\"height:100%;\" *ngIf=\"userWidgets.length > 0\">\r\n <gridster-item [item]=\"item\" *ngFor=\"let item of widgetList\">\r\n <ra-widget-container (widgetLoaded)=\"widgetLoaded(item)\" [canLoadData]=\"item.canLoadData\" (dataLoaded)=\"dataLoaded($event)\"\r\n [bulk-action-data]=\"bulkActionData\" [dashboard-info]=\"dashboardInfo\" [app-config]=\"appConfig\"\r\n [event-bus]=\"raDashboardEventBus\" (widgetDeleted)=\"deleteWidget($event)\" [data]=\"item\"\r\n [global-filter]=\"globalFilter\" [grid-cell-height]=\"gridcellHeight\" *ngIf=\"gridcellHeight && gridcellHeight > 0\"\r\n [widget-width]=\"item.cols\" [widget-height]=\"item.rows\" [widget-instance-id]=\"item.widgetInstanceId\"\r\n [dom-resized]=\"domResized\" (updateAppliedFilters)=\"updateAppliedFilters($event)\">\r\n </ra-widget-container>\r\n </gridster-item>\r\n </gridster>\r\n\r\n <div class=\"empty-padding kiosk-hide\" *ngIf=\"showEmptyDashboard\">\r\n <div class=\"empty-wrapper\">\r\n <div></div>\r\n <div class=\"empty-prefix\">\r\n <!-- <i class=\"fal fa-edit edit-icon\"></i> -->\r\n <span>{{emptyDashboardTitle}}</span>\r\n </div>\r\n <hr class=\"horizontalLine-solid\" />\r\n <div class=\"empty-content light\">\r\n <div>\r\n <div class=\"col-sm-12 empty-msg\">\r\n {{emptyDashboardMsg1}} <br />\r\n {{emptyDashboardMsg2}}\r\n </div>\r\n <button *ngIf=\"isWidgetMgmnt\" class=\"btn btnLib btn-sm dashboard-button light\" (click)=\"buttonClick()\">\r\n <i class=\"{{emptyDashboardButtonIcon}}\"></i>{{emptyDashboardButtonText}}</button>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <notifier-container></notifier-container>\r\n</div>\r\n<div #divBottom></div>","styles":["gridster{width:inherit;resize:height;display:flex;background-color:#fff;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;user-select:text;box-shadow:none}gridster-item:hover{box-shadow:0 1px 10px rgba(0,0,0,.15)!important}@media screen and (max-width:685px){.gridster-mobile{height:auto!important;margin-bottom:50px!important}}@media screen and (max-width:350px){.gridster-mobile{min-height:330px!important;margin-bottom:0!important}}.empty-padding{padding:15px 0;background-color:#fff;display:flex}.empty-wrapper{background-color:#fff;border:1px solid #9fa0a4;min-height:125px;width:100%}.empty-prefix{color:#32ad3c;font-size:18px;padding:15px}.empty-content{color:#626469;width:100%;padding:15px}.empty-msg{padding:0 0 15px;font-size:16px}.horizontalLine-solid{border-top:1px solid #cbcbcb;margin:0 15px}.dashboard-button{padding:5px 10px 5px 5px!important}.btnLib{background-color:#ededed;color:#333!important}.btn-group-sm>.btn,.btn-sm{padding:5px 20px 5px 5px}.edit-icon{color:#32ad3c;font-size:24px;margin-right:15px}.empty-title{margin-top:10px}@media screen and (max-width:600px){.empty-padding{padding:15px 0;background-color:#fff;width:100%;display:block}.empty-wrapper{display:flex;background-color:#fff;border:1px solid #9fa0a4;min-height:125px;width:100%}.empty-prefix{color:#32ad3c;font-size:16px;display:flex;height:40px;padding:15px}.empty-content{color:#333;display:flex;padding:15px}.empty-msg{padding:0 0 15px;font-size:14px}.edit-icon{color:#32ad3c;font-size:20px;margin-right:6px}.empty-title{margin-top:6px}}"]}]}],"members":{"userDashboardId":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":50,"character":3},"arguments":["user-dashboard-id"]}]}],"areaKey":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":51,"character":3},"arguments":["area-key"]}]}],"globalFilter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":52,"character":3},"arguments":["global-filter"]}]}],"raDashboardEventBus":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":53,"character":3},"arguments":["event-bus"]}]}],"widgetHeight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":54,"character":3},"arguments":["widget-height"]}]}],"widgetWidth":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":55,"character":3},"arguments":["widget-width"]}]}],"appConfig":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":56,"character":3},"arguments":["app-config"]}]}],"dashboardInfo":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":57,"character":3},"arguments":["dashboard-info"]}]}],"templateConfig":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":58,"character":3}}]}],"hideDashboardBanner":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":59,"character":3}}]}],"gridWrapper":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":61,"character":3},"arguments":["gridWrapper",{"static":false}]}]}],"divBottom":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":62,"character":3},"arguments":["divBottom",{"static":false}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"RaDashboardService"},{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":65,"character":20},{"__symbolic":"reference","module":"ngx-ui-loader","name":"NgxUiLoaderService","line":66,"character":24},{"__symbolic":"reference","module":"@schneideress/ra-common","name":"RATranslateService","line":67,"character":30},{"__symbolic":"reference","module":"angular-notifier","name":"NotifierService","line":68,"character":22},{"__symbolic":"reference","name":"RADashboardResponsiveService"},{"__symbolic":"reference","module":"@schneideress/ra-common","name":"RAPermissionService","line":70,"character":31}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"setEmptyDashboardConfig":[{"__symbolic":"method"}],"initiateGridsterConfig":[{"__symbolic":"method"}],"widgetLoaded":[{"__symbolic":"method"}],"inititateEventBusSubscritions":[{"__symbolic":"method"}],"addWidgetListToGridster":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"updateWidgets":[{"__symbolic":"method"}],"updateWidgetPosition":[{"__symbolic":"method"}],"formatWidgetDataForPositionDetails":[{"__symbolic":"method"}],"loadWidgets":[{"__symbolic":"method"}],"loadWidgetsDelta":[{"__symbolic":"method"}],"dataLoaded":[{"__symbolic":"method"}],"loadNext":[{"__symbolic":"method"}],"elementInViewport":[{"__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"}],"buttonClick":[{"__symbolic":"method"}],"updateAppliedFilters":[{"__symbolic":"method"}],"checkPAMWidgets":[{"__symbolic":"method"}]}},"RAWidgetContainer":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":13,"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\" *ngIf=\"!hideTitle\"\r\n [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-9 float-left title-label\">\r\n <ra-tooltip [value]=\"toolTipValue\" [width]=\"toolTipWidth\">\r\n <div [hidden]=\"hideTitle\" style=\"text-overflow: ellipsis;white-space: nowrap;overflow: hidden;\"\r\n (mouseover)=\"mouseOver($event)\" #searchInput>{{WidgetDisplayName}}</div>\r\n </ra-tooltip>\r\n </div>\r\n <div class=\"col-3\" style=\"cursor:default;padding-right: 0px;\"> \r\n <div class=\"float-right\" style=\"display: flex;\">\r\n <div #banPopupDiv (mouseover)=\"openPopup(inapplicableIconTitle,inapplicableFilters,inapplicableIconFooter,'innaplicable')\" (mouseout)=\"closePopup()\" class=\"title-bar-lock-icon lock-dropdown\" [hidden]=\"!inapplicableFilters || inapplicableFilters.length == 0 || !globalFilter || globalFilter == '{}'\">\r\n <i class=\"fal fa-ban lock\"></i> \r\n </div>\r\n <div #lockPopupDiv (mouseover)=\"openPopup(lockIconTitle,lockDetails,lockIconFooter,'lock',lockTemplateInfo)\" (mouseout)=\"closePopup()\" class=\"title-bar-lock-icon lock-dropdown\" [hidden]=\"!lockDetails && !lockTemplateInfo\">\r\n <i class=\"fal fa-lock lock\"></i> \r\n </div>\r\n <div class=\"widget-menu\" style=\"width:10px;\"\r\n [ngClass]=\"{'widget-menu-show': isMouseHover && showSettingsLink}\">\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 *ngIf=\"hideTitle\" class=\"wcheader widget-move\"\r\n style=\"height: 45px;width: 95%;cursor: move;z-index: 99;opacity: 0;\">\r\n </div>\r\n <div *ngIf=\"hideTitle\" class=\"widget-menu widget-menu-title-hidden\" [ngClass]=\"{'widget-menu-show': isMouseHover && showSettingsLink}\">\r\n <div class=\"dropbtn title-bar-icon\">\r\n <i (click)=\"showDropDown($event)\" class=\"fal fa-ellipsis-v\" style=\"text-align: center;\"></i>\r\n </div>\r\n </div>\r\n <div class=\"wcBody\" [ngStyle]=\"{'bottom': noPadding?'0px':'10px','top':hideTitle?'10px':'46px'}\">\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%;height: 100%;\" [isWidgetStateApplicable]=\"isWidgetStateApplicable\"\r\n [isGlobalFilterApplied]=\"isGlobalFilterApplied\" [widgetEmptyState]=\"widgetEmptyState\"\r\n (editWidgetClicked)=editWidget() [widthCol]=\"width\" [heightCol]=\"height\">\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":68,"character":3},"arguments":["ctlWidget",{"static":false}]}]}],"widgetDropdown":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":69,"character":3},"arguments":["widgetDropdown",{"static":false}]}]}],"searchInput":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":70,"character":3},"arguments":["searchInput",{"static":false}]}]}],"wcWrapper":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":71,"character":3},"arguments":["wcWrapper",{"static":false}]}]}],"banPopupDiv":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":72,"character":3},"arguments":["banPopupDiv",{"static":false}]}]}],"lockPopupDiv":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":73,"character":3},"arguments":["lockPopupDiv",{"static":false}]}]}],"widgetInstanceId":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":75,"character":3},"arguments":["widget-instance-id"]}]}],"globalFilter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":76,"character":3},"arguments":["global-filter"]}]}],"dashboardInfo":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":77,"character":3},"arguments":["dashboard-info"]}]}],"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":78,"character":3},"arguments":["data"]}]}],"raDashboardEventBus":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":79,"character":3},"arguments":["event-bus"]}]}],"appConfig":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":80,"character":3},"arguments":["app-config"]}]}],"width":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":81,"character":3},"arguments":["widget-width"]}]}],"height":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":82,"character":3},"arguments":["widget-height"]}]}],"gridCellHeight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":83,"character":3},"arguments":["grid-cell-height"]}]}],"bulkActionData":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":84,"character":3},"arguments":["bulk-action-data"]}]}],"canLoadData":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":85,"character":3}}]}],"widgetDeleted":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":87,"character":3}}]}],"updateAppliedFilters":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":88,"character":3}}]}],"dataLoaded":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":89,"character":3}}]}],"widgetLoaded":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":90,"character":3}}]}],"setResized":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":104,"character":3},"arguments":["dom-resized"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"RaDashboardService"},{"__symbolic":"reference","module":"ngx-ui-loader","name":"NgxUiLoaderService","line":110,"character":24},{"__symbolic":"reference","module":"@schneideress/ra-common","name":"RATranslateService","line":111,"character":30},{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":112,"character":20},{"__symbolic":"reference","module":"angular-notifier","name":"NotifierService","line":113,"character":22},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":114,"character":22},{"__symbolic":"reference","module":"@schneideress/ra-common","name":"RAPermissionService","line":115,"character":33},{"__symbolic":"reference","module":"@schneideress/ra-common","name":"DomService","line":116,"character":24}]}],"ngOnInit":[{"__symbolic":"method"}],"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"}],"checkVisitLinkVisiblity":[{"__symbolic":"method"}],"showDropDown":[{"__symbolic":"method"}],"addEventListener":[{"__symbolic":"method"}],"getContenxtHtml":[{"__symbolic":"method"}],"getHr":[{"__symbolic":"method"}],"getHtmlForButton":[{"__symbolic":"method"}],"getParsedConfig":[{"__symbolic":"method"}],"applayWidgetSettings":[{"__symbolic":"method"}],"setInapplicableFilters":[{"__symbolic":"method"}],"openPopup":[{"__symbolic":"method"}],"closePopup":[{"__symbolic":"method"}]}},"DashboardFrameworkModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":16,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"RADashboardArea"},{"__symbolic":"reference","name":"RAWidgetContainer"},{"__symbolic":"reference","name":"ɵa"}],"imports":[{"__symbolic":"reference","module":"@angular/platform-browser","name":"BrowserModule","line":23,"character":4},{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClientModule","line":25,"character":4},{"__symbolic":"reference","module":"ngx-ui-loader","name":"NgxUiLoaderModule","line":26,"character":4},{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"angular-notifier","name":"NotifierModule","line":27,"character":4},"member":"withConfig"},"arguments":[{"__symbolic":"reference","name":"ɵf"}]},{"__symbolic":"reference","module":"@schneideress/ra-common","name":"RACommonModule","line":28,"character":4},{"__symbolic":"reference","module":"@schneideress/user-controls","name":"RAUserControlModule","line":29,"character":4},{"__symbolic":"reference","module":"@schneideress/common-controls","name":"RACommonControlsModule","line":30,"character":4}],"exports":[{"__symbolic":"reference","name":"RADashboardArea"}],"bootstrap":[{"__symbolic":"reference","name":"RADashboardArea"}],"entryComponents":[{"__symbolic":"reference","name":"ɵa"}]}]}],"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","AddNewWidgetToDashboard":"AddNewWidgetToDashboard","HideDashboardBanner":"HideDashboardBanner","LaunchCustomWidgetFlyout":"LaunchCustomWidgetFlyout","UpdateAppledFiterForInapplicableFilter":"UpdateAppledFiterForInapplicableFilter","ShowInapplicableFilterMessage":"ShowInapplicableFilterMessage","BulkActionClick":"BulkActionClick","CuratedFilterChange":"CuratedFilterChange","GlobalFilterClick":"GlobalFilterClick"},"RAEventKey":{"WidgetInstanceId":"widgetInstanceId"},"RaBaseDashboardTemplate":{"__symbolic":"class","members":{"dashboardId":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":5},"arguments":["dashboard-id"]}]}],"globalFilter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":5},"arguments":["global-filter"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":16,"character":32}]}],"initialize":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":5}}]}],"init":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}]}},"RaBaseDashboardFilter":{"__symbolic":"class","members":{"getFilterConfig":[{"__symbolic":"method"}],"setFilterConfig":[{"__symbolic":"method"}],"clearData":[{"__symbolic":"method"}],"isValid":[{"__symbolic":"method"}],"showHideInapplicableMsg":[{"__symbolic":"method"}],"getAllFilterConfig":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":10,"character":3}}]}],"setInapplicableFilterMsg":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":3}}]}],"isValidEntry":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}}]}],"clearAllData":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":3}}]}],"setAllFilterConfig":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"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"}],"getGridsterConfig":[{"__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":"Component","line":3,"character":1},"arguments":[{"selector":"ra-lock-tooltip","template":"<div class=\"lock-popup-content light widget-config-item\"\r\n [ngStyle]=\"{'top': containerTop,'bottom':containerBottom,'position':'fixed','left':containerLeft,'z-index': '9999','width':'250px','min-height':'fit-content'}\">\r\n <div *ngIf=\"data && !template\">\r\n <label style=\"color: #D9F0FA;\">\r\n {{title}}:\r\n </label>\r\n <div style=\"color: white;\">\r\n <label class=\"bold\" style=\"margin-bottom: 0px;width: 100%;\" *ngFor=\"let item of data\">\r\n {{item}}\r\n </label>\r\n </div>\r\n <hr style=\"background-color: white;\">\r\n <div style=\"color: #D9F0FA;\">\r\n <label>{{footer}}</label>\r\n </div>\r\n </div>\r\n <div *ngIf=\"!data && template\">\r\n <ng-container *ngTemplateOutlet=\"template\">\r\n </ng-container>\r\n </div>\r\n</div>","styles":[".lock-popup-content{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}.widget-config-item i{font-size:17px;color:#42b4e6}.widget-config-item span{font-size:12px;font:inherit;padding-left:12px;color:#42b4e6}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@schneideress/ra-common","name":"DomService","line":19,"character":36}]}],"ngOnInit":[{"__symbolic":"method"}],"setPopupPosition":[{"__symbolic":"method"}],"removeMe":[{"__symbolic":"method"}]}},"ɵb":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":7,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","name":"ɵd"},{"__symbolic":"reference","name":"ɵe"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":14,"character":4}],"exports":[{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","name":"ɵd"}],"providers":[],"bootstrap":[]}]}],"members":{}},"ɵc":{"__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;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"}}}}}},"ɵd":{"__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;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":"ɵc"},{"__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"}]}},"ɵe":{"__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":"ɵc"},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":14,"character":84}]}],"ngOnDestroy":[{"__symbolic":"method"}],"previewStyle":[{"__symbolic":"method"}]}},"ɵf":{"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":"./lib/ra-widget-container/lock-tooltip/lock.tooltip.component","ɵb":"./gridster/lib/gridster.module","ɵc":"./gridster/lib/gridster.component","ɵd":"./gridster/lib/gridsterItem.component","ɵe":"./gridster/lib/gridsterPreview.component","ɵf":"./lib/custom.notifier.options"},"importAs":"@schneideress/dashboardframework"}