@fidurcode/dashboard-widgets-skeleton 2.0.5 → 2.0.7

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 +8 -8
  2. package/fesm2022/fidurcode-dashboard-widgets-skeleton.mjs +47 -21
  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 +11 -0
  6. package/types/fidurcode-dashboard-widgets-skeleton.d.ts.map +1 -1
package/README.md CHANGED
@@ -54,12 +54,12 @@ Main container component. Manages layout, persistence (localStorage), and edit m
54
54
  | `title` | `string` | _(required)_ | Dashboard header title |
55
55
  | `widgets` | `Widget[]` | _(required)_ | Available widget definitions |
56
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) |
57
+ | `columns` | `number or 'auto'` | `'auto'` | Kept for API compatibility; layout uses the 5-column widget scale |
58
+ | `minTileWidth` | `number` | `200` | Kept for API compatibility |
59
59
  | `rowHeight` | `number` | `80` | Row height in px |
60
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 |
61
+ | `maxColumns` | `number` | `5` | Maximum columns available in widget options |
62
+ | `maxRows` | `number` | `5` | Maximum rows available in widget options |
63
63
  | `widgetPadding`| `number` | `12` | Padding inside widget content area in px |
64
64
  | `editMode` | `boolean` | `true` | Shows widget settings and add-widget controls |
65
65
 
@@ -99,7 +99,7 @@ Settings overlay rendered inside the widget. Visible only in edit mode.
99
99
  #### Features
100
100
 
101
101
  - **Rename** — overrides the widget label with a custom name
102
- - **Resize** — toggle group for columns (width) and rows (height)
102
+ - **Resize** — toggle group for columns (width) and rows (height), on a 1-5 scale. Width `5` spans the full row
103
103
  - **Delete** — removes widget from dashboard
104
104
  - **Move left/right** — reorders widget in the grid
105
105
 
@@ -112,11 +112,11 @@ interface Widget {
112
112
  id: number;
113
113
  label: string; // translation key
114
114
  content: Type<unknown>; // Angular component to render as content
115
- rows?: number;
116
- columns?: number;
115
+ rows?: number; // 1-5; defaults to 3
116
+ columns?: number; // 1-5; defaults to 3, 5 spans the full row
117
117
  defaultRows?: number; // initial rows when widget is first added
118
118
  defaultColumns?: number; // initial columns when widget is first added
119
- color?: string; // CSS color string (e.g. '#3b82f6')
119
+ color?: string; // optional explicit widget background override
120
120
  customLabel?: string; // user-defined label override (not a translation key)
121
121
  }
122
122
  ```
package/fesm2022/fidurcode-dashboard-widgets-skeleton.mjs CHANGED
@@ -23,12 +23,13 @@ const DEFAULT_DASHBOARD_CONFIG = {
23
23
  minTileWidth: 200,
24
24
  rowHeight: 80,
25
25
  gap: 12,
26
- maxColumns: 4,
27
- maxRows: 4,
26
+ maxColumns: 5,
27
+ maxRows: 5,
28
28
  widgetPadding: 12,
29
29
  };
30
30
 
31
31
  class WidgetService {
32
+ DEFAULT_WIDGET_SIZE = 3;
32
33
  widgets = signal([], ...(ngDevMode ? [{ debugName: "widgets" }] : /* istanbul ignore next */ []));
33
34
  addedWidgets = signal([], ...(ngDevMode ? [{ debugName: "addedWidgets" }] : /* istanbul ignore next */ []));
34
35
  config = signal(DEFAULT_DASHBOARD_CONFIG, ...(ngDevMode ? [{ debugName: "config" }] : /* istanbul ignore next */ []));
@@ -48,8 +49,8 @@ class WidgetService {
48
49
  ...this.addedWidgets(),
49
50
  {
50
51
  ...widget,
51
- rows: widget.defaultRows ?? widget.rows ?? 1,
52
- columns: widget.defaultColumns ?? widget.columns ?? 1,
52
+ rows: this.clampScale(widget.defaultRows ?? widget.rows ?? this.DEFAULT_WIDGET_SIZE, this.config().maxRows),
53
+ columns: this.clampScale(widget.defaultColumns ?? widget.columns ?? this.DEFAULT_WIDGET_SIZE, this.config().maxColumns),
53
54
  },
54
55
  ]);
55
56
  }
@@ -57,7 +58,14 @@ class WidgetService {
57
58
  const index = this.addedWidgets().findIndex((w) => w.id === id);
58
59
  if (index !== -1) {
59
60
  const newWidgets = [...this.addedWidgets()];
60
- newWidgets[index] = { ...newWidgets[index], ...widget };
61
+ newWidgets[index] = {
62
+ ...newWidgets[index],
63
+ ...widget,
64
+ rows: widget.rows === undefined ? newWidgets[index].rows : this.clampScale(widget.rows, this.config().maxRows),
65
+ columns: widget.columns === undefined
66
+ ? newWidgets[index].columns
67
+ : this.clampScale(widget.columns, this.config().maxColumns),
68
+ };
61
69
  this.addedWidgets.set(newWidgets);
62
70
  }
63
71
  }
@@ -89,6 +97,9 @@ class WidgetService {
89
97
  deleteWidget(id) {
90
98
  this.addedWidgets.set(this.addedWidgets().filter((w) => w.id !== id));
91
99
  }
100
+ clampScale(value, max) {
101
+ return Math.max(1, Math.min(max, Math.trunc(value)));
102
+ }
92
103
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: WidgetService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
93
104
  static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: WidgetService });
94
105
  }
@@ -97,31 +108,41 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImpo
97
108
  }] });
98
109
 
99
110
  class WidgetOptionsComponent {
111
+ DEFAULT_WIDGET_SIZE = 3;
112
+ MAX_WIDGET_SCALE = 5;
100
113
  widget = input.required(...(ngDevMode ? [{ debugName: "widget" }] : /* istanbul ignore next */ []));
101
114
  showOptions = model(false, ...(ngDevMode ? [{ debugName: "showOptions" }] : /* istanbul ignore next */ []));
102
115
  store = inject(WidgetService);
103
- colOptions = computed(() => Array.from({ length: this.store.config().maxColumns }, (_, i) => i + 1), ...(ngDevMode ? [{ debugName: "colOptions" }] : /* istanbul ignore next */ []));
104
- rowOptions = computed(() => Array.from({ length: this.store.config().maxRows }, (_, i) => i + 1), ...(ngDevMode ? [{ debugName: "rowOptions" }] : /* istanbul ignore next */ []));
116
+ colOptions = computed(() => Array.from({ length: this.clampOptionCount(this.store.config().maxColumns) }, (_, i) => i + 1), ...(ngDevMode ? [{ debugName: "colOptions" }] : /* istanbul ignore next */ []));
117
+ rowOptions = computed(() => Array.from({ length: this.clampOptionCount(this.store.config().maxRows) }, (_, i) => i + 1), ...(ngDevMode ? [{ debugName: "rowOptions" }] : /* istanbul ignore next */ []));
118
+ selectedColumns = computed(() => this.clampOptionCount(this.widget().columns ?? this.DEFAULT_WIDGET_SIZE), ...(ngDevMode ? [{ debugName: "selectedColumns" }] : /* istanbul ignore next */ []));
119
+ selectedRows = computed(() => this.clampOptionCount(this.widget().rows ?? this.DEFAULT_WIDGET_SIZE), ...(ngDevMode ? [{ debugName: "selectedRows" }] : /* istanbul ignore next */ []));
105
120
  onRenameBlur(event) {
106
121
  const input = event.target;
107
122
  this.store.renameWidget(this.widget().id, input.value);
108
123
  }
124
+ clampOptionCount(value) {
125
+ return Math.max(1, Math.min(this.MAX_WIDGET_SCALE, Math.trunc(value)));
126
+ }
109
127
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: WidgetOptionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
110
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.10", 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 <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 <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 class=\"size-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 class=\"size-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 class=\"size-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 class=\"size-toggle\" [value]=\"n\">{{ n }}</mat-button-toggle>\n }\n </mat-button-toggle-group>\n </div>\n </div>\n\n</div>\n\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", 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:16px;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:flex-start;gap:10px;min-width:0}.size-row .size-label{min-width:52px;padding-top:8px}.size-row .size-toggle-group{display:grid;grid-template-columns:repeat(auto-fit,minmax(34px,1fr));flex:1;min-width:0;border-radius:6px;overflow:hidden}.size-row .size-toggle-group .size-toggle{min-width:0}.size-row .size-toggle-group ::ng-deep .mat-button-toggle{min-width:0}.size-row .size-toggle-group ::ng-deep .mat-button-toggle-button{width:100%;height:32px;line-height:32px;padding:0;font-size:.8125rem}.move-left-btn{position:absolute;top:50%;transform:translateY(-50%);left:-16px}.move-right-btn{position:absolute;top:50%;transform:translateY(-50%);right:-16px}@media(max-width:599px){:host{position:fixed;inset:auto 8px 8px;width:auto;max-height:min(80vh,420px);border-radius:8px;box-shadow:0 12px 34px color-mix(in srgb,currentColor 18%,transparent)}.size-row{flex-direction:column;gap:6px}.size-row .size-label{min-width:0;padding-top:0}.move-left-btn,.move-right-btn{display:none}}\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" }] });
128
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.10", 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 <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 <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 class=\"size-toggle-group\"\n (change)=\"store.updateWidget(widget().id, { columns: +$event.value })\"\n [hideSingleSelectionIndicator]=\"true\"\n [value]=\"selectedColumns()\">\n @for (n of colOptions(); track n) {\n <mat-button-toggle class=\"size-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 class=\"size-toggle-group\"\n (change)=\"store.updateWidget(widget().id, { rows: +$event.value })\"\n [hideSingleSelectionIndicator]=\"true\"\n [value]=\"selectedRows()\">\n @for (n of rowOptions(); track n) {\n <mat-button-toggle class=\"size-toggle\" [value]=\"n\">{{ n }}</mat-button-toggle>\n }\n </mat-button-toggle-group>\n </div>\n </div>\n\n</div>\n\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", 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;color:inherit;background-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 button{color:inherit;--mdc-icon-button-icon-color: currentColor;--mat-icon-button-state-layer-color: currentColor}.options-top-bar .spacer{flex:1}.options-top-bar .delete-btn{color:inherit;opacity:.85}.options-body{flex:1;overflow:auto;display:flex;flex-direction:column;gap:16px;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:currentColor}.size-row{display:flex;align-items:flex-start;gap:10px;min-width:0}.size-row .size-label{min-width:52px;padding-top:8px}.size-row .size-toggle-group{display:grid;grid-template-columns:repeat(auto-fit,minmax(34px,1fr));flex:1;min-width:0;border-radius:6px;overflow:hidden}.size-row .size-toggle-group .size-toggle{min-width:0}.size-row .size-toggle-group ::ng-deep .mat-button-toggle{min-width:0;color:inherit;background-color:inherit;--mat-standard-button-toggle-text-color: currentColor;--mat-standard-button-toggle-selected-state-text-color: currentColor;--mat-standard-button-toggle-selected-state-background-color: color-mix(in srgb, currentColor 12%, transparent)}.size-row .size-toggle-group ::ng-deep .mat-button-toggle-button{width:100%;height:32px;line-height:32px;padding:0;font-size:.8125rem}.move-left-btn,.move-right-btn{color:inherit;background-color:inherit;--mdc-icon-button-icon-color: currentColor;--mat-icon-button-state-layer-color: currentColor}.move-left-btn{position:absolute;top:50%;transform:translateY(-50%);left:-16px}.move-right-btn{position:absolute;top:50%;transform:translateY(-50%);right:-16px}@media(max-width:599px){:host{position:fixed;inset:auto 8px 8px;width:auto;max-height:min(80vh,420px);border-radius:8px;box-shadow:0 12px 34px color-mix(in srgb,currentColor 18%,transparent)}.size-row{flex-direction:column;gap:6px}.size-row .size-label{min-width:0;padding-top:0}.move-left-btn,.move-right-btn{display:none}}\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" }] });
111
129
  }
112
130
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: WidgetOptionsComponent, decorators: [{
113
131
  type: Component,
114
- args: [{ selector: 'app-widget-options', standalone: false, template: "<div class=\"options-top-bar\">\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 <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 class=\"size-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 class=\"size-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 class=\"size-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 class=\"size-toggle\" [value]=\"n\">{{ n }}</mat-button-toggle>\n }\n </mat-button-toggle-group>\n </div>\n </div>\n\n</div>\n\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", 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:16px;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:flex-start;gap:10px;min-width:0}.size-row .size-label{min-width:52px;padding-top:8px}.size-row .size-toggle-group{display:grid;grid-template-columns:repeat(auto-fit,minmax(34px,1fr));flex:1;min-width:0;border-radius:6px;overflow:hidden}.size-row .size-toggle-group .size-toggle{min-width:0}.size-row .size-toggle-group ::ng-deep .mat-button-toggle{min-width:0}.size-row .size-toggle-group ::ng-deep .mat-button-toggle-button{width:100%;height:32px;line-height:32px;padding:0;font-size:.8125rem}.move-left-btn{position:absolute;top:50%;transform:translateY(-50%);left:-16px}.move-right-btn{position:absolute;top:50%;transform:translateY(-50%);right:-16px}@media(max-width:599px){:host{position:fixed;inset:auto 8px 8px;width:auto;max-height:min(80vh,420px);border-radius:8px;box-shadow:0 12px 34px color-mix(in srgb,currentColor 18%,transparent)}.size-row{flex-direction:column;gap:6px}.size-row .size-label{min-width:0;padding-top:0}.move-left-btn,.move-right-btn{display:none}}\n"] }]
132
+ args: [{ selector: 'app-widget-options', standalone: false, template: "<div class=\"options-top-bar\">\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 <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 class=\"size-toggle-group\"\n (change)=\"store.updateWidget(widget().id, { columns: +$event.value })\"\n [hideSingleSelectionIndicator]=\"true\"\n [value]=\"selectedColumns()\">\n @for (n of colOptions(); track n) {\n <mat-button-toggle class=\"size-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 class=\"size-toggle-group\"\n (change)=\"store.updateWidget(widget().id, { rows: +$event.value })\"\n [hideSingleSelectionIndicator]=\"true\"\n [value]=\"selectedRows()\">\n @for (n of rowOptions(); track n) {\n <mat-button-toggle class=\"size-toggle\" [value]=\"n\">{{ n }}</mat-button-toggle>\n }\n </mat-button-toggle-group>\n </div>\n </div>\n\n</div>\n\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", 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;color:inherit;background-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 button{color:inherit;--mdc-icon-button-icon-color: currentColor;--mat-icon-button-state-layer-color: currentColor}.options-top-bar .spacer{flex:1}.options-top-bar .delete-btn{color:inherit;opacity:.85}.options-body{flex:1;overflow:auto;display:flex;flex-direction:column;gap:16px;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:currentColor}.size-row{display:flex;align-items:flex-start;gap:10px;min-width:0}.size-row .size-label{min-width:52px;padding-top:8px}.size-row .size-toggle-group{display:grid;grid-template-columns:repeat(auto-fit,minmax(34px,1fr));flex:1;min-width:0;border-radius:6px;overflow:hidden}.size-row .size-toggle-group .size-toggle{min-width:0}.size-row .size-toggle-group ::ng-deep .mat-button-toggle{min-width:0;color:inherit;background-color:inherit;--mat-standard-button-toggle-text-color: currentColor;--mat-standard-button-toggle-selected-state-text-color: currentColor;--mat-standard-button-toggle-selected-state-background-color: color-mix(in srgb, currentColor 12%, transparent)}.size-row .size-toggle-group ::ng-deep .mat-button-toggle-button{width:100%;height:32px;line-height:32px;padding:0;font-size:.8125rem}.move-left-btn,.move-right-btn{color:inherit;background-color:inherit;--mdc-icon-button-icon-color: currentColor;--mat-icon-button-state-layer-color: currentColor}.move-left-btn{position:absolute;top:50%;transform:translateY(-50%);left:-16px}.move-right-btn{position:absolute;top:50%;transform:translateY(-50%);right:-16px}@media(max-width:599px){:host{position:fixed;inset:auto 8px 8px;width:auto;max-height:min(80vh,420px);border-radius:8px;box-shadow:0 12px 34px color-mix(in srgb,currentColor 18%,transparent)}.size-row{flex-direction:column;gap:6px}.size-row .size-label{min-width:0;padding-top:0}.move-left-btn,.move-right-btn{display:none}}\n"] }]
115
133
  }], 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"] }] } });
116
134
 
117
135
  class WidgetComponent {
136
+ DEFAULT_WIDGET_SIZE = 3;
118
137
  data = input.required(...(ngDevMode ? [{ debugName: "data" }] : /* istanbul ignore next */ []));
119
138
  store = inject(WidgetService);
120
139
  showWidgetOptions = signal(false, ...(ngDevMode ? [{ debugName: "showWidgetOptions" }] : /* istanbul ignore next */ []));
121
140
  isRenaming = signal(false, ...(ngDevMode ? [{ debugName: "isRenaming" }] : /* istanbul ignore next */ []));
122
141
  gridArea = computed(() => {
123
142
  const widget = this.data();
124
- return `span ${widget.rows ?? 1} / span ${widget.columns ?? 1}`;
143
+ const rows = this.clampScale(widget.rows ?? this.DEFAULT_WIDGET_SIZE, this.store.config().maxRows);
144
+ const columns = this.clampScale(widget.columns ?? this.DEFAULT_WIDGET_SIZE, this.store.config().maxColumns);
145
+ return `span ${rows} / span ${columns}`;
125
146
  }, ...(ngDevMode ? [{ debugName: "gridArea" }] : /* istanbul ignore next */ []));
126
147
  widgetPadding = computed(() => `${this.store.config().widgetPadding}px`, ...(ngDevMode ? [{ debugName: "widgetPadding" }] : /* istanbul ignore next */ []));
127
148
  startRename() {
@@ -134,20 +155,24 @@ class WidgetComponent {
134
155
  this.store.renameWidget(this.data().id, input.value);
135
156
  this.isRenaming.set(false);
136
157
  }
158
+ clampScale(value, max) {
159
+ return Math.max(1, Math.min(max, Math.trunc(value)));
160
+ }
137
161
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: WidgetComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
138
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.10", 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()", "style.--widget-padding": "widgetPadding()" } }, 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 </h3>\n }\n <div class=\"widget-actions\">\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 <div class=\"widget-content\">\n <ng-container [ngComponentOutlet]=\"data().content\"/>\n </div>\n\n @if (showWidgetOptions()) {\n <app-widget-options [(showOptions)]=\"showWidgetOptions\" [widget]=\"data()\"/>\n }\n</div>\n", styles: [":host{display:block;border-radius:12px;font-family:inherit;color:inherit;align-self:stretch;min-width:0;min-height:0}.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;min-width:0;min-height:0}.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:1rem;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}.rename-input{flex:1;min-width:0;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;min-height:0;overflow:auto;padding:var(--widget-padding, 12px)}@media(max-width:599px){:host{grid-column:1/-1!important}.widget-header{padding-left:10px}}\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" }] });
162
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.10", 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()", "style.--widget-padding": "widgetPadding()" } }, 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 </h3>\n }\n <div class=\"widget-actions\">\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 <div class=\"widget-content\">\n <ng-container [ngComponentOutlet]=\"data().content\"/>\n </div>\n\n @if (showWidgetOptions()) {\n <app-widget-options [(showOptions)]=\"showWidgetOptions\" [widget]=\"data()\"/>\n }\n</div>\n", styles: [":host{display:block;border-radius:12px;font-family:inherit;color:inherit;background-color:inherit;align-self:stretch;min-width:0;min-height:0}.widget-container{position:relative;height:100%;width:100%;box-sizing:border-box;border-radius:inherit;overflow:hidden;color:inherit;background-color:var(--widget-color, inherit);display:flex;flex-direction:column;transition:background-color .2s;min-width:0;min-height:0}.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:1rem;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}.rename-input{flex:1;min-width:0;border:none;border-bottom:1px solid 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;color:inherit;--mdc-icon-button-icon-color: currentColor;--mat-icon-button-state-layer-color: currentColor}.widget-actions button mat-icon{font-size:22px;height:22px;width:22px;line-height:22px}.widget-content{flex:1;min-height:0;overflow:auto;padding:var(--widget-padding, 12px)}@media(max-width:599px){:host{grid-column:1/-1!important}.widget-header{padding-left:10px}}\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" }] });
139
163
  }
140
164
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: WidgetComponent, decorators: [{
141
165
  type: Component,
142
166
  args: [{ selector: 'app-widget', standalone: false, host: {
143
167
  '[style.grid-area]': 'gridArea()',
144
168
  '[style.--widget-padding]': 'widgetPadding()',
145
- }, 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 </h3>\n }\n <div class=\"widget-actions\">\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 <div class=\"widget-content\">\n <ng-container [ngComponentOutlet]=\"data().content\"/>\n </div>\n\n @if (showWidgetOptions()) {\n <app-widget-options [(showOptions)]=\"showWidgetOptions\" [widget]=\"data()\"/>\n }\n</div>\n", styles: [":host{display:block;border-radius:12px;font-family:inherit;color:inherit;align-self:stretch;min-width:0;min-height:0}.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;min-width:0;min-height:0}.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:1rem;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}.rename-input{flex:1;min-width:0;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;min-height:0;overflow:auto;padding:var(--widget-padding, 12px)}@media(max-width:599px){:host{grid-column:1/-1!important}.widget-header{padding-left:10px}}\n"] }]
169
+ }, 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 </h3>\n }\n <div class=\"widget-actions\">\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 <div class=\"widget-content\">\n <ng-container [ngComponentOutlet]=\"data().content\"/>\n </div>\n\n @if (showWidgetOptions()) {\n <app-widget-options [(showOptions)]=\"showWidgetOptions\" [widget]=\"data()\"/>\n }\n</div>\n", styles: [":host{display:block;border-radius:12px;font-family:inherit;color:inherit;background-color:inherit;align-self:stretch;min-width:0;min-height:0}.widget-container{position:relative;height:100%;width:100%;box-sizing:border-box;border-radius:inherit;overflow:hidden;color:inherit;background-color:var(--widget-color, inherit);display:flex;flex-direction:column;transition:background-color .2s;min-width:0;min-height:0}.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:1rem;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}.rename-input{flex:1;min-width:0;border:none;border-bottom:1px solid 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;color:inherit;--mdc-icon-button-icon-color: currentColor;--mat-icon-button-state-layer-color: currentColor}.widget-actions button mat-icon{font-size:22px;height:22px;width:22px;line-height:22px}.widget-content{flex:1;min-height:0;overflow:auto;padding:var(--widget-padding, 12px)}@media(max-width:599px){:host{grid-column:1/-1!important}.widget-header{padding-left:10px}}\n"] }]
146
170
  }], propDecorators: { data: [{ type: i0.Input, args: [{ isSignal: true, alias: "data", required: true }] }] } });
147
171
 
148
172
  class DashboardWidgetsComponent {
149
173
  DEFAULT_STORAGE_KEY = 'dashboard-widgets';
150
174
  ERROR_PARSING_MESSAGE = 'Error parsing widgets from localStorage';
175
+ MAX_WIDGET_SCALE = 5;
151
176
  title = input.required(...(ngDevMode ? [{ debugName: "title" }] : /* istanbul ignore next */ []));
152
177
  widgets = input.required(...(ngDevMode ? [{ debugName: "widgets" }] : /* istanbul ignore next */ []));
153
178
  storageKey = input(this.DEFAULT_STORAGE_KEY, ...(ngDevMode ? [{ debugName: "storageKey" }] : /* istanbul ignore next */ []));
@@ -155,17 +180,15 @@ class DashboardWidgetsComponent {
155
180
  minTileWidth = input(200, ...(ngDevMode ? [{ debugName: "minTileWidth" }] : /* istanbul ignore next */ []));
156
181
  rowHeight = input(80, ...(ngDevMode ? [{ debugName: "rowHeight" }] : /* istanbul ignore next */ []));
157
182
  gap = input(12, ...(ngDevMode ? [{ debugName: "gap" }] : /* istanbul ignore next */ []));
158
- maxColumns = input(4, ...(ngDevMode ? [{ debugName: "maxColumns" }] : /* istanbul ignore next */ []));
159
- maxRows = input(4, ...(ngDevMode ? [{ debugName: "maxRows" }] : /* istanbul ignore next */ []));
183
+ maxColumns = input(this.MAX_WIDGET_SCALE, ...(ngDevMode ? [{ debugName: "maxColumns" }] : /* istanbul ignore next */ []));
184
+ maxRows = input(this.MAX_WIDGET_SCALE, ...(ngDevMode ? [{ debugName: "maxRows" }] : /* istanbul ignore next */ []));
160
185
  widgetPadding = input(12, ...(ngDevMode ? [{ debugName: "widgetPadding" }] : /* istanbul ignore next */ []));
161
186
  editMode = input(true, ...(ngDevMode ? [{ debugName: "editMode" }] : /* istanbul ignore next */ []));
162
187
  widgetChange = output();
163
188
  store = inject(WidgetService);
164
189
  dashboard;
165
190
  gridStyles = computed(() => ({
166
- gridTemplateColumns: this.columns() === 'auto'
167
- ? `repeat(auto-fit, minmax(min(100%, ${this.minTileWidth()}px), 1fr))`
168
- : `repeat(${this.columns()}, 1fr)`,
191
+ gridTemplateColumns: `repeat(${this.MAX_WIDGET_SCALE}, minmax(0, 1fr))`,
169
192
  gridAutoRows: `${this.rowHeight()}px`,
170
193
  gap: `${this.gap()}px`,
171
194
  }), ...(ngDevMode ? [{ debugName: "gridStyles" }] : /* istanbul ignore next */ []));
@@ -186,8 +209,8 @@ class DashboardWidgetsComponent {
186
209
  minTileWidth: this.minTileWidth(),
187
210
  rowHeight: this.rowHeight(),
188
211
  gap: this.gap(),
189
- maxColumns: this.maxColumns(),
190
- maxRows: this.maxRows(),
212
+ maxColumns: this.clampScale(this.maxColumns()),
213
+ maxRows: this.clampScale(this.maxRows()),
191
214
  widgetPadding: this.widgetPadding(),
192
215
  });
193
216
  });
@@ -211,6 +234,9 @@ class DashboardWidgetsComponent {
211
234
  this.store.setAvailableWidgets(widgets);
212
235
  }
213
236
  }
237
+ clampScale(value) {
238
+ return Math.max(1, Math.min(this.MAX_WIDGET_SCALE, Math.trunc(value)));
239
+ }
214
240
  loadFromStorage() {
215
241
  const stored = localStorage.getItem(this.storageKey());
216
242
  if (!stored)
@@ -241,11 +267,11 @@ class DashboardWidgetsComponent {
241
267
  }
242
268
  }
243
269
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DashboardWidgetsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
244
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.10", 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 @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>\n", styles: [".dashboard-widgets-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;flex-wrap:wrap}.dashboard-title{margin:0;min-width:0}.dashboard-header-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.dashboard-widgets{display:grid;grid-auto-flow:dense;align-items:stretch;width:100%}@media(max-width:599px){.dashboard-widgets-header{align-items:stretch;flex-direction:column}.dashboard-header-actions,.dashboard-header-actions button{width:100%}}\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: i6.TranslatePipe, name: "translate" }] });
270
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.10", 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 @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>\n", styles: [":host{display:block;color:inherit;background-color:inherit}.dashboard-widgets-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;flex-wrap:wrap}.dashboard-title{margin:0;min-width:0}.dashboard-header-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.dashboard-header-actions button{color:inherit;background-color:inherit;--mdc-protected-button-container-color: inherit;--mdc-protected-button-label-text-color: currentColor;--mat-protected-button-state-layer-color: currentColor}.dashboard-widgets{display:grid;grid-auto-flow:dense;align-items:stretch;width:100%;box-sizing:border-box;padding:16px}@media(max-width:599px){.dashboard-widgets-header{align-items:stretch;flex-direction:column}.dashboard-header-actions,.dashboard-header-actions button{width:100%}}\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: i6.TranslatePipe, name: "translate" }] });
245
271
  }
246
272
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DashboardWidgetsComponent, decorators: [{
247
273
  type: Component,
248
- 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 @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>\n", styles: [".dashboard-widgets-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;flex-wrap:wrap}.dashboard-title{margin:0;min-width:0}.dashboard-header-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.dashboard-widgets{display:grid;grid-auto-flow:dense;align-items:stretch;width:100%}@media(max-width:599px){.dashboard-widgets-header{align-items:stretch;flex-direction:column}.dashboard-header-actions,.dashboard-header-actions button{width:100%}}\n"] }]
274
+ 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 @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>\n", styles: [":host{display:block;color:inherit;background-color:inherit}.dashboard-widgets-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;flex-wrap:wrap}.dashboard-title{margin:0;min-width:0}.dashboard-header-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.dashboard-header-actions button{color:inherit;background-color:inherit;--mdc-protected-button-container-color: inherit;--mdc-protected-button-label-text-color: currentColor;--mat-protected-button-state-layer-color: currentColor}.dashboard-widgets{display:grid;grid-auto-flow:dense;align-items:stretch;width:100%;box-sizing:border-box;padding:16px}@media(max-width:599px){.dashboard-widgets-header{align-items:stretch;flex-direction:column}.dashboard-header-actions,.dashboard-header-actions button{width:100%}}\n"] }]
249
275
  }], 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: [{
250
276
  type: ViewChild,
251
277
  args: ['dashboard', { static: true }]
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 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 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}\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\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 <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 <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 class=\"size-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 class=\"size-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 class=\"size-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 class=\"size-toggle\" [value]=\"n\">{{ n }}</mat-button-toggle>\n }\n </mat-button-toggle-group>\n </div>\n </div>\n\n</div>\n\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","import {\n Component,\n computed,\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 },\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 isRenaming: 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\n widgetPadding: Signal<string> = computed(() => `${this.store.config().widgetPadding}px`);\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}\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 </h3>\n }\n <div class=\"widget-actions\">\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 <div class=\"widget-content\">\n <ng-container [ngComponentOutlet]=\"data().content\"/>\n </div>\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 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'>;\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(min(100%, ${this.minTileWidth()}px), 1fr))`\n : `repeat(${this.columns()}, 1fr)`,\n gridAutoRows: `${this.rowHeight()}px`,\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 }));\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 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}\n","<div class=\"dashboard-widgets-header\">\n <h2 class=\"dashboard-title\">{{title()}}</h2>\n <div class=\"dashboard-header-actions\">\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>\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 { 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","i4.WidgetComponent","i5"],"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: 5,\n maxRows: 5,\n widgetPadding: 12,\n};\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 private readonly DEFAULT_WIDGET_SIZE = 3;\n\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: this.clampScale(widget.defaultRows ?? widget.rows ?? this.DEFAULT_WIDGET_SIZE, this.config().maxRows),\n columns: this.clampScale(\n widget.defaultColumns ?? widget.columns ?? this.DEFAULT_WIDGET_SIZE,\n this.config().maxColumns,\n ),\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] = {\n ...newWidgets[index],\n ...widget,\n rows: widget.rows === undefined ? newWidgets[index].rows : this.clampScale(widget.rows, this.config().maxRows),\n columns:\n widget.columns === undefined\n ? newWidgets[index].columns\n : this.clampScale(widget.columns, this.config().maxColumns),\n };\n this.addedWidgets.set(newWidgets);\n }\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\n private clampScale(value: number, max: number): number {\n return Math.max(1, Math.min(max, Math.trunc(value)));\n }\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 private readonly DEFAULT_WIDGET_SIZE = 3;\n private readonly MAX_WIDGET_SCALE = 5;\n\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.clampOptionCount(this.store.config().maxColumns) }, (_, i) => i + 1),\n );\n\n rowOptions: Signal<number[]> = computed(() =>\n Array.from({ length: this.clampOptionCount(this.store.config().maxRows) }, (_, i) => i + 1),\n );\n\n selectedColumns: Signal<number> = computed(() =>\n this.clampOptionCount(this.widget().columns ?? this.DEFAULT_WIDGET_SIZE),\n );\n selectedRows: Signal<number> = computed(() =>\n this.clampOptionCount(this.widget().rows ?? this.DEFAULT_WIDGET_SIZE),\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\n private clampOptionCount(value: number): number {\n return Math.max(1, Math.min(this.MAX_WIDGET_SCALE, Math.trunc(value)));\n }\n}\n","<div class=\"options-top-bar\">\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 <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 class=\"size-toggle-group\"\n (change)=\"store.updateWidget(widget().id, { columns: +$event.value })\"\n [hideSingleSelectionIndicator]=\"true\"\n [value]=\"selectedColumns()\">\n @for (n of colOptions(); track n) {\n <mat-button-toggle class=\"size-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 class=\"size-toggle-group\"\n (change)=\"store.updateWidget(widget().id, { rows: +$event.value })\"\n [hideSingleSelectionIndicator]=\"true\"\n [value]=\"selectedRows()\">\n @for (n of rowOptions(); track n) {\n <mat-button-toggle class=\"size-toggle\" [value]=\"n\">{{ n }}</mat-button-toggle>\n }\n </mat-button-toggle-group>\n </div>\n </div>\n\n</div>\n\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","import {\n Component,\n computed,\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 },\n})\nexport class WidgetComponent {\n private readonly DEFAULT_WIDGET_SIZE = 3;\n\n data: InputSignal<Widget> = input.required<Widget>();\n\n store = inject(WidgetService);\n\n showWidgetOptions: 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 = this.clampScale(widget.rows ?? this.DEFAULT_WIDGET_SIZE, this.store.config().maxRows);\n const columns = this.clampScale(widget.columns ?? this.DEFAULT_WIDGET_SIZE, this.store.config().maxColumns);\n return `span ${rows} / span ${columns}`;\n });\n\n widgetPadding: Signal<string> = computed(() => `${this.store.config().widgetPadding}px`);\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\n private clampScale(value: number, max: number): number {\n return Math.max(1, Math.min(max, Math.trunc(value)));\n }\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 </h3>\n }\n <div class=\"widget-actions\">\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 <div class=\"widget-content\">\n <ng-container [ngComponentOutlet]=\"data().content\"/>\n </div>\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 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'>;\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 private readonly MAX_WIDGET_SCALE = 5;\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>(this.MAX_WIDGET_SCALE);\n maxRows: InputSignal<number> = input<number>(this.MAX_WIDGET_SCALE);\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: `repeat(${this.MAX_WIDGET_SCALE}, minmax(0, 1fr))`,\n gridAutoRows: `${this.rowHeight()}px`,\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 }));\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.clampScale(this.maxColumns()),\n maxRows: this.clampScale(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 clampScale(value: number): number {\n return Math.max(1, Math.min(this.MAX_WIDGET_SCALE, Math.trunc(value)));\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 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}\n","<div class=\"dashboard-widgets-header\">\n <h2 class=\"dashboard-title\">{{title()}}</h2>\n <div class=\"dashboard-header-actions\">\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>\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 { 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","i4.WidgetComponent","i5"],"mappings":"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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fidurcode/dashboard-widgets-skeleton",
3
- "version": "2.0.5",
3
+ "version": "2.0.7",
4
4
  "license": "MIT",
