@schneideress/dashboardframework 0.0.1
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.
- package/README.md +24 -0
- package/bundles/schneideress-dashboardframework.umd.js +5666 -0
- package/bundles/schneideress-dashboardframework.umd.js.map +1 -0
- package/bundles/schneideress-dashboardframework.umd.min.js +2 -0
- package/bundles/schneideress-dashboardframework.umd.min.js.map +1 -0
- package/esm2015/gridster/index.js +18 -0
- package/esm2015/gridster/lib/gridster.component.js +695 -0
- package/esm2015/gridster/lib/gridster.interface.js +84 -0
- package/esm2015/gridster/lib/gridster.module.js +27 -0
- package/esm2015/gridster/lib/gridsterCompact.service.js +223 -0
- package/esm2015/gridster/lib/gridsterConfig.constant.js +179 -0
- package/esm2015/gridster/lib/gridsterConfig.interface.js +219 -0
- package/esm2015/gridster/lib/gridsterConfigS.interface.js +161 -0
- package/esm2015/gridster/lib/gridsterDraggable.service.js +510 -0
- package/esm2015/gridster/lib/gridsterEmptyCell.service.js +317 -0
- package/esm2015/gridster/lib/gridsterItem.component.js +213 -0
- package/esm2015/gridster/lib/gridsterItem.interface.js +46 -0
- package/esm2015/gridster/lib/gridsterItemComponent.interface.js +48 -0
- package/esm2015/gridster/lib/gridsterPreview.component.js +66 -0
- package/esm2015/gridster/lib/gridsterPush.service.js +467 -0
- package/esm2015/gridster/lib/gridsterPushResize.service.js +358 -0
- package/esm2015/gridster/lib/gridsterRenderer.service.js +277 -0
- package/esm2015/gridster/lib/gridsterResizable.service.js +552 -0
- package/esm2015/gridster/lib/gridsterResizeEventType.interface.js +19 -0
- package/esm2015/gridster/lib/gridsterScroll.service.js +195 -0
- package/esm2015/gridster/lib/gridsterSwap.service.js +134 -0
- package/esm2015/gridster/lib/gridsterUtils.service.js +137 -0
- package/esm2015/lib/ra-dashboard-area/ra.dashboard.area.js +258 -0
- package/esm2015/lib/ra-widget-container/ra.widget.container.component.js +216 -0
- package/esm2015/lib/ra.base.dashboard.filter.js +35 -0
- package/esm2015/lib/ra.base.dashboard.template.js +63 -0
- package/esm2015/lib/ra.dashbard.event.bus.js +85 -0
- package/esm2015/lib/ra.dashboard.module.js +31 -0
- package/esm2015/lib/ra.dashboard.service.js +213 -0
- package/esm2015/lib/ra.event.enum.js +33 -0
- package/esm2015/lib/ra.gridster.config.js +63 -0
- package/esm2015/public-api.js +16 -0
- package/esm2015/schneideress-dashboardframework.js +13 -0
- package/esm5/gridster/index.js +18 -0
- package/esm5/gridster/lib/gridster.component.js +798 -0
- package/esm5/gridster/lib/gridster.interface.js +94 -0
- package/esm5/gridster/lib/gridster.module.js +31 -0
- package/esm5/gridster/lib/gridsterCompact.service.js +253 -0
- package/esm5/gridster/lib/gridsterConfig.constant.js +179 -0
- package/esm5/gridster/lib/gridsterConfig.interface.js +219 -0
- package/esm5/gridster/lib/gridsterConfigS.interface.js +161 -0
- package/esm5/gridster/lib/gridsterDraggable.service.js +549 -0
- package/esm5/gridster/lib/gridsterEmptyCell.service.js +358 -0
- package/esm5/gridster/lib/gridsterItem.component.js +238 -0
- package/esm5/gridster/lib/gridsterItem.interface.js +46 -0
- package/esm5/gridster/lib/gridsterItemComponent.interface.js +58 -0
- package/esm5/gridster/lib/gridsterPreview.component.js +70 -0
- package/esm5/gridster/lib/gridsterPush.service.js +547 -0
- package/esm5/gridster/lib/gridsterPushResize.service.js +423 -0
- package/esm5/gridster/lib/gridsterRenderer.service.js +323 -0
- package/esm5/gridster/lib/gridsterResizable.service.js +629 -0
- package/esm5/gridster/lib/gridsterResizeEventType.interface.js +19 -0
- package/esm5/gridster/lib/gridsterScroll.service.js +195 -0
- package/esm5/gridster/lib/gridsterSwap.service.js +152 -0
- package/esm5/gridster/lib/gridsterUtils.service.js +177 -0
- package/esm5/lib/ra-dashboard-area/ra.dashboard.area.js +307 -0
- package/esm5/lib/ra-widget-container/ra.widget.container.component.js +277 -0
- package/esm5/lib/ra.base.dashboard.filter.js +38 -0
- package/esm5/lib/ra.base.dashboard.template.js +63 -0
- package/esm5/lib/ra.dashbard.event.bus.js +125 -0
- package/esm5/lib/ra.dashboard.module.js +35 -0
- package/esm5/lib/ra.dashboard.service.js +295 -0
- package/esm5/lib/ra.event.enum.js +33 -0
- package/esm5/lib/ra.gridster.config.js +63 -0
- package/esm5/public-api.js +16 -0
- package/esm5/schneideress-dashboardframework.js +13 -0
- package/fesm2015/schneideress-dashboardframework.js +4811 -0
- package/fesm2015/schneideress-dashboardframework.js.map +1 -0
- package/fesm5/schneideress-dashboardframework.js +5613 -0
- package/fesm5/schneideress-dashboardframework.js.map +1 -0
- package/gridster/index.d.ts +11 -0
- package/gridster/lib/gridster.component.d.ts +67 -0
- package/gridster/lib/gridster.interface.d.ts +46 -0
- package/gridster/lib/gridster.module.d.ts +2 -0
- package/gridster/lib/gridsterCompact.service.d.ts +15 -0
- package/gridster/lib/gridsterConfig.constant.d.ts +2 -0
- package/gridster/lib/gridsterConfig.interface.d.ts +133 -0
- package/gridster/lib/gridsterConfigS.interface.d.ts +93 -0
- package/gridster/lib/gridsterDraggable.service.d.ts +59 -0
- package/gridster/lib/gridsterEmptyCell.service.d.ts +29 -0
- package/gridster/lib/gridsterItem.component.d.ts +32 -0
- package/gridster/lib/gridsterItem.interface.d.ts +21 -0
- package/gridster/lib/gridsterItemComponent.interface.d.ts +25 -0
- package/gridster/lib/gridsterPreview.component.d.ts +10 -0
- package/gridster/lib/gridsterPush.service.d.ts +33 -0
- package/gridster/lib/gridsterPushResize.service.d.ts +26 -0
- package/gridster/lib/gridsterRenderer.service.d.ts +38 -0
- package/gridster/lib/gridsterResizable.service.d.ts +67 -0
- package/gridster/lib/gridsterResizeEventType.interface.d.ts +6 -0
- package/gridster/lib/gridsterScroll.service.d.ts +4 -0
- package/gridster/lib/gridsterSwap.service.d.ts +13 -0
- package/gridster/lib/gridsterUtils.service.d.ts +16 -0
- package/lib/ra-dashboard-area/ra.dashboard.area.d.ts +37 -0
- package/lib/ra-widget-container/ra.widget.container.component.d.ts +37 -0
- package/lib/ra.base.dashboard.filter.d.ts +4 -0
- package/lib/ra.base.dashboard.template.d.ts +14 -0
- package/lib/ra.dashbard.event.bus.d.ts +20 -0
- package/lib/ra.dashboard.module.d.ts +2 -0
- package/lib/ra.dashboard.service.d.ts +73 -0
- package/lib/ra.event.enum.d.ts +24 -0
- package/lib/ra.gridster.config.d.ts +2 -0
- package/package.json +25 -0
- package/public-api.d.ts +8 -0
- package/schneideress-dashboardframework.d.ts +8 -0
- package/schneideress-dashboardframework.metadata.json +1 -0
|
@@ -0,0 +1,67 @@
|
|
|
1
|
+
import { NgZone } from '@angular/core';
|
|
2
|
+
import { GridsterResizeEventType } from './gridsterResizeEventType.interface';
|
|
3
|
+
import { GridsterPush } from './gridsterPush.service';
|
|
4
|
+
import { GridsterPushResize } from './gridsterPushResize.service';
|
|
5
|
+
import { GridsterItemComponentInterface } from './gridsterItemComponent.interface';
|
|
6
|
+
import { GridsterComponentInterface } from './gridster.interface';
|
|
7
|
+
export declare class GridsterResizable {
|
|
8
|
+
private zone;
|
|
9
|
+
gridsterItem: GridsterItemComponentInterface;
|
|
10
|
+
gridster: GridsterComponentInterface;
|
|
11
|
+
lastMouse: {
|
|
12
|
+
clientX: number;
|
|
13
|
+
clientY: number;
|
|
14
|
+
};
|
|
15
|
+
itemBackup: Array<number>;
|
|
16
|
+
resizeEventScrollType: GridsterResizeEventType;
|
|
17
|
+
directionFunction: Function;
|
|
18
|
+
dragFunction: (event: any) => void;
|
|
19
|
+
dragStopFunction: (event: any) => void;
|
|
20
|
+
resizeEnabled: boolean;
|
|
21
|
+
mousemove: Function;
|
|
22
|
+
mouseup: Function;
|
|
23
|
+
mouseleave: Function;
|
|
24
|
+
cancelOnBlur: Function;
|
|
25
|
+
touchmove: Function;
|
|
26
|
+
touchend: Function;
|
|
27
|
+
touchcancel: Function;
|
|
28
|
+
push: GridsterPush;
|
|
29
|
+
pushResize: GridsterPushResize;
|
|
30
|
+
minHeight: number;
|
|
31
|
+
minWidth: number;
|
|
32
|
+
offsetTop: number;
|
|
33
|
+
offsetLeft: number;
|
|
34
|
+
diffTop: number;
|
|
35
|
+
diffLeft: number;
|
|
36
|
+
diffRight: number;
|
|
37
|
+
diffBottom: number;
|
|
38
|
+
margin: number;
|
|
39
|
+
top: number;
|
|
40
|
+
left: number;
|
|
41
|
+
bottom: number;
|
|
42
|
+
right: number;
|
|
43
|
+
width: number;
|
|
44
|
+
height: number;
|
|
45
|
+
newPosition: number;
|
|
46
|
+
constructor(gridsterItem: GridsterItemComponentInterface, gridster: GridsterComponentInterface, zone: NgZone);
|
|
47
|
+
destroy(): void;
|
|
48
|
+
dragStart(e: any): void;
|
|
49
|
+
dragMove(e: any): void;
|
|
50
|
+
dragStop(e: any): void;
|
|
51
|
+
cancelResize(): void;
|
|
52
|
+
makeResize(): void;
|
|
53
|
+
handleN(e: any): void;
|
|
54
|
+
handleW(e: any): void;
|
|
55
|
+
handleS(e: any): void;
|
|
56
|
+
handleE(e: any): void;
|
|
57
|
+
handleNW(e: any): void;
|
|
58
|
+
handleNE(e: any): void;
|
|
59
|
+
handleSW(e: any): void;
|
|
60
|
+
handleSE(e: any): void;
|
|
61
|
+
toggle(): void;
|
|
62
|
+
dragStartDelay(e: any): void;
|
|
63
|
+
setItemTop(top: number): void;
|
|
64
|
+
setItemLeft(left: number): void;
|
|
65
|
+
setItemHeight(height: number): void;
|
|
66
|
+
setItemWidth(width: number): void;
|
|
67
|
+
}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import { GridsterResizeEventType } from './gridsterResizeEventType.interface';
|
|
2
|
+
import { GridsterComponentInterface } from './gridster.interface';
|
|
3
|
+
export declare function scroll(gridster: GridsterComponentInterface, left: number, top: number, width: number, height: number, e: MouseEvent, lastMouse: any, calculateItemPosition: Function, resize?: boolean, resizeEventScrollType?: GridsterResizeEventType): void;
|
|
4
|
+
export declare function cancelScroll(): void;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { GridsterItemComponentInterface } from './gridsterItemComponent.interface';
|
|
2
|
+
export declare class GridsterSwap {
|
|
3
|
+
private swapedItem;
|
|
4
|
+
private gridsterItem;
|
|
5
|
+
private gridster;
|
|
6
|
+
constructor(gridsterItem: GridsterItemComponentInterface);
|
|
7
|
+
destroy(): void;
|
|
8
|
+
swapItems(): void;
|
|
9
|
+
checkSwapBack(): void;
|
|
10
|
+
restoreSwapItem(): void;
|
|
11
|
+
setSwapItem(): void;
|
|
12
|
+
checkSwap(pushedBy: GridsterItemComponentInterface): void;
|
|
13
|
+
}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { GridsterComponentInterface } from './gridster.interface';
|
|
2
|
+
export declare class GridsterUtils {
|
|
3
|
+
static merge(obj1: any, obj2: any, properties: any): any;
|
|
4
|
+
static debounce(func: Function, wait: number): () => void;
|
|
5
|
+
static checkTouchEvent(e: any): void;
|
|
6
|
+
static checkContentClassForEvent(gridster: GridsterComponentInterface, e: any): boolean;
|
|
7
|
+
static checkContentClassForEmptyCellClickEvent(gridster: GridsterComponentInterface, e: any): boolean;
|
|
8
|
+
static checkContentClass(target: any, current: any, contentClass: string): boolean;
|
|
9
|
+
static compareItems(a: {
|
|
10
|
+
x: number;
|
|
11
|
+
y: number;
|
|
12
|
+
}, b: {
|
|
13
|
+
x: number;
|
|
14
|
+
y: number;
|
|
15
|
+
}): number;
|
|
16
|
+
}
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
import { OnInit, OnChanges, SimpleChanges, NgZone, OnDestroy } from '@angular/core';
|
|
2
|
+
import { GridsterConfig, GridsterItem } from '../../gridster/index';
|
|
3
|
+
import { RaDashboardService } from '../ra.dashboard.service';
|
|
4
|
+
import { RADashboardEventBus } from '../ra.dashbard.event.bus';
|
|
5
|
+
import { IWidgetInfo, IAppConfig } from '@schneideress/widgetframework';
|
|
6
|
+
export declare class RADashboardArea implements OnInit, OnChanges, OnDestroy {
|
|
7
|
+
private dashboardService;
|
|
8
|
+
private ngZone;
|
|
9
|
+
widgetList: GridsterItem[];
|
|
10
|
+
options: GridsterConfig;
|
|
11
|
+
gridheight: number;
|
|
12
|
+
private conifgAddClick;
|
|
13
|
+
userDashboardId: number;
|
|
14
|
+
areaKey: string;
|
|
15
|
+
globalFilter: any;
|
|
16
|
+
raDashboardEventBus: RADashboardEventBus;
|
|
17
|
+
widgetHeight: number;
|
|
18
|
+
widgetWidth: number;
|
|
19
|
+
appConfig: IAppConfig;
|
|
20
|
+
constructor(dashboardService: RaDashboardService, ngZone: NgZone);
|
|
21
|
+
ngOnInit(): void;
|
|
22
|
+
ngOnChanges(changes: SimpleChanges): void;
|
|
23
|
+
ngOnDestroy(): void;
|
|
24
|
+
/** To retrieve widgets based on userDashboardid and area name */
|
|
25
|
+
loadWidgets(userDashboarId: number, areaKey: string): void;
|
|
26
|
+
/** To set Area(Gridster) height dynamically as widgets are added/removed */
|
|
27
|
+
setAreaHeight(): void;
|
|
28
|
+
/**To map IwidgetInfo object to gridsterItem */
|
|
29
|
+
mapObjectsToGridsterItem(widget: IWidgetInfo): GridsterItem;
|
|
30
|
+
mapObjectListToGridsterItemList(widgetList: Array<IWidgetInfo>): GridsterItem[];
|
|
31
|
+
/** To remove a widget instance from dashboard and to save info in database */
|
|
32
|
+
deleteWidget(widgetInstanceId: any): void;
|
|
33
|
+
/**To add widget instance to the database with the next available position and to make changes in
|
|
34
|
+
* dashboard area.
|
|
35
|
+
*/
|
|
36
|
+
addWidget(data: any): void;
|
|
37
|
+
}
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
import { ElementRef, EventEmitter, OnChanges, SimpleChanges, AfterViewInit, OnDestroy } from '@angular/core';
|
|
2
|
+
import { RaDashboardService } from './../ra.dashboard.service';
|
|
3
|
+
import { RADashboardEventBus } from '../ra.dashbard.event.bus';
|
|
4
|
+
import { IAppConfig } from '@schneideress/widgetframework';
|
|
5
|
+
export declare class RAWidgetContainer implements OnChanges, AfterViewInit, OnDestroy {
|
|
6
|
+
private dashboardService;
|
|
7
|
+
private widgetElement;
|
|
8
|
+
private configChanged;
|
|
9
|
+
private isIEOrEdge;
|
|
10
|
+
ctlWidget: ElementRef;
|
|
11
|
+
widgetInstanceId: number;
|
|
12
|
+
globalFilter: any;
|
|
13
|
+
data: any;
|
|
14
|
+
raDashboardEventBus: RADashboardEventBus;
|
|
15
|
+
appConfig: IAppConfig;
|
|
16
|
+
widgetDeleted: EventEmitter<string>;
|
|
17
|
+
constructor(dashboardService: RaDashboardService);
|
|
18
|
+
ngOnChanges(changes: SimpleChanges): void;
|
|
19
|
+
ngAfterViewInit(): void;
|
|
20
|
+
ngOnDestroy(): void;
|
|
21
|
+
/** To Edit current widget configuration*/
|
|
22
|
+
editWidget(): void;
|
|
23
|
+
/** To Delete current widget from DOM*/
|
|
24
|
+
deleteWidget(): void;
|
|
25
|
+
/** To Move or change position if current widget container*/
|
|
26
|
+
moveWidget(widgetInfo: any): void;
|
|
27
|
+
/** To Copy Current widget with same configuration*/
|
|
28
|
+
copyWidget(widgetInfo: any): void;
|
|
29
|
+
/** To Collapse current widget*/
|
|
30
|
+
collapse(widgetInfo: any): void;
|
|
31
|
+
configChangeEventHandler(config: any): void;
|
|
32
|
+
updateWidget(widgetInfo: any): void;
|
|
33
|
+
/** To load external custom element to the widget container*/
|
|
34
|
+
loadWidget(widgetInfo: any): void;
|
|
35
|
+
/** To refresh widget on input config changes */
|
|
36
|
+
refreshWidget(widgetInfo: any): void;
|
|
37
|
+
}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { NgZone } from '@angular/core';
|
|
2
|
+
import { RADashboardEventBus } from './ra.dashbard.event.bus';
|
|
3
|
+
import { IAppConfig } from '@schneideress/widgetframework';
|
|
4
|
+
export declare abstract class RaBaseDashboardTemplate {
|
|
5
|
+
private ngZone;
|
|
6
|
+
userDashboardId: number;
|
|
7
|
+
raDashboardEventBus: RADashboardEventBus;
|
|
8
|
+
appConfig: IAppConfig;
|
|
9
|
+
dashboardId: number;
|
|
10
|
+
globalFilter: any;
|
|
11
|
+
constructor(ngZone: NgZone);
|
|
12
|
+
initialize: (eventBus: RADashboardEventBus, userDashboardId: number, appConfig: IAppConfig) => void;
|
|
13
|
+
abstract init(): void;
|
|
14
|
+
}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { Observable } from 'rxjs';
|
|
2
|
+
export declare class RADashboardEventBus {
|
|
3
|
+
private eventQueue;
|
|
4
|
+
/**
|
|
5
|
+
* To emit an event with the name & data
|
|
6
|
+
*/
|
|
7
|
+
publish(eventName: string, data: any): void;
|
|
8
|
+
/**
|
|
9
|
+
* To emit an event with the name, data, key & value
|
|
10
|
+
*/
|
|
11
|
+
publishWithKey(eventName: string, data: any, key: string, value: string): void;
|
|
12
|
+
/**
|
|
13
|
+
* To subscribe to an event with the name
|
|
14
|
+
*/
|
|
15
|
+
subscribe(eventName: string): Observable<any>;
|
|
16
|
+
/**
|
|
17
|
+
* To subscribe to an event with the name key & value
|
|
18
|
+
*/
|
|
19
|
+
subscribeWithKey(eventName: string, key: string, value: string): Observable<any>;
|
|
20
|
+
}
|
|
@@ -0,0 +1,73 @@
|
|
|
1
|
+
import { Injector } from '@angular/core';
|
|
2
|
+
import { BaseService } from '@schneideress/ess-util';
|
|
3
|
+
import { IAppConfig, IWidgetInfo } from '@schneideress/widgetframework';
|
|
4
|
+
export declare class RaDashboardService extends BaseService {
|
|
5
|
+
constructor(injector: Injector);
|
|
6
|
+
private loadedScripts;
|
|
7
|
+
loadExternalScript(scriptPath: string, callback: any): void;
|
|
8
|
+
getWidgetsByDashboardArea(widgetInfo: IWidgetInfo, appConfig: IAppConfig): any;
|
|
9
|
+
getWidgetConfigInfo(widgetInfo: any): import("rxjs").Observable<{}>;
|
|
10
|
+
getWidgetById(widgetId: any): {
|
|
11
|
+
dashboardId: string;
|
|
12
|
+
id: string;
|
|
13
|
+
customTag: string;
|
|
14
|
+
scriptUrl: string;
|
|
15
|
+
title: string;
|
|
16
|
+
widgetInstanceId: number;
|
|
17
|
+
widgetId: number;
|
|
18
|
+
position_x: number;
|
|
19
|
+
position_y: number;
|
|
20
|
+
width: number;
|
|
21
|
+
height: number;
|
|
22
|
+
widgetConfigInfo: {
|
|
23
|
+
scriptPath: string;
|
|
24
|
+
configControlTag: string;
|
|
25
|
+
config: {
|
|
26
|
+
country: string;
|
|
27
|
+
};
|
|
28
|
+
};
|
|
29
|
+
widgetName: string;
|
|
30
|
+
widgetTitle: string;
|
|
31
|
+
dashboardAreaId: number;
|
|
32
|
+
dashboardAreaKey: string;
|
|
33
|
+
dashboardName: string;
|
|
34
|
+
}[];
|
|
35
|
+
updateConfig(config: any, widgetInstanceId: number): void;
|
|
36
|
+
/**To add widget to the database */
|
|
37
|
+
addWidget(widgetInfo: any, appConfig: IAppConfig): any;
|
|
38
|
+
/** To Delete current widget from DOM*/
|
|
39
|
+
deleteWidget(widgetInfo: any, appConfig: IAppConfig): any;
|
|
40
|
+
/**To Update widgetInfo in database */
|
|
41
|
+
updateWidget(widgetInfo: any, appConfig: IAppConfig): any;
|
|
42
|
+
/** To Move or change position if current widget container*/
|
|
43
|
+
moveWidget(widgetInfo: any): void;
|
|
44
|
+
/** To Copy Current widget with same configuration*/
|
|
45
|
+
copyWidget(widgetInfo: any): void;
|
|
46
|
+
/** To Collapse current widget*/
|
|
47
|
+
collapse(widgetInfo: any): void;
|
|
48
|
+
widgets: {
|
|
49
|
+
dashboardId: string;
|
|
50
|
+
id: string;
|
|
51
|
+
customTag: string;
|
|
52
|
+
scriptUrl: string;
|
|
53
|
+
title: string;
|
|
54
|
+
widgetInstanceId: number;
|
|
55
|
+
widgetId: number;
|
|
56
|
+
position_x: number;
|
|
57
|
+
position_y: number;
|
|
58
|
+
width: number;
|
|
59
|
+
height: number;
|
|
60
|
+
widgetConfigInfo: {
|
|
61
|
+
scriptPath: string;
|
|
62
|
+
configControlTag: string;
|
|
63
|
+
config: {
|
|
64
|
+
country: string;
|
|
65
|
+
};
|
|
66
|
+
};
|
|
67
|
+
widgetName: string;
|
|
68
|
+
widgetTitle: string;
|
|
69
|
+
dashboardAreaId: number;
|
|
70
|
+
dashboardAreaKey: string;
|
|
71
|
+
dashboardName: string;
|
|
72
|
+
}[];
|
|
73
|
+
}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
export declare enum RAEvent {
|
|
2
|
+
/** widget selection click on widget library */
|
|
3
|
+
WidgetSelected = "widgetSelected",
|
|
4
|
+
/** triggers when user click on the edit link in widget container */
|
|
5
|
+
WidgetEditClicked = "widgetEditClicked",
|
|
6
|
+
/** triggers when user clicks the cancel button on widget configuration window */
|
|
7
|
+
ConfigCancelClick = "configCancelClick",
|
|
8
|
+
/** triggers when user click on the close button on widget configuration window */
|
|
9
|
+
ConfigCloseClick = "configCloseClick",
|
|
10
|
+
/** add button click on widget configuration window */
|
|
11
|
+
ConfigAddClick = "configAddClick",
|
|
12
|
+
/** triggers when a user click on the save button in widget configuration window */
|
|
13
|
+
ConfigChanged = "configChanged",
|
|
14
|
+
/**dashboard customize button click */
|
|
15
|
+
DashboardCustomizeClick = "dashboardCustomizeClick",
|
|
16
|
+
/**triggers when user clicks on the dashboard change icon in header section */
|
|
17
|
+
DashboardChanged = "dashboardChanged",
|
|
18
|
+
/** triggers when user clicks the close button on library */
|
|
19
|
+
WidgetLibraryCloseBtnClicked = "WidgetLibraryCloseBtnClicked"
|
|
20
|
+
}
|
|
21
|
+
export declare enum RAEventKey {
|
|
22
|
+
/** on edit widget click */
|
|
23
|
+
WidgetInstanceId = "widgetInstanceId"
|
|
24
|
+
}
|
package/package.json
ADDED
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "@schneideress/dashboardframework",
|
|
3
|
+
"version": "0.0.1",
|
|
4
|
+
"description": "Dashboard framework library",
|
|
5
|
+
"license": "MIT",
|
|
6
|
+
"peerDependencies": {
|
|
7
|
+
"@angular/common": "^8.0.0",
|
|
8
|
+
"@angular/core": "^8.0.0",
|
|
9
|
+
"angular-font-awesome": "^3.1.2",
|
|
10
|
+
"bootstrap": "^4.3.1"
|
|
11
|
+
},
|
|
12
|
+
"main": "bundles/schneideress-dashboardframework.umd.js",
|
|
13
|
+
"module": "fesm5/schneideress-dashboardframework.js",
|
|
14
|
+
"es2015": "fesm2015/schneideress-dashboardframework.js",
|
|
15
|
+
"esm5": "esm5/schneideress-dashboardframework.js",
|
|
16
|
+
"esm2015": "esm2015/schneideress-dashboardframework.js",
|
|
17
|
+
"fesm5": "fesm5/schneideress-dashboardframework.js",
|
|
18
|
+
"fesm2015": "fesm2015/schneideress-dashboardframework.js",
|
|
19
|
+
"typings": "schneideress-dashboardframework.d.ts",
|
|
20
|
+
"metadata": "schneideress-dashboardframework.metadata.json",
|
|
21
|
+
"sideEffects": false,
|
|
22
|
+
"dependencies": {
|
|
23
|
+
"tslib": "^1.9.0"
|
|
24
|
+
}
|
|
25
|
+
}
|
package/public-api.d.ts
ADDED
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
export * from './lib/ra.dashboard.service';
|
|
2
|
+
export * from './lib/ra-dashboard-area/ra.dashboard.area';
|
|
3
|
+
export * from './lib/ra-widget-container/ra.widget.container.component';
|
|
4
|
+
export * from './lib/ra.dashboard.module';
|
|
5
|
+
export * from './lib/ra.dashbard.event.bus';
|
|
6
|
+
export * from './lib/ra.event.enum';
|
|
7
|
+
export * from './lib/ra.base.dashboard.template';
|
|
8
|
+
export * from './lib/ra.base.dashboard.filter';
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Generated bundle index. Do not edit.
|
|
3
|
+
*/
|
|
4
|
+
export * from './public-api';
|
|
5
|
+
export { GridsterComponent as ɵb } from './gridster/lib/gridster.component';
|
|
6
|
+
export { GridsterModule as ɵa } from './gridster/lib/gridster.module';
|
|
7
|
+
export { GridsterItemComponent as ɵc } from './gridster/lib/gridsterItem.component';
|
|
8
|
+
export { GridsterPreviewComponent as ɵd } from './gridster/lib/gridsterPreview.component';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"__symbolic":"module","version":4,"metadata":{"RaDashboardService":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@schneideress/ess-util","name":"BaseService","line":9,"character":40},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":6,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":11,"character":24}]}],"loadExternalScript":[{"__symbolic":"method"}],"getWidgetsByDashboardArea":[{"__symbolic":"method"}],"getWidgetConfigInfo":[{"__symbolic":"method"}],"getWidgetById":[{"__symbolic":"method"}],"updateConfig":[{"__symbolic":"method"}],"addWidget":[{"__symbolic":"method"}],"deleteWidget":[{"__symbolic":"method"}],"updateWidget":[{"__symbolic":"method"}],"moveWidget":[{"__symbolic":"method"}],"copyWidget":[{"__symbolic":"method"}],"collapse":[{"__symbolic":"method"}]},"statics":{"ngInjectableDef":{}}},"RADashboardArea":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":10,"character":1},"arguments":[{"selector":"ra-dashboard-area","template":"<div #gridWrapper class=\"wrap gridster\" [style.height.px]=\"gridheight\">\r\n<!-- <div #gridWrapper class=\"wrap gridster\"> -->\r\n <gridster [options]=\"options\" style=\"height:100%;\">\r\n <gridster-item [item]=\"item\" *ngFor=\"let item of widgetList\">\r\n <ra-widget-container [app-config]=\"appConfig\" [event-bus]=\"raDashboardEventBus\" (widgetDeleted)=\"deleteWidget($event)\" [data]=\"item\"\r\n [global-filter]=\"globalFilter\" [widget-instance-id]=\"item.widgetInstanceId\"></ra-widget-container>\r\n </gridster-item>\r\n </gridster>\r\n</div>\r\n","styles":["gridster{width:inherit;background:#f1f1f1;border:1px solid #ccc;resize:height;display:flex;min-height:300px}gridster-item{border:1px solid #ccc;background:#fff!important}.dvheader{width:100%;height:35px;background:#000;color:#fff;padding:7px 3px 5px 6px;text-transform:uppercase}"]}]}],"members":{"userDashboardId":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":3},"arguments":["user-dashboard-id"]}]}],"areaKey":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":3},"arguments":["area-key"]}]}],"globalFilter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":3},"arguments":["global-filter"]}]}],"raDashboardEventBus":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":3},"arguments":["event-bus"]}]}],"widgetHeight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":27,"character":3},"arguments":["widget-height"]}]}],"widgetWidth":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":28,"character":3},"arguments":["widget-width"]}]}],"appConfig":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"character":3},"arguments":["app-config"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"RaDashboardService"},{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":32,"character":20}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"loadWidgets":[{"__symbolic":"method"}],"setAreaHeight":[{"__symbolic":"method"}],"mapObjectsToGridsterItem":[{"__symbolic":"method"}],"mapObjectListToGridsterItemList":[{"__symbolic":"method"}],"deleteWidget":[{"__symbolic":"method"}],"addWidget":[{"__symbolic":"method"}]}},"RAWidgetContainer":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":7,"character":1},"arguments":[{"selector":"ra-widget-container","template":"<div class=\"wc-wrapper\">\r\n <div class=\"wcheader\">\r\n <div class=\"col-md-12 wc-mover\">\r\n <div class=\"row\">\r\n <div class=\"col-md-11 float-left\" style=\"width:96%;\">{{data.widgetInfo.title?data.widgetInfo.title:\"Title\"}}\r\n </div>\r\n <div class=\"col-md-1\">\r\n <div class=\"float-right\">\r\n <div class=\"dropdown\">\r\n <div class=\"dropbtn\"> <i class=\"fal fa-cog\"></i></div>\r\n <div class=\"dropdown-content\">\r\n <a (click)=\"editWidget()\">Edit</a>\r\n <a (click)=\"copyWidget(data)\">Copy</a>\r\n <a (click)=\"moveWidget(data)\">Move</a>\r\n <a (click)=\"collapse(data)\">Collapse</a>\r\n <hr class=\"hr\" style=\"\">\r\n <a (click)=\"deleteWidget()\">Delete</a>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"wcBody\">\r\n <div class=\"wcBodyBorder\" #ctlWidget></div>\r\n </div>\r\n</div>\r\n","styles":[".wcheader{width:100%;height:26px;background:#fff;color:#3dcd58;padding:7px 7px 0 6px;font-family:\"Arial Rounded MT\";border-bottom:1px solid;border-color:#fff;font-size:16px}.wc-mover{cursor:all-scroll}.wcBody{padding:8px}.wcBodyBorder{border:1px dashed #e6e2e2}.sp_icon{float:left;margin:0 15% 0 0}.dropbtn{cursor:pointer;color:#42b4e6}.dropdown{display:none;position:relative}.dropdown-content{display:none;position:absolute;right:0;background-color:#f9f9f9;min-width:100px;box-shadow:0 8px 16px 8px rgba(0,0,0,.2);z-index:1;font-size:12px;font-family:\"Arial Rounded MT\"}.dropdown-content a{color:#000;padding:5px 16px;text-decoration:none;display:block;cursor:pointer}.dropdown-content a:hover{background-color:#f1f1f1}.dropdown:hover .dropdown-content,.wc-wrapper:hover .dropdown{display:block}.dropdown:hover .dropbtn{color:#2b7797}.hr{border:0;border-top:1px solid rgba(0,0,0,.1)}"]}]}],"members":{"ctlWidget":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":18,"character":3},"arguments":["ctlWidget",{"static":false}]}]}],"widgetInstanceId":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3},"arguments":["widget-instance-id"]}]}],"globalFilter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3},"arguments":["global-filter"]}]}],"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":3},"arguments":["data"]}]}],"raDashboardEventBus":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":3},"arguments":["event-bus"]}]}],"appConfig":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":3},"arguments":["app-config"]}]}],"widgetDeleted":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":26,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"RaDashboardService"}]}],"ngOnChanges":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"editWidget":[{"__symbolic":"method"}],"deleteWidget":[{"__symbolic":"method"}],"moveWidget":[{"__symbolic":"method"}],"copyWidget":[{"__symbolic":"method"}],"collapse":[{"__symbolic":"method"}],"configChangeEventHandler":[{"__symbolic":"method"}],"updateWidget":[{"__symbolic":"method"}],"loadWidget":[{"__symbolic":"method"}],"refreshWidget":[{"__symbolic":"method"}]}},"DashboardFrameworkModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":8,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"RADashboardArea"},{"__symbolic":"reference","name":"RAWidgetContainer"}],"imports":[{"__symbolic":"reference","module":"@angular/platform-browser","name":"BrowserModule","line":14,"character":4},{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClientModule","line":16,"character":4}],"exports":[{"__symbolic":"reference","name":"RADashboardArea"}],"providers":[],"bootstrap":[{"__symbolic":"reference","name":"RADashboardArea"}]}]}],"members":{}},"RADashboardEventBus":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":4,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"publish":[{"__symbolic":"method"}],"publishWithKey":[{"__symbolic":"method"}],"subscribe":[{"__symbolic":"method"}],"subscribeWithKey":[{"__symbolic":"method"}]},"statics":{"ngInjectableDef":{}}},"RAEvent":{"WidgetSelected":"widgetSelected","WidgetEditClicked":"widgetEditClicked","ConfigCancelClick":"configCancelClick","ConfigCloseClick":"configCloseClick","ConfigAddClick":"configAddClick","ConfigChanged":"configChanged","DashboardCustomizeClick":"dashboardCustomizeClick","DashboardChanged":"dashboardChanged","WidgetLibraryCloseBtnClicked":"WidgetLibraryCloseBtnClicked"},"RAEventKey":{"WidgetInstanceId":"widgetInstanceId"},"RaBaseDashboardTemplate":{"__symbolic":"class","members":{"dashboardId":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":9,"character":5},"arguments":["dashboard-id"]}]}],"globalFilter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":10,"character":5},"arguments":["global-filter"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":12,"character":32}]}],"initialize":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":5}}]}],"init":[{"__symbolic":"method"}]}},"RaBaseDashboardFilter":{"__symbolic":"class","members":{"getAllFilterConfig":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":3,"character":3}}]}],"getFilterConfig":[{"__symbolic":"method"}]}},"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":7,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","name":"ɵd"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":14,"character":4}],"exports":[{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"ɵc"}],"providers":[],"bootstrap":[]}]}],"members":{}},"ɵb":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":25,"character":1},"arguments":[{"selector":"gridster","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":29,"character":17},"member":"None"},"template":"<div class=\"gridster-column\" *ngFor=\"let column of gridColumns; let i = index;\"\r\n [ngStyle]=\"gridRenderer.getGridColumnStyle(i)\"></div>\r\n<div class=\"gridster-row\" *ngFor=\"let row of gridRows; let i = index;\"\r\n [ngStyle]=\"gridRenderer.getGridRowStyle(i)\"></div>\r\n<ng-content></ng-content>\r\n<gridster-preview class=\"gridster-preview\"></gridster-preview>\r\n","styles":["gridster{clear:both;position:relative;box-sizing:border-box;background:grey;width:100%;height:100%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:block;overflow:auto}gridster.fit{overflow-x:hidden;overflow-y:hidden}gridster.scrollVertical{overflow-x:hidden;overflow-y:auto}gridster.scrollHorizontal{overflow-x:auto;overflow-y:hidden}gridster.fixed{overflow:auto}gridster.mobile{overflow-x:hidden;overflow-y:auto}gridster.mobile gridster-item{position:relative}gridster .gridster-column,gridster .gridster-row{position:absolute;display:none;transition:.3s;box-sizing:border-box}gridster.display-grid .gridster-column,gridster.display-grid .gridster-row{display:block}gridster .gridster-column{border-left:1px solid #ccc;border-right:1px solid #ccc}gridster .gridster-row{border-top:1px solid #ccc;border-bottom:1px solid #ccc}"]}]}],"members":{"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":32,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":54,"character":18},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":54,"character":47},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":54,"character":72},{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":54,"character":104}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"getCurrentRowHeight":[{"__symbolic":"method"}],"resize":[{"__symbolic":"method"}],"setOptions":[{"__symbolic":"method"}],"optionsChanged":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"onResize":[{"__symbolic":"method"}],"checkIfToResize":[{"__symbolic":"method"}],"setGridSize":[{"__symbolic":"method"}],"setGridDimensions":[{"__symbolic":"method"}],"calculateLayout":[{"__symbolic":"method"}],"updateGrid":[{"__symbolic":"method"}],"addItem":[{"__symbolic":"method"}],"removeItem":[{"__symbolic":"method"}],"checkCollision":[{"__symbolic":"method"}],"checkGridCollision":[{"__symbolic":"method"}],"findItemWithItem":[{"__symbolic":"method"}],"findItemsWithItem":[{"__symbolic":"method"}],"autoPositionItem":[{"__symbolic":"method"}],"getNextPossiblePosition":[{"__symbolic":"method"}],"getFirstPossiblePosition":[{"__symbolic":"method"}],"getLastPossiblePosition":[{"__symbolic":"method"}],"pixelsToPositionX":[{"__symbolic":"method"}],"pixelsToPositionY":[{"__symbolic":"method"}],"positionXToPixels":[{"__symbolic":"method"}],"positionYToPixels":[{"__symbolic":"method"}]},"statics":{"checkCollisionTwoItems":{"__symbolic":"function","parameters":["item","item2"],"value":{"__symbolic":"binop","operator":"&&","left":{"__symbolic":"binop","operator":"&&","left":{"__symbolic":"binop","operator":"&&","left":{"__symbolic":"binop","operator":"<","left":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"item"},"member":"x"},"right":{"__symbolic":"binop","operator":"+","left":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"item2"},"member":"x"},"right":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"item2"},"member":"cols"}}},"right":{"__symbolic":"binop","operator":">","left":{"__symbolic":"binop","operator":"+","left":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"item"},"member":"x"},"right":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"item"},"member":"cols"}},"right":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"item2"},"member":"x"}}},"right":{"__symbolic":"binop","operator":"<","left":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"item"},"member":"y"},"right":{"__symbolic":"binop","operator":"+","left":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"item2"},"member":"y"},"right":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"item2"},"member":"rows"}}}},"right":{"__symbolic":"binop","operator":">","left":{"__symbolic":"binop","operator":"+","left":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"item"},"member":"y"},"right":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"item"},"member":"rows"}},"right":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"item2"},"member":"y"}}}}}},"ɵc":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":9,"character":1},"arguments":[{"selector":"gridster-item","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":13,"character":17},"member":"None"},"template":"<ng-content></ng-content>\r\n<div (mousedown)=\"resize.dragStartDelay($event)\" (touchstart)=\"resize.dragStartDelay($event)\"\r\n [hidden]=\"!gridster.$options.resizable.handles.s || !resize.resizeEnabled\"\r\n class=\"gridster-item-resizable-handler handle-s\"></div>\r\n<div (mousedown)=\"resize.dragStartDelay($event)\" (touchstart)=\"resize.dragStartDelay($event)\"\r\n [hidden]=\"!gridster.$options.resizable.handles.e || !resize.resizeEnabled\"\r\n class=\"gridster-item-resizable-handler handle-e\"></div>\r\n<div (mousedown)=\"resize.dragStartDelay($event)\" (touchstart)=\"resize.dragStartDelay($event)\"\r\n [hidden]=\"!gridster.$options.resizable.handles.n || !resize.resizeEnabled\"\r\n class=\"gridster-item-resizable-handler handle-n\"></div>\r\n<div (mousedown)=\"resize.dragStartDelay($event)\" (touchstart)=\"resize.dragStartDelay($event)\"\r\n [hidden]=\"!gridster.$options.resizable.handles.w || !resize.resizeEnabled\"\r\n class=\"gridster-item-resizable-handler handle-w\"></div>\r\n<div (mousedown)=\"resize.dragStartDelay($event)\" (touchstart)=\"resize.dragStartDelay($event)\"\r\n [hidden]=\"!gridster.$options.resizable.handles.se || !resize.resizeEnabled\"\r\n class=\"gridster-item-resizable-handler handle-se\"></div>\r\n<div (mousedown)=\"resize.dragStartDelay($event)\" (touchstart)=\"resize.dragStartDelay($event)\"\r\n [hidden]=\"!gridster.$options.resizable.handles.ne || !resize.resizeEnabled\"\r\n class=\"gridster-item-resizable-handler handle-ne\"></div>\r\n<div (mousedown)=\"resize.dragStartDelay($event)\" (touchstart)=\"resize.dragStartDelay($event)\"\r\n [hidden]=\"!gridster.$options.resizable.handles.sw || !resize.resizeEnabled\"\r\n class=\"gridster-item-resizable-handler handle-sw\"></div>\r\n<div (mousedown)=\"resize.dragStartDelay($event)\" (touchstart)=\"resize.dragStartDelay($event)\"\r\n [hidden]=\"!gridster.$options.resizable.handles.nw || !resize.resizeEnabled\"\r\n class=\"gridster-item-resizable-handler handle-nw\"></div>\r\n","styles":["gridster-item{box-sizing:border-box;z-index:1;position:absolute;overflow:hidden;transition:.3s;display:none;background:#fff;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}gridster-item.gridster-item-moving{cursor:move}gridster-item.gridster-item-moving,gridster-item.gridster-item-resizing{transition:none;z-index:2;box-shadow:0 0 5px 5px rgba(0,0,0,.2),0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12)}.gridster-item-resizable-handler{position:absolute;z-index:2}.gridster-item-resizable-handler.handle-n{cursor:n-resize;height:10px;right:0;top:0;left:0}.gridster-item-resizable-handler.handle-e{cursor:e-resize;width:10px;bottom:0;right:0;top:0}.gridster-item-resizable-handler.handle-s{cursor:s-resize;height:10px;right:0;bottom:0;left:0}.gridster-item-resizable-handler.handle-w{cursor:w-resize;width:10px;left:0;top:0;bottom:0}.gridster-item-resizable-handler.handle-ne{cursor:ne-resize;width:10px;height:10px;right:0;top:0}.gridster-item-resizable-handler.handle-nw{cursor:nw-resize;width:10px;height:10px;left:0;top:0}.gridster-item-resizable-handler.handle-se{cursor:se-resize;width:0;height:0;right:0;bottom:0;border-style:solid;border-width:0 0 10px 10px;border-color:transparent}.gridster-item-resizable-handler.handle-sw{cursor:sw-resize;width:10px;height:10px;left:0;bottom:0}gridster-item:hover .gridster-item-resizable-handler.handle-se{border-color:transparent transparent #ccc}"]}]}],"members":{"item":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Host","line":29,"character":31}}],null,null],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":29,"character":18},{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":29,"character":84},{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":29,"character":109}]}],"ngOnInit":[{"__symbolic":"method"}],"updateOptions":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"setSize":[{"__symbolic":"method"}],"updateItemSize":[{"__symbolic":"method"}],"itemChanged":[{"__symbolic":"method"}],"checkItemChanges":[{"__symbolic":"method"}],"canBeDragged":[{"__symbolic":"method"}],"canBeResized":[{"__symbolic":"method"}]}},"ɵd":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"gridster-preview","template":"","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":8,"character":17},"member":"None"},"styles":["gridster-preview{position:absolute;display:none;background:#ccc}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Host","line":14,"character":31}}],null],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":14,"character":18},{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":14,"character":84}]}],"ngOnDestroy":[{"__symbolic":"method"}],"previewStyle":[{"__symbolic":"method"}]}}},"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","ɵa":"./gridster/lib/gridster.module","ɵb":"./gridster/lib/gridster.component","ɵc":"./gridster/lib/gridsterItem.component","ɵd":"./gridster/lib/gridsterPreview.component"},"importAs":"@schneideress/dashboardframework"}
|