@fidurcode/dashboard-widgets-skeleton 1.4.5 → 2.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.
Files changed (6) hide show
  1. package/README.md +122 -39
  2. package/fesm2022/fidurcode-dashboard-widgets-skeleton.mjs +150 -34
  3. package/fesm2022/fidurcode-dashboard-widgets-skeleton.mjs.map +1 -1
  4. package/package.json +1 -1
  5. package/types/fidurcode-dashboard-widgets-skeleton.d.ts +39 -11
  6. package/types/fidurcode-dashboard-widgets-skeleton.d.ts.map +1 -1
package/README.md CHANGED
@@ -1,22 +1,18 @@
1
1
  # @fidurcode/dashboard-widgets-skeleton
2
2
 
3
- Reusable Angular components and services for building dynamic dashboard widgets with configurable options and layout support.
3
+ Reusable Angular components and services for building dynamic dashboard widgets with configurable layout, sizing, colors, and interactive controls.
4
4
 
5
5
  ---
6
6
 
7
7
  ## 📦 Installation
8
8
 
9
- ```typescript
9
+ ```bash
10
10
  npm install @fidurcode/dashboard-widgets-skeleton
11
11
  ```
12
- or
13
- ```typescript
14
- yarn add @fidurcode/dashboard-widgets-skeleton
15
- ```
16
12
 
17
13
  ## 🚀 Usage
18
14
 
19
- 1. Import the module into your Angular application
15
+ Import the module:
20
16
 
21
17
  ```typescript
22
18
  import { DashboardWidgetsSkeletonModule } from '@fidurcode/dashboard-widgets-skeleton';
@@ -27,64 +23,151 @@ import { DashboardWidgetsSkeletonModule } from '@fidurcode/dashboard-widgets-ske
27
23
  export class AppModule {}
28
24
  ```
29
25
 
30
- Use components in your template
31
-
32
- Example – Basic Widget
26
+ Use in template:
33
27
 
34
- ```typescript
35
- <fidurcode-dashboard-widgets
36
- [widgets]="widgets">
28
+ ```html
29
+ <fidurcode-dashboard-widgets
30
+ [title]="'My Dashboard'"
31
+ [widgets]="widgets"
32
+ [rowHeight]="80"
33
+ [widgetPadding]="12"
34
+ (widgetChange)="onWidgetChange($event)">
37
35
  </fidurcode-dashboard-widgets>
38
36
  ```
39
37
 
38
+ ---
39
+
40
40
  ## 🧩 Components Overview
41
41
 
42
42
  ---
43
43
 
44
- ### ✅ `WidgetComponent`
44
+ ### `DashboardWidgetsComponent`
45
45
 
46
- A base wrapper component for displaying a dashboard widget dynamically via metadata and content projection.
46
+ **Selector:** `fidurcode-dashboard-widgets`
47
47
 
48
- **Selector:** `app-widget`
48
+ Main container component. Manages layout, persistence (localStorage), and edit mode.
49
49
 
50
- ---
50
+ #### Inputs
51
51
 
52
- #### 🔹 Inputs
52
+ | Name | Type | Default | Description |
53
+ |----------------|--------------------|----------------------|--------------------------------------------------|
54
+ | `title` | `string` | _(required)_ | Dashboard header title |
55
+ | `widgets` | `Widget[]` | _(required)_ | Available widget definitions |
56
+ | `storageKey` | `string` | `'dashboard-widgets'`| localStorage key for persisting layout |
57
+ | `columns` | `number or 'auto'` | `'auto'` | Grid column count or `'auto'` for responsive fit |
58
+ | `minTileWidth` | `number` | `200` | Minimum tile width in px (used in auto mode) |
59
+ | `rowHeight` | `number` | `80` | Row height in px |
60
+ | `gap` | `number` | `12` | Gap between widgets in px |
61
+ | `maxColumns` | `number` | `4` | Maximum columns available in widget options |
62
+ | `maxRows` | `number` | `4` | Maximum rows available in widget options |
63
+ | `widgetPadding`| `number` | `12` | Padding inside widget content area in px |
64
+ | `editMode` | `boolean` | `true` | Initial edit mode state |
53
65
 
54
- | Name | Type | Required | Description |
55
- |----------|---------------------|----------|----------------------------------------------------------------------|
56
- | `data` | `InputSignal<Widget>` | ✅ Yes | Widget configuration object containing content, size, label, etc. |
66
+ #### Outputs
67
+
68
+ | Name | Type | Description |
69
+ |----------------|------------|--------------------------------------------------|
70
+ | `widgetChange` | `Widget[]` | Emits the current widget list on every change |
57
71
 
58
72
  ---
59
73
 
60
- #### 🔸 Outputs
74
+ ### `WidgetComponent`
75
+
76
+ **Selector:** `app-widget`
77
+
78
+ Individual widget wrapper. Renders dynamic content and provides a header with action buttons.
79
+
80
+ #### Inputs
61
81
 
62
- _None exposed publicly._
82
+ | Name | Type | Required | Description |
83
+ |--------|----------|----------|--------------------------------|
84
+ | `data` | `Widget` | ✅ Yes | Widget configuration object |
85
+
86
+ #### Features
87
+
88
+ - **Collapse/expand** — toggles widget to header-only view; state is persisted
89
+ - **Fullscreen** — expands widget to cover the full viewport; press `Escape` to exit
90
+ - **Inline rename** — double-click the title to rename (edit mode only)
91
+ - **Edit mode guard** — settings button hidden when dashboard is locked
63
92
 
64
93
  ---
65
94
 
66
- #### 🔧 Derived/Computed Properties
95
+ ### `WidgetOptionsComponent`
96
+
97
+ **Selector:** `app-widget-options`
98
+
99
+ Settings overlay rendered inside the widget. Visible only in edit mode on unpinned widgets.
67
100
 
68
- | Property | Type | Description |
69
- |--------------|----------|-----------------------------------------------------------------------------|
70
- | `gridArea` | `string` | Computed layout string for defining CSS grid placement based on widget size |
101
+ #### Features
102
+
103
+ - **Rename** — overrides the widget label with a custom name
104
+ - **Resize** — toggle group for columns (width) and rows (height)
105
+ - **Color palette** — 7 accent colors + default; applied as widget background
106
+ - **Pin/unpin** — pinned widgets cannot be moved or deleted
107
+ - **Delete** — removes widget from dashboard
108
+ - **Move left/right** — reorders widget in the grid
71
109
 
72
110
  ---
73
111
 
74
- #### 🧱 Example
112
+ ## 🏗️ Widget Interface
75
113
 
76
- ```html
77
- <app-widget [data]="myWidgetSignal" />
114
+ ```typescript
115
+ interface Widget {
116
+ id: number;
117
+ label: string; // translation key
118
+ content: Type<unknown>; // Angular component to render as content
119
+ rows?: number;
120
+ columns?: number;
121
+ defaultRows?: number; // initial rows when widget is first added
122
+ defaultColumns?: number; // initial columns when widget is first added
123
+ color?: string; // CSS color string (e.g. '#3b82f6')
124
+ pinned?: boolean;
125
+ collapsed?: boolean;
126
+ customLabel?: string; // user-defined label override (not a translation key)
127
+ }
78
128
  ```
79
129
 
80
- Where myWidgetSignal is an InputSignal<Widget> like:
130
+ ---
81
131
 
82
- ```typescript
83
- signal<Widget>({
84
- id: 1,
85
- label: 'Custom Component',
86
- content: CustomComponent,
87
- rows: 2,
88
- columns: 3,
89
- });
132
+ ## 🌍 Required Translation Keys
133
+
134
+ Add the following keys to your ngx-translate translation files:
135
+
136
+ ```json
137
+ {
138
+ "DASHBOARD": {
139
+ "ADD_WIDGET": "Add widget",
140
+ "NO_WIDGETS": "No widgets available",
141
+ "LOCK": "Lock dashboard",
142
+ "UNLOCK": "Unlock dashboard"
143
+ },
144
+ "WIDGET": {
145
+ "WIDTH": "Width",
146
+ "HEIGHT": "Height",
147
+ "RENAME": "Name",
148
+ "COLOR": "Color",
149
+ "COLOR_DEFAULT": "Default",
150
+ "DELETE": "Delete",
151
+ "PIN": "Pin",
152
+ "UNPIN": "Unpin",
153
+ "MOVE_LEFT": "Move left",
154
+ "MOVE_RIGHT": "Move right",
155
+ "CLOSE_OPTIONS": "Close",
156
+ "COLLAPSE": "Collapse",
157
+ "EXPAND": "Expand",
158
+ "FULLSCREEN": "Fullscreen",
159
+ "EXIT_FULLSCREEN": "Exit fullscreen",
160
+ "SETTINGS": "Settings"
161
+ }
162
+ }
90
163
  ```
164
+
165
+ Widget `label` fields are also treated as translation keys and resolved at runtime.
166
+
167
+ ---
168
+
169
+ ## 💾 Layout Persistence
170
+
171
+ The dashboard automatically saves and restores widget state via `localStorage` using the `storageKey` input. Persisted state includes: position order, rows, columns, color, custom label, collapsed state, and pinned state.
172
+
173
+ The format is backward compatible — dashboards saved with v1.4.x (IDs only) are migrated automatically on first load.
package/fesm2022/fidurcode-dashboard-widgets-skeleton.mjs CHANGED
@@ -1,14 +1,18 @@
1
1
  import * as i0 from '@angular/core';
2
- import { signal, computed, Injectable, input, model, inject, Component, effect, ViewChild, NgModule } from '@angular/core';
2
+ import { signal, computed, Injectable, input, model, inject, Component, HostListener, output, effect, ViewChild, NgModule } from '@angular/core';
3
3
  import * as i1$1 from '@angular/common';
4
4
  import { CommonModule } from '@angular/common';
5
5
  import * as i2 from '@angular/material/button';
6
6
  import { MatButtonModule } from '@angular/material/button';
7
7
  import * as i3 from '@angular/material/icon';
8
8
  import { MatIconModule } from '@angular/material/icon';
9
+ import * as i4 from '@angular/material/tooltip';
10
+ import { MatTooltipModule } from '@angular/material/tooltip';
9
11
  import * as i1 from '@angular/material/button-toggle';
10
12
  import { MatButtonToggleModule } from '@angular/material/button-toggle';
11
- import * as i5 from '@ngx-translate/core';
13
+ import * as i5 from '@angular/material/divider';
14
+ import { MatDividerModule } from '@angular/material/divider';
15
+ import * as i6 from '@ngx-translate/core';
12
16
  import { TranslateModule } from '@ngx-translate/core';
13
17
  import { wrapGrid } from 'animate-css-grid';
14
18
  import * as i1$2 from '@angular/material/menu';
@@ -17,16 +21,18 @@ import { MatMenuModule } from '@angular/material/menu';
17
21
  const DEFAULT_DASHBOARD_CONFIG = {
18
22
  columns: 'auto',
19
23
  minTileWidth: 200,
20
- rowHeight: 150,
21
- gap: 16,
24
+ rowHeight: 80,
25
+ gap: 12,
22
26
  maxColumns: 4,
23
27
  maxRows: 4,
28
+ widgetPadding: 12,
24
29
  };
25
30
 