5
5
  "peerDependencies": {
6
6
  "animate-css-grid": "^1.5.1",
package/types/fidurcode-dashboard-widgets-skeleton.d.ts CHANGED
@@ -33,6 +33,7 @@ interface DashboardConfig {
33
33
  declare const DEFAULT_DASHBOARD_CONFIG: DashboardConfig;
34
34
 
35
35
  declare class WidgetService {
36
+ private readonly DEFAULT_WIDGET_SIZE;
36
37
  widgets: WritableSignal<Widget[]>;
37
38
  addedWidgets: WritableSignal<Widget[]>;
38
39
  config: WritableSignal<DashboardConfig>;
@@ -48,11 +49,13 @@ declare class WidgetService {
48
49
  moveWidgetToLeft(id: number): void;
49
50
  moveWidgetToRight(id: number): void;
50
51
  deleteWidget(id: number): void;
52
+ private clampScale;
51
53
  static ɵfac: i0.ɵɵFactoryDeclaration<WidgetService, never>;
52
54
  static ɵprov: i0.ɵɵInjectableDeclaration<WidgetService>;
53
55
  }
54
56
 
55
57
  declare class WidgetComponent {
58
+ private readonly DEFAULT_WIDGET_SIZE;
56
59
  data: InputSignal<Widget>;
57
60
  store: WidgetService;
58
61
  showWidgetOptions: WritableSignal<boolean>;
@@ -61,17 +64,23 @@ declare class WidgetComponent {
61
64
  widgetPadding: Signal<string>;
62
65
  startRename(): void;
63
66
  finishRename(event: Event): void;
67
+ private clampScale;
64
68
  static ɵfac: i0.ɵɵFactoryDeclaration<WidgetComponent, never>;
65
69
  static ɵcmp: i0.ɵɵComponentDeclaration<WidgetComponent, "app-widget", never, { "data": { "alias": "data"; "required": true; "isSignal": true; }; }, {}, never, never, false, never>;
66
70
  }
67
71
 
68
72
  declare class WidgetOptionsComponent {
73
+ private readonly DEFAULT_WIDGET_SIZE;
74
+ private readonly MAX_WIDGET_SCALE;
69
75
  widget: InputSignal<Widget>;
70
76
  showOptions: ModelSignal<boolean>;
71
77
  store: WidgetService;
72
78
  colOptions: Signal<number[]>;
73
79
  rowOptions: Signal<number[]>;
80
+ selectedColumns: Signal<number>;
81
+ selectedRows: Signal<number>;
74
82
  onRenameBlur(event: Event): void;
83
+ private clampOptionCount;
75
84
  static ɵfac: i0.ɵɵFactoryDeclaration<WidgetOptionsComponent, never>;
76
85
  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>;
77
86
  }
@@ -79,6 +88,7 @@ declare class WidgetOptionsComponent {
79
88
  declare class DashboardWidgetsComponent implements OnInit, AfterViewInit {
80
89
  private readonly DEFAULT_STORAGE_KEY;
81
90
  private readonly ERROR_PARSING_MESSAGE;
91
+ private readonly MAX_WIDGET_SCALE;
82
92
  title: InputSignal<string>;
83
93
  widgets: InputSignal<Widget[]>;
84
94
  storageKey: InputSignal<string>;
@@ -98,6 +108,7 @@ declare class DashboardWidgetsComponent implements OnInit, AfterViewInit {
98
108
  ngOnInit(): void;
99
109
  ngAfterViewInit(): void;
100
110
  private setAvailableWidgets;
111
+ private clampScale;
101
112
  private loadFromStorage;
102
113
  static ɵfac: i0.ɵɵFactoryDeclaration<DashboardWidgetsComponent, never>;
103
114
  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>;
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/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"],"mappings":";;;;;;;;;;;UAEiB,MAAM;;;AAGrB,aAAS,IAAI;;;;;;;AAOd;;UCZgB,eAAe;AAC9B;;;;;;;AAOD;AAED,cAAa,wBAAwB,EAAE,eAQtC;;ACRD,cACa,aAAa;AACjB,aAAS,cAAc,CAAC,MAAM;AACrC,kBAAc,cAAc,CAAC,MAAM;AACnC,YAAQ,cAAc,CAAC,eAAe;AACtC,cAAU,cAAc;AAExB,kBAAc,MAAM,CAAC,MAAM;AAK3B,iCAA6B,MAAM;sBAIjB,OAAO,CAAC,eAAe;AAIzC,sBAAkB,MAAM;AAWxB,qCAAiC,OAAO,CAAC,MAAM;;;AAiB/C;AAIA;AAQA;AAQA;yCAnEW,aAAa;6CAAb,aAAa;AAsEzB;;ACpED,cAUa,eAAe;AAC1B,UAAM,WAAW,CAAC,MAAM;AAExB,WAAK,aAAA;AAEL,uBAAmB,cAAc;AACjC,gBAAY,cAAc;AAE1B,cAAU,MAAM;AAKhB,mBAAe,MAAM;AAErB;AAKA,wBAAoB,KAAK;yCApBd,eAAe;2CAAf,eAAe;AAyB3B;;ACnCD,cAMa,sBAAsB;AACjC,YAAQ,WAAW,CAAC,MAAM;AAC1B,iBAAa,WAAW;AAExB,WAAK,aAAA;AAEL,gBAAY,MAAM;AAIlB,gBAAY,MAAM;AAIlB,wBAAoB,KAAK;yCAdd,sBAAsB;2CAAtB,sBAAsB;AAkBlC;;AChBD,cAOa,yBAA0B,YAAW,MAAM,EAAE,aAAa;AACrE;AACA;AAEA,WAAO,WAAW;AAClB,aAAS,WAAW,CAAC,MAAM;AAC3B,gBAAY,WAAW;AAEvB,aAAS,WAAW;AACpB,kBAAc,WAAW;AACzB,eAAW,WAAW;AACtB,SAAK,WAAW;AAChB,gBAAY,WAAW;AACvB,aAAS,WAAW;AACpB,mBAAe,WAAW;AAC1B,cAAU,WAAW;AAErB,kBAAc,gBAAgB,CAAC,MAAM;AAE9B,WAAK,aAAA;eAE0C,UAAU;gBAEpD,MAAM,CAAC,MAAM;;AA0CzB;AAKA;AAIA;AAOA;yCAjFW,yBAAyB;2CAAzB,yBAAyB;AA8GrC;;AC7HD,cA4Ba,8BAA8B;yCAA9B,8BAA8B;0CAA9B,8BAA8B,UAAAA,eAAA,SAAAC,sBAAA,SAAAC,yBAAA,WAAA,EAAA,CAAA,YAAA,SAAA,EAAA,CAAA,eAAA,SAAA,EAAA,CAAA,aAAA,SAAA,EAAA,CAAA,qBAAA,SAAA,EAAA,CAAA,eAAA,SAAA,EAAA,CAAA,aAAA,SAAA,GAAA,CAAA,gBAAA,SAAA,GAAA,CAAA,gBAAA,WAAAF,eAAA,SAAAC,sBAAA,SAAAC,yBAAA,SAAA,EAAA,CAAA,aAAA,SAAA,EAAA,CAAA,qBAAA,SAAA,EAAA,CAAA,eAAA,SAAA,EAAA,CAAA,aAAA,SAAA,GAAA,CAAA,gBAAA,SAAA,GAAA,CAAA,gBAAA;0CAA9B,8BAA8B;AAAG;;;;","names":["i1.WidgetComponent","i2.WidgetOptionsComponent","i3.DashboardWidgetsComponent"]}
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"],"mappings":";;;;;;;;;;;UAEiB,MAAM;;;AAGrB,aAAS,IAAI;;;;;;;AAOd;;UCZgB,eAAe;AAC9B;;;;;;;AAOD;AAED,cAAa,wBAAwB,EAAE,eAQtC;;ACRD,cACa,aAAa;AACxB;AAEO,aAAS,cAAc,CAAC,MAAM;AACrC,kBAAc,cAAc,CAAC,MAAM;AACnC,YAAQ,cAAc,CAAC,eAAe;AACtC,cAAU,cAAc;AAExB,kBAAc,MAAM,CAAC,MAAM;AAK3B,iCAA6B,MAAM;sBAIjB,OAAO,CAAC,eAAe;AAIzC,sBAAkB,MAAM;AAcxB,qCAAiC,OAAO,CAAC,MAAM;;;AAyB/C;AAIA;AAQA;AAQA;AAIA;yCApFW,aAAa;6CAAb,aAAa;AAuFzB;;ACrFD,cAUa,eAAe;AAC1B;AAEA,UAAM,WAAW,CAAC,MAAM;AAExB,WAAK,aAAA;AAEL,uBAAmB,cAAc;AACjC,gBAAY,cAAc;AAE1B,cAAU,MAAM;AAOhB,mBAAe,MAAM;AAErB;AAKA,wBAAoB,KAAK;AAMzB;yCA9BW,eAAe;2CAAf,eAAe;AAiC3B;;AC3CD,cAMa,sBAAsB;AACjC;AACA;AAEA,YAAQ,WAAW,CAAC,MAAM;AAC1B,iBAAa,WAAW;AAExB,WAAK,aAAA;AAEL,gBAAY,MAAM;AAIlB,gBAAY,MAAM;AAIlB,qBAAiB,MAAM;AAGvB,kBAAc,MAAM;AAIpB,wBAAoB,KAAK;AAKzB;yCA7BW,sBAAsB;2CAAtB,sBAAsB;AAgClC;;AC9BD,cAOa,yBAA0B,YAAW,MAAM,EAAE,aAAa;AACrE;AACA;AACA;AAEA,WAAO,WAAW;AAClB,aAAS,WAAW,CAAC,MAAM;AAC3B,gBAAY,WAAW;AAEvB,aAAS,WAAW;AACpB,kBAAc,WAAW;AACzB,eAAW,WAAW;AACtB,SAAK,WAAW;AAChB,gBAAY,WAAW;AACvB,aAAS,WAAW;AACpB,mBAAe,WAAW;AAC1B,cAAU,WAAW;AAErB,kBAAc,gBAAgB,CAAC,MAAM;AAE9B,WAAK,aAAA;eAE0C,UAAU;gBAEpD,MAAM,CAAC,MAAM;;AAuCzB;AAKA;AAIA;AAOA;AAIA;yCAnFW,yBAAyB;2CAAzB,yBAAyB;AAgHrC;;AC/HD,cA4Ba,8BAA8B;yCAA9B,8BAA8B;0CAA9B,8BAA8B,UAAAA,eAAA,SAAAC,sBAAA,SAAAC,yBAAA,WAAA,EAAA,CAAA,YAAA,SAAA,EAAA,CAAA,eAAA,SAAA,EAAA,CAAA,aAAA,SAAA,EAAA,CAAA,qBAAA,SAAA,EAAA,CAAA,eAAA,SAAA,EAAA,CAAA,aAAA,SAAA,GAAA,CAAA,gBAAA,SAAA,GAAA,CAAA,gBAAA,WAAAF,eAAA,SAAAC,sBAAA,SAAAC,yBAAA,SAAA,EAAA,CAAA,aAAA,SAAA,EAAA,CAAA,qBAAA,SAAA,EAAA,CAAA,eAAA,SAAA,EAAA,CAAA,aAAA,SAAA,GAAA,CAAA,gBAAA,SAAA,GAAA,CAAA,gBAAA;0CAA9B,8BAA8B;AAAG;;;;","names":["i1.WidgetComponent","i2.WidgetOptionsComponent","i3.DashboardWidgetsComponent"]}