@fidurcode/dashboard-widgets-skeleton 2.0.10 → 2.0.12

package/README.md

@@ -1,6 +1,6 @@
 # @fidurcode/dashboard-widgets-skeleton
 
-Reusable Angular components and services for building dynamic dashboard widgets with configurable layout, sizing, colors, and interactive controls.
+Reusable Angular components and services for building dynamic dashboard widgets with configurable layout, responsive sizing, and focused edit controls.
 
 ---
 
@@ -54,14 +54,14 @@ Main container component. Manages layout, persistence (localStorage), and edit m
 | `title`        | `string`           | _(required)_         | Dashboard header title                           |
 | `widgets`      | `Widget[]`         | _(required)_         | Available widget definitions                     |
 | `storageKey`   | `string`           | `'dashboard-widgets'`| localStorage key for persisting layout           |
-| `columns`      | `number or 'auto'` | `'auto'`             | Kept for API compatibility; layout uses the 5-column widget scale |
-| `minTileWidth` | `number`           | `200`                | Kept for API compatibility                       |
+| `columns`      | `number or 'auto'` | `'auto'`             | Grid column count or `'auto'` for responsive fit |
+| `minTileWidth` | `number`           | `200`                | Minimum tile width in px (used in auto mode)     |
 | `rowHeight`    | `number`           | `80`                 | Row height in px                                 |
 | `gap`          | `number`           | `12`                 | Gap between widgets in px                        |
-| `maxColumns`   | `number`           | `5`                  | Maximum columns available in widget options      |
-| `maxRows`      | `number`           | `5`                  | Maximum rows available in widget options         |
+| `maxColumns`   | `number`           | `4`                  | Maximum columns available in widget options      |
+| `maxRows`      | `number`           | `4`                  | Maximum rows available in widget options         |
 | `widgetPadding`| `number`           | `12`                 | Padding inside widget content area in px         |
-| `editMode`     | `boolean`          | `true`               | Shows widget settings and add-widget controls    |
+| `editMode`     | `boolean`          | `true`               | Initial edit mode state                          |
 
 #### Outputs
 
@@ -83,10 +83,38 @@ Individual widget wrapper. Renders dynamic content and provides a header with ac
 |--------|----------|----------|--------------------------------|
 | `data` | `Widget` | ✅ Yes   | Widget configuration object    |
 
-#### Features
+#### Content contract
+
+Every component passed as widget content must expose a `widgetSize` input. The dashboard updates it with the actual content area available inside the widget.
+
+```typescript
+import { Component, input, InputSignal } from '@angular/core';
+import {
+  DashboardWidgetContentComponent,
+  DashboardWidgetContentSize,
+} from '@fidurcode/dashboard-widgets-skeleton';
+
+@Component({
+  selector: 'app-sales-widget',
+  template: '<section class="sales-widget">...</section>',
+  styles: [`
+    :host,
+    .sales-widget {
+      display: block;
+      width: 100%;
+      height: 100%;
+      min-width: 0;
+      min-height: 0;
+      box-sizing: border-box;
+    }
+  `],
+})
+export class SalesWidgetComponent implements DashboardWidgetContentComponent {
+  widgetSize: InputSignal<DashboardWidgetContentSize> = input.required();
+}
+```
 
-- **Inline rename** — double-click the title to rename (edit mode only)
-- **Edit mode guard** — settings button hidden when `editMode` is false
+The content component should render within `width: 100%` and `height: 100%`; use the numeric `widgetSize.width`, `widgetSize.height`, `widgetSize.rows`, and `widgetSize.columns` values for charts, canvases, tables, or other components that need explicit dimensions.
 
 ---
 
@@ -98,8 +126,7 @@ Settings overlay rendered inside the widget. Visible only in edit mode.
 
 #### Features
 
-- **Rename** — overrides the widget label with a custom name
-- **Resize** — toggle group for columns (width) and rows (height), on a 1-5 scale. Width `5` spans the full row
+- **Resize** — toggle group for columns (width) and rows (height)
 - **Delete** — removes widget from dashboard
 - **Move left/right** — reorders widget in the grid
 