26
31
  class WidgetService {
27
32
  widgets = signal([], ...(ngDevMode ? [{ debugName: "widgets" }] : []));
28
33
  addedWidgets = signal([], ...(ngDevMode ? [{ debugName: "addedWidgets" }] : []));
29
34
  config = signal(DEFAULT_DASHBOARD_CONFIG, ...(ngDevMode ? [{ debugName: "config" }] : []));
35
+ editMode = signal(true, ...(ngDevMode ? [{ debugName: "editMode" }] : []));
30
36
  widgetsToAdd = computed(() => {
31
37
  const addedIds = this.addedWidgets().map((widget) => widget.id);
32
38
  return this.widgets().filter((w) => !addedIds.includes(w.id));
@@ -38,7 +44,14 @@ class WidgetService {
38
44
  this.config.set({ ...DEFAULT_DASHBOARD_CONFIG, ...config });
39
45
  }
40
46
  addWidget(widget) {
41
- this.addedWidgets.set([...this.addedWidgets(), { ...widget }]);
47
+ this.addedWidgets.set([
48
+ ...this.addedWidgets(),
49
+ {
50
+ ...widget,
51
+ rows: widget.defaultRows ?? widget.rows ?? 1,
52
+ columns: widget.defaultColumns ?? widget.columns ?? 1,
53
+ },
54
+ ]);
42
55
  }
43
56
  updateWidget(id, widget) {
44
57
  const index = this.addedWidgets().findIndex((w) => w.id === id);
@@ -48,15 +61,31 @@ class WidgetService {
48
61
  this.addedWidgets.set(newWidgets);
49
62
  }
50
63
  }
64
+ togglePin(id) {
65
+ const widget = this.addedWidgets().find((w) => w.id === id);
66
+ if (widget)
67
+ this.updateWidget(id, { pinned: !widget.pinned });
68
+ }
69
+ toggleCollapse(id) {
70
+ const widget = this.addedWidgets().find((w) => w.id === id);
71
+ if (widget)
72
+ this.updateWidget(id, { collapsed: !widget.collapsed });
73
+ }
74
+ renameWidget(id, customLabel) {
75
+ this.updateWidget(id, { customLabel: customLabel.trim() || undefined });
76
+ }
77
+ setWidgetColor(id, color) {
78
+ this.updateWidget(id, { color });
79
+ }
80
+ toggleEditMode() {
81
+ this.editMode.set(!this.editMode());
82
+ }
51
83
  moveWidgetToLeft(id) {
52
84
  const index = this.addedWidgets().findIndex((w) => w.id === id);
53
85
  if (index === 0)
54
86
  return;
55
87
  const newWidgets = [...this.addedWidgets()];
56
- [newWidgets[index], newWidgets[index - 1]] = [
57
- { ...newWidgets[index - 1] },
58
- { ...newWidgets[index] },
59
- ];
88
+ [newWidgets[index], newWidgets[index - 1]] = [{ ...newWidgets[index - 1] }, { ...newWidgets[index] }];
60
89
  this.addedWidgets.set(newWidgets);
61
90
  }
62
91
  moveWidgetToRight(id) {
@@ -64,10 +93,7 @@ class WidgetService {
64
93
  if (index === this.addedWidgets().length - 1)
65
94
  return;
66
95
  const newWidgets = [...this.addedWidgets()];
67
- [newWidgets[index], newWidgets[index + 1]] = [
68
- { ...newWidgets[index + 1] },
69
- { ...newWidgets[index] },
70
- ];
96
+ [newWidgets[index], newWidgets[index + 1]] = [{ ...newWidgets[index + 1] }, { ...newWidgets[index] }];
71
97
  this.addedWidgets.set(newWidgets);
72
98
  }
73
99
  deleteWidget(id) {
@@ -84,32 +110,78 @@ class WidgetOptionsComponent {
84
110
  widget = input.required(...(ngDevMode ? [{ debugName: "widget" }] : []));
85
111
  showOptions = model(false, ...(ngDevMode ? [{ debugName: "showOptions" }] : []));
86
112
  store = inject(WidgetService);
113
+ colorPalette = [
114
+ undefined,
115
+ '#ef4444',
116
+ '#f97316',
117
+ '#eab308',
118
+ '#22c55e',
119
+ '#3b82f6',
120
+ '#8b5cf6',
121
+ '#ec4899',
122
+ ];
87
123
  colOptions = computed(() => Array.from({ length: this.store.config().maxColumns }, (_, i) => i + 1), ...(ngDevMode ? [{ debugName: "colOptions" }] : []));
88
124
  rowOptions = computed(() => Array.from({ length: this.store.config().maxRows }, (_, i) => i + 1), ...(ngDevMode ? [{ debugName: "rowOptions" }] : []));
125
+ onRenameBlur(event) {
126
+ const input = event.target;
127
+ this.store.renameWidget(this.widget().id, input.value);
128
+ }
89
129
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0-rc.0", ngImport: i0, type: WidgetOptionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
90
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.0-rc.0", type: WidgetOptionsComponent, isStandalone: false, selector: "app-widget-options", inputs: { widget: { classPropertyName: "widget", publicName: "widget", isSignal: true, isRequired: true, transformFunction: null }, showOptions: { classPropertyName: "showOptions", publicName: "showOptions", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { showOptions: "showOptionsChange" }, ngImport: i0, template: "<button (click)=\"showOptions.set(false)\" class=\"close-button\" mat-icon-button>\n <mat-icon>close</mat-icon>\n</button>\n\n<button (click)=\"store.moveWidgetToRight(widget().id)\" class=\"move-forward-button\" mat-icon-button>\n <mat-icon>chevron_right</mat-icon>\n</button>\n\n<button (click)=\"store.moveWidgetToLeft(widget().id)\" class=\"move-backward-button\" mat-icon-button>\n <mat-icon>chevron_left</mat-icon>\n</button>\n\n<button (click)=\"store.deleteWidget(widget().id)\" class=\"remove-widget-button\" mat-icon-button>\n <mat-icon>delete</mat-icon>\n</button>\n\n<div>\n {{ 'WIDGET.WIDTH' | translate }}\n <mat-button-toggle-group\n (change)=\"store.updateWidget(widget().id, { columns: +$event.value })\"\n [hideSingleSelectionIndicator]=\"true\"\n [value]=\"widget().columns ?? 1\">\n @for (n of colOptions(); track n) {\n <mat-button-toggle [value]=\"n\">{{ n }}</mat-button-toggle>\n }\n </mat-button-toggle-group>\n</div>\n\n<div>\n {{ 'WIDGET.HEIGHT' | translate }}\n <mat-button-toggle-group\n (change)=\"store.updateWidget(widget().id, { rows: +$event.value })\"\n [hideSingleSelectionIndicator]=\"true\"\n [value]=\"widget().rows ?? 1\">\n @for (n of rowOptions(); track n) {\n <mat-button-toggle [value]=\"n\">{{ n }}</mat-button-toggle>\n }\n </mat-button-toggle-group>\n</div>", styles: [":host{position:absolute;z-index:2;background:inherit;color:inherit;top:0;left:0;border-radius:inherit;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;box-sizing:border-box}:host>div{display:flex;gap:8px;align-items:center}.close-button{position:absolute;top:0;right:0}.move-forward-button{position:absolute;top:50%;transform:translateY(-50%);right:-16px}.move-backward-button{position:absolute;top:50%;transform:translateY(-50%);left:-16px}.remove-widget-button{position:absolute;top:0;left:0}\n"], dependencies: [{ kind: "directive", type: i1.MatButtonToggleGroup, selector: "mat-button-toggle-group", inputs: ["appearance", "name", "vertical", "value", "multiple", "disabled", "disabledInteractive", "hideSingleSelectionIndicator", "hideMultipleSelectionIndicator"], outputs: ["valueChange", "change"], exportAs: ["matButtonToggleGroup"] }, { kind: "component", type: i1.MatButtonToggle, selector: "mat-button-toggle", inputs: ["aria-label", "aria-labelledby", "id", "name", "value", "tabIndex", "disableRipple", "appearance", "checked", "disabled", "disabledInteractive"], outputs: ["change"], exportAs: ["matButtonToggle"] }, { kind: "component", type: i2.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }] });
130
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.0-rc.0", type: WidgetOptionsComponent, isStandalone: false, selector: "app-widget-options", inputs: { widget: { classPropertyName: "widget", publicName: "widget", isSignal: true, isRequired: true, transformFunction: null }, showOptions: { classPropertyName: "showOptions", publicName: "showOptions", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { showOptions: "showOptionsChange" }, ngImport: i0, template: "<div class=\"options-top-bar\">\n @if (!widget().pinned) {\n <button\n mat-icon-button\n class=\"delete-btn\"\n (click)=\"store.deleteWidget(widget().id)\"\n [matTooltip]=\"'WIDGET.DELETE' | translate\">\n <mat-icon>delete</mat-icon>\n </button>\n }\n <button\n mat-icon-button\n (click)=\"store.togglePin(widget().id)\"\n [matTooltip]=\"(widget().pinned ? 'WIDGET.UNPIN' : 'WIDGET.PIN') | translate\">\n <mat-icon>{{ widget().pinned ? 'push_pin' : 'keep_outline' }}</mat-icon>\n </button>\n <span class=\"spacer\"></span>\n <button\n mat-icon-button\n (click)=\"showOptions.set(false)\"\n [matTooltip]=\"'WIDGET.CLOSE_OPTIONS' | translate\">\n <mat-icon>close</mat-icon>\n </button>\n</div>\n\n<div class=\"options-body\">\n <div class=\"option-group\">\n <span class=\"option-label\">{{ 'WIDGET.RENAME' | translate }}</span>\n <input\n class=\"rename-input\"\n [value]=\"widget().customLabel || ''\"\n (blur)=\"onRenameBlur($event)\"\n (keydown.enter)=\"$any($event.target).blur()\"\n [placeholder]=\"widget().label | translate\"\n />\n </div>\n\n <mat-divider/>\n\n <div class=\"option-group\">\n <div class=\"size-row\">\n <span class=\"option-label size-label\">{{ 'WIDGET.WIDTH' | translate }}</span>\n <mat-button-toggle-group\n (change)=\"store.updateWidget(widget().id, { columns: +$event.value })\"\n [hideSingleSelectionIndicator]=\"true\"\n [value]=\"widget().columns ?? 1\">\n @for (n of colOptions(); track n) {\n <mat-button-toggle [value]=\"n\">{{ n }}</mat-button-toggle>\n }\n </mat-button-toggle-group>\n </div>\n <div class=\"size-row\">\n <span class=\"option-label size-label\">{{ 'WIDGET.HEIGHT' | translate }}</span>\n <mat-button-toggle-group\n (change)=\"store.updateWidget(widget().id, { rows: +$event.value })\"\n [hideSingleSelectionIndicator]=\"true\"\n [value]=\"widget().rows ?? 1\">\n @for (n of rowOptions(); track n) {\n <mat-button-toggle [value]=\"n\">{{ n }}</mat-button-toggle>\n }\n </mat-button-toggle-group>\n </div>\n </div>\n\n <mat-divider/>\n\n <div class=\"option-group\">\n <span class=\"option-label\">{{ 'WIDGET.COLOR' | translate }}</span>\n <div class=\"color-palette\">\n <!-- @TODO pozniej dodac wybor koloru z palety -->\n @for (color of colorPalette; track $index) {\n <button\n class=\"color-dot\"\n [class.selected]=\"widget().color === color\"\n [class.default-color]=\"!color\"\n [style.background-color]=\"'var(--mat-sys-surface)'\"\n (click)=\"store.setWidgetColor(widget().id, color)\"\n [matTooltip]=\"!color ? ('WIDGET.COLOR_DEFAULT' | translate) : ''\">\n </button>\n }\n </div>\n </div>\n</div>\n\n@if (!widget().pinned) {\n <button\n class=\"move-left-btn\"\n mat-icon-button\n (click)=\"store.moveWidgetToLeft(widget().id)\"\n [matTooltip]=\"'WIDGET.MOVE_LEFT' | translate\">\n <mat-icon>chevron_left</mat-icon>\n </button>\n <button\n class=\"move-right-btn\"\n mat-icon-button\n (click)=\"store.moveWidgetToRight(widget().id)\"\n [matTooltip]=\"'WIDGET.MOVE_RIGHT' | translate\">\n <mat-icon>chevron_right</mat-icon>\n </button>\n}\n", styles: [":host{position:absolute;z-index:2;top:0;left:0;border-radius:inherit;width:100%;height:100%;display:flex;flex-direction:column;box-sizing:border-box;overflow:hidden;background-color:var(--mat-sys-surface-container, var(--mat-sys-surface));color:inherit;font-family:inherit}.options-top-bar{display:flex;align-items:center;padding:4px;flex-shrink:0;border-bottom:1px solid color-mix(in srgb,currentColor 10%,transparent)}.options-top-bar .spacer{flex:1}.options-top-bar .delete-btn{color:var(--mat-sys-error, #ef4444)}.options-body{flex:1;overflow:auto;display:flex;flex-direction:column;gap:10px;padding:12px}.option-group{display:flex;flex-direction:column;gap:6px}.option-label{font-size:.7rem;font-weight:600;opacity:.6;text-transform:uppercase;letter-spacing:.06em}.rename-input{border:1px solid color-mix(in srgb,currentColor 20%,transparent);border-radius:6px;background:transparent;color:inherit;font-size:.875rem;font-family:inherit;padding:6px 8px;width:100%;box-sizing:border-box;outline:none;transition:border-color .15s}.rename-input:focus{border-color:var(--mat-sys-primary, #3b82f6)}.size-row{display:flex;align-items:center;gap:8px}.size-row .size-label{min-width:52px}.size-row mat-button-toggle-group{height:28px}.size-row mat-button-toggle-group ::ng-deep .mat-button-toggle-button{height:28px;line-height:28px;padding:0 10px;font-size:.8rem}.color-palette{display:flex;gap:8px;flex-wrap:wrap}.color-dot{width:22px;height:22px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:transform .15s,border-color .15s,box-shadow .15s;padding:0;outline:none}.color-dot:hover{transform:scale(1.15)}.color-dot.selected{border-color:var(--mat-sys-primary, #3b82f6);box-shadow:0 0 0 2px color-mix(in srgb,var(--mat-sys-primary, #3b82f6) 30%,transparent);transform:scale(1.2)}.color-dot.default-color{border:2px solid color-mix(in srgb,currentColor 25%,transparent);background:linear-gradient(to bottom right,transparent calc(50% - 1px),color-mix(in srgb,currentColor 40%,transparent),transparent calc(50% + 1px))!important}.move-left-btn{position:absolute;top:50%;transform:translateY(-50%);left:-16px}.move-right-btn{position:absolute;top:50%;transform:translateY(-50%);right:-16px}\n"], dependencies: [{ kind: "directive", type: i1.MatButtonToggleGroup, selector: "mat-button-toggle-group", inputs: ["appearance", "name", "vertical", "value", "multiple", "disabled", "disabledInteractive", "hideSingleSelectionIndicator", "hideMultipleSelectionIndicator"], outputs: ["valueChange", "change"], exportAs: ["matButtonToggleGroup"] }, { kind: "component", type: i1.MatButtonToggle, selector: "mat-button-toggle", inputs: ["aria-label", "aria-labelledby", "id", "name", "value", "tabIndex", "disableRipple", "appearance", "checked", "disabled", "disabledInteractive"], outputs: ["change"], exportAs: ["matButtonToggle"] }, { kind: "component", type: i2.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i4.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: i5.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "pipe", type: i6.TranslatePipe, name: "translate" }] });
91
131
  }
92
132
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0-rc.0", ngImport: i0, type: WidgetOptionsComponent, decorators: [{
93
133
  type: Component,
94
- args: [{ selector: 'app-widget-options', standalone: false, template: "<button (click)=\"showOptions.set(false)\" class=\"close-button\" mat-icon-button>\n <mat-icon>close</mat-icon>\n</button>\n\n<button (click)=\"store.moveWidgetToRight(widget().id)\" class=\"move-forward-button\" mat-icon-button>\n <mat-icon>chevron_right</mat-icon>\n</button>\n\n<button (click)=\"store.moveWidgetToLeft(widget().id)\" class=\"move-backward-button\" mat-icon-button>\n <mat-icon>chevron_left</mat-icon>\n</button>\n\n<button (click)=\"store.deleteWidget(widget().id)\" class=\"remove-widget-button\" mat-icon-button>\n <mat-icon>delete</mat-icon>\n</button>\n\n<div>\n {{ 'WIDGET.WIDTH' | translate }}\n <mat-button-toggle-group\n (change)=\"store.updateWidget(widget().id, { columns: +$event.value })\"\n [hideSingleSelectionIndicator]=\"true\"\n [value]=\"widget().columns ?? 1\">\n @for (n of colOptions(); track n) {\n <mat-button-toggle [value]=\"n\">{{ n }}</mat-button-toggle>\n }\n </mat-button-toggle-group>\n</div>\n\n<div>\n {{ 'WIDGET.HEIGHT' | translate }}\n <mat-button-toggle-group\n (change)=\"store.updateWidget(widget().id, { rows: +$event.value })\"\n [hideSingleSelectionIndicator]=\"true\"\n [value]=\"widget().rows ?? 1\">\n @for (n of rowOptions(); track n) {\n <mat-button-toggle [value]=\"n\">{{ n }}</mat-button-toggle>\n }\n </mat-button-toggle-group>\n</div>", styles: [":host{position:absolute;z-index:2;background:inherit;color:inherit;top:0;left:0;border-radius:inherit;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;box-sizing:border-box}:host>div{display:flex;gap:8px;align-items:center}.close-button{position:absolute;top:0;right:0}.move-forward-button{position:absolute;top:50%;transform:translateY(-50%);right:-16px}.move-backward-button{position:absolute;top:50%;transform:translateY(-50%);left:-16px}.remove-widget-button{position:absolute;top:0;left:0}\n"] }]
134
+ args: [{ selector: 'app-widget-options', standalone: false, template: "<div class=\"options-top-bar\">\n @if (!widget().pinned) {\n <button\n mat-icon-button\n class=\"delete-btn\"\n (click)=\"store.deleteWidget(widget().id)\"\n [matTooltip]=\"'WIDGET.DELETE' | translate\">\n <mat-icon>delete</mat-icon>\n </button>\n }\n <button\n mat-icon-button\n (click)=\"store.togglePin(widget().id)\"\n [matTooltip]=\"(widget().pinned ? 'WIDGET.UNPIN' : 'WIDGET.PIN') | translate\">\n <mat-icon>{{ widget().pinned ? 'push_pin' : 'keep_outline' }}</mat-icon>\n </button>\n <span class=\"spacer\"></span>\n <button\n mat-icon-button\n (click)=\"showOptions.set(false)\"\n [matTooltip]=\"'WIDGET.CLOSE_OPTIONS' | translate\">\n <mat-icon>close</mat-icon>\n </button>\n</div>\n\n<div class=\"options-body\">\n <div class=\"option-group\">\n <span class=\"option-label\">{{ 'WIDGET.RENAME' | translate }}</span>\n <input\n class=\"rename-input\"\n [value]=\"widget().customLabel || ''\"\n (blur)=\"onRenameBlur($event)\"\n (keydown.enter)=\"$any($event.target).blur()\"\n [placeholder]=\"widget().label | translate\"\n />\n </div>\n\n <mat-divider/>\n\n <div class=\"option-group\">\n <div class=\"size-row\">\n <span class=\"option-label size-label\">{{ 'WIDGET.WIDTH' | translate }}</span>\n <mat-button-toggle-group\n (change)=\"store.updateWidget(widget().id, { columns: +$event.value })\"\n [hideSingleSelectionIndicator]=\"true\"\n [value]=\"widget().columns ?? 1\">\n @for (n of colOptions(); track n) {\n <mat-button-toggle [value]=\"n\">{{ n }}</mat-button-toggle>\n }\n </mat-button-toggle-group>\n </div>\n <div class=\"size-row\">\n <span class=\"option-label size-label\">{{ 'WIDGET.HEIGHT' | translate }}</span>\n <mat-button-toggle-group\n (change)=\"store.updateWidget(widget().id, { rows: +$event.value })\"\n [hideSingleSelectionIndicator]=\"true\"\n [value]=\"widget().rows ?? 1\">\n @for (n of rowOptions(); track n) {\n <mat-button-toggle [value]=\"n\">{{ n }}</mat-button-toggle>\n }\n </mat-button-toggle-group>\n </div>\n </div>\n\n <mat-divider/>\n\n <div class=\"option-group\">\n <span class=\"option-label\">{{ 'WIDGET.COLOR' | translate }}</span>\n <div class=\"color-palette\">\n <!-- @TODO pozniej dodac wybor koloru z palety -->\n @for (color of colorPalette; track $index) {\n <button\n class=\"color-dot\"\n [class.selected]=\"widget().color === color\"\n [class.default-color]=\"!color\"\n [style.background-color]=\"'var(--mat-sys-surface)'\"\n (click)=\"store.setWidgetColor(widget().id, color)\"\n [matTooltip]=\"!color ? ('WIDGET.COLOR_DEFAULT' | translate) : ''\">\n </button>\n }\n </div>\n </div>\n</div>\n\n@if (!widget().pinned) {\n <button\n class=\"move-left-btn\"\n mat-icon-button\n (click)=\"store.moveWidgetToLeft(widget().id)\"\n [matTooltip]=\"'WIDGET.MOVE_LEFT' | translate\">\n <mat-icon>chevron_left</mat-icon>\n </button>\n <button\n class=\"move-right-btn\"\n mat-icon-button\n (click)=\"store.moveWidgetToRight(widget().id)\"\n [matTooltip]=\"'WIDGET.MOVE_RIGHT' | translate\">\n <mat-icon>chevron_right</mat-icon>\n </button>\n}\n", styles: [":host{position:absolute;z-index:2;top:0;left:0;border-radius:inherit;width:100%;height:100%;display:flex;flex-direction:column;box-sizing:border-box;overflow:hidden;background-color:var(--mat-sys-surface-container, var(--mat-sys-surface));color:inherit;font-family:inherit}.options-top-bar{display:flex;align-items:center;padding:4px;flex-shrink:0;border-bottom:1px solid color-mix(in srgb,currentColor 10%,transparent)}.options-top-bar .spacer{flex:1}.options-top-bar .delete-btn{color:var(--mat-sys-error, #ef4444)}.options-body{flex:1;overflow:auto;display:flex;flex-direction:column;gap:10px;padding:12px}.option-group{display:flex;flex-direction:column;gap:6px}.option-label{font-size:.7rem;font-weight:600;opacity:.6;text-transform:uppercase;letter-spacing:.06em}.rename-input{border:1px solid color-mix(in srgb,currentColor 20%,transparent);border-radius:6px;background:transparent;color:inherit;font-size:.875rem;font-family:inherit;padding:6px 8px;width:100%;box-sizing:border-box;outline:none;transition:border-color .15s}.rename-input:focus{border-color:var(--mat-sys-primary, #3b82f6)}.size-row{display:flex;align-items:center;gap:8px}.size-row .size-label{min-width:52px}.size-row mat-button-toggle-group{height:28px}.size-row mat-button-toggle-group ::ng-deep .mat-button-toggle-button{height:28px;line-height:28px;padding:0 10px;font-size:.8rem}.color-palette{display:flex;gap:8px;flex-wrap:wrap}.color-dot{width:22px;height:22px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:transform .15s,border-color .15s,box-shadow .15s;padding:0;outline:none}.color-dot:hover{transform:scale(1.15)}.color-dot.selected{border-color:var(--mat-sys-primary, #3b82f6);box-shadow:0 0 0 2px color-mix(in srgb,var(--mat-sys-primary, #3b82f6) 30%,transparent);transform:scale(1.2)}.color-dot.default-color{border:2px solid color-mix(in srgb,currentColor 25%,transparent);background:linear-gradient(to bottom right,transparent calc(50% - 1px),color-mix(in srgb,currentColor 40%,transparent),transparent calc(50% + 1px))!important}.move-left-btn{position:absolute;top:50%;transform:translateY(-50%);left:-16px}.move-right-btn{position:absolute;top:50%;transform:translateY(-50%);right:-16px}\n"] }]
95
135
  }], propDecorators: { widget: [{ type: i0.Input, args: [{ isSignal: true, alias: "widget", required: true }] }], showOptions: [{ type: i0.Input, args: [{ isSignal: true, alias: "showOptions", required: false }] }, { type: i0.Output, args: ["showOptionsChange"] }] } });
96
136
 
97
137
  class WidgetComponent {
98
138
  data = input.required(...(ngDevMode ? [{ debugName: "data" }] : []));
139
+ store = inject(WidgetService);
99
140
  showWidgetOptions = signal(false, ...(ngDevMode ? [{ debugName: "showWidgetOptions" }] : []));
141
+ fullscreen = signal(false, ...(ngDevMode ? [{ debugName: "fullscreen" }] : []));
142
+ isRenaming = signal(false, ...(ngDevMode ? [{ debugName: "isRenaming" }] : []));
100
143
  gridArea = computed(() => {
101
144
  const widget = this.data();
102
- return `span ${widget.rows ?? 1} / span ${widget.columns ?? 1}`;
145
+ const rows = widget.collapsed ? 1 : (widget.rows ?? 1);
146
+ return `span ${rows} / span ${widget.columns ?? 1}`;
103
147
  }, ...(ngDevMode ? [{ debugName: "gridArea" }] : []));
148
+ widgetPadding = computed(() => `${this.store.config().widgetPadding}px`, ...(ngDevMode ? [{ debugName: "widgetPadding" }] : []));
149
+ onEscapeKey() {
150
+ if (this.fullscreen())
151
+ this.fullscreen.set(false);
152
+ if (this.isRenaming())
153
+ this.isRenaming.set(false);
154
+ }
155
+ toggleFullscreen() {
156
+ this.fullscreen.set(!this.fullscreen());
157
+ if (this.fullscreen())
158
+ this.showWidgetOptions.set(false);
159
+ }
160
+ startRename() {
161
+ if (!this.store.editMode())
162
+ return;
163
+ this.isRenaming.set(true);
164
+ }
165
+ finishRename(event) {
166
+ const input = event.target;
167
+ this.store.renameWidget(this.data().id, input.value);
168
+ this.isRenaming.set(false);
169
+ }
104
170
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0-rc.0", ngImport: i0, type: WidgetComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
105
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.0-rc.0", type: WidgetComponent, isStandalone: false, selector: "app-widget", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: true, transformFunction: null } }, host: { properties: { "style.grid-area": "gridArea()" } }, ngImport: i0, template: "<div\n class=\"widget-container mat-elevation-z3\"\n>\n <h3 class=\"m-0\">{{ data().label | translate}}</h3>\n <button (click)=\"showWidgetOptions.set(true)\" class=\"settings-button\" mat-icon-button>\n <mat-icon>settings</mat-icon>\n </button>\n\n <ng-container [ngComponentOutlet]=\"data().content\"/>\n\n @if (showWidgetOptions()) {\n <app-widget-options [(showOptions)]=\"showWidgetOptions\" [widget]=\"data()\"/>\n }\n</div>\n", styles: [":host{display:block;border-radius:16px}.widget-container{position:relative;height:100%;width:100%;padding:32px;box-sizing:border-box;border-radius:inherit;overflow:hidden;background-color:var(--mat-sys-background);cursor:pointer}.settings-button{position:absolute;top:20px;right:20px}\n"], dependencies: [{ kind: "directive", type: i1$1.NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletEnvironmentInjector", "ngComponentOutletContent", "ngComponentOutletNgModule"], exportAs: ["ngComponentOutlet"] }, { kind: "component", type: i2.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: WidgetOptionsComponent, selector: "app-widget-options", inputs: ["widget", "showOptions"], outputs: ["showOptionsChange"] }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }] });
171
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.0-rc.0", type: WidgetComponent, isStandalone: false, selector: "app-widget", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: true, transformFunction: null } }, host: { listeners: { "document:keydown.escape": "onEscapeKey()" }, properties: { "style.grid-area": "gridArea()", "style.--widget-padding": "widgetPadding()", "class.fullscreen": "fullscreen()", "class.collapsed": "data().collapsed" } }, ngImport: i0, template: "<div class=\"widget-container mat-elevation-z3\" [style.--widget-color]=\"data().color\">\n <div class=\"widget-header\">\n @if (isRenaming()) {\n <input\n class=\"rename-input\"\n [value]=\"data().customLabel || ''\"\n (blur)=\"finishRename($event)\"\n (keydown.enter)=\"finishRename($event)\"\n (keydown.escape)=\"isRenaming.set(false)\"\n [placeholder]=\"data().label | translate\"\n autofocus\n />\n } @else {\n <h3 class=\"widget-title\" (dblclick)=\"startRename()\">\n @if (data().customLabel) {\n {{ data().customLabel }}\n } @else {\n {{ data().label | translate }}\n }\n @if (data().pinned) {\n <mat-icon class=\"pin-icon\" inline>push_pin</mat-icon>\n }\n </h3>\n }\n <div class=\"widget-actions\">\n <button\n mat-icon-button\n (click)=\"store.toggleCollapse(data().id)\"\n [matTooltip]=\"(data().collapsed ? 'WIDGET.EXPAND' : 'WIDGET.COLLAPSE') | translate\">\n <mat-icon>{{ data().collapsed ? 'expand_more' : 'expand_less' }}</mat-icon>\n </button>\n <button\n mat-icon-button\n (click)=\"toggleFullscreen()\"\n [matTooltip]=\"(fullscreen() ? 'WIDGET.EXIT_FULLSCREEN' : 'WIDGET.FULLSCREEN') | translate\">\n <mat-icon>{{ fullscreen() ? 'fullscreen_exit' : 'fullscreen' }}</mat-icon>\n </button>\n @if (store.editMode()) {\n <button\n mat-icon-button\n (click)=\"showWidgetOptions.set(true)\"\n [matTooltip]=\"'WIDGET.SETTINGS' | translate\">\n <mat-icon>settings</mat-icon>\n </button>\n }\n </div>\n </div>\n\n @if (!data().collapsed) {\n <div class=\"widget-content\">\n <ng-container [ngComponentOutlet]=\"data().content\"/>\n </div>\n }\n\n @if (showWidgetOptions()) {\n <app-widget-options [(showOptions)]=\"showWidgetOptions\" [widget]=\"data()\"/>\n }\n</div>", styles: [":host{display:block;border-radius:12px;font-family:inherit;color:inherit}:host.fullscreen{position:fixed;inset:0;z-index:1000;border-radius:0;grid-area:unset!important}:host.collapsed{align-self:start}.widget-container{position:relative;height:100%;width:100%;box-sizing:border-box;border-radius:inherit;overflow:hidden;background-color:var(--widget-color, var(--mat-sys-surface));display:flex;flex-direction:column;transition:background-color .2s}.widget-header{display:flex;align-items:center;padding:4px 4px 4px 12px;gap:2px;flex-shrink:0;border-bottom:1px solid color-mix(in srgb,currentColor 10%,transparent);min-height:44px}.widget-title{flex:1;margin:0;font-size:2rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:4px;cursor:text;-webkit-user-select:none;user-select:none}.pin-icon{font-size:14px;height:14px;width:14px;opacity:.5;flex-shrink:0}.rename-input{flex:1;border:none;border-bottom:1px solid var(--mat-sys-primary, currentColor);outline:none;background:transparent;color:inherit;font-size:.875rem;font-weight:500;font-family:inherit;padding:2px 0}.widget-actions{display:flex;align-items:center;flex-shrink:0}.widget-actions button{width:32px;height:32px;line-height:32px}.widget-actions button mat-icon{font-size:22px;height:22px;width:22px;line-height:22px}.widget-content{flex:1;overflow:auto;padding:var(--widget-padding, 12px)}\n"], dependencies: [{ kind: "directive", type: i1$1.NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletEnvironmentInjector", "ngComponentOutletContent", "ngComponentOutletNgModule"], exportAs: ["ngComponentOutlet"] }, { kind: "component", type: i2.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i4.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: WidgetOptionsComponent, selector: "app-widget-options", inputs: ["widget", "showOptions"], outputs: ["showOptionsChange"] }, { kind: "pipe", type: i6.TranslatePipe, name: "translate" }] });
106
172
  }
107
173
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0-rc.0", ngImport: i0, type: WidgetComponent, decorators: [{
108
174
  type: Component,
109
175
  args: [{ selector: 'app-widget', standalone: false, host: {
110
176
  '[style.grid-area]': 'gridArea()',
111
- }, template: "<div\n class=\"widget-container mat-elevation-z3\"\n>\n <h3 class=\"m-0\">{{ data().label | translate}}</h3>\n <button (click)=\"showWidgetOptions.set(true)\" class=\"settings-button\" mat-icon-button>\n <mat-icon>settings</mat-icon>\n </button>\n\n <ng-container [ngComponentOutlet]=\"data().content\"/>\n\n @if (showWidgetOptions()) {\n <app-widget-options [(showOptions)]=\"showWidgetOptions\" [widget]=\"data()\"/>\n }\n</div>\n", styles: [":host{display:block;border-radius:16px}.widget-container{position:relative;height:100%;width:100%;padding:32px;box-sizing:border-box;border-radius:inherit;overflow:hidden;background-color:var(--mat-sys-background);cursor:pointer}.settings-button{position:absolute;top:20px;right:20px}\n"] }]
112
- }], propDecorators: { data: [{ type: i0.Input, args: [{ isSignal: true, alias: "data", required: true }] }] } });
177
+ '[style.--widget-padding]': 'widgetPadding()',
178
+ '[class.fullscreen]': 'fullscreen()',
179
+ '[class.collapsed]': 'data().collapsed',
180
+ }, template: "<div class=\"widget-container mat-elevation-z3\" [style.--widget-color]=\"data().color\">\n <div class=\"widget-header\">\n @if (isRenaming()) {\n <input\n class=\"rename-input\"\n [value]=\"data().customLabel || ''\"\n (blur)=\"finishRename($event)\"\n (keydown.enter)=\"finishRename($event)\"\n (keydown.escape)=\"isRenaming.set(false)\"\n [placeholder]=\"data().label | translate\"\n autofocus\n />\n } @else {\n <h3 class=\"widget-title\" (dblclick)=\"startRename()\">\n @if (data().customLabel) {\n {{ data().customLabel }}\n } @else {\n {{ data().label | translate }}\n }\n @if (data().pinned) {\n <mat-icon class=\"pin-icon\" inline>push_pin</mat-icon>\n }\n </h3>\n }\n <div class=\"widget-actions\">\n <button\n mat-icon-button\n (click)=\"store.toggleCollapse(data().id)\"\n [matTooltip]=\"(data().collapsed ? 'WIDGET.EXPAND' : 'WIDGET.COLLAPSE') | translate\">\n <mat-icon>{{ data().collapsed ? 'expand_more' : 'expand_less' }}</mat-icon>\n </button>\n <button\n mat-icon-button\n (click)=\"toggleFullscreen()\"\n [matTooltip]=\"(fullscreen() ? 'WIDGET.EXIT_FULLSCREEN' : 'WIDGET.FULLSCREEN') | translate\">\n <mat-icon>{{ fullscreen() ? 'fullscreen_exit' : 'fullscreen' }}</mat-icon>\n </button>\n @if (store.editMode()) {\n <button\n mat-icon-button\n (click)=\"showWidgetOptions.set(true)\"\n [matTooltip]=\"'WIDGET.SETTINGS' | translate\">\n <mat-icon>settings</mat-icon>\n </button>\n }\n </div>\n </div>\n\n @if (!data().collapsed) {\n <div class=\"widget-content\">\n <ng-container [ngComponentOutlet]=\"data().content\"/>\n </div>\n }\n\n @if (showWidgetOptions()) {\n <app-widget-options [(showOptions)]=\"showWidgetOptions\" [widget]=\"data()\"/>\n }\n</div>", styles: [":host{display:block;border-radius:12px;font-family:inherit;color:inherit}:host.fullscreen{position:fixed;inset:0;z-index:1000;border-radius:0;grid-area:unset!important}:host.collapsed{align-self:start}.widget-container{position:relative;height:100%;width:100%;box-sizing:border-box;border-radius:inherit;overflow:hidden;background-color:var(--widget-color, var(--mat-sys-surface));display:flex;flex-direction:column;transition:background-color .2s}.widget-header{display:flex;align-items:center;padding:4px 4px 4px 12px;gap:2px;flex-shrink:0;border-bottom:1px solid color-mix(in srgb,currentColor 10%,transparent);min-height:44px}.widget-title{flex:1;margin:0;font-size:2rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:4px;cursor:text;-webkit-user-select:none;user-select:none}.pin-icon{font-size:14px;height:14px;width:14px;opacity:.5;flex-shrink:0}.rename-input{flex:1;border:none;border-bottom:1px solid var(--mat-sys-primary, currentColor);outline:none;background:transparent;color:inherit;font-size:.875rem;font-weight:500;font-family:inherit;padding:2px 0}.widget-actions{display:flex;align-items:center;flex-shrink:0}.widget-actions button{width:32px;height:32px;line-height:32px}.widget-actions button mat-icon{font-size:22px;height:22px;width:22px;line-height:22px}.widget-content{flex:1;overflow:auto;padding:var(--widget-padding, 12px)}\n"] }]
181
+ }], propDecorators: { data: [{ type: i0.Input, args: [{ isSignal: true, alias: "data", required: true }] }], onEscapeKey: [{
182
+ type: HostListener,
183
+ args: ['document:keydown.escape']
184
+ }] } });
113
185
 
114
186
  class DashboardWidgetsComponent {
115
187
  DEFAULT_STORAGE_KEY = 'dashboard-widgets';
@@ -119,10 +191,13 @@ class DashboardWidgetsComponent {
119
191
  storageKey = input(this.DEFAULT_STORAGE_KEY, ...(ngDevMode ? [{ debugName: "storageKey" }] : []));
120
192
  columns = input('auto', ...(ngDevMode ? [{ debugName: "columns" }] : []));
121
193
  minTileWidth = input(200, ...(ngDevMode ? [{ debugName: "minTileWidth" }] : []));
122
- rowHeight = input(150, ...(ngDevMode ? [{ debugName: "rowHeight" }] : []));
123
- gap = input(16, ...(ngDevMode ? [{ debugName: "gap" }] : []));
194
+ rowHeight = input(80, ...(ngDevMode ? [{ debugName: "rowHeight" }] : []));
195
+ gap = input(12, ...(ngDevMode ? [{ debugName: "gap" }] : []));
124
196
  maxColumns = input(4, ...(ngDevMode ? [{ debugName: "maxColumns" }] : []));
125
197
  maxRows = input(4, ...(ngDevMode ? [{ debugName: "maxRows" }] : []));
198
+ widgetPadding = input(12, ...(ngDevMode ? [{ debugName: "widgetPadding" }] : []));
199
+ editMode = input(true, ...(ngDevMode ? [{ debugName: "editMode" }] : []));
200
+ widgetChange = output();
126
201
  store = inject(WidgetService);
127
202
  dashboard;
128
203
  gridStyles = computed(() => ({
@@ -134,8 +209,16 @@ class DashboardWidgetsComponent {
134
209
  }), ...(ngDevMode ? [{ debugName: "gridStyles" }] : []));
135
210
  constructor() {
136
211
  effect(() => {
137
- const ids = this.store.addedWidgets().map((w) => w.id);
138
- localStorage.setItem(this.storageKey(), JSON.stringify(ids));
212
+ const state = this.store.addedWidgets().map((w) => ({
213
+ id: w.id,
214
+ rows: w.rows,
215
+ columns: w.columns,
216
+ color: w.color,
217
+ customLabel: w.customLabel,
218
+ collapsed: w.collapsed,
219
+ pinned: w.pinned,
220
+ }));
221
+ localStorage.setItem(this.storageKey(), JSON.stringify(state));
139
222
  });
140
223
  effect(() => {
141
224
  this.store.setConfig({
@@ -145,8 +228,15 @@ class DashboardWidgetsComponent {
145
228
  gap: this.gap(),
146
229
  maxColumns: this.maxColumns(),
147
230
  maxRows: this.maxRows(),
231
+ widgetPadding: this.widgetPadding(),
148
232
  });
149
233
  });
234
+ effect(() => {
235
+ this.store.editMode.set(this.editMode());
236
+ });
237
+ effect(() => {
238
+ this.widgetChange.emit(this.store.addedWidgets());
239
+ });
150
240
  }
151
241
  ngOnInit() {
152
242
  this.setAvailableWidgets();
@@ -166,10 +256,24 @@ class DashboardWidgetsComponent {
166
256
  if (!stored)
167
257
  return;
168
258
  try {
169
- const ids = JSON.parse(stored);
259
+ const parsed = JSON.parse(stored);
170
260
  const widgetMap = new Map(this.store.widgets().map((w) => [w.id, w]));
171
- const restoredWidgets = ids
172
- .map((id) => widgetMap.get(id))
261
+ // Handle legacy format (array of numbers)
262
+ if (parsed.length > 0 && typeof parsed[0] === 'number') {
263
+ const restoredWidgets = parsed
264
+ .map((id) => widgetMap.get(id))
265
+ .filter((w) => w !== undefined);
266
+ this.store.addedWidgets.set(restoredWidgets);
267
+ return;
268
+ }
269
+ const states = parsed;
270
+ const restoredWidgets = states
271
+ .map((state) => {
272
+ const def = widgetMap.get(state.id);
273
+ if (!def)
274
+ return undefined;
275
+ return { ...def, ...state };
276
+ })
173
277
  .filter((w) => w !== undefined);
174
278
  this.store.addedWidgets.set(restoredWidgets);
175
279
  }
@@ -178,12 +282,12 @@ class DashboardWidgetsComponent {
178
282
  }
179
283
  }
180
284
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0-rc.0", ngImport: i0, type: DashboardWidgetsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
181
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.0-rc.0", type: DashboardWidgetsComponent, isStandalone: false, selector: "fidurcode-dashboard-widgets", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: true, transformFunction: null }, widgets: { classPropertyName: "widgets", publicName: "widgets", isSignal: true, isRequired: true, transformFunction: null }, storageKey: { classPropertyName: "storageKey", publicName: "storageKey", isSignal: true, isRequired: false, transformFunction: null }, columns: { classPropertyName: "columns", publicName: "columns", isSignal: true, isRequired: false, transformFunction: null }, minTileWidth: { classPropertyName: "minTileWidth", publicName: "minTileWidth", isSignal: true, isRequired: false, transformFunction: null }, rowHeight: { classPropertyName: "rowHeight", publicName: "rowHeight", isSignal: true, isRequired: false, transformFunction: null }, gap: { classPropertyName: "gap", publicName: "gap", isSignal: true, isRequired: false, transformFunction: null }, maxColumns: { classPropertyName: "maxColumns", publicName: "maxColumns", isSignal: true, isRequired: false, transformFunction: null }, maxRows: { classPropertyName: "maxRows", publicName: "maxRows", isSignal: true, isRequired: false, transformFunction: null } }, providers: [WidgetService], viewQueries: [{ propertyName: "dashboard", first: true, predicate: ["dashboard"], descendants: true, static: true }], ngImport: i0, template: "<div class=\"dashboard-widgets-header\">\n <h2>{{title()}}</h2>\n <button [matMenuTriggerFor]=\"menu\" mat-raised-button>\n <mat-icon>add_circle</mat-icon>\n {{ 'DASHBOARD.ADD_WIDGET' | translate }}\n </button>\n <mat-menu #menu=\"matMenu\">\n @for (widget of store.widgetsToAdd(); track widget.id) {\n <button mat-menu-item (click)=\"store.addWidget(widget)\">{{ widget.label | translate }}</button>\n } @empty {\n <button mat-menu-item>{{ 'DASHBOARD.NO_WIDGETS' | translate }}</button>\n }\n </mat-menu>\n</div>\n<div #dashboard class=\"dashboard-widgets\" [style]=\"gridStyles()\">\n @for (w of store.addedWidgets(); track w.id) {\n <app-widget [data]=\"w\"/>\n }\n</div>\n", styles: [".dashboard-widgets-header{display:flex;justify-content:space-between;align-items:center}.dashboard-widgets{display:grid}\n"], dependencies: [{ kind: "component", type: i1$2.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i1$2.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i1$2.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "component", type: i2.MatButton, selector: " button[matButton], a[matButton], button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button], a[mat-flat-button], a[mat-stroked-button] ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: WidgetComponent, selector: "app-widget", inputs: ["data"] }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }] });
285
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.0-rc.0", type: DashboardWidgetsComponent, isStandalone: false, selector: "fidurcode-dashboard-widgets", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: true, transformFunction: null }, widgets: { classPropertyName: "widgets", publicName: "widgets", isSignal: true, isRequired: true, transformFunction: null }, storageKey: { classPropertyName: "storageKey", publicName: "storageKey", isSignal: true, isRequired: false, transformFunction: null }, columns: { classPropertyName: "columns", publicName: "columns", isSignal: true, isRequired: false, transformFunction: null }, minTileWidth: { classPropertyName: "minTileWidth", publicName: "minTileWidth", isSignal: true, isRequired: false, transformFunction: null }, rowHeight: { classPropertyName: "rowHeight", publicName: "rowHeight", isSignal: true, isRequired: false, transformFunction: null }, gap: { classPropertyName: "gap", publicName: "gap", isSignal: true, isRequired: false, transformFunction: null }, maxColumns: { classPropertyName: "maxColumns", publicName: "maxColumns", isSignal: true, isRequired: false, transformFunction: null }, maxRows: { classPropertyName: "maxRows", publicName: "maxRows", isSignal: true, isRequired: false, transformFunction: null }, widgetPadding: { classPropertyName: "widgetPadding", publicName: "widgetPadding", isSignal: true, isRequired: false, transformFunction: null }, editMode: { classPropertyName: "editMode", publicName: "editMode", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { widgetChange: "widgetChange" }, providers: [WidgetService], viewQueries: [{ propertyName: "dashboard", first: true, predicate: ["dashboard"], descendants: true, static: true }], ngImport: i0, template: "<div class=\"dashboard-widgets-header\">\n <h2 class=\"dashboard-title\">{{title()}}</h2>\n <div class=\"dashboard-header-actions\">\n <button\n mat-icon-button\n (click)=\"store.toggleEditMode()\"\n [matTooltip]=\"(store.editMode() ? 'DASHBOARD.LOCK' : 'DASHBOARD.UNLOCK') | translate\">\n <mat-icon>{{ store.editMode() ? 'lock_open' : 'lock' }}</mat-icon>\n </button>\n @if (store.editMode()) {\n <button [matMenuTriggerFor]=\"addMenu\" mat-raised-button>\n <mat-icon>add_circle</mat-icon>\n {{ 'DASHBOARD.ADD_WIDGET' | translate }}\n </button>\n <mat-menu #addMenu=\"matMenu\">\n @for (widget of store.widgetsToAdd(); track widget.id) {\n <button mat-menu-item (click)=\"store.addWidget(widget)\">{{ widget.label | translate }}</button>\n } @empty {\n <button mat-menu-item disabled>{{ 'DASHBOARD.NO_WIDGETS' | translate }}</button>\n }\n </mat-menu>\n }\n </div>\n</div>\n<div #dashboard class=\"dashboard-widgets\" [style]=\"gridStyles()\">\n @for (w of store.addedWidgets(); track w.id) {\n <app-widget [data]=\"w\"/>\n }\n</div>", styles: [".dashboard-widgets-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.dashboard-title{margin:0}.dashboard-header-actions{display:flex;align-items:center;gap:8px}.dashboard-widgets{display:grid}\n"], dependencies: [{ kind: "component", type: i1$2.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i1$2.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i1$2.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "component", type: i2.MatButton, selector: " button[matButton], a[matButton], button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button], a[mat-flat-button], a[mat-stroked-button] ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i2.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i4.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: WidgetComponent, selector: "app-widget", inputs: ["data"] }, { kind: "pipe", type: i6.TranslatePipe, name: "translate" }] });
182
286
  }
183
287
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0-rc.0", ngImport: i0, type: DashboardWidgetsComponent, decorators: [{
184
288
  type: Component,
185
- args: [{ selector: 'fidurcode-dashboard-widgets', standalone: false, providers: [WidgetService], template: "<div class=\"dashboard-widgets-header\">\n <h2>{{title()}}</h2>\n <button [matMenuTriggerFor]=\"menu\" mat-raised-button>\n <mat-icon>add_circle</mat-icon>\n {{ 'DASHBOARD.ADD_WIDGET' | translate }}\n </button>\n <mat-menu #menu=\"matMenu\">\n @for (widget of store.widgetsToAdd(); track widget.id) {\n <button mat-menu-item (click)=\"store.addWidget(widget)\">{{ widget.label | translate }}</button>\n } @empty {\n <button mat-menu-item>{{ 'DASHBOARD.NO_WIDGETS' | translate }}</button>\n }\n </mat-menu>\n</div>\n<div #dashboard class=\"dashboard-widgets\" [style]=\"gridStyles()\">\n @for (w of store.addedWidgets(); track w.id) {\n <app-widget [data]=\"w\"/>\n }\n</div>\n", styles: [".dashboard-widgets-header{display:flex;justify-content:space-between;align-items:center}.dashboard-widgets{display:grid}\n"] }]
186
- }], ctorParameters: () => [], propDecorators: { title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: true }] }], widgets: [{ type: i0.Input, args: [{ isSignal: true, alias: "widgets", required: true }] }], storageKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "storageKey", required: false }] }], columns: [{ type: i0.Input, args: [{ isSignal: true, alias: "columns", required: false }] }], minTileWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "minTileWidth", required: false }] }], rowHeight: [{ type: i0.Input, args: [{ isSignal: true, alias: "rowHeight", required: false }] }], gap: [{ type: i0.Input, args: [{ isSignal: true, alias: "gap", required: false }] }], maxColumns: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxColumns", required: false }] }], maxRows: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxRows", required: false }] }], dashboard: [{
289
+ args: [{ selector: 'fidurcode-dashboard-widgets', standalone: false, providers: [WidgetService], template: "<div class=\"dashboard-widgets-header\">\n <h2 class=\"dashboard-title\">{{title()}}</h2>\n <div class=\"dashboard-header-actions\">\n <button\n mat-icon-button\n (click)=\"store.toggleEditMode()\"\n [matTooltip]=\"(store.editMode() ? 'DASHBOARD.LOCK' : 'DASHBOARD.UNLOCK') | translate\">\n <mat-icon>{{ store.editMode() ? 'lock_open' : 'lock' }}</mat-icon>\n </button>\n @if (store.editMode()) {\n <button [matMenuTriggerFor]=\"addMenu\" mat-raised-button>\n <mat-icon>add_circle</mat-icon>\n {{ 'DASHBOARD.ADD_WIDGET' | translate }}\n </button>\n <mat-menu #addMenu=\"matMenu\">\n @for (widget of store.widgetsToAdd(); track widget.id) {\n <button mat-menu-item (click)=\"store.addWidget(widget)\">{{ widget.label | translate }}</button>\n } @empty {\n <button mat-menu-item disabled>{{ 'DASHBOARD.NO_WIDGETS' | translate }}</button>\n }\n </mat-menu>\n }\n </div>\n</div>\n<div #dashboard class=\"dashboard-widgets\" [style]=\"gridStyles()\">\n @for (w of store.addedWidgets(); track w.id) {\n <app-widget [data]=\"w\"/>\n }\n</div>", styles: [".dashboard-widgets-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.dashboard-title{margin:0}.dashboard-header-actions{display:flex;align-items:center;gap:8px}.dashboard-widgets{display:grid}\n"] }]
290
+ }], ctorParameters: () => [], propDecorators: { title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: true }] }], widgets: [{ type: i0.Input, args: [{ isSignal: true, alias: "widgets", required: true }] }], storageKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "storageKey", required: false }] }], columns: [{ type: i0.Input, args: [{ isSignal: true, alias: "columns", required: false }] }], minTileWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "minTileWidth", required: false }] }], rowHeight: [{ type: i0.Input, args: [{ isSignal: true, alias: "rowHeight", required: false }] }], gap: [{ type: i0.Input, args: [{ isSignal: true, alias: "gap", required: false }] }], maxColumns: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxColumns", required: false }] }], maxRows: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxRows", required: false }] }], widgetPadding: [{ type: i0.Input, args: [{ isSignal: true, alias: "widgetPadding", required: false }] }], editMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "editMode", required: false }] }], widgetChange: [{ type: i0.Output, args: ["widgetChange"] }], dashboard: [{
187
291
  type: ViewChild,
188
292
  args: ['dashboard', { static: true }]
189
293
  }] } });
@@ -192,25 +296,33 @@ class DashboardWidgetsSkeletonModule {
192
296
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0-rc.0", ngImport: i0, type: DashboardWidgetsSkeletonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
193
297
  static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.1.0-rc.0", ngImport: i0, type: DashboardWidgetsSkeletonModule, declarations: [WidgetComponent,
194
298
  WidgetOptionsComponent,
195
- DashboardWidgetsComponent], imports: [CommonModule, i5.TranslateModule, MatMenuModule,
299
+ DashboardWidgetsComponent], imports: [CommonModule, i6.TranslateModule, MatMenuModule,
196
300
  MatButtonToggleModule,
197
301
  MatButtonModule,
198
- MatIconModule], exports: [WidgetComponent,
302
+ MatIconModule,
303
+ MatTooltipModule,
304
+ MatDividerModule], exports: [WidgetComponent,
199
305
  WidgetOptionsComponent,
200
306
  DashboardWidgetsComponent,
201
307
  MatMenuModule,
202
308
  MatButtonToggleModule,
203
309
  MatButtonModule,
204
- MatIconModule] });
310
+ MatIconModule,
311
+ MatTooltipModule,
312
+ MatDividerModule] });
205
313
  static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.1.0-rc.0", ngImport: i0, type: DashboardWidgetsSkeletonModule, imports: [CommonModule,
206
314
  TranslateModule.forChild(),
207
315
  MatMenuModule,
208
316
  MatButtonToggleModule,
209
317
  MatButtonModule,
210
- MatIconModule, MatMenuModule,
318
+ MatIconModule,
319
+ MatTooltipModule,
320
+ MatDividerModule, MatMenuModule,
211
321
  MatButtonToggleModule,
212
322
  MatButtonModule,
213
- MatIconModule] });
323
+ MatIconModule,
324
+ MatTooltipModule,
325
+ MatDividerModule] });
214
326
  }
215
327
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0-rc.0", ngImport: i0, type: DashboardWidgetsSkeletonModule, decorators: [{
216
328
  type: NgModule,
@@ -227,6 +339,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0-rc.0", ng
227
339
  MatButtonToggleModule,
228
340
  MatButtonModule,
229
341
  MatIconModule,
342
+ MatTooltipModule,
343
+ MatDividerModule,
230
344
  ],
231
345
  exports: [
232
346
  WidgetComponent,
@@ -236,6 +350,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0-rc.0", ng
236
350
  MatButtonToggleModule,
237
351
  MatButtonModule,
238
352
  MatIconModule,
353
+ MatTooltipModule,
354
+ MatDividerModule,
239
355
  ],
240
356
  }]
241
357
  }] });
package/fesm2022/fidurcode-dashboard-widgets-skeleton.mjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"fidurcode-dashboard-widgets-skeleton.mjs","sources":["../../../projects/dashboard-widgets-skeleton/src/lib/models/dashboard-config.ts","../../../projects/dashboard-widgets-skeleton/src/lib/services/widget.service.ts","../../../projects/dashboard-widgets-skeleton/src/lib/components/widget-options/widget-options.component.ts","../../../projects/dashboard-widgets-skeleton/src/lib/components/widget-options/widget-options.component.html","../../../projects/dashboard-widgets-skeleton/src/lib/components/widget/widget.component.ts","../../../projects/dashboard-widgets-skeleton/src/lib/components/widget/widget.component.html","../../../projects/dashboard-widgets-skeleton/src/lib/components/dashboard-widgets/dashboard-widgets.component.ts","../../../projects/dashboard-widgets-skeleton/src/lib/components/dashboard-widgets/dashboard-widgets.component.html","../../../projects/dashboard-widgets-skeleton/src/lib/dashboard-widgets-skeleton.module.ts","../../../projects/dashboard-widgets-skeleton/src/public-api.ts","../../../projects/dashboard-widgets-skeleton/src/fidurcode-dashboard-widgets-skeleton.ts"],"sourcesContent":["export interface DashboardConfig {\n columns: number | 'auto';\n minTileWidth: number;\n rowHeight: number;\n gap: number;\n maxColumns: number;\n maxRows: number;\n}\n\nexport const DEFAULT_DASHBOARD_CONFIG: DashboardConfig = {\n columns: 'auto',\n minTileWidth: 200,\n rowHeight: 150,\n gap: 16,\n maxColumns: 4,\n maxRows: 4,\n};","import {\n computed,\n Injectable,\n Signal,\n signal,\n WritableSignal,\n} from '@angular/core';\nimport { Widget } from '../components/widget/widget';\nimport { DashboardConfig, DEFAULT_DASHBOARD_CONFIG } from '../models/dashboard-config';\n\n@Injectable()\nexport class WidgetService {\n public widgets: WritableSignal<Widget[]> = signal<Widget[]>([]);\n\n addedWidgets: WritableSignal<Widget[]> = signal<Widget[]>([]);\n\n config: WritableSignal<DashboardConfig> = signal<DashboardConfig>(DEFAULT_DASHBOARD_CONFIG);\n\n widgetsToAdd: Signal<Widget[]> = computed((): Widget[] => {\n const addedIds: number[] = this.addedWidgets().map(\n (widget: Widget): number => widget.id,\n );\n return this.widgets().filter((w): boolean => !addedIds.includes(w.id));\n });\n\n setAvailableWidgets(widgets: Widget[]): void {\n this.widgets.set(widgets);\n }\n\n setConfig(config: Partial<DashboardConfig>): void {\n this.config.set({ ...DEFAULT_DASHBOARD_CONFIG, ...config });\n }\n\n addWidget(widget: Widget): void {\n this.addedWidgets.set([...this.addedWidgets(), { ...widget }]);\n }\n\n updateWidget(id: number, widget: Partial<Widget>): void {\n const index = this.addedWidgets().findIndex((w) => w.id === id);\n if (index !== -1) {\n const newWidgets = [...this.addedWidgets()];\n newWidgets[index] = { ...newWidgets[index], ...widget };\n this.addedWidgets.set(newWidgets);\n }\n }\n\n moveWidgetToLeft(id: number): void {\n const index = this.addedWidgets().findIndex((w) => w.id === id);\n if (index === 0) return;\n const newWidgets = [...this.addedWidgets()];\n [newWidgets[index], newWidgets[index - 1]] = [\n { ...newWidgets[index - 1] },\n { ...newWidgets[index] },\n ];\n this.addedWidgets.set(newWidgets);\n }\n\n moveWidgetToRight(id: number): void {\n const index = this.addedWidgets().findIndex((w) => w.id === id);\n if (index === this.addedWidgets().length - 1) return;\n const newWidgets = [...this.addedWidgets()];\n [newWidgets[index], newWidgets[index + 1]] = [\n { ...newWidgets[index + 1] },\n { ...newWidgets[index] },\n ];\n this.addedWidgets.set(newWidgets);\n }\n\n deleteWidget(id: number): void {\n this.addedWidgets.set(this.addedWidgets().filter((w) => w.id !== id));\n }\n}","import {\n Component,\n computed,\n inject,\n input,\n InputSignal,\n model,\n ModelSignal,\n Signal,\n} from '@angular/core';\nimport { Widget } from '../widget/widget';\nimport { WidgetService } from '../../services/widget.service';\n\n@Component({\n selector: 'app-widget-options',\n standalone: false,\n templateUrl: './widget-options.component.html',\n styleUrl: './widget-options.component.scss',\n})\nexport class WidgetOptionsComponent {\n widget: InputSignal<Widget> = input.required<Widget>();\n showOptions: ModelSignal<boolean> = model<boolean>(false);\n\n store = inject(WidgetService);\n\n colOptions: Signal<number[]> = computed(() =>\n Array.from({ length: this.store.config().maxColumns }, (_, i) => i + 1),\n );\n\n rowOptions: Signal<number[]> = computed(() =>\n Array.from({ length: this.store.config().maxRows }, (_, i) => i + 1),\n );\n}","<button (click)=\"showOptions.set(false)\" class=\"close-button\" mat-icon-button>\n <mat-icon>close</mat-icon>\n</button>\n\n<button (click)=\"store.moveWidgetToRight(widget().id)\" class=\"move-forward-button\" mat-icon-button>\n <mat-icon>chevron_right</mat-icon>\n</button>\n\n<button (click)=\"store.moveWidgetToLeft(widget().id)\" class=\"move-backward-button\" mat-icon-button>\n <mat-icon>chevron_left</mat-icon>\n</button>\n\n<button (click)=\"store.deleteWidget(widget().id)\" class=\"remove-widget-button\" mat-icon-button>\n <mat-icon>delete</mat-icon>\n</button>\n\n<div>\n {{ 'WIDGET.WIDTH' | translate }}\n <mat-button-toggle-group\n (change)=\"store.updateWidget(widget().id, { columns: +$event.value })\"\n [hideSingleSelectionIndicator]=\"true\"\n [value]=\"widget().columns ?? 1\">\n @for (n of colOptions(); track n) {\n <mat-button-toggle [value]=\"n\">{{ n }}</mat-button-toggle>\n }\n </mat-button-toggle-group>\n</div>\n\n<div>\n {{ 'WIDGET.HEIGHT' | translate }}\n <mat-button-toggle-group\n (change)=\"store.updateWidget(widget().id, { rows: +$event.value })\"\n [hideSingleSelectionIndicator]=\"true\"\n [value]=\"widget().rows ?? 1\">\n @for (n of rowOptions(); track n) {\n <mat-button-toggle [value]=\"n\">{{ n }}</mat-button-toggle>\n }\n </mat-button-toggle-group>\n</div>","import {\n Component,\n computed,\n input,\n InputSignal,\n Signal,\n signal,\n WritableSignal,\n} from '@angular/core';\nimport { Widget } from './widget';\n\n@Component({\n selector: 'app-widget',\n standalone: false,\n templateUrl: './widget.component.html',\n styleUrl: './widget.component.scss',\n host: {\n '[style.grid-area]': 'gridArea()',\n },\n})\nexport class WidgetComponent {\n data: InputSignal<Widget> = input.required<Widget>();\n\n showWidgetOptions: WritableSignal<boolean> = signal<boolean>(false);\n\n gridArea: Signal<string> = computed(() => {\n const widget = this.data();\n return `span ${widget.rows ?? 1} / span ${widget.columns ?? 1}`;\n });\n}","<div\n class=\"widget-container mat-elevation-z3\"\n>\n <h3 class=\"m-0\">{{ data().label | translate}}</h3>\n <button (click)=\"showWidgetOptions.set(true)\" class=\"settings-button\" mat-icon-button>\n <mat-icon>settings</mat-icon>\n </button>\n\n <ng-container [ngComponentOutlet]=\"data().content\"/>\n\n @if (showWidgetOptions()) {\n <app-widget-options [(showOptions)]=\"showWidgetOptions\" [widget]=\"data()\"/>\n }\n</div>\n","import {\n AfterViewInit,\n Component,\n computed,\n effect,\n ElementRef,\n inject,\n input,\n InputSignal,\n OnInit,\n Signal,\n ViewChild,\n} from '@angular/core';\nimport { WidgetService } from '../../services/widget.service';\nimport { wrapGrid } from 'animate-css-grid';\nimport { Widget } from '../widget/widget';\n\n@Component({\n selector: 'fidurcode-dashboard-widgets',\n standalone: false,\n templateUrl: './dashboard-widgets.component.html',\n styleUrls: ['./dashboard-widgets.component.scss'],\n providers: [WidgetService],\n})\nexport class DashboardWidgetsComponent implements OnInit, AfterViewInit {\n private readonly DEFAULT_STORAGE_KEY = 'dashboard-widgets';\n private readonly ERROR_PARSING_MESSAGE = 'Error parsing widgets from localStorage';\n\n title: InputSignal<string> = input.required<string>();\n widgets: InputSignal<Widget[]> = input.required<Widget[]>();\n storageKey: InputSignal<string> = input<string>(this.DEFAULT_STORAGE_KEY);\n\n columns: InputSignal<number | 'auto'> = input<number | 'auto'>('auto');\n minTileWidth: InputSignal<number> = input<number>(200);\n rowHeight: InputSignal<number> = input<number>(150);\n gap: InputSignal<number> = input<number>(16);\n maxColumns: InputSignal<number> = input<number>(4);\n maxRows: InputSignal<number> = input<number>(4);\n\n public store = inject(WidgetService);\n\n @ViewChild('dashboard', { static: true }) dashboard!: ElementRef;\n\n gridStyles: Signal<Record<string, string>> = computed(() => ({\n gridTemplateColumns:\n this.columns() === 'auto'\n ? `repeat(auto-fit, minmax(${this.minTileWidth()}px, 1fr))`\n : `repeat(${this.columns()}, 1fr)`,\n gridAutoRows: `minmax(${this.rowHeight()}px, auto)`,\n gap: `${this.gap()}px`,\n }));\n\n constructor() {\n effect((): void => {\n const ids = this.store.addedWidgets().map((w) => w.id);\n localStorage.setItem(this.storageKey(), JSON.stringify(ids));\n });\n\n effect((): void => {\n this.store.setConfig({\n columns: this.columns(),\n minTileWidth: this.minTileWidth(),\n rowHeight: this.rowHeight(),\n gap: this.gap(),\n maxColumns: this.maxColumns(),\n maxRows: this.maxRows(),\n });\n });\n }\n\n ngOnInit(): void {\n this.setAvailableWidgets();\n this.loadFromStorage();\n }\n\n ngAfterViewInit(): void {\n wrapGrid(this.dashboard.nativeElement, { duration: 300 });\n }\n\n private setAvailableWidgets(): void {\n const widgets = this.widgets();\n if (widgets?.length > 0) {\n this.store.setAvailableWidgets(widgets);\n }\n }\n\n private loadFromStorage(): void {\n const stored = localStorage.getItem(this.storageKey());\n if (!stored) return;\n\n try {\n const ids: number[] = JSON.parse(stored);\n const widgetMap = new Map(this.store.widgets().map((w) => [w.id, w]));\n const restoredWidgets = ids\n .map((id) => widgetMap.get(id))\n .filter((w): w is Widget => w !== undefined);\n this.store.addedWidgets.set(restoredWidgets);\n } catch (e) {\n console.error(this.ERROR_PARSING_MESSAGE, e);\n }\n }\n}","<div class=\"dashboard-widgets-header\">\n <h2>{{title()}}</h2>\n <button [matMenuTriggerFor]=\"menu\" mat-raised-button>\n <mat-icon>add_circle</mat-icon>\n {{ 'DASHBOARD.ADD_WIDGET' | translate }}\n </button>\n <mat-menu #menu=\"matMenu\">\n @for (widget of store.widgetsToAdd(); track widget.id) {\n <button mat-menu-item (click)=\"store.addWidget(widget)\">{{ widget.label | translate }}</button>\n } @empty {\n <button mat-menu-item>{{ 'DASHBOARD.NO_WIDGETS' | translate }}</button>\n }\n </mat-menu>\n</div>\n<div #dashboard class=\"dashboard-widgets\" [style]=\"gridStyles()\">\n @for (w of store.addedWidgets(); track w.id) {\n <app-widget [data]=\"w\"/>\n }\n</div>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { WidgetComponent } from './components/widget/widget.component';\nimport { WidgetOptionsComponent } from './components/widget-options/widget-options.component';\nimport { DashboardWidgetsComponent } from './components/dashboard-widgets/dashboard-widgets.component';\nimport {MatMenuModule} from '@angular/material/menu';\nimport {MatButtonToggleModule} from '@angular/material/button-toggle';\nimport {MatButtonModule} from '@angular/material/button';\nimport {MatIconModule} from '@angular/material/icon';\nimport {TranslateModule} from '@ngx-translate/core';\n\n@NgModule({\n declarations: [\n WidgetComponent,\n WidgetOptionsComponent,\n DashboardWidgetsComponent,\n ],\n imports: [\n CommonModule,\n TranslateModule.forChild(),\n MatMenuModule,\n MatButtonToggleModule,\n MatButtonModule,\n MatIconModule,\n ],\n exports: [\n WidgetComponent,\n WidgetOptionsComponent,\n DashboardWidgetsComponent,\n MatMenuModule,\n MatButtonToggleModule,\n MatButtonModule,\n MatIconModule,\n ],\n})\nexport class DashboardWidgetsSkeletonModule {}\n","/*\n * Public API Surface of dashboard-widgets-skeleton\n */\n\nexport * from './lib/components/widget/widget';\nexport * from './lib/components/widget/widget.component';\nexport * from './lib/components/widget-options/widget-options.component';\nexport * from './lib/components/dashboard-widgets/dashboard-widgets.component';\nexport * from './lib/models/dashboard-config';\nexport * from './lib/services/widget.service';\nexport * from './lib/dashboard-widgets-skeleton.module';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i4","i1","i4.WidgetOptionsComponent","i4.WidgetComponent"],"mappings":"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"}
1
+ {"version":3,"file":"fidurcode-dashboard-widgets-skeleton.mjs","sources":["../../../projects/dashboard-widgets-skeleton/src/lib/models/dashboard-config.ts","../../../projects/dashboard-widgets-skeleton/src/lib/services/widget.service.ts","../../../projects/dashboard-widgets-skeleton/src/lib/components/widget-options/widget-options.component.ts","../../../projects/dashboard-widgets-skeleton/src/lib/components/widget-options/widget-options.component.html","../../../projects/dashboard-widgets-skeleton/src/lib/components/widget/widget.component.ts","../../../projects/dashboard-widgets-skeleton/src/lib/components/widget/widget.component.html","../../../projects/dashboard-widgets-skeleton/src/lib/components/dashboard-widgets/dashboard-widgets.component.ts","../../../projects/dashboard-widgets-skeleton/src/lib/components/dashboard-widgets/dashboard-widgets.component.html","../../../projects/dashboard-widgets-skeleton/src/lib/dashboard-widgets-skeleton.module.ts","../../../projects/dashboard-widgets-skeleton/src/public-api.ts","../../../projects/dashboard-widgets-skeleton/src/fidurcode-dashboard-widgets-skeleton.ts"],"sourcesContent":["export interface DashboardConfig {\n columns: number | 'auto';\n minTileWidth: number;\n rowHeight: number;\n gap: number;\n maxColumns: number;\n maxRows: number;\n widgetPadding: number;\n}\n\nexport const DEFAULT_DASHBOARD_CONFIG: DashboardConfig = {\n columns: 'auto',\n minTileWidth: 200,\n rowHeight: 80,\n gap: 12,\n maxColumns: 4,\n maxRows: 4,\n widgetPadding: 12,\n};","import {\n computed,\n Injectable,\n Signal,\n signal,\n WritableSignal,\n} from '@angular/core';\nimport { Widget } from '../components/widget/widget';\nimport { DashboardConfig, DEFAULT_DASHBOARD_CONFIG } from '../models/dashboard-config';\n\n@Injectable()\nexport class WidgetService {\n public widgets: WritableSignal<Widget[]> = signal<Widget[]>([]);\n addedWidgets: WritableSignal<Widget[]> = signal<Widget[]>([]);\n config: WritableSignal<DashboardConfig> = signal<DashboardConfig>(DEFAULT_DASHBOARD_CONFIG);\n editMode: WritableSignal<boolean> = signal<boolean>(true);\n\n widgetsToAdd: Signal<Widget[]> = computed((): Widget[] => {\n const addedIds: number[] = this.addedWidgets().map((widget: Widget): number => widget.id);\n return this.widgets().filter((w): boolean => !addedIds.includes(w.id));\n });\n\n setAvailableWidgets(widgets: Widget[]): void {\n this.widgets.set(widgets);\n }\n\n setConfig(config: Partial<DashboardConfig>): void {\n this.config.set({ ...DEFAULT_DASHBOARD_CONFIG, ...config });\n }\n\n addWidget(widget: Widget): void {\n this.addedWidgets.set([\n ...this.addedWidgets(),\n {\n ...widget,\n rows: widget.defaultRows ?? widget.rows ?? 1,\n columns: widget.defaultColumns ?? widget.columns ?? 1,\n },\n ]);\n }\n\n updateWidget(id: number, widget: Partial<Widget>): void {\n const index = this.addedWidgets().findIndex((w) => w.id === id);\n if (index !== -1) {\n const newWidgets = [...this.addedWidgets()];\n newWidgets[index] = { ...newWidgets[index], ...widget };\n this.addedWidgets.set(newWidgets);\n }\n }\n\n togglePin(id: number): void {\n const widget = this.addedWidgets().find((w) => w.id === id);\n if (widget) this.updateWidget(id, { pinned: !widget.pinned });\n }\n\n toggleCollapse(id: number): void {\n const widget = this.addedWidgets().find((w) => w.id === id);\n if (widget) this.updateWidget(id, { collapsed: !widget.collapsed });\n }\n\n renameWidget(id: number, customLabel: string): void {\n this.updateWidget(id, { customLabel: customLabel.trim() || undefined });\n }\n\n setWidgetColor(id: number, color: string | undefined): void {\n this.updateWidget(id, { color });\n }\n\n toggleEditMode(): void {\n this.editMode.set(!this.editMode());\n }\n\n moveWidgetToLeft(id: number): void {\n const index = this.addedWidgets().findIndex((w) => w.id === id);\n if (index === 0) return;\n const newWidgets = [...this.addedWidgets()];\n [newWidgets[index], newWidgets[index - 1]] = [{ ...newWidgets[index - 1] }, { ...newWidgets[index] }];\n this.addedWidgets.set(newWidgets);\n }\n\n moveWidgetToRight(id: number): void {\n const index = this.addedWidgets().findIndex((w) => w.id === id);\n if (index === this.addedWidgets().length - 1) return;\n const newWidgets = [...this.addedWidgets()];\n [newWidgets[index], newWidgets[index + 1]] = [{ ...newWidgets[index + 1] }, { ...newWidgets[index] }];\n this.addedWidgets.set(newWidgets);\n }\n\n deleteWidget(id: number): void {\n this.addedWidgets.set(this.addedWidgets().filter((w) => w.id !== id));\n }\n}","import {\n Component,\n computed,\n inject,\n input,\n InputSignal,\n model,\n ModelSignal,\n Signal,\n} from '@angular/core';\nimport { Widget } from '../widget/widget';\nimport { WidgetService } from '../../services/widget.service';\n\n@Component({\n selector: 'app-widget-options',\n standalone: false,\n templateUrl: './widget-options.component.html',\n styleUrl: './widget-options.component.scss',\n})\nexport class WidgetOptionsComponent {\n widget: InputSignal<Widget> = input.required<Widget>();\n showOptions: ModelSignal<boolean> = model<boolean>(false);\n\n store = inject(WidgetService);\n\n readonly colorPalette: (string | undefined)[] = [\n undefined,\n '#ef4444',\n '#f97316',\n '#eab308',\n '#22c55e',\n '#3b82f6',\n '#8b5cf6',\n '#ec4899',\n ];\n\n colOptions: Signal<number[]> = computed(() =>\n Array.from({ length: this.store.config().maxColumns }, (_, i) => i + 1),\n );\n\n rowOptions: Signal<number[]> = computed(() =>\n Array.from({ length: this.store.config().maxRows }, (_, i) => i + 1),\n );\n\n onRenameBlur(event: Event): void {\n const input = event.target as HTMLInputElement;\n this.store.renameWidget(this.widget().id, input.value);\n }\n}","<div class=\"options-top-bar\">\n @if (!widget().pinned) {\n <button\n mat-icon-button\n class=\"delete-btn\"\n (click)=\"store.deleteWidget(widget().id)\"\n [matTooltip]=\"'WIDGET.DELETE' | translate\">\n <mat-icon>delete</mat-icon>\n </button>\n }\n <button\n mat-icon-button\n (click)=\"store.togglePin(widget().id)\"\n [matTooltip]=\"(widget().pinned ? 'WIDGET.UNPIN' : 'WIDGET.PIN') | translate\">\n <mat-icon>{{ widget().pinned ? 'push_pin' : 'keep_outline' }}</mat-icon>\n </button>\n <span class=\"spacer\"></span>\n <button\n mat-icon-button\n (click)=\"showOptions.set(false)\"\n [matTooltip]=\"'WIDGET.CLOSE_OPTIONS' | translate\">\n <mat-icon>close</mat-icon>\n </button>\n</div>\n\n<div class=\"options-body\">\n <div class=\"option-group\">\n <span class=\"option-label\">{{ 'WIDGET.RENAME' | translate }}</span>\n <input\n class=\"rename-input\"\n [value]=\"widget().customLabel || ''\"\n (blur)=\"onRenameBlur($event)\"\n (keydown.enter)=\"$any($event.target).blur()\"\n [placeholder]=\"widget().label | translate\"\n />\n </div>\n\n <mat-divider/>\n\n <div class=\"option-group\">\n <div class=\"size-row\">\n <span class=\"option-label size-label\">{{ 'WIDGET.WIDTH' | translate }}</span>\n <mat-button-toggle-group\n (change)=\"store.updateWidget(widget().id, { columns: +$event.value })\"\n [hideSingleSelectionIndicator]=\"true\"\n [value]=\"widget().columns ?? 1\">\n @for (n of colOptions(); track n) {\n <mat-button-toggle [value]=\"n\">{{ n }}</mat-button-toggle>\n }\n </mat-button-toggle-group>\n </div>\n <div class=\"size-row\">\n <span class=\"option-label size-label\">{{ 'WIDGET.HEIGHT' | translate }}</span>\n <mat-button-toggle-group\n (change)=\"store.updateWidget(widget().id, { rows: +$event.value })\"\n [hideSingleSelectionIndicator]=\"true\"\n [value]=\"widget().rows ?? 1\">\n @for (n of rowOptions(); track n) {\n <mat-button-toggle [value]=\"n\">{{ n }}</mat-button-toggle>\n }\n </mat-button-toggle-group>\n </div>\n </div>\n\n <mat-divider/>\n\n <div class=\"option-group\">\n <span class=\"option-label\">{{ 'WIDGET.COLOR' | translate }}</span>\n <div class=\"color-palette\">\n <!-- @TODO pozniej dodac wybor koloru z palety -->\n @for (color of colorPalette; track $index) {\n <button\n class=\"color-dot\"\n [class.selected]=\"widget().color === color\"\n [class.default-color]=\"!color\"\n [style.background-color]=\"'var(--mat-sys-surface)'\"\n (click)=\"store.setWidgetColor(widget().id, color)\"\n [matTooltip]=\"!color ? ('WIDGET.COLOR_DEFAULT' | translate) : ''\">\n </button>\n }\n </div>\n </div>\n</div>\n\n@if (!widget().pinned) {\n <button\n class=\"move-left-btn\"\n mat-icon-button\n (click)=\"store.moveWidgetToLeft(widget().id)\"\n [matTooltip]=\"'WIDGET.MOVE_LEFT' | translate\">\n <mat-icon>chevron_left</mat-icon>\n </button>\n <button\n class=\"move-right-btn\"\n mat-icon-button\n (click)=\"store.moveWidgetToRight(widget().id)\"\n [matTooltip]=\"'WIDGET.MOVE_RIGHT' | translate\">\n <mat-icon>chevron_right</mat-icon>\n </button>\n}\n","import {\n Component,\n computed,\n HostListener,\n inject,\n input,\n InputSignal,\n Signal,\n signal,\n WritableSignal,\n} from '@angular/core';\nimport { Widget } from './widget';\nimport { WidgetService } from '../../services/widget.service';\n\n@Component({\n selector: 'app-widget',\n standalone: false,\n templateUrl: './widget.component.html',\n styleUrl: './widget.component.scss',\n host: {\n '[style.grid-area]': 'gridArea()',\n '[style.--widget-padding]': 'widgetPadding()',\n '[class.fullscreen]': 'fullscreen()',\n '[class.collapsed]': 'data().collapsed',\n },\n})\nexport class WidgetComponent {\n data: InputSignal<Widget> = input.required<Widget>();\n\n store = inject(WidgetService);\n\n showWidgetOptions: WritableSignal<boolean> = signal<boolean>(false);\n fullscreen: WritableSignal<boolean> = signal<boolean>(false);\n isRenaming: WritableSignal<boolean> = signal<boolean>(false);\n\n gridArea: Signal<string> = computed(() => {\n const widget = this.data();\n const rows = widget.collapsed ? 1 : (widget.rows ?? 1);\n return `span ${rows} / span ${widget.columns ?? 1}`;\n });\n\n widgetPadding: Signal<string> = computed(() => `${this.store.config().widgetPadding}px`);\n\n @HostListener('document:keydown.escape')\n onEscapeKey(): void {\n if (this.fullscreen()) this.fullscreen.set(false);\n if (this.isRenaming()) this.isRenaming.set(false);\n }\n\n toggleFullscreen(): void {\n this.fullscreen.set(!this.fullscreen());\n if (this.fullscreen()) this.showWidgetOptions.set(false);\n }\n\n startRename(): void {\n if (!this.store.editMode()) return;\n this.isRenaming.set(true);\n }\n\n finishRename(event: Event): void {\n const input = event.target as HTMLInputElement;\n this.store.renameWidget(this.data().id, input.value);\n this.isRenaming.set(false);\n }\n}","<div class=\"widget-container mat-elevation-z3\" [style.--widget-color]=\"data().color\">\n <div class=\"widget-header\">\n @if (isRenaming()) {\n <input\n class=\"rename-input\"\n [value]=\"data().customLabel || ''\"\n (blur)=\"finishRename($event)\"\n (keydown.enter)=\"finishRename($event)\"\n (keydown.escape)=\"isRenaming.set(false)\"\n [placeholder]=\"data().label | translate\"\n autofocus\n />\n } @else {\n <h3 class=\"widget-title\" (dblclick)=\"startRename()\">\n @if (data().customLabel) {\n {{ data().customLabel }}\n } @else {\n {{ data().label | translate }}\n }\n @if (data().pinned) {\n <mat-icon class=\"pin-icon\" inline>push_pin</mat-icon>\n }\n </h3>\n }\n <div class=\"widget-actions\">\n <button\n mat-icon-button\n (click)=\"store.toggleCollapse(data().id)\"\n [matTooltip]=\"(data().collapsed ? 'WIDGET.EXPAND' : 'WIDGET.COLLAPSE') | translate\">\n <mat-icon>{{ data().collapsed ? 'expand_more' : 'expand_less' }}</mat-icon>\n </button>\n <button\n mat-icon-button\n (click)=\"toggleFullscreen()\"\n [matTooltip]=\"(fullscreen() ? 'WIDGET.EXIT_FULLSCREEN' : 'WIDGET.FULLSCREEN') | translate\">\n <mat-icon>{{ fullscreen() ? 'fullscreen_exit' : 'fullscreen' }}</mat-icon>\n </button>\n @if (store.editMode()) {\n <button\n mat-icon-button\n (click)=\"showWidgetOptions.set(true)\"\n [matTooltip]=\"'WIDGET.SETTINGS' | translate\">\n <mat-icon>settings</mat-icon>\n </button>\n }\n </div>\n </div>\n\n @if (!data().collapsed) {\n <div class=\"widget-content\">\n <ng-container [ngComponentOutlet]=\"data().content\"/>\n </div>\n }\n\n @if (showWidgetOptions()) {\n <app-widget-options [(showOptions)]=\"showWidgetOptions\" [widget]=\"data()\"/>\n }\n</div>","import {\n AfterViewInit,\n Component,\n computed,\n effect,\n ElementRef,\n inject,\n input,\n InputSignal,\n OnInit,\n output,\n OutputEmitterRef,\n Signal,\n ViewChild,\n} from '@angular/core';\nimport { WidgetService } from '../../services/widget.service';\nimport { wrapGrid } from 'animate-css-grid';\nimport { Widget } from '../widget/widget';\n\ntype StoredWidgetState = Pick<Widget, 'id' | 'rows' | 'columns' | 'color' | 'customLabel' | 'collapsed' | 'pinned'>;\n\n@Component({\n selector: 'fidurcode-dashboard-widgets',\n standalone: false,\n templateUrl: './dashboard-widgets.component.html',\n styleUrls: ['./dashboard-widgets.component.scss'],\n providers: [WidgetService],\n})\nexport class DashboardWidgetsComponent implements OnInit, AfterViewInit {\n private readonly DEFAULT_STORAGE_KEY = 'dashboard-widgets';\n private readonly ERROR_PARSING_MESSAGE = 'Error parsing widgets from localStorage';\n\n title: InputSignal<string> = input.required<string>();\n widgets: InputSignal<Widget[]> = input.required<Widget[]>();\n storageKey: InputSignal<string> = input<string>(this.DEFAULT_STORAGE_KEY);\n\n columns: InputSignal<number | 'auto'> = input<number | 'auto'>('auto');\n minTileWidth: InputSignal<number> = input<number>(200);\n rowHeight: InputSignal<number> = input<number>(80);\n gap: InputSignal<number> = input<number>(12);\n maxColumns: InputSignal<number> = input<number>(4);\n maxRows: InputSignal<number> = input<number>(4);\n widgetPadding: InputSignal<number> = input<number>(12);\n editMode: InputSignal<boolean> = input<boolean>(true);\n\n widgetChange: OutputEmitterRef<Widget[]> = output<Widget[]>();\n\n public store = inject(WidgetService);\n\n @ViewChild('dashboard', { static: true }) dashboard!: ElementRef;\n\n gridStyles: Signal<Record<string, string>> = computed(() => ({\n gridTemplateColumns:\n this.columns() === 'auto'\n ? `repeat(auto-fit, minmax(${this.minTileWidth()}px, 1fr))`\n : `repeat(${this.columns()}, 1fr)`,\n gridAutoRows: `minmax(${this.rowHeight()}px, auto)`,\n gap: `${this.gap()}px`,\n }));\n\n constructor() {\n effect((): void => {\n const state: StoredWidgetState[] = this.store.addedWidgets().map((w) => ({\n id: w.id,\n rows: w.rows,\n columns: w.columns,\n color: w.color,\n customLabel: w.customLabel,\n collapsed: w.collapsed,\n pinned: w.pinned,\n }));\n localStorage.setItem(this.storageKey(), JSON.stringify(state));\n });\n\n effect((): void => {\n this.store.setConfig({\n columns: this.columns(),\n minTileWidth: this.minTileWidth(),\n rowHeight: this.rowHeight(),\n gap: this.gap(),\n maxColumns: this.maxColumns(),\n maxRows: this.maxRows(),\n widgetPadding: this.widgetPadding(),\n });\n });\n\n effect((): void => {\n this.store.editMode.set(this.editMode());\n });\n\n effect((): void => {\n this.widgetChange.emit(this.store.addedWidgets());\n });\n }\n\n ngOnInit(): void {\n this.setAvailableWidgets();\n this.loadFromStorage();\n }\n\n ngAfterViewInit(): void {\n wrapGrid(this.dashboard.nativeElement, { duration: 300 });\n }\n\n private setAvailableWidgets(): void {\n const widgets = this.widgets();\n if (widgets?.length > 0) {\n this.store.setAvailableWidgets(widgets);\n }\n }\n\n private loadFromStorage(): void {\n const stored = localStorage.getItem(this.storageKey());\n if (!stored) return;\n\n try {\n const parsed: unknown[] = JSON.parse(stored);\n const widgetMap = new Map(this.store.widgets().map((w) => [w.id, w]));\n\n // Handle legacy format (array of numbers)\n if (parsed.length > 0 && typeof parsed[0] === 'number') {\n const restoredWidgets = (parsed as number[])\n .map((id) => widgetMap.get(id))\n .filter((w): w is Widget => w !== undefined);\n this.store.addedWidgets.set(restoredWidgets);\n return;\n }\n\n const states = parsed as StoredWidgetState[];\n const restoredWidgets = states\n .map((state) => {\n const def = widgetMap.get(state.id);\n if (!def) return undefined;\n return { ...def, ...state };\n })\n .filter((w): w is Widget => w !== undefined);\n this.store.addedWidgets.set(restoredWidgets);\n } catch (e) {\n console.error(this.ERROR_PARSING_MESSAGE, e);\n }\n }\n}","<div class=\"dashboard-widgets-header\">\n <h2 class=\"dashboard-title\">{{title()}}</h2>\n <div class=\"dashboard-header-actions\">\n <button\n mat-icon-button\n (click)=\"store.toggleEditMode()\"\n [matTooltip]=\"(store.editMode() ? 'DASHBOARD.LOCK' : 'DASHBOARD.UNLOCK') | translate\">\n <mat-icon>{{ store.editMode() ? 'lock_open' : 'lock' }}</mat-icon>\n </button>\n @if (store.editMode()) {\n <button [matMenuTriggerFor]=\"addMenu\" mat-raised-button>\n <mat-icon>add_circle</mat-icon>\n {{ 'DASHBOARD.ADD_WIDGET' | translate }}\n </button>\n <mat-menu #addMenu=\"matMenu\">\n @for (widget of store.widgetsToAdd(); track widget.id) {\n <button mat-menu-item (click)=\"store.addWidget(widget)\">{{ widget.label | translate }}</button>\n } @empty {\n <button mat-menu-item disabled>{{ 'DASHBOARD.NO_WIDGETS' | translate }}</button>\n }\n </mat-menu>\n }\n </div>\n</div>\n<div #dashboard class=\"dashboard-widgets\" [style]=\"gridStyles()\">\n @for (w of store.addedWidgets(); track w.id) {\n <app-widget [data]=\"w\"/>\n }\n</div>","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { WidgetComponent } from './components/widget/widget.component';\nimport { WidgetOptionsComponent } from './components/widget-options/widget-options.component';\nimport { DashboardWidgetsComponent } from './components/dashboard-widgets/dashboard-widgets.component';\nimport { MatMenuModule } from '@angular/material/menu';\nimport { MatButtonToggleModule } from '@angular/material/button-toggle';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatTooltipModule } from '@angular/material/tooltip';\nimport { MatDividerModule } from '@angular/material/divider';\nimport { TranslateModule } from '@ngx-translate/core';\n\n@NgModule({\n declarations: [\n WidgetComponent,\n WidgetOptionsComponent,\n DashboardWidgetsComponent,\n ],\n imports: [\n CommonModule,\n TranslateModule.forChild(),\n MatMenuModule,\n MatButtonToggleModule,\n MatButtonModule,\n MatIconModule,\n MatTooltipModule,\n MatDividerModule,\n ],\n exports: [\n WidgetComponent,\n WidgetOptionsComponent,\n DashboardWidgetsComponent,\n MatMenuModule,\n MatButtonToggleModule,\n MatButtonModule,\n MatIconModule,\n MatTooltipModule,\n MatDividerModule,\n ],\n})\nexport class DashboardWidgetsSkeletonModule {}","/*\n * Public API Surface of dashboard-widgets-skeleton\n */\n\nexport * from './lib/components/widget/widget';\nexport * from './lib/components/widget/widget.component';\nexport * from './lib/components/widget-options/widget-options.component';\nexport * from './lib/components/dashboard-widgets/dashboard-widgets.component';\nexport * from './lib/models/dashboard-config';\nexport * from './lib/services/widget.service';\nexport * from './lib/dashboard-widgets-skeleton.module';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i1","i5.WidgetOptionsComponent","i5.WidgetComponent"],"mappings":"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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fidurcode/dashboard-widgets-skeleton",
3
- "version": "1.4.5",
3
+ "version": "2.0.1",
4
4
  "license": "MIT",
5
5
  "peerDependencies": {
6
6
  "animate-css-grid": "^1.5.1",
package/types/fidurcode-dashboard-widgets-skeleton.d.ts CHANGED
@@ -1,11 +1,13 @@
1
1
  import * as i0 from '@angular/core';
2
- import { Type, InputSignal, WritableSignal, Signal, ModelSignal, OnInit, AfterViewInit, ElementRef } from '@angular/core';
2
+ import { Type, WritableSignal, Signal, InputSignal, ModelSignal, OnInit, AfterViewInit, OutputEmitterRef, ElementRef } from '@angular/core';
3
3
  import * as i4 from '@angular/common';
4
4
  import * as i5 from '@ngx-translate/core';
5
5
  import * as i6 from '@angular/material/menu';
6
6
  import * as i7 from '@angular/material/button-toggle';
7
7
  import * as i8 from '@angular/material/button';
8
8
  import * as i9 from '@angular/material/icon';
9
+ import * as i10 from '@angular/material/tooltip';
10
+ import * as i11 from '@angular/material/divider';
9
11
 
10
12
  interface Widget {
11
13
  id: number;
@@ -13,14 +15,12 @@ interface Widget {
13
15
  content: Type<unknown>;
14
16
  rows?: number;
15
17
  columns?: number;
16
- }
17
-
18
- declare class WidgetComponent {
19
- data: InputSignal<Widget>;
20
- showWidgetOptions: WritableSignal<boolean>;
21
- gridArea: Signal<string>;
22
- static ɵfac: i0.ɵɵFactoryDeclaration<WidgetComponent, never>;
23
- static ɵcmp: i0.ɵɵComponentDeclaration<WidgetComponent, "app-widget", never, { "data": { "alias": "data"; "required": true; "isSignal": true; }; }, {}, never, never, false, never>;
18
+ defaultRows?: number;
19
+ defaultColumns?: number;
20
+ color?: string;
21
+ pinned?: boolean;
22
+ collapsed?: boolean;
23
+ customLabel?: string;
24
24
  }
25
25
 
26
26
  interface DashboardConfig {
@@ -30,6 +30,7 @@ interface DashboardConfig {
30
30
  gap: number;
31
31
  maxColumns: number;
32
32
  maxRows: number;
33
+ widgetPadding: number;
33
34
  }
34
35
  declare const DEFAULT_DASHBOARD_CONFIG: DashboardConfig;
35
36
 
@@ -37,11 +38,17 @@ declare class WidgetService {
37
38
  widgets: WritableSignal<Widget[]>;
38
39
  addedWidgets: WritableSignal<Widget[]>;
39
40
  config: WritableSignal<DashboardConfig>;
41
+ editMode: WritableSignal<boolean>;
40
42
  widgetsToAdd: Signal<Widget[]>;
41
43
  setAvailableWidgets(widgets: Widget[]): void;
42
44
  setConfig(config: Partial<DashboardConfig>): void;
43
45
  addWidget(widget: Widget): void;
44
46
  updateWidget(id: number, widget: Partial<Widget>): void;
47
+ togglePin(id: number): void;
48
+ toggleCollapse(id: number): void;
49
+ renameWidget(id: number, customLabel: string): void;
50
+ setWidgetColor(id: number, color: string | undefined): void;
51
+ toggleEditMode(): void;
45
52
  moveWidgetToLeft(id: number): void;
46
53
  moveWidgetToRight(id: number): void;
47
54
  deleteWidget(id: number): void;
@@ -49,12 +56,30 @@ declare class WidgetService {
49
56
  static ɵprov: i0.ɵɵInjectableDeclaration<WidgetService>;
50
57
  }
51
58
 
59
+ declare class WidgetComponent {
60
+ data: InputSignal<Widget>;
61
+ store: WidgetService;
62
+ showWidgetOptions: WritableSignal<boolean>;
63
+ fullscreen: WritableSignal<boolean>;
64
+ isRenaming: WritableSignal<boolean>;
65
+ gridArea: Signal<string>;
66
+ widgetPadding: Signal<string>;
67
+ onEscapeKey(): void;
68
+ toggleFullscreen(): void;
69
+ startRename(): void;
70
+ finishRename(event: Event): void;
71
+ static ɵfac: i0.ɵɵFactoryDeclaration<WidgetComponent, never>;
72
+ static ɵcmp: i0.ɵɵComponentDeclaration<WidgetComponent, "app-widget", never, { "data": { "alias": "data"; "required": true; "isSignal": true; }; }, {}, never, never, false, never>;
73
+ }
74
+
52
75
  declare class WidgetOptionsComponent {
53
76
  widget: InputSignal<Widget>;
54
77
  showOptions: ModelSignal<boolean>;
55
78
  store: WidgetService;
79
+ readonly colorPalette: (string | undefined)[];
56
80
  colOptions: Signal<number[]>;
57
81
  rowOptions: Signal<number[]>;
82
+ onRenameBlur(event: Event): void;
58
83
  static ɵfac: i0.ɵɵFactoryDeclaration<WidgetOptionsComponent, never>;
59
84
  static ɵcmp: i0.ɵɵComponentDeclaration<WidgetOptionsComponent, "app-widget-options", never, { "widget": { "alias": "widget"; "required": true; "isSignal": true; }; "showOptions": { "alias": "showOptions"; "required": false; "isSignal": true; }; }, { "showOptions": "showOptionsChange"; }, never, never, false, never>;
60
85
  }
@@ -71,6 +96,9 @@ declare class DashboardWidgetsComponent implements OnInit, AfterViewInit {
71
96
  gap: InputSignal<number>;
72
97
  maxColumns: InputSignal<number>;
73
98
  maxRows: InputSignal<number>;
99
+ widgetPadding: InputSignal<number>;
100
+ editMode: InputSignal<boolean>;
101
+ widgetChange: OutputEmitterRef<Widget[]>;
74
102
  store: WidgetService;
75
103
  dashboard: ElementRef;
76
104
  gridStyles: Signal<Record<string, string>>;
@@ -80,12 +108,12 @@ declare class DashboardWidgetsComponent implements OnInit, AfterViewInit {
80
108
  private setAvailableWidgets;
81
109
  private loadFromStorage;
82
110
  static ɵfac: i0.ɵɵFactoryDeclaration<DashboardWidgetsComponent, never>;
83
- static ɵcmp: i0.ɵɵComponentDeclaration<DashboardWidgetsComponent, "fidurcode-dashboard-widgets", never, { "title": { "alias": "title"; "required": true; "isSignal": true; }; "widgets": { "alias": "widgets"; "required": true; "isSignal": true; }; "storageKey": { "alias": "storageKey"; "required": false; "isSignal": true; }; "columns": { "alias": "columns"; "required": false; "isSignal": true; }; "minTileWidth": { "alias": "minTileWidth"; "required": false; "isSignal": true; }; "rowHeight": { "alias": "rowHeight"; "required": false; "isSignal": true; }; "gap": { "alias": "gap"; "required": false; "isSignal": true; }; "maxColumns": { "alias": "maxColumns"; "required": false; "isSignal": true; }; "maxRows": { "alias": "maxRows"; "required": false; "isSignal": true; }; }, {}, never, never, false, never>;
111
+ static ɵcmp: i0.ɵɵComponentDeclaration<DashboardWidgetsComponent, "fidurcode-dashboard-widgets", never, { "title": { "alias": "title"; "required": true; "isSignal": true; }; "widgets": { "alias": "widgets"; "required": true; "isSignal": true; }; "storageKey": { "alias": "storageKey"; "required": false; "isSignal": true; }; "columns": { "alias": "columns"; "required": false; "isSignal": true; }; "minTileWidth": { "alias": "minTileWidth"; "required": false; "isSignal": true; }; "rowHeight": { "alias": "rowHeight"; "required": false; "isSignal": true; }; "gap": { "alias": "gap"; "required": false; "isSignal": true; }; "maxColumns": { "alias": "maxColumns"; "required": false; "isSignal": true; }; "maxRows": { "alias": "maxRows"; "required": false; "isSignal": true; }; "widgetPadding": { "alias": "widgetPadding"; "required": false; "isSignal": true; }; "editMode": { "alias": "editMode"; "required": false; "isSignal": true; }; }, { "widgetChange": "widgetChange"; }, never, never, false, never>;
84
112
  }
85
113
 
86
114
  declare class DashboardWidgetsSkeletonModule {
87
115
  static ɵfac: i0.ɵɵFactoryDeclaration<DashboardWidgetsSkeletonModule, never>;
88
- static ɵmod: i0.ɵɵNgModuleDeclaration<DashboardWidgetsSkeletonModule, [typeof WidgetComponent, typeof WidgetOptionsComponent, typeof DashboardWidgetsComponent], [typeof i4.CommonModule, typeof i5.TranslateModule, typeof i6.MatMenuModule, typeof i7.MatButtonToggleModule, typeof i8.MatButtonModule, typeof i9.MatIconModule], [typeof WidgetComponent, typeof WidgetOptionsComponent, typeof DashboardWidgetsComponent, typeof i6.MatMenuModule, typeof i7.MatButtonToggleModule, typeof i8.MatButtonModule, typeof i9.MatIconModule]>;
116
+ static ɵmod: i0.ɵɵNgModuleDeclaration<DashboardWidgetsSkeletonModule, [typeof WidgetComponent, typeof WidgetOptionsComponent, typeof DashboardWidgetsComponent], [typeof i4.CommonModule, typeof i5.TranslateModule, typeof i6.MatMenuModule, typeof i7.MatButtonToggleModule, typeof i8.MatButtonModule, typeof i9.MatIconModule, typeof i10.MatTooltipModule, typeof i11.MatDividerModule], [typeof WidgetComponent, typeof WidgetOptionsComponent, typeof DashboardWidgetsComponent, typeof i6.MatMenuModule, typeof i7.MatButtonToggleModule, typeof i8.MatButtonModule, typeof i9.MatIconModule, typeof i10.MatTooltipModule, typeof i11.MatDividerModule]>;
89
117
  static ɵinj: i0.ɵɵInjectorDeclaration<DashboardWidgetsSkeletonModule>;
90
118
  }
91
119
 
package/types/fidurcode-dashboard-widgets-skeleton.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"fidurcode-dashboard-widgets-skeleton.d.ts","sources":["../../../projects/dashboard-widgets-skeleton/src/lib/components/widget/widget.ts","../../../projects/dashboard-widgets-skeleton/src/lib/components/widget/widget.component.ts","../../../projects/dashboard-widgets-skeleton/src/lib/models/dashboard-config.ts","../../../projects/dashboard-widgets-skeleton/src/lib/services/widget.service.ts","../../../projects/dashboard-widgets-skeleton/src/lib/components/widget-options/widget-options.component.ts","../../../projects/dashboard-widgets-skeleton/src/lib/components/dashboard-widgets/dashboard-widgets.component.ts","../../../projects/dashboard-widgets-skeleton/src/lib/dashboard-widgets-skeleton.module.ts"],"sourcesContent":[null,null,null,null,null,null,null],"names":[],"mappings":";;;;;;;;;;;;AAKE,aAAA,IAAA;;;AAGD;;ACGD,cAAA,eAAA;AAUE,UAAA,WAAA,CAAA,MAAA;AAEA,uBAAA,cAAA;AAEA,cAAA,MAAA;;;AAID;;;AC5BC;;;;;;AAMD;AAED,cAAA,wBAAA,EAAA,eAAA;;ACCA,cAAA,aAAA;AAES,aAAA,cAAA,CAAA,MAAA;AAEP,kBAAA,cAAA,CAAA,MAAA;AAEA,YAAA,cAAA,CAAA,eAAA;AAEA,kBAAA,MAAA,CAAA,MAAA;AAOA,iCAAA,MAAA;;AAQA,sBAAA,MAAA;AAIA,qCAAA,OAAA,CAAA,MAAA;AASA;AAWA;AAWA;;;AAGD;;AC1DD,cAAA,sBAAA;AAOE,YAAA,WAAA,CAAA,MAAA;AACA,iBAAA,WAAA;AAEA,WAAA,aAAA;AAEA,gBAAA,MAAA;AAIA,gBAAA,MAAA;;;AAGD;;ACfD,cAAA,yBAAA,YAAA,MAAA,EAAA,aAAA;AAQE;AACA;AAEA,WAAA,WAAA;AACA,aAAA,WAAA,CAAA,MAAA;AACA,gBAAA,WAAA;AAEA,aAAA,WAAA;AACA,kBAAA,WAAA;AACA,eAAA,WAAA;AACA,SAAA,WAAA;AACA,gBAAA,WAAA;AACA,aAAA,WAAA;AAEO,WAAA,aAAA;;;;AA+BP;AAKA;AAIA;AAOA;;;AAeD;;AC1FD,cAAA,8BAAA;;;;AAwB8C;;;;"}
1
+ {"version":3,"file":"fidurcode-dashboard-widgets-skeleton.d.ts","sources":["../../../projects/dashboard-widgets-skeleton/src/lib/components/widget/widget.ts","../../../projects/dashboard-widgets-skeleton/src/lib/models/dashboard-config.ts","../../../projects/dashboard-widgets-skeleton/src/lib/services/widget.service.ts","../../../projects/dashboard-widgets-skeleton/src/lib/components/widget/widget.component.ts","../../../projects/dashboard-widgets-skeleton/src/lib/components/widget-options/widget-options.component.ts","../../../projects/dashboard-widgets-skeleton/src/lib/components/dashboard-widgets/dashboard-widgets.component.ts","../../../projects/dashboard-widgets-skeleton/src/lib/dashboard-widgets-skeleton.module.ts"],"sourcesContent":[null,null,null,null,null,null,null],"names":[],"mappings":";;;;;;;;;;;;;;AAKE,aAAA,IAAA;;;;;;;;;AASD;;;ACbC;;;;;;;AAOD;AAED,cAAA,wBAAA,EAAA,eAAA;;ACAA,cAAA,aAAA;AAES,aAAA,cAAA,CAAA,MAAA;AACP,kBAAA,cAAA,CAAA,MAAA;AACA,YAAA,cAAA,CAAA,eAAA;AACA,cAAA,cAAA;AAEA,kBAAA,MAAA,CAAA,MAAA;AAKA,iCAAA,MAAA;;AAQA,sBAAA,MAAA;AAWA,qCAAA,OAAA,CAAA,MAAA;AASA;AAKA;;;AAaA;AAIA;AAQA;AAQA;;;AAGD;;AC7ED,cAAA,eAAA;AAaE,UAAA,WAAA,CAAA,MAAA;AAEA,WAAA,aAAA;AAEA,uBAAA,cAAA;AACA,gBAAA,cAAA;AACA,gBAAA,cAAA;AAEA,cAAA,MAAA;AAMA,mBAAA,MAAA;AAGA;AAKA;AAKA;AAKA,wBAAA,KAAA;;;AAKD;;ACnDD,cAAA,sBAAA;AAOE,YAAA,WAAA,CAAA,MAAA;AACA,iBAAA,WAAA;AAEA,WAAA,aAAA;;AAaA,gBAAA,MAAA;AAIA,gBAAA,MAAA;AAIA,wBAAA,KAAA;;;AAID;;AC3BD,cAAA,yBAAA,YAAA,MAAA,EAAA,aAAA;AAQE;AACA;AAEA,WAAA,WAAA;AACA,aAAA,WAAA,CAAA,MAAA;AACA,gBAAA,WAAA;AAEA,aAAA,WAAA;AACA,kBAAA,WAAA;AACA,eAAA,WAAA;AACA,SAAA,WAAA;AACA,gBAAA,WAAA;AACA,aAAA,WAAA;AACA,mBAAA,WAAA;AACA,cAAA,WAAA;AAEA,kBAAA,gBAAA,CAAA,MAAA;AAEO,WAAA,aAAA;;;;AAgDP;AAKA;AAIA;AAOA;;;AA8BD;;AChID,cAAA,8BAAA;;;;AA4B8C;;;;"}