@@ -111,13 +138,11 @@ Settings overlay rendered inside the widget. Visible only in edit mode.
 interface Widget {
   id: number;
   label: string;              // translation key
-  content: Type<unknown>;     // Angular component to render as content
-  rows?: number;              // 1-5; defaults to 3
-  columns?: number;           // 1-5; defaults to 3, 5 spans the full row
+  content: Type<DashboardWidgetContentComponent>;
+  rows?: number;
+  columns?: number;
   defaultRows?: number;       // initial rows when widget is first added
   defaultColumns?: number;    // initial columns when widget is first added
-  color?: string;             // optional explicit widget background override
-  customLabel?: string;       // user-defined label override (not a translation key)
 }
 ```
 
@@ -131,12 +156,13 @@ Add the following keys to your ngx-translate translation files:
 {
   "DASHBOARD": {
     "ADD_WIDGET": "Add widget",
-    "NO_WIDGETS": "No widgets available"
+    "NO_WIDGETS": "No widgets available",
+    "LOCK": "Lock dashboard",
+    "UNLOCK": "Unlock dashboard"
   },
   "WIDGET": {
     "WIDTH": "Width",
     "HEIGHT": "Height",
-    "RENAME": "Name",
     "DELETE": "Delete",
     "MOVE_LEFT": "Move left",
     "MOVE_RIGHT": "Move right",
@@ -152,6 +178,6 @@ Widget `label` fields are also treated as translation keys and resolved at runti
 
 ## 💾 Layout Persistence
 
-The dashboard automatically saves and restores widget state via `localStorage` using the `storageKey` input. Persisted state includes: position order, rows, columns, color, and custom label.
+The dashboard automatically saves and restores widget state via `localStorage` using the `storageKey` input. Persisted state includes position order, rows, and columns.
 
 The format is backward compatible — dashboards saved with v1.4.x (IDs only) are migrated automatically on first load.

package/fesm2022/fidurcode-dashboard-widgets-skeleton.mjs

@@ -1,7 +1,7 @@
 import * as i0 from '@angular/core';
-import { signal, computed, Injectable, input, model, inject, Component, PLATFORM_ID, output, effect, ViewChild, NgModule } from '@angular/core';
+import { signal, computed, Injectable, input, model, inject, Component, ViewChild, output, effect, NgModule } from '@angular/core';
 import * as i1$1 from '@angular/common';
-import { isPlatformBrowser, CommonModule } from '@angular/common';
+import { CommonModule } from '@angular/common';
 import * as i2 from '@angular/material/button';
 import { MatButtonModule } from '@angular/material/button';
 import * as i3 from '@angular/material/icon';
@@ -10,8 +10,6 @@ import * as i4 from '@angular/material/tooltip';
 import { MatTooltipModule } from '@angular/material/tooltip';
 import * as i1 from '@angular/material/button-toggle';
 import { MatButtonToggleModule } from '@angular/material/button-toggle';
-import * as i5 from '@angular/material/divider';
-import { MatDividerModule } from '@angular/material/divider';
 import * as i6 from '@ngx-translate/core';
 import { TranslateModule } from '@ngx-translate/core';
 import { wrapGrid } from 'animate-css-grid';
@@ -20,23 +18,23 @@ import { MatMenuModule } from '@angular/material/menu';
 
 const DEFAULT_DASHBOARD_CONFIG = {
     columns: 'auto',
+    activeColumns: 1,
     minTileWidth: 200,
     rowHeight: 80,
     gap: 12,
-    maxColumns: 5,
-    maxRows: 5,
+    maxColumns: 4,
+    maxRows: 4,
     widgetPadding: 12,
 };
 
 class WidgetService {
-    DEFAULT_WIDGET_SIZE = 3;
     widgets = signal([], ...(ngDevMode ? [{ debugName: "widgets" }] : /* istanbul ignore next */ []));
     addedWidgets = signal([], ...(ngDevMode ? [{ debugName: "addedWidgets" }] : /* istanbul ignore next */ []));
     config = signal(DEFAULT_DASHBOARD_CONFIG, ...(ngDevMode ? [{ debugName: "config" }] : /* istanbul ignore next */ []));
     editMode = signal(true, ...(ngDevMode ? [{ debugName: "editMode" }] : /* istanbul ignore next */ []));
     widgetsToAdd = computed(() => {
-        const addedIds = new Set(this.addedWidgets().map((widget) => widget.id));
-        return this.widgets().filter((w) => !addedIds.has(w.id));
+        const addedIds = this.addedWidgets().map((widget) => widget.id);
+        return this.widgets().filter((w) => !addedIds.includes(w.id));
     }, ...(ngDevMode ? [{ debugName: "widgetsToAdd" }] : /* istanbul ignore next */ []));
     setAvailableWidgets(widgets) {
         this.widgets.set(widgets);
@@ -45,14 +43,12 @@ class WidgetService {
         this.config.set({ ...DEFAULT_DASHBOARD_CONFIG, ...config });
     }
     addWidget(widget) {
-        if (this.addedWidgets().some((addedWidget) => addedWidget.id === widget.id))
-            return;
         this.addedWidgets.set([
             ...this.addedWidgets(),
             {
                 ...widget,
-                rows: this.clampScale(widget.defaultRows ?? widget.rows ?? this.DEFAULT_WIDGET_SIZE, this.config().maxRows),
-                columns: this.clampScale(widget.defaultColumns ?? widget.columns ?? this.DEFAULT_WIDGET_SIZE, this.config().maxColumns),
+                rows: this.normalizeRows(widget.defaultRows ?? widget.rows),
+                columns: this.normalizeColumns(widget.defaultColumns ?? widget.columns),
             },
         ]);
     }
@@ -60,29 +56,16 @@ class WidgetService {
         const index = this.addedWidgets().findIndex((w) => w.id === id);
         if (index !== -1) {
             const newWidgets = [...this.addedWidgets()];
-            newWidgets[index] = {
-                ...newWidgets[index],
-                ...widget,
-                rows: widget.rows === undefined ? newWidgets[index].rows : this.clampScale(widget.rows, this.config().maxRows),
-                columns: widget.columns === undefined
-                    ? newWidgets[index].columns
-                    : this.clampScale(widget.columns, this.config().maxColumns),
-            };
+            newWidgets[index] = this.normalizeWidgetSize({ ...newWidgets[index], ...widget });
             this.addedWidgets.set(newWidgets);
         }
     }
-    renameWidget(id, customLabel) {
-        this.updateWidget(id, { customLabel: customLabel.trim() || undefined });
-    }
-    setWidgetColor(id, color) {
-        this.updateWidget(id, { color });
-    }
     toggleEditMode() {
         this.editMode.set(!this.editMode());
     }
     moveWidgetToLeft(id) {
         const index = this.addedWidgets().findIndex((w) => w.id === id);
-        if (index <= 0)
+        if (index === 0)
             return;
         const newWidgets = [...this.addedWidgets()];
         [newWidgets[index], newWidgets[index - 1]] = [{ ...newWidgets[index - 1] }, { ...newWidgets[index] }];
@@ -90,7 +73,7 @@ class WidgetService {
     }
     moveWidgetToRight(id) {
         const index = this.addedWidgets().findIndex((w) => w.id === id);
-        if (index === -1 || index === this.addedWidgets().length - 1)
+        if (index === this.addedWidgets().length - 1)
             return;
         const newWidgets = [...this.addedWidgets()];
         [newWidgets[index], newWidgets[index + 1]] = [{ ...newWidgets[index + 1] }, { ...newWidgets[index] }];
@@ -99,10 +82,21 @@ class WidgetService {
     deleteWidget(id) {
         this.addedWidgets.set(this.addedWidgets().filter((w) => w.id !== id));
     }
-    clampScale(value, max) {
-        const safeValue = Number.isFinite(value) ? Math.trunc(value) : this.DEFAULT_WIDGET_SIZE;
-        const safeMax = Number.isFinite(max) ? Math.trunc(max) : this.DEFAULT_WIDGET_SIZE;
-        return Math.max(1, Math.min(Math.max(1, safeMax), safeValue));
+    normalizeWidgetSize(widget) {
+        return {
+            ...widget,
+            rows: this.normalizeRows(widget.rows),
+            columns: this.normalizeColumns(widget.columns),
+        };
+    }
+    normalizeColumns(columns) {
+        return this.clamp(columns ?? 1, 1, this.config().maxColumns);
+    }
+    normalizeRows(rows) {
+        return this.clamp(rows ?? 1, 1, this.config().maxRows);
+    }
+    clamp(value, min, max) {
+        return Math.min(Math.max(Math.round(value), min), Math.max(min, max));
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: WidgetService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
     static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: WidgetService });
@@ -112,82 +106,91 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImpo
         }] });
 
 class WidgetOptionsComponent {
-    DEFAULT_WIDGET_SIZE = 3;
-    MAX_WIDGET_SCALE = 5;
     widget = input.required(...(ngDevMode ? [{ debugName: "widget" }] : /* istanbul ignore next */ []));
     showOptions = model(false, ...(ngDevMode ? [{ debugName: "showOptions" }] : /* istanbul ignore next */ []));
     store = inject(WidgetService);
-    colOptions = computed(() => Array.from({ length: this.clampOptionCount(this.store.config().maxColumns) }, (_, i) => i + 1), ...(ngDevMode ? [{ debugName: "colOptions" }] : /* istanbul ignore next */ []));
-    rowOptions = computed(() => Array.from({ length: this.clampOptionCount(this.store.config().maxRows) }, (_, i) => i + 1), ...(ngDevMode ? [{ debugName: "rowOptions" }] : /* istanbul ignore next */ []));
-    selectedColumns = computed(() => this.clampOptionCount(this.widget().columns ?? this.DEFAULT_WIDGET_SIZE), ...(ngDevMode ? [{ debugName: "selectedColumns" }] : /* istanbul ignore next */ []));
-    selectedRows = computed(() => this.clampOptionCount(this.widget().rows ?? this.DEFAULT_WIDGET_SIZE), ...(ngDevMode ? [{ debugName: "selectedRows" }] : /* istanbul ignore next */ []));
-    canMoveLeft = computed(() => this.widgetIndex() > 0, ...(ngDevMode ? [{ debugName: "canMoveLeft" }] : /* istanbul ignore next */ []));
-    canMoveRight = computed(() => {
-        const index = this.widgetIndex();
-        return index !== -1 && index < this.store.addedWidgets().length - 1;
-    }, ...(ngDevMode ? [{ debugName: "canMoveRight" }] : /* istanbul ignore next */ []));
-    onRenameBlur(event) {
-        const input = event.target;
-        this.store.renameWidget(this.widget().id, input.value);
+    colOptions = computed(() => Array.from({ length: this.store.config().maxColumns }, (_, i) => i + 1), ...(ngDevMode ? [{ debugName: "colOptions" }] : /* istanbul ignore next */ []));
+    rowOptions = computed(() => Array.from({ length: this.store.config().maxRows }, (_, i) => i + 1), ...(ngDevMode ? [{ debugName: "rowOptions" }] : /* istanbul ignore next */ []));
+    canMoveLeft() {
+        return this.store.addedWidgets().findIndex((w) => w.id === this.widget().id) > 0;
     }
-    clampOptionCount(value) {
-        return Math.max(1, Math.min(this.MAX_WIDGET_SCALE, Math.trunc(value)));
-    }
-    widgetIndex() {
-        return this.store.addedWidgets().findIndex((widget) => widget.id === this.widget().id);
+    canMoveRight() {
+        const index = this.store.addedWidgets().findIndex((w) => w.id === this.widget().id);
+        return index >= 0 && index < this.store.addedWidgets().length - 1;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: WidgetOptionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    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    [attr.aria-label]=\"'WIDGET.DELETE' | translate\"\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    [attr.aria-label]=\"'WIDGET.CLOSE_OPTIONS' | translate\"\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      (keydown.escape)=\"showOptions.set(false)\"\n      [attr.aria-label]=\"'WIDGET.RENAME' | translate\"\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  [disabled]=\"!canMoveLeft()\"\n  [attr.aria-label]=\"'WIDGET.MOVE_LEFT' | translate\"\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  [disabled]=\"!canMoveRight()\"\n  [attr.aria-label]=\"'WIDGET.MOVE_RIGHT' | translate\"\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;opacity:1;box-shadow:inset 0 0 0 1px color-mix(in srgb,currentColor 10%,transparent)}.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;min-height:0;scrollbar-gutter:stable}.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}.rename-input:focus-visible{outline:2px solid currentColor;outline-offset:2px}.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:disabled,.move-right-btn:disabled{opacity:.35}.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{inset:0;width:100%;height:100%;max-height:none;border-radius:8px}.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" }] });
+    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    (click)=\"store.moveWidgetToLeft(widget().id)\"\n    [disabled]=\"!canMoveLeft()\"\n    [matTooltip]=\"'WIDGET.MOVE_LEFT' | translate\">\n    <mat-icon>chevron_left</mat-icon>\n  </button>\n  <button\n    mat-icon-button\n    (click)=\"store.moveWidgetToRight(widget().id)\"\n    [disabled]=\"!canMoveRight()\"\n    [matTooltip]=\"'WIDGET.MOVE_RIGHT' | translate\">\n    <mat-icon>chevron_right</mat-icon>\n  </button>\n  <span class=\"spacer\"></span>\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  <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=\"size-configurator\">\n    <div class=\"size-row\">\n      <span class=\"option-label\">{{ 'WIDGET.WIDTH' | translate }}</span>\n      <mat-button-toggle-group\n        (change)=\"store.updateWidget(widget().id, { columns: +$event.value })\"\n        [hideSingleSelectionIndicator]=\"true\"\n        [value]=\"widget().columns ?? 1\">\n        @for (n of colOptions(); track n) {\n          <mat-button-toggle [value]=\"n\">{{ n }}</mat-button-toggle>\n        }\n      </mat-button-toggle-group>\n    </div>\n    <div class=\"size-row\">\n      <span class=\"option-label\">{{ 'WIDGET.HEIGHT' | translate }}</span>\n      <mat-button-toggle-group\n        (change)=\"store.updateWidget(widget().id, { rows: +$event.value })\"\n        [hideSingleSelectionIndicator]=\"true\"\n        [value]=\"widget().rows ?? 1\">\n        @for (n of rowOptions(); track n) {\n          <mat-button-toggle [value]=\"n\">{{ n }}</mat-button-toggle>\n        }\n      </mat-button-toggle-group>\n    </div>\n  </div>\n</div>\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;font-family:inherit;color:inherit;min-width:0;min-height:0;background:color-mix(in srgb,var(--mat-sys-surface, #fff) 88%,transparent);backdrop-filter:blur(12px) saturate(1.4);-webkit-backdrop-filter:blur(12px) saturate(1.4)}.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;display:flex;align-items:center;justify-content:center;padding:16px;box-sizing:border-box}.size-configurator{display:flex;flex-direction:column;gap:12px;background:color-mix(in srgb,currentColor 5%,transparent);border:1px solid color-mix(in srgb,currentColor 12%,transparent);border-radius:12px;padding:20px 24px}.option-label{font-size:.7rem;font-weight:600;opacity:.6;text-transform:uppercase;letter-spacing:.06em;min-width:52px}.size-row{display:flex;align-items:center;gap:12px}.size-row mat-button-toggle-group{height:32px;border-radius:8px}.size-row mat-button-toggle-group ::ng-deep .mat-button-toggle-button{height:32px;line-height:32px;padding:0 14px;font-size:.85rem;font-weight:500}.size-row mat-button-toggle-group ::ng-deep .mat-button-toggle{border-radius:0}.size-row mat-button-toggle-group ::ng-deep .mat-button-toggle:first-child{border-radius:8px 0 0 8px}.size-row mat-button-toggle-group ::ng-deep .mat-button-toggle:last-child{border-radius:0 8px 8px 0}\n"], dependencies: [{ kind: "directive", type: i1.MatButtonToggleGroup, selector: "mat-button-toggle-group", inputs: ["appearance", "name", "vertical", "value", "multiple", "disabled", "disabledInteractive", "hideSingleSelectionIndicator", "hideMultipleSelectionIndicator"], outputs: ["valueChange", "change"], exportAs: ["matButtonToggleGroup"] }, { kind: "component", type: i1.MatButtonToggle, selector: "mat-button-toggle", inputs: ["aria-label", "aria-labelledby", "id", "name", "value", "tabIndex", "disableRipple", "appearance", "checked", "disabled", "disabledInteractive"], outputs: ["change"], exportAs: ["matButtonToggle"] }, { kind: "component", type: i2.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i4.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "pipe", type: i6.TranslatePipe, name: "translate" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: WidgetOptionsComponent, decorators: [{
             type: Component,
-            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    [attr.aria-label]=\"'WIDGET.DELETE' | translate\"\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    [attr.aria-label]=\"'WIDGET.CLOSE_OPTIONS' | translate\"\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      (keydown.escape)=\"showOptions.set(false)\"\n      [attr.aria-label]=\"'WIDGET.RENAME' | translate\"\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  [disabled]=\"!canMoveLeft()\"\n  [attr.aria-label]=\"'WIDGET.MOVE_LEFT' | translate\"\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  [disabled]=\"!canMoveRight()\"\n  [attr.aria-label]=\"'WIDGET.MOVE_RIGHT' | translate\"\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;opacity:1;box-shadow:inset 0 0 0 1px color-mix(in srgb,currentColor 10%,transparent)}.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;min-height:0;scrollbar-gutter:stable}.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}.rename-input:focus-visible{outline:2px solid currentColor;outline-offset:2px}.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:disabled,.move-right-btn:disabled{opacity:.35}.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{inset:0;width:100%;height:100%;max-height:none;border-radius:8px}.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"] }]
+            args: [{ selector: 'app-widget-options', standalone: false, template: "<div class=\"options-top-bar\">\n  <button\n    mat-icon-button\n    (click)=\"store.moveWidgetToLeft(widget().id)\"\n    [disabled]=\"!canMoveLeft()\"\n    [matTooltip]=\"'WIDGET.MOVE_LEFT' | translate\">\n    <mat-icon>chevron_left</mat-icon>\n  </button>\n  <button\n    mat-icon-button\n    (click)=\"store.moveWidgetToRight(widget().id)\"\n    [disabled]=\"!canMoveRight()\"\n    [matTooltip]=\"'WIDGET.MOVE_RIGHT' | translate\">\n    <mat-icon>chevron_right</mat-icon>\n  </button>\n  <span class=\"spacer\"></span>\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  <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=\"size-configurator\">\n    <div class=\"size-row\">\n      <span class=\"option-label\">{{ 'WIDGET.WIDTH' | translate }}</span>\n      <mat-button-toggle-group\n        (change)=\"store.updateWidget(widget().id, { columns: +$event.value })\"\n        [hideSingleSelectionIndicator]=\"true\"\n        [value]=\"widget().columns ?? 1\">\n        @for (n of colOptions(); track n) {\n          <mat-button-toggle [value]=\"n\">{{ n }}</mat-button-toggle>\n        }\n      </mat-button-toggle-group>\n    </div>\n    <div class=\"size-row\">\n      <span class=\"option-label\">{{ 'WIDGET.HEIGHT' | translate }}</span>\n      <mat-button-toggle-group\n        (change)=\"store.updateWidget(widget().id, { rows: +$event.value })\"\n        [hideSingleSelectionIndicator]=\"true\"\n        [value]=\"widget().rows ?? 1\">\n        @for (n of rowOptions(); track n) {\n          <mat-button-toggle [value]=\"n\">{{ n }}</mat-button-toggle>\n        }\n      </mat-button-toggle-group>\n    </div>\n  </div>\n</div>\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;font-family:inherit;color:inherit;min-width:0;min-height:0;background:color-mix(in srgb,var(--mat-sys-surface, #fff) 88%,transparent);backdrop-filter:blur(12px) saturate(1.4);-webkit-backdrop-filter:blur(12px) saturate(1.4)}.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;display:flex;align-items:center;justify-content:center;padding:16px;box-sizing:border-box}.size-configurator{display:flex;flex-direction:column;gap:12px;background:color-mix(in srgb,currentColor 5%,transparent);border:1px solid color-mix(in srgb,currentColor 12%,transparent);border-radius:12px;padding:20px 24px}.option-label{font-size:.7rem;font-weight:600;opacity:.6;text-transform:uppercase;letter-spacing:.06em;min-width:52px}.size-row{display:flex;align-items:center;gap:12px}.size-row mat-button-toggle-group{height:32px;border-radius:8px}.size-row mat-button-toggle-group ::ng-deep .mat-button-toggle-button{height:32px;line-height:32px;padding:0 14px;font-size:.85rem;font-weight:500}.size-row mat-button-toggle-group ::ng-deep .mat-button-toggle{border-radius:0}.size-row mat-button-toggle-group ::ng-deep .mat-button-toggle:first-child{border-radius:8px 0 0 8px}.size-row mat-button-toggle-group ::ng-deep .mat-button-toggle:last-child{border-radius:0 8px 8px 0}\n"] }]
         }], 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"] }] } });
 
 class WidgetComponent {
-    DEFAULT_WIDGET_SIZE = 3;
     data = input.required(...(ngDevMode ? [{ debugName: "data" }] : /* istanbul ignore next */ []));
     store = inject(WidgetService);
+    contentHost;
     showWidgetOptions = signal(false, ...(ngDevMode ? [{ debugName: "showWidgetOptions" }] : /* istanbul ignore next */ []));
-    isRenaming = signal(false, ...(ngDevMode ? [{ debugName: "isRenaming" }] : /* istanbul ignore next */ []));
+    contentSize = signal({
+        width: 0,
+        height: 0,
+        rows: 1,
+        columns: 1,
+    }, ...(ngDevMode ? [{ debugName: "contentSize" }] : /* istanbul ignore next */ []));
+    resizeObserver;
     gridArea = computed(() => {
         const widget = this.data();
-        const rows = this.clampScale(widget.rows ?? this.DEFAULT_WIDGET_SIZE, this.store.config().maxRows);
-        const columns = this.clampScale(widget.columns ?? this.DEFAULT_WIDGET_SIZE, this.store.config().maxColumns);
+        const rows = this.normalizeSpan(widget.rows, this.store.config().maxRows);
+        const columns = this.normalizeSpan(widget.columns, Math.min(this.store.config().maxColumns, this.store.config().activeColumns));
         return `span ${rows} / span ${columns}`;
     }, ...(ngDevMode ? [{ debugName: "gridArea" }] : /* istanbul ignore next */ []));
     widgetPadding = computed(() => `${this.store.config().widgetPadding}px`, ...(ngDevMode ? [{ debugName: "widgetPadding" }] : /* istanbul ignore next */ []));
-    startRename() {
-        if (!this.store.editMode())
+    contentInputs = computed(() => ({
+        widgetSize: this.contentSize(),
+    }), ...(ngDevMode ? [{ debugName: "contentInputs" }] : /* istanbul ignore next */ []));
+    ngAfterViewInit() {
+        this.updateContentSize();
+        const element = this.contentHost?.nativeElement;
+        if (!element)
             return;
-        this.isRenaming.set(true);
+        this.resizeObserver = new ResizeObserver(() => this.updateContentSize());
+        this.resizeObserver.observe(element);
     }
-    finishRename(event) {
-        const input = event.target;
-        this.store.renameWidget(this.data().id, input.value);
-        this.isRenaming.set(false);
+    ngOnDestroy() {
+        this.resizeObserver?.disconnect();
     }
-    clampScale(value, max) {
-        return Math.max(1, Math.min(max, Math.trunc(value)));
+    updateContentSize() {
+        const element = this.contentHost?.nativeElement;
+        if (!element)
+            return;
+        const rect = element.getBoundingClientRect();
+        this.contentSize.set({
+            width: Math.round(rect.width),
+            height: Math.round(rect.height),
+            rows: this.normalizeSpan(this.data().rows, this.store.config().maxRows),
+            columns: this.normalizeSpan(this.data().columns, Math.min(this.store.config().maxColumns, this.store.config().activeColumns)),
+        });
+    }
+    normalizeSpan(value, max) {
+        return Math.min(Math.max(Math.round(value ?? 1), 1), Math.max(max, 1));
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: WidgetComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    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  @if (!showWidgetOptions()) {\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          [attr.aria-label]=\"'WIDGET.RENAME' | translate\"\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            [attr.aria-label]=\"'WIDGET.SETTINGS' | translate\"\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\n  @if (showWidgetOptions()) {\n    <app-widget-options [(showOptions)]=\"showWidgetOptions\" [widget]=\"data()\"/>\n  }\n</div>\n", styles: [":host{display:block;border-radius:8px;font-family:inherit;color:inherit;background-color:inherit;align-self:stretch;justify-self:stretch;width:100%;min-width:0;min-height:0;contain:layout style}.widget-container{position:relative;min-height:100%;width:100%;box-sizing:border-box;border-radius:inherit;overflow:visible;color:inherit;background-color:var(--widget-color, inherit);display:flex;flex-direction:column;box-shadow:0 1px 2px color-mix(in srgb,currentColor 12%,transparent);transition:background-color .2s,box-shadow .2s;min-width:0;min-height:0}.widget-header{display:flex;align-items:center;padding:4px 4px 4px 12px;gap:6px;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;line-height:1.3;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}.rename-input:focus-visible{outline:2px solid currentColor;outline-offset:2px}.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;min-width:0;overflow:visible;padding:var(--widget-padding, 12px);box-sizing:border-box;width:100%}:host ::ng-deep .widget-content>*{display:block;width:100%;max-width:100%;min-width:0;box-sizing:border-box}@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" }] });
+    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()" } }, viewQueries: [{ propertyName: "contentHost", first: true, predicate: ["contentHost"], descendants: true }], ngImport: i0, template: "<div class=\"widget-container mat-elevation-z3\">\n  <div class=\"widget-header\">\n    <h3 class=\"widget-title\">{{ data().label | translate }}</h3>\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 #contentHost class=\"widget-content\">\n    <ng-container [ngComponentOutlet]=\"data().content\" [ngComponentOutletInputs]=\"contentInputs()\"/>\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:inherit;background-color:inherit;align-self:stretch;min-width:0;min-height:0;height:100%}.widget-container{position:relative;height:100%;width:100%;min-width:0;min-height:0;box-sizing:border-box;border-radius:inherit;overflow:hidden;background:inherit;background-color:inherit;color:inherit;display:flex;flex-direction:column}.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;-webkit-user-select:none;user-select:none}.widget-actions{display:flex;align-items:center;flex-shrink:0}.widget-actions button{width:32px;height:32px;line-height:32px}.widget-actions button mat-icon{font-size:22px;height:22px;width:22px;line-height:22px}.widget-content{flex:1;overflow:auto;padding:var(--widget-padding, 12px);min-width:0;min-height:0;box-sizing:border-box}.widget-content ::ng-deep>*{display:block;width:100%;height:100%;min-width:0;min-height:0;box-sizing:border-box;color:inherit;background:inherit;background-color:inherit}\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" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: WidgetComponent, decorators: [{
             type: Component,
             args: [{ selector: 'app-widget', standalone: false, host: {
                         '[style.grid-area]': 'gridArea()',
                         '[style.--widget-padding]': 'widgetPadding()',
-                    }, template: "<div class=\"widget-container mat-elevation-z3\" [style.--widget-color]=\"data().color\">\n  @if (!showWidgetOptions()) {\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          [attr.aria-label]=\"'WIDGET.RENAME' | translate\"\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            [attr.aria-label]=\"'WIDGET.SETTINGS' | translate\"\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\n  @if (showWidgetOptions()) {\n    <app-widget-options [(showOptions)]=\"showWidgetOptions\" [widget]=\"data()\"/>\n  }\n</div>\n", styles: [":host{display:block;border-radius:8px;font-family:inherit;color:inherit;background-color:inherit;align-self:stretch;justify-self:stretch;width:100%;min-width:0;min-height:0;contain:layout style}.widget-container{position:relative;min-height:100%;width:100%;box-sizing:border-box;border-radius:inherit;overflow:visible;color:inherit;background-color:var(--widget-color, inherit);display:flex;flex-direction:column;box-shadow:0 1px 2px color-mix(in srgb,currentColor 12%,transparent);transition:background-color .2s,box-shadow .2s;min-width:0;min-height:0}.widget-header{display:flex;align-items:center;padding:4px 4px 4px 12px;gap:6px;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;line-height:1.3;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}.rename-input:focus-visible{outline:2px solid currentColor;outline-offset:2px}.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;min-width:0;overflow:visible;padding:var(--widget-padding, 12px);box-sizing:border-box;width:100%}:host ::ng-deep .widget-content>*{display:block;width:100%;max-width:100%;min-width:0;box-sizing:border-box}@media(max-width:599px){:host{grid-column:1/-1!important}.widget-header{padding-left:10px}}\n"] }]
-        }], propDecorators: { data: [{ type: i0.Input, args: [{ isSignal: true, alias: "data", required: true }] }] } });
+                    }, template: "<div class=\"widget-container mat-elevation-z3\">\n  <div class=\"widget-header\">\n    <h3 class=\"widget-title\">{{ data().label | translate }}</h3>\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 #contentHost class=\"widget-content\">\n    <ng-container [ngComponentOutlet]=\"data().content\" [ngComponentOutletInputs]=\"contentInputs()\"/>\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:inherit;background-color:inherit;align-self:stretch;min-width:0;min-height:0;height:100%}.widget-container{position:relative;height:100%;width:100%;min-width:0;min-height:0;box-sizing:border-box;border-radius:inherit;overflow:hidden;background:inherit;background-color:inherit;color:inherit;display:flex;flex-direction:column}.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;-webkit-user-select:none;user-select:none}.widget-actions{display:flex;align-items:center;flex-shrink:0}.widget-actions button{width:32px;height:32px;line-height:32px}.widget-actions button mat-icon{font-size:22px;height:22px;width:22px;line-height:22px}.widget-content{flex:1;overflow:auto;padding:var(--widget-padding, 12px);min-width:0;min-height:0;box-sizing:border-box}.widget-content ::ng-deep>*{display:block;width:100%;height:100%;min-width:0;min-height:0;box-sizing:border-box;color:inherit;background:inherit;background-color:inherit}\n"] }]
+        }], propDecorators: { data: [{ type: i0.Input, args: [{ isSignal: true, alias: "data", required: true }] }], contentHost: [{
+                type: ViewChild,
+                args: ['contentHost']
+            }] } });
 
 class DashboardWidgetsComponent {
     DEFAULT_STORAGE_KEY = 'dashboard-widgets';
     ERROR_PARSING_MESSAGE = 'Error parsing widgets from localStorage';
-    MAX_WIDGET_SCALE = 5;
-    platformId = inject(PLATFORM_ID);
-    isBrowser = isPlatformBrowser(this.platformId);
-    hasLoadedStoredWidgets = signal(false, ...(ngDevMode ? [{ debugName: "hasLoadedStoredWidgets" }] : /* istanbul ignore next */ []));
     title = input.required(...(ngDevMode ? [{ debugName: "title" }] : /* istanbul ignore next */ []));
     widgets = input.required(...(ngDevMode ? [{ debugName: "widgets" }] : /* istanbul ignore next */ []));
     storageKey = input(this.DEFAULT_STORAGE_KEY, ...(ngDevMode ? [{ debugName: "storageKey" }] : /* istanbul ignore next */ []));
@@ -195,48 +198,55 @@ class DashboardWidgetsComponent {
     minTileWidth = input(200, ...(ngDevMode ? [{ debugName: "minTileWidth" }] : /* istanbul ignore next */ []));
     rowHeight = input(80, ...(ngDevMode ? [{ debugName: "rowHeight" }] : /* istanbul ignore next */ []));
     gap = input(12, ...(ngDevMode ? [{ debugName: "gap" }] : /* istanbul ignore next */ []));
-    maxColumns = input(this.MAX_WIDGET_SCALE, ...(ngDevMode ? [{ debugName: "maxColumns" }] : /* istanbul ignore next */ []));
-    maxRows = input(this.MAX_WIDGET_SCALE, ...(ngDevMode ? [{ debugName: "maxRows" }] : /* istanbul ignore next */ []));
+    maxColumns = input(4, ...(ngDevMode ? [{ debugName: "maxColumns" }] : /* istanbul ignore next */ []));
+    maxRows = input(4, ...(ngDevMode ? [{ debugName: "maxRows" }] : /* istanbul ignore next */ []));
     widgetPadding = input(12, ...(ngDevMode ? [{ debugName: "widgetPadding" }] : /* istanbul ignore next */ []));
     editMode = input(true, ...(ngDevMode ? [{ debugName: "editMode" }] : /* istanbul ignore next */ []));
     widgetChange = output();
     store = inject(WidgetService);
     dashboard;
+    dashboardWidth = signal(0, ...(ngDevMode ? [{ debugName: "dashboardWidth" }] : /* istanbul ignore next */ []));
+    storageReady = signal(false, ...(ngDevMode ? [{ debugName: "storageReady" }] : /* istanbul ignore next */ []));
+    resizeObserver;
+    activeColumns = computed(() => {
+        const configuredColumns = this.columns();
+        const maxColumns = Math.max(1, this.maxColumns());
+        if (configuredColumns !== 'auto') {
+            return Math.max(1, configuredColumns);
+        }
+        const width = this.dashboardWidth();
+        if (width <= 0)
+            return 1;
+        const minTileWidth = Math.max(1, this.minTileWidth());
+        const gap = Math.max(0, this.gap());
+        const columns = Math.floor((width + gap) / (minTileWidth + gap));
+        return Math.max(1, Math.min(columns, maxColumns));
+    }, ...(ngDevMode ? [{ debugName: "activeColumns" }] : /* istanbul ignore next */ []));
     gridStyles = computed(() => ({
-        gridTemplateColumns: this.getGridTemplateColumns(),
-        gridAutoRows: `minmax(${this.clampPositiveNumber(this.rowHeight(), 80)}px, auto)`,
-        gap: `${this.clampPositiveNumber(this.gap(), 12)}px`,
-        padding: `${this.clampPositiveNumber(this.gap(), 12)}px`,
+        gridTemplateColumns: `repeat(${this.activeColumns()}, minmax(0, 1fr))`,
+        gridAutoRows: `${this.rowHeight()}px`,
+        gap: `${this.gap()}px`,
     }), ...(ngDevMode ? [{ debugName: "gridStyles" }] : /* istanbul ignore next */ []));
     constructor() {
         effect(() => {
-            if (!this.isBrowser || !this.hasLoadedStoredWidgets())
+            if (!this.storageReady())
                 return;
             const state = this.store.addedWidgets().map((w) => ({
                 id: w.id,
                 rows: w.rows,
                 columns: w.columns,
-                color: w.color,
-                customLabel: w.customLabel,
             }));
             localStorage.setItem(this.storageKey(), JSON.stringify(state));
         });
-        effect(() => {
-            const widgets = this.widgets();
-            this.setAvailableWidgets(widgets);
-            if (!this.hasLoadedStoredWidgets() && widgets.length > 0) {
-                this.loadFromStorage();
-                this.hasLoadedStoredWidgets.set(true);
-            }
-        });
         effect(() => {
             this.store.setConfig({
                 columns: this.columns(),
+                activeColumns: this.activeColumns(),
                 minTileWidth: this.minTileWidth(),
                 rowHeight: this.rowHeight(),
                 gap: this.gap(),
-                maxColumns: this.clampScale(this.maxColumns()),
-                maxRows: this.clampScale(this.maxRows()),
+                maxColumns: this.maxColumns(),
+                maxRows: this.maxRows(),
                 widgetPadding: this.widgetPadding(),
             });
         });
@@ -247,38 +257,32 @@ class DashboardWidgetsComponent {
             this.widgetChange.emit(this.store.addedWidgets());
         });
     }
+    ngOnInit() {
+        this.setAvailableWidgets();
+        this.loadFromStorage();
+        this.storageReady.set(true);
+    }
     ngAfterViewInit() {
-        if (!this.isBrowser)
-            return;
-        wrapGrid(this.dashboard.nativeElement, { duration: 220 });
+        wrapGrid(this.dashboard.nativeElement, { duration: 300 });
+        this.updateDashboardWidth();
+        this.resizeObserver = new ResizeObserver(() => this.updateDashboardWidth());
+        this.resizeObserver.observe(this.dashboard.nativeElement);
     }
-    setAvailableWidgets(widgets) {
-        this.store.setAvailableWidgets(widgets ?? []);
+    ngOnDestroy() {
+        this.resizeObserver?.disconnect();
     }
-    getGridTemplateColumns() {
-        if (this.columns() === 'auto') {
-            const minTileWidth = this.clampPositiveNumber(this.minTileWidth(), 200);
-            return `repeat(auto-fit, minmax(min(${minTileWidth}px, 100%), 1fr))`;
+    setAvailableWidgets() {
+        const widgets = this.widgets();
+        if (widgets?.length > 0) {
+            this.store.setAvailableWidgets(widgets);
         }
-        return `repeat(${this.clampScale(this.columns())}, minmax(0, 1fr))`;
-    }
-    clampScale(value) {
-        return Math.max(1, Math.min(this.MAX_WIDGET_SCALE, Math.trunc(value)));
-    }
-    clampPositiveNumber(value, fallback) {
-        return Number.isFinite(value) && value > 0 ? Math.trunc(value) : fallback;
     }
     loadFromStorage() {
-        if (!this.isBrowser)
-            return;
         const stored = localStorage.getItem(this.storageKey());
-        if (!stored) {
+        if (!stored)
             return;
-        }
         try {
             const parsed = JSON.parse(stored);
-            if (!Array.isArray(parsed))
-                return;
             const widgetMap = new Map(this.store.widgets().map((w) => [w.id, w]));
             if (parsed.length > 0 && typeof parsed[0] === 'number') {
                 const restoredWidgets = parsed
@@ -302,12 +306,15 @@ class DashboardWidgetsComponent {
             console.error(this.ERROR_PARSING_MESSAGE, e);
         }
     }
+    updateDashboardWidth() {
+        this.dashboardWidth.set(this.dashboard.nativeElement.clientWidth);
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DashboardWidgetsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    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\n        [matMenuTriggerFor]=\"addMenu\"\n        [disabled]=\"store.widgetsToAdd().length === 0\"\n        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;overflow-wrap:anywhere;line-height:1.2}.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;justify-items:stretch;width:100%;box-sizing:border-box;min-width:0;overflow:visible;contain:layout style}@media(max-width:599px){.dashboard-widgets-header{align-items:stretch;flex-direction:column}.dashboard-header-actions,.dashboard-header-actions button{width:100%}.dashboard-widgets{padding-inline:0!important}}\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" }] });
+    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    <button\n      mat-icon-button\n      (click)=\"store.toggleEditMode()\"\n      [matTooltip]=\"(store.editMode() ? 'DASHBOARD.LOCK' : 'DASHBOARD.UNLOCK') | translate\">\n      <mat-icon>{{ store.editMode() ? 'lock_open' : 'lock' }}</mat-icon>\n    </button>\n    @if (store.editMode()) {\n      <button [matMenuTriggerFor]=\"addMenu\" mat-raised-button>\n        <mat-icon>add_circle</mat-icon>\n        {{ 'DASHBOARD.ADD_WIDGET' | translate }}\n      </button>\n      <mat-menu #addMenu=\"matMenu\">\n        @for (widget of store.widgetsToAdd(); track widget.id) {\n          <button mat-menu-item (click)=\"store.addWidget(widget)\">{{ widget.label | translate }}</button>\n        } @empty {\n          <button mat-menu-item disabled>{{ 'DASHBOARD.NO_WIDGETS' | translate }}</button>\n        }\n      </mat-menu>\n    }\n  </div>\n</div>\n<div #dashboard class=\"dashboard-widgets\" [style]=\"gridStyles()\">\n  @for (w of store.addedWidgets(); track w.id) {\n    <app-widget [data]=\"w\"/>\n  }\n</div>", styles: [".dashboard-widgets-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.dashboard-title{margin:0}.dashboard-header-actions{display:flex;align-items:center;gap:8px}.dashboard-widgets{display:grid;width:100%;min-width:0;align-items:stretch}\n"], dependencies: [{ kind: "component", type: i1$2.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i1$2.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i1$2.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "component", type: i2.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i2.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i4.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: WidgetComponent, selector: "app-widget", inputs: ["data"] }, { kind: "pipe", type: i6.TranslatePipe, name: "translate" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DashboardWidgetsComponent, decorators: [{
             type: Component,
-            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\n        [matMenuTriggerFor]=\"addMenu\"\n        [disabled]=\"store.widgetsToAdd().length === 0\"\n        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;overflow-wrap:anywhere;line-height:1.2}.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;justify-items:stretch;width:100%;box-sizing:border-box;min-width:0;overflow:visible;contain:layout style}@media(max-width:599px){.dashboard-widgets-header{align-items:stretch;flex-direction:column}.dashboard-header-actions,.dashboard-header-actions button{width:100%}.dashboard-widgets{padding-inline:0!important}}\n"] }]
+            args: [{ selector: 'fidurcode-dashboard-widgets', standalone: false, providers: [WidgetService], template: "<div class=\"dashboard-widgets-header\">\n  <h2 class=\"dashboard-title\">{{title()}}</h2>\n  <div class=\"dashboard-header-actions\">\n    <button\n      mat-icon-button\n      (click)=\"store.toggleEditMode()\"\n      [matTooltip]=\"(store.editMode() ? 'DASHBOARD.LOCK' : 'DASHBOARD.UNLOCK') | translate\">\n      <mat-icon>{{ store.editMode() ? 'lock_open' : 'lock' }}</mat-icon>\n    </button>\n    @if (store.editMode()) {\n      <button [matMenuTriggerFor]=\"addMenu\" mat-raised-button>\n        <mat-icon>add_circle</mat-icon>\n        {{ 'DASHBOARD.ADD_WIDGET' | translate }}\n      </button>\n      <mat-menu #addMenu=\"matMenu\">\n        @for (widget of store.widgetsToAdd(); track widget.id) {\n          <button mat-menu-item (click)=\"store.addWidget(widget)\">{{ widget.label | translate }}</button>\n        } @empty {\n          <button mat-menu-item disabled>{{ 'DASHBOARD.NO_WIDGETS' | translate }}</button>\n        }\n      </mat-menu>\n    }\n  </div>\n</div>\n<div #dashboard class=\"dashboard-widgets\" [style]=\"gridStyles()\">\n  @for (w of store.addedWidgets(); track w.id) {\n    <app-widget [data]=\"w\"/>\n  }\n</div>", styles: [".dashboard-widgets-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.dashboard-title{margin:0}.dashboard-header-actions{display:flex;align-items:center;gap:8px}.dashboard-widgets{display:grid;width:100%;min-width:0;align-items:stretch}\n"] }]
         }], 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: [{
                 type: ViewChild,
                 args: ['dashboard', { static: true }]
@@ -321,29 +328,25 @@ class DashboardWidgetsSkeletonModule {
             MatButtonToggleModule,
             MatButtonModule,
             MatIconModule,
-            MatTooltipModule,
-            MatDividerModule], exports: [WidgetComponent,
+            MatTooltipModule], exports: [WidgetComponent,
             WidgetOptionsComponent,
             DashboardWidgetsComponent,
             MatMenuModule,
             MatButtonToggleModule,
             MatButtonModule,
             MatIconModule,
-            MatTooltipModule,
-            MatDividerModule] });
+            MatTooltipModule] });
     static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DashboardWidgetsSkeletonModule, imports: [CommonModule,
             TranslateModule.forChild(),
             MatMenuModule,
             MatButtonToggleModule,
             MatButtonModule,
             MatIconModule,
-            MatTooltipModule,
-            MatDividerModule, MatMenuModule,
+            MatTooltipModule, MatMenuModule,
             MatButtonToggleModule,
             MatButtonModule,
             MatIconModule,
-            MatTooltipModule,
-            MatDividerModule] });
+            MatTooltipModule] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: DashboardWidgetsSkeletonModule, decorators: [{
             type: NgModule,
@@ -361,7 +364,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImpo
                         MatButtonModule,
                         MatIconModule,
                         MatTooltipModule,
-                        MatDividerModule,
                     ],
                     exports: [
                         WidgetComponent,
@@ -372,7 +374,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImpo
                         MatButtonModule,
                         MatIconModule,
                         MatTooltipModule,
-                        MatDividerModule,
                     ],
                 }]
         }] });

package/fesm2022/fidurcode-dashboard-widgets-skeleton.mjs.map

@@ -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: 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 = new Set(this.addedWidgets().map((widget: Widget): number => widget.id));\n    return this.widgets().filter((w): boolean => !addedIds.has(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    if (this.addedWidgets().some((addedWidget) => addedWidget.id === widget.id)) return;\n\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 === -1 || 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    const safeValue = Number.isFinite(value) ? Math.trunc(value) : this.DEFAULT_WIDGET_SIZE;\n    const safeMax = Number.isFinite(max) ? Math.trunc(max) : this.DEFAULT_WIDGET_SIZE;\n    return Math.max(1, Math.min(Math.max(1, safeMax), safeValue));\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  canMoveLeft: Signal<boolean> = computed(() => this.widgetIndex() > 0);\n  canMoveRight: Signal<boolean> = computed(() => {\n    const index = this.widgetIndex();\n    return index !== -1 && index < this.store.addedWidgets().length - 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\n  private clampOptionCount(value: number): number {\n    return Math.max(1, Math.min(this.MAX_WIDGET_SCALE, Math.trunc(value)));\n  }\n\n  private widgetIndex(): number {\n    return this.store.addedWidgets().findIndex((widget) => widget.id === this.widget().id);\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    [attr.aria-label]=\"'WIDGET.DELETE' | translate\"\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    [attr.aria-label]=\"'WIDGET.CLOSE_OPTIONS' | translate\"\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      (keydown.escape)=\"showOptions.set(false)\"\n      [attr.aria-label]=\"'WIDGET.RENAME' | translate\"\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  [disabled]=\"!canMoveLeft()\"\n  [attr.aria-label]=\"'WIDGET.MOVE_LEFT' | translate\"\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  [disabled]=\"!canMoveRight()\"\n  [attr.aria-label]=\"'WIDGET.MOVE_RIGHT' | translate\"\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  @if (!showWidgetOptions()) {\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          [attr.aria-label]=\"'WIDGET.RENAME' | translate\"\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            [attr.aria-label]=\"'WIDGET.SETTINGS' | translate\"\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\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  output,\n  OutputEmitterRef,\n  Signal,\n  signal,\n  ViewChild,\n  WritableSignal,\n  PLATFORM_ID,\n} from '@angular/core';\nimport { isPlatformBrowser } from '@angular/common';\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 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  private readonly platformId = inject(PLATFORM_ID);\n  private readonly isBrowser = isPlatformBrowser(this.platformId);\n  private hasLoadedStoredWidgets: WritableSignal<boolean> = signal<boolean>(false);\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: this.getGridTemplateColumns(),\n    gridAutoRows: `minmax(${this.clampPositiveNumber(this.rowHeight(), 80)}px, auto)`,\n    gap: `${this.clampPositiveNumber(this.gap(), 12)}px`,\n    padding: `${this.clampPositiveNumber(this.gap(), 12)}px`,\n  }));\n\n  constructor() {\n    effect((): void => {\n      if (!this.isBrowser || !this.hasLoadedStoredWidgets()) return;\n\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      const widgets = this.widgets();\n      this.setAvailableWidgets(widgets);\n\n      if (!this.hasLoadedStoredWidgets() && widgets.length > 0) {\n        this.loadFromStorage();\n        this.hasLoadedStoredWidgets.set(true);\n      }\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  ngAfterViewInit(): void {\n    if (!this.isBrowser) return;\n\n    wrapGrid(this.dashboard.nativeElement, { duration: 220 });\n  }\n\n  private setAvailableWidgets(widgets: Widget[]): void {\n    this.store.setAvailableWidgets(widgets ?? []);\n  }\n\n  private getGridTemplateColumns(): string {\n    if (this.columns() === 'auto') {\n      const minTileWidth = this.clampPositiveNumber(this.minTileWidth(), 200);\n      return `repeat(auto-fit, minmax(min(${minTileWidth}px, 100%), 1fr))`;\n    }\n\n    return `repeat(${this.clampScale(this.columns() as number)}, minmax(0, 1fr))`;\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 clampPositiveNumber(value: number, fallback: number): number {\n    return Number.isFinite(value) && value > 0 ? Math.trunc(value) : fallback;\n  }\n\n  private loadFromStorage(): void {\n    if (!this.isBrowser) return;\n\n    const stored = localStorage.getItem(this.storageKey());\n    if (!stored) {\n      return;\n    }\n\n    try {\n      const parsed = JSON.parse(stored) as unknown;\n      if (!Array.isArray(parsed)) return;\n\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\n        [matMenuTriggerFor]=\"addMenu\"\n        [disabled]=\"store.widgetsToAdd().length === 0\"\n        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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"}
+{"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  activeColumns: number;\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  activeColumns: 1,\n  minTileWidth: 200,\n  rowHeight: 80,\n  gap: 12,\n  maxColumns: 4,\n  maxRows: 4,\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  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.normalizeRows(widget.defaultRows ?? widget.rows),\n        columns: this.normalizeColumns(widget.defaultColumns ?? widget.columns),\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] = this.normalizeWidgetSize({ ...newWidgets[index], ...widget });\n      this.addedWidgets.set(newWidgets);\n    }\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 normalizeWidgetSize(widget: Widget): Widget {\n    return {\n      ...widget,\n      rows: this.normalizeRows(widget.rows),\n      columns: this.normalizeColumns(widget.columns),\n    };\n  }\n\n  private normalizeColumns(columns: number | undefined): number {\n    return this.clamp(columns ?? 1, 1, this.config().maxColumns);\n  }\n\n  private normalizeRows(rows: number | undefined): number {\n    return this.clamp(rows ?? 1, 1, this.config().maxRows);\n  }\n\n  private clamp(value: number, min: number, max: number): number {\n    return Math.min(Math.max(Math.round(value), min), Math.max(min, max));\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  canMoveLeft(): boolean {\n    return this.store.addedWidgets().findIndex((w) => w.id === this.widget().id) > 0;\n  }\n\n  canMoveRight(): boolean {\n    const index = this.store.addedWidgets().findIndex((w) => w.id === this.widget().id);\n    return index >= 0 && index < this.store.addedWidgets().length - 1;\n  }\n}\n","<div class=\"options-top-bar\">\n  <button\n    mat-icon-button\n    (click)=\"store.moveWidgetToLeft(widget().id)\"\n    [disabled]=\"!canMoveLeft()\"\n    [matTooltip]=\"'WIDGET.MOVE_LEFT' | translate\">\n    <mat-icon>chevron_left</mat-icon>\n  </button>\n  <button\n    mat-icon-button\n    (click)=\"store.moveWidgetToRight(widget().id)\"\n    [disabled]=\"!canMoveRight()\"\n    [matTooltip]=\"'WIDGET.MOVE_RIGHT' | translate\">\n    <mat-icon>chevron_right</mat-icon>\n  </button>\n  <span class=\"spacer\"></span>\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  <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=\"size-configurator\">\n    <div class=\"size-row\">\n      <span class=\"option-label\">{{ 'WIDGET.WIDTH' | translate }}</span>\n      <mat-button-toggle-group\n        (change)=\"store.updateWidget(widget().id, { columns: +$event.value })\"\n        [hideSingleSelectionIndicator]=\"true\"\n        [value]=\"widget().columns ?? 1\">\n        @for (n of colOptions(); track n) {\n          <mat-button-toggle [value]=\"n\">{{ n }}</mat-button-toggle>\n        }\n      </mat-button-toggle-group>\n    </div>\n    <div class=\"size-row\">\n      <span class=\"option-label\">{{ 'WIDGET.HEIGHT' | translate }}</span>\n      <mat-button-toggle-group\n        (change)=\"store.updateWidget(widget().id, { rows: +$event.value })\"\n        [hideSingleSelectionIndicator]=\"true\"\n        [value]=\"widget().rows ?? 1\">\n        @for (n of rowOptions(); track n) {\n          <mat-button-toggle [value]=\"n\">{{ n }}</mat-button-toggle>\n        }\n      </mat-button-toggle-group>\n    </div>\n  </div>\n</div>\n","import {\n  AfterViewInit,\n  Component,\n  computed,\n  ElementRef,\n  inject,\n  input,\n  InputSignal,\n  OnDestroy,\n  Signal,\n  signal,\n  ViewChild,\n  WritableSignal,\n} from '@angular/core';\nimport { DashboardWidgetContentSize, 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 implements AfterViewInit, OnDestroy {\n  data: InputSignal<Widget> = input.required<Widget>();\n\n  store = inject(WidgetService);\n\n  @ViewChild('contentHost') contentHost?: ElementRef<HTMLElement>;\n\n  showWidgetOptions: WritableSignal<boolean> = signal<boolean>(false);\n  contentSize: WritableSignal<DashboardWidgetContentSize> = signal<DashboardWidgetContentSize>({\n    width: 0,\n    height: 0,\n    rows: 1,\n    columns: 1,\n  });\n\n  private resizeObserver?: ResizeObserver;\n\n  gridArea: Signal<string> = computed(() => {\n    const widget = this.data();\n    const rows = this.normalizeSpan(widget.rows, this.store.config().maxRows);\n    const columns = this.normalizeSpan(\n      widget.columns,\n      Math.min(this.store.config().maxColumns, this.store.config().activeColumns),\n    );\n    return `span ${rows} / span ${columns}`;\n  });\n\n  widgetPadding: Signal<string> = computed(() => `${this.store.config().widgetPadding}px`);\n\n  contentInputs: Signal<{ widgetSize: DashboardWidgetContentSize }> = computed(() => ({\n    widgetSize: this.contentSize(),\n  }));\n\n  ngAfterViewInit(): void {\n    this.updateContentSize();\n    const element = this.contentHost?.nativeElement;\n    if (!element) return;\n    this.resizeObserver = new ResizeObserver(() => this.updateContentSize());\n    this.resizeObserver.observe(element);\n  }\n\n  ngOnDestroy(): void {\n    this.resizeObserver?.disconnect();\n  }\n\n  private updateContentSize(): void {\n    const element = this.contentHost?.nativeElement;\n    if (!element) return;\n    const rect = element.getBoundingClientRect();\n    this.contentSize.set({\n      width: Math.round(rect.width),\n      height: Math.round(rect.height),\n      rows: this.normalizeSpan(this.data().rows, this.store.config().maxRows),\n      columns: this.normalizeSpan(\n        this.data().columns,\n        Math.min(this.store.config().maxColumns, this.store.config().activeColumns),\n      ),\n    });\n  }\n\n  private normalizeSpan(value: number | undefined, max: number): number {\n    return Math.min(Math.max(Math.round(value ?? 1), 1), Math.max(max, 1));\n  }\n}\n","<div class=\"widget-container mat-elevation-z3\">\n  <div class=\"widget-header\">\n    <h3 class=\"widget-title\">{{ data().label | translate }}</h3>\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 #contentHost class=\"widget-content\">\n    <ng-container [ngComponentOutlet]=\"data().content\" [ngComponentOutletInputs]=\"contentInputs()\"/>\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  OnDestroy,\n  OnInit,\n  output,\n  OutputEmitterRef,\n  Signal,\n  signal,\n  ViewChild,\n  WritableSignal,\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'>;\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, OnDestroy {\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  private dashboardWidth: WritableSignal<number> = signal<number>(0);\n  private storageReady: WritableSignal<boolean> = signal<boolean>(false);\n  private resizeObserver?: ResizeObserver;\n\n  activeColumns: Signal<number> = computed(() => {\n    const configuredColumns = this.columns();\n    const maxColumns = Math.max(1, this.maxColumns());\n\n    if (configuredColumns !== 'auto') {\n      return Math.max(1, configuredColumns);\n    }\n\n    const width = this.dashboardWidth();\n    if (width <= 0) return 1;\n\n    const minTileWidth = Math.max(1, this.minTileWidth());\n    const gap = Math.max(0, this.gap());\n    const columns = Math.floor((width + gap) / (minTileWidth + gap));\n\n    return Math.max(1, Math.min(columns, maxColumns));\n  });\n\n  gridStyles: Signal<Record<string, string>> = computed(() => ({\n    gridTemplateColumns: `repeat(${this.activeColumns()}, minmax(0, 1fr))`,\n    gridAutoRows: `${this.rowHeight()}px`,\n    gap: `${this.gap()}px`,\n  }));\n\n  constructor() {\n    effect((): void => {\n      if (!this.storageReady()) return;\n      const state: StoredWidgetState[] = this.store.addedWidgets().map((w) => ({\n        id: w.id,\n        rows: w.rows,\n        columns: w.columns,\n      }));\n      localStorage.setItem(this.storageKey(), JSON.stringify(state));\n    });\n\n    effect((): void => {\n      this.store.setConfig({\n        columns: this.columns(),\n        activeColumns: this.activeColumns(),\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    this.storageReady.set(true);\n  }\n\n  ngAfterViewInit(): void {\n    wrapGrid(this.dashboard.nativeElement, { duration: 300 });\n    this.updateDashboardWidth();\n    this.resizeObserver = new ResizeObserver(() => this.updateDashboardWidth());\n    this.resizeObserver.observe(this.dashboard.nativeElement);\n  }\n\n  ngOnDestroy(): void {\n    this.resizeObserver?.disconnect();\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  private updateDashboardWidth(): void {\n    this.dashboardWidth.set(this.dashboard.nativeElement.clientWidth);\n  }\n}\n","<div class=\"dashboard-widgets-header\">\n  <h2 class=\"dashboard-title\">{{title()}}</h2>\n  <div class=\"dashboard-header-actions\">\n    <button\n      mat-icon-button\n      (click)=\"store.toggleEditMode()\"\n      [matTooltip]=\"(store.editMode() ? 'DASHBOARD.LOCK' : 'DASHBOARD.UNLOCK') | translate\">\n      <mat-icon>{{ store.editMode() ? 'lock_open' : 'lock' }}</mat-icon>\n    </button>\n    @if (store.editMode()) {\n      <button [matMenuTriggerFor]=\"addMenu\" mat-raised-button>\n        <mat-icon>add_circle</mat-icon>\n        {{ 'DASHBOARD.ADD_WIDGET' | translate }}\n      </button>\n      <mat-menu #addMenu=\"matMenu\">\n        @for (widget of store.widgetsToAdd(); track widget.id) {\n          <button mat-menu-item (click)=\"store.addWidget(widget)\">{{ widget.label | translate }}</button>\n        } @empty {\n          <button mat-menu-item disabled>{{ 'DASHBOARD.NO_WIDGETS' | translate }}</button>\n        }\n      </mat-menu>\n    }\n  </div>\n</div>\n<div #dashboard class=\"dashboard-widgets\" [style]=\"gridStyles()\">\n  @for (w of store.addedWidgets(); track w.id) {\n    <app-widget [data]=\"w\"/>\n  }\n</div>","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { WidgetComponent } from './components/widget/widget.component';\nimport { WidgetOptionsComponent } from './components/widget-options/widget-options.component';\nimport { DashboardWidgetsComponent } from './components/dashboard-widgets/dashboard-widgets.component';\nimport { MatMenuModule } from '@angular/material/menu';\nimport { MatButtonToggleModule } from '@angular/material/button-toggle';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatTooltipModule } from '@angular/material/tooltip';\nimport { 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  ],\n  exports: [\n    WidgetComponent,\n    WidgetOptionsComponent,\n    DashboardWidgetsComponent,\n    MatMenuModule,\n    MatButtonToggleModule,\n    MatButtonModule,\n    MatIconModule,\n    MatTooltipModule,\n  ],\n})\nexport class DashboardWidgetsSkeletonModule {}\n","/*\n * Public API Surface of dashboard-widgets-skeleton\n */\n\nexport * from './lib/components/widget/widget';\nexport * from './lib/components/widget/widget.component';\nexport * from './lib/components/widget-options/widget-options.component';\nexport * from './lib/components/dashboard-widgets/dashboard-widgets.component';\nexport * from './lib/models/dashboard-config';\nexport * from './lib/services/widget.service';\nexport * from './lib/dashboard-widgets-skeleton.module';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i5","i1","i5.WidgetOptionsComponent","i5.WidgetComponent"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fidurcode/dashboard-widgets-skeleton",
-  "version": "2.0.10",
+  "version": "2.0.12",
   "license": "MIT",
   "peerDependencies": {
     "animate-css-grid": "^1.5.1",

package/types/fidurcode-dashboard-widgets-skeleton.d.ts

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { Type, WritableSignal, Signal, InputSignal, ModelSignal, AfterViewInit, OutputEmitterRef, ElementRef } from '@angular/core';
+import { InputSignal, Type, WritableSignal, Signal, AfterViewInit, OnDestroy, ElementRef, ModelSignal, OnInit, OutputEmitterRef } from '@angular/core';
 import * as i4 from '@angular/common';
 import * as i5 from '@ngx-translate/core';
 import * as i6 from '@angular/material/menu';
@@ -7,22 +7,29 @@ import * as i7 from '@angular/material/button-toggle';
 import * as i8 from '@angular/material/button';
 import * as i9 from '@angular/material/icon';
 import * as i10 from '@angular/material/tooltip';
-import * as i11 from '@angular/material/divider';
 
+interface DashboardWidgetContentSize {
+    width: number;
+    height: number;
+    rows: number;
+    columns: number;
+}
+interface DashboardWidgetContentComponent {
+    widgetSize: DashboardWidgetContentSize | InputSignal<DashboardWidgetContentSize>;
+}
 interface Widget {
     id: number;
     label: string;
-    content: Type<unknown>;
+    content: Type<DashboardWidgetContentComponent>;
     rows?: number;
     columns?: number;
     defaultRows?: number;
     defaultColumns?: number;
-    color?: string;
-    customLabel?: string;
 }
 
 interface DashboardConfig {
     columns: number | 'auto';
+    activeColumns: number;
     minTileWidth: number;
     rowHeight: number;
     gap: number;
@@ -33,7 +40,6 @@ interface DashboardConfig {
 declare const DEFAULT_DASHBOARD_CONFIG: DashboardConfig;
 
 declare class WidgetService {
-    private readonly DEFAULT_WIDGET_SIZE;
     widgets: WritableSignal<Widget[]>;
     addedWidgets: WritableSignal<Widget[]>;
     config: WritableSignal<DashboardConfig>;
@@ -43,58 +49,53 @@ declare class WidgetService {
     setConfig(config: Partial<DashboardConfig>): void;
     addWidget(widget: Widget): void;
     updateWidget(id: number, widget: Partial<Widget>): void;
-    renameWidget(id: number, customLabel: string): void;
-    setWidgetColor(id: number, color: string | undefined): void;
     toggleEditMode(): void;
     moveWidgetToLeft(id: number): void;
     moveWidgetToRight(id: number): void;
     deleteWidget(id: number): void;
-    private clampScale;
+    private normalizeWidgetSize;
+    private normalizeColumns;
+    private normalizeRows;
+    private clamp;
     static ɵfac: i0.ɵɵFactoryDeclaration<WidgetService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<WidgetService>;
 }
 
-declare class WidgetComponent {
-    private readonly DEFAULT_WIDGET_SIZE;
+declare class WidgetComponent implements AfterViewInit, OnDestroy {
     data: InputSignal<Widget>;
     store: WidgetService;
+    contentHost?: ElementRef<HTMLElement>;
     showWidgetOptions: WritableSignal<boolean>;
-    isRenaming: WritableSignal<boolean>;
+    contentSize: WritableSignal<DashboardWidgetContentSize>;
+    private resizeObserver?;
     gridArea: Signal<string>;
     widgetPadding: Signal<string>;
-    startRename(): void;
-    finishRename(event: Event): void;
-    private clampScale;
+    contentInputs: Signal<{
+        widgetSize: DashboardWidgetContentSize;
+    }>;
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    private updateContentSize;
+    private normalizeSpan;
     static ɵfac: i0.ɵɵFactoryDeclaration<WidgetComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<WidgetComponent, "app-widget", never, { "data": { "alias": "data"; "required": true; "isSignal": true; }; }, {}, never, never, false, never>;
 }
 
 declare class WidgetOptionsComponent {
-    private readonly DEFAULT_WIDGET_SIZE;
-    private readonly MAX_WIDGET_SCALE;
     widget: InputSignal<Widget>;
     showOptions: ModelSignal<boolean>;
     store: WidgetService;
     colOptions: Signal<number[]>;
     rowOptions: Signal<number[]>;
-    selectedColumns: Signal<number>;
-    selectedRows: Signal<number>;
-    canMoveLeft: Signal<boolean>;
-    canMoveRight: Signal<boolean>;
-    onRenameBlur(event: Event): void;
-    private clampOptionCount;
-    private widgetIndex;
+    canMoveLeft(): boolean;
+    canMoveRight(): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<WidgetOptionsComponent, never>;
     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>;
 }
 
-declare class DashboardWidgetsComponent implements AfterViewInit {
+declare class DashboardWidgetsComponent implements OnInit, AfterViewInit, OnDestroy {
     private readonly DEFAULT_STORAGE_KEY;
     private readonly ERROR_PARSING_MESSAGE;
-    private readonly MAX_WIDGET_SCALE;
-    private readonly platformId;
-    private readonly isBrowser;
-    private hasLoadedStoredWidgets;
     title: InputSignal<string>;
     widgets: InputSignal<Widget[]>;
     storageKey: InputSignal<string>;
@@ -109,24 +110,28 @@ declare class DashboardWidgetsComponent implements AfterViewInit {
     widgetChange: OutputEmitterRef<Widget[]>;
     store: WidgetService;
     dashboard: ElementRef;
+    private dashboardWidth;
+    private storageReady;
+    private resizeObserver?;
+    activeColumns: Signal<number>;
     gridStyles: Signal<Record<string, string>>;
     constructor();
+    ngOnInit(): void;
     ngAfterViewInit(): void;
+    ngOnDestroy(): void;
     private setAvailableWidgets;
-    private getGridTemplateColumns;
-    private clampScale;
-    private clampPositiveNumber;
     private loadFromStorage;
+    private updateDashboardWidth;
     static ɵfac: i0.ɵɵFactoryDeclaration<DashboardWidgetsComponent, never>;
     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>;
 }
 
 declare class DashboardWidgetsSkeletonModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<DashboardWidgetsSkeletonModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<DashboardWidgetsSkeletonModule, [typeof WidgetComponent, typeof WidgetOptionsComponent, typeof DashboardWidgetsComponent], [typeof i4.CommonModule, typeof i5.TranslateModule, typeof i6.MatMenuModule, typeof i7.MatButtonToggleModule, typeof i8.MatButtonModule, typeof i9.MatIconModule, typeof i10.MatTooltipModule, typeof i11.MatDividerModule], [typeof WidgetComponent, typeof WidgetOptionsComponent, typeof DashboardWidgetsComponent, typeof i6.MatMenuModule, typeof i7.MatButtonToggleModule, typeof i8.MatButtonModule, typeof i9.MatIconModule, typeof i10.MatTooltipModule, typeof i11.MatDividerModule]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<DashboardWidgetsSkeletonModule, [typeof WidgetComponent, typeof WidgetOptionsComponent, typeof DashboardWidgetsComponent], [typeof i4.CommonModule, typeof i5.TranslateModule, typeof i6.MatMenuModule, typeof i7.MatButtonToggleModule, typeof i8.MatButtonModule, typeof i9.MatIconModule, typeof i10.MatTooltipModule], [typeof WidgetComponent, typeof WidgetOptionsComponent, typeof DashboardWidgetsComponent, typeof i6.MatMenuModule, typeof i7.MatButtonToggleModule, typeof i8.MatButtonModule, typeof i9.MatIconModule, typeof i10.MatTooltipModule]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<DashboardWidgetsSkeletonModule>;
 }
 
 export { DEFAULT_DASHBOARD_CONFIG, DashboardWidgetsComponent, DashboardWidgetsSkeletonModule, WidgetComponent, WidgetOptionsComponent, WidgetService };
-export type { DashboardConfig, Widget };
+export type { DashboardConfig, DashboardWidgetContentComponent, DashboardWidgetContentSize, Widget };
 //# sourceMappingURL=fidurcode-dashboard-widgets-skeleton.d.ts.map

package/types/fidurcode-dashboard-widgets-skeleton.d.ts.map

@@ -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;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;AAgBxB,qCAAiC,OAAO,CAAC,MAAM;;;AAyB/C;AAIA;AAQA;AAQA;AAIA;yCAtFW,aAAa;6CAAb,aAAa;AA2FzB;;ACzFD,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;AAGpB,iBAAa,MAAM;AACnB,kBAAc,MAAM;AAKpB,wBAAoB,KAAK;AAKzB;AAIA;yCAtCW,sBAAsB;2CAAtB,sBAAsB;AAyClC;;ACpCD,cAOa,yBAA0B,YAAW,aAAa;AAC7D;AACA;AACA;AACA;AACA;;AAGA,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;;AAoDzB;AAMA;AAIA;AASA;AAIA;AAIA;yCA1GW,yBAAyB;2CAAzB,yBAAyB;AA6IrC;;AC/JD,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"]}
+{"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,0BAA0B;;;;;AAK1C;UAEgB,+BAA+B;AAC9C,gBAAY,0BAA0B,GAAG,WAAW,CAAC,0BAA0B;AAChF;UAEgB,MAAM;;;AAGrB,aAAS,IAAI,CAAC,+BAA+B;;;;;AAK9C;;UCrBgB,eAAe;AAC9B;;;;;;;;AAQD;AAED,cAAa,wBAAwB,EAAE,eAStC;;ACVD,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;AAS/C;AAIA;AAQA;AAQA;AAIA;AAQA;AAIA;AAIA;yCA/EW,aAAa;6CAAb,aAAa;AAkFzB;;AC5ED,cAUa,eAAgB,YAAW,aAAa,EAAE,SAAS;AAC9D,UAAM,WAAW,CAAC,MAAM;AAExB,WAAK,aAAA;AAEqB,kBAAc,UAAU,CAAC,WAAW;AAE9D,uBAAmB,cAAc;AACjC,iBAAa,cAAc,CAAC,0BAA0B;;AAStD,cAAU,MAAM;AAUhB,mBAAe,MAAM;mBAEN,MAAM;oBAAe,0BAA0B;AAAE;AAIhE;AAQA;AAIA;AAeA;yCA5DW,eAAe;2CAAf,eAAe;AA+D3B;;AC7ED,cAMa,sBAAsB;AACjC,YAAQ,WAAW,CAAC,MAAM;AAC1B,iBAAa,WAAW;AAExB,WAAK,aAAA;AAEL,gBAAY,MAAM;AAIlB,gBAAY,MAAM;AAIlB;AAIA;yCAlBW,sBAAsB;2CAAtB,sBAAsB;AAsBlC;;ACjBD,cAOa,yBAA0B,YAAW,MAAM,EAAE,aAAa,EAAE,SAAS;AAChF;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;;;;AAMhE,mBAAe,MAAM;gBAkBT,MAAM,CAAC,MAAM;;AAuCzB;AAMA;AAOA;AAIA;AAOA;AA8BA;yCA1IW,yBAAyB;2CAAzB,yBAAyB;AA6IrC;;AChKD,cA0Ba,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,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;0CAA9B,8BAA8B;AAAG;;;;","names":["i1.WidgetComponent","i2.WidgetOptionsComponent","i3.DashboardWidgetsComponent"]}