@elementar-rt/components 0.6.58 → 0.7.1

package/fesm2022/elementar-rt-components-grid.mjs

@@ -2,23 +2,23 @@ import * as i0 from '@angular/core';
 import { input, computed, ChangeDetectionStrategy, Component } from '@angular/core';
 
 class GridComponent {
-    columns = input(1, ...(ngDevMode ? [{ debugName: "columns" }] : []));
-    gap = input('', ...(ngDevMode ? [{ debugName: "gap" }] : []));
-    rowGap = input('', ...(ngDevMode ? [{ debugName: "rowGap" }] : []));
-    align = input('start', ...(ngDevMode ? [{ debugName: "align" }] : []));
-    justify = input('stretch', ...(ngDevMode ? [{ debugName: "justify" }] : []));
+    columns = input(1, ...(ngDevMode ? [{ debugName: "columns" }] : /* istanbul ignore next */ []));
+    gap = input('', ...(ngDevMode ? [{ debugName: "gap" }] : /* istanbul ignore next */ []));
+    rowGap = input('', ...(ngDevMode ? [{ debugName: "rowGap" }] : /* istanbul ignore next */ []));
+    align = input('start', ...(ngDevMode ? [{ debugName: "align" }] : /* istanbul ignore next */ []));
+    justify = input('stretch', ...(ngDevMode ? [{ debugName: "justify" }] : /* istanbul ignore next */ []));
     _colsStyle = computed(() => {
         const c = this.columns();
         if (typeof c === 'number')
             return `repeat(${c}, 1fr)`;
         return `repeat(${c.xs ?? 1}, 1fr)`;
-    }, ...(ngDevMode ? [{ debugName: "_colsStyle" }] : []));
-    _gapStyle = computed(() => this.gap() || null, ...(ngDevMode ? [{ debugName: "_gapStyle" }] : []));
-    _rowGapStyle = computed(() => this.rowGap() || null, ...(ngDevMode ? [{ debugName: "_rowGapStyle" }] : []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: GridComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.25", type: GridComponent, isStandalone: true, selector: "emr-grid", inputs: { columns: { classPropertyName: "columns", publicName: "columns", isSignal: true, isRequired: false, transformFunction: null }, gap: { classPropertyName: "gap", publicName: "gap", isSignal: true, isRequired: false, transformFunction: null }, rowGap: { classPropertyName: "rowGap", publicName: "rowGap", isSignal: true, isRequired: false, transformFunction: null }, align: { classPropertyName: "align", publicName: "align", isSignal: true, isRequired: false, transformFunction: null }, justify: { classPropertyName: "justify", publicName: "justify", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "style.--emr-grid-cols": "_colsStyle()", "style.--emr-grid-gap": "_gapStyle()", "style.--emr-grid-row-gap": "_rowGapStyle()", "style.--emr-grid-align": "align()", "style.--emr-grid-justify": "justify()" } }, ngImport: i0, template: `<ng-content />`, isInline: true, styles: [":host{display:grid;grid-template-columns:var(--emr-grid-cols, repeat(1, 1fr));gap:var(--emr-grid-gap, calc(var(--spacing, .25rem) * 4));row-gap:var(--emr-grid-row-gap, var(--emr-grid-gap, calc(var(--spacing, .25rem) * 4)));align-items:var(--emr-grid-align, start);justify-items:var(--emr-grid-justify, stretch)}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    }, ...(ngDevMode ? [{ debugName: "_colsStyle" }] : /* istanbul ignore next */ []));
+    _gapStyle = computed(() => this.gap() || null, ...(ngDevMode ? [{ debugName: "_gapStyle" }] : /* istanbul ignore next */ []));
+    _rowGapStyle = computed(() => this.rowGap() || null, ...(ngDevMode ? [{ debugName: "_rowGapStyle" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: GridComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.22", type: GridComponent, isStandalone: true, selector: "emr-grid", inputs: { columns: { classPropertyName: "columns", publicName: "columns", isSignal: true, isRequired: false, transformFunction: null }, gap: { classPropertyName: "gap", publicName: "gap", isSignal: true, isRequired: false, transformFunction: null }, rowGap: { classPropertyName: "rowGap", publicName: "rowGap", isSignal: true, isRequired: false, transformFunction: null }, align: { classPropertyName: "align", publicName: "align", isSignal: true, isRequired: false, transformFunction: null }, justify: { classPropertyName: "justify", publicName: "justify", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "style.--emr-grid-cols": "_colsStyle()", "style.--emr-grid-gap": "_gapStyle()", "style.--emr-grid-row-gap": "_rowGapStyle()", "style.--emr-grid-align": "align()", "style.--emr-grid-justify": "justify()" } }, ngImport: i0, template: `<ng-content />`, isInline: true, styles: [":host{display:grid;grid-template-columns:var(--emr-grid-cols, repeat(1, 1fr));gap:var(--emr-grid-gap, calc(var(--spacing, .25rem) * 4));row-gap:var(--emr-grid-row-gap, var(--emr-grid-gap, calc(var(--spacing, .25rem) * 4)));align-items:var(--emr-grid-align, start);justify-items:var(--emr-grid-justify, stretch)}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: GridComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: GridComponent, decorators: [{
             type: Component,
             args: [{ selector: 'emr-grid', standalone: true, template: `<ng-content />`, changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         '[style.--emr-grid-cols]': '_colsStyle()',
@@ -26,7 +26,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImpo
                         '[style.--emr-grid-row-gap]': '_rowGapStyle()',
                         '[style.--emr-grid-align]': 'align()',
                         '[style.--emr-grid-justify]': 'justify()',
-                    }, styles: [":host{display:grid;grid-template-columns:var(--emr-grid-cols, repeat(1, 1fr));gap:var(--emr-grid-gap, calc(var(--spacing, .25rem) * 4));row-gap:var(--emr-grid-row-gap, var(--emr-grid-gap, calc(var(--spacing, .25rem) * 4)));align-items:var(--emr-grid-align, start);justify-items:var(--emr-grid-justify, stretch)}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"] }]
+                    }, styles: [":host{display:grid;grid-template-columns:var(--emr-grid-cols, repeat(1, 1fr));gap:var(--emr-grid-gap, calc(var(--spacing, .25rem) * 4));row-gap:var(--emr-grid-row-gap, var(--emr-grid-gap, calc(var(--spacing, .25rem) * 4)));align-items:var(--emr-grid-align, start);justify-items:var(--emr-grid-justify, stretch)}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"] }]
         }], propDecorators: { columns: [{ type: i0.Input, args: [{ isSignal: true, alias: "columns", required: false }] }], gap: [{ type: i0.Input, args: [{ isSignal: true, alias: "gap", required: false }] }], rowGap: [{ type: i0.Input, args: [{ isSignal: true, alias: "rowGap", required: false }] }], align: [{ type: i0.Input, args: [{ isSignal: true, alias: "align", required: false }] }], justify: [{ type: i0.Input, args: [{ isSignal: true, alias: "justify", required: false }] }] } });
 
 /**

package/fesm2022/elementar-rt-components-grid.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"elementar-rt-components-grid.mjs","sources":["../../../projects/components/grid/src/grid/grid.component.ts","../../../projects/components/grid/elementar-rt-components-grid.ts"],"sourcesContent":["import { Component, input, computed, ChangeDetectionStrategy, numberAttribute } from '@angular/core';\n\nexport type GridColumns = number | { xs?: number; sm?: number; md?: number; lg?: number; xl?: number };\n\n@Component({\n  selector: 'emr-grid',\n  standalone: true,\n  template: `<ng-content />`,\n  styles: [`\n    @reference 'tailwindcss';\n\n    :host {\n      display: grid;\n      grid-template-columns: var(--emr-grid-cols, repeat(1, 1fr));\n      gap: var(--emr-grid-gap, --spacing(4));\n      row-gap: var(--emr-grid-row-gap, var(--emr-grid-gap, --spacing(4)));\n      align-items: var(--emr-grid-align, start);\n      justify-items: var(--emr-grid-justify, stretch);\n    }\n  `],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    '[style.--emr-grid-cols]': '_colsStyle()',\n    '[style.--emr-grid-gap]': '_gapStyle()',\n    '[style.--emr-grid-row-gap]': '_rowGapStyle()',\n    '[style.--emr-grid-align]': 'align()',\n    '[style.--emr-grid-justify]': 'justify()',\n  }\n})\nexport class GridComponent {\n  columns = input<GridColumns>(1);\n  gap = input<string>('');\n  rowGap = input<string>('');\n  align = input<string>('start');\n  justify = input<string>('stretch');\n\n  protected _colsStyle = computed(() => {\n    const c = this.columns();\n    if (typeof c === 'number') return `repeat(${c}, 1fr)`;\n    return `repeat(${c.xs ?? 1}, 1fr)`;\n  });\n\n  protected _gapStyle = computed(() => this.gap() || null);\n  protected _rowGapStyle = computed(() => this.rowGap() || null);\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;MA6Ba,aAAa,CAAA;AACxB,IAAA,OAAO,GAAG,KAAK,CAAc,CAAC,mDAAC;AAC/B,IAAA,GAAG,GAAG,KAAK,CAAS,EAAE,+CAAC;AACvB,IAAA,MAAM,GAAG,KAAK,CAAS,EAAE,kDAAC;AAC1B,IAAA,KAAK,GAAG,KAAK,CAAS,OAAO,iDAAC;AAC9B,IAAA,OAAO,GAAG,KAAK,CAAS,SAAS,mDAAC;AAExB,IAAA,UAAU,GAAG,QAAQ,CAAC,MAAK;AACnC,QAAA,MAAM,CAAC,GAAG,IAAI,CAAC,OAAO,EAAE;QACxB,IAAI,OAAO,CAAC,KAAK,QAAQ;YAAE,OAAO,CAAA,OAAA,EAAU,CAAC,CAAA,MAAA,CAAQ;AACrD,QAAA,OAAO,UAAU,CAAC,CAAC,EAAE,IAAI,CAAC,QAAQ;AACpC,IAAA,CAAC,sDAAC;AAEQ,IAAA,SAAS,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,GAAG,EAAE,IAAI,IAAI,qDAAC;AAC9C,IAAA,YAAY,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,MAAM,EAAE,IAAI,IAAI,wDAAC;wGAdnD,aAAa,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAb,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,aAAa,u5BAtBd,CAAA,cAAA,CAAgB,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,8XAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;4FAsBf,aAAa,EAAA,UAAA,EAAA,CAAA;kBAzBzB,SAAS;+BACE,UAAU,EAAA,UAAA,EACR,IAAI,EAAA,QAAA,EACN,CAAA,cAAA,CAAgB,mBAaT,uBAAuB,CAAC,MAAM,EAAA,IAAA,EACzC;AACJ,wBAAA,yBAAyB,EAAE,cAAc;AACzC,wBAAA,wBAAwB,EAAE,aAAa;AACvC,wBAAA,4BAA4B,EAAE,gBAAgB;AAC9C,wBAAA,0BAA0B,EAAE,SAAS;AACrC,wBAAA,4BAA4B,EAAE,WAAW;AAC1C,qBAAA,EAAA,MAAA,EAAA,CAAA,8XAAA,CAAA,EAAA;;;AC3BH;;AAEG;;;;"}
+{"version":3,"file":"elementar-rt-components-grid.mjs","sources":["../../../projects/components/grid/src/grid/grid.component.ts","../../../projects/components/grid/elementar-rt-components-grid.ts"],"sourcesContent":["import { Component, input, computed, ChangeDetectionStrategy, numberAttribute } from '@angular/core';\n\nexport type GridColumns = number | { xs?: number; sm?: number; md?: number; lg?: number; xl?: number };\n\n@Component({\n  selector: 'emr-grid',\n  standalone: true,\n  template: `<ng-content />`,\n  styles: [`\n    @reference 'tailwindcss';\n\n    :host {\n      display: grid;\n      grid-template-columns: var(--emr-grid-cols, repeat(1, 1fr));\n      gap: var(--emr-grid-gap, --spacing(4));\n      row-gap: var(--emr-grid-row-gap, var(--emr-grid-gap, --spacing(4)));\n      align-items: var(--emr-grid-align, start);\n      justify-items: var(--emr-grid-justify, stretch);\n    }\n  `],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    '[style.--emr-grid-cols]': '_colsStyle()',\n    '[style.--emr-grid-gap]': '_gapStyle()',\n    '[style.--emr-grid-row-gap]': '_rowGapStyle()',\n    '[style.--emr-grid-align]': 'align()',\n    '[style.--emr-grid-justify]': 'justify()',\n  }\n})\nexport class GridComponent {\n  columns = input<GridColumns>(1);\n  gap = input<string>('');\n  rowGap = input<string>('');\n  align = input<string>('start');\n  justify = input<string>('stretch');\n\n  protected _colsStyle = computed(() => {\n    const c = this.columns();\n    if (typeof c === 'number') return `repeat(${c}, 1fr)`;\n    return `repeat(${c.xs ?? 1}, 1fr)`;\n  });\n\n  protected _gapStyle = computed(() => this.gap() || null);\n  protected _rowGapStyle = computed(() => this.rowGap() || null);\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;MA6Ba,aAAa,CAAA;AACxB,IAAA,OAAO,GAAG,KAAK,CAAc,CAAC,8EAAC;AAC/B,IAAA,GAAG,GAAG,KAAK,CAAS,EAAE,0EAAC;AACvB,IAAA,MAAM,GAAG,KAAK,CAAS,EAAE,6EAAC;AAC1B,IAAA,KAAK,GAAG,KAAK,CAAS,OAAO,4EAAC;AAC9B,IAAA,OAAO,GAAG,KAAK,CAAS,SAAS,8EAAC;AAExB,IAAA,UAAU,GAAG,QAAQ,CAAC,MAAK;AACnC,QAAA,MAAM,CAAC,GAAG,IAAI,CAAC,OAAO,EAAE;QACxB,IAAI,OAAO,CAAC,KAAK,QAAQ;YAAE,OAAO,CAAA,OAAA,EAAU,CAAC,CAAA,MAAA,CAAQ;AACrD,QAAA,OAAO,UAAU,CAAC,CAAC,EAAE,IAAI,CAAC,QAAQ;AACpC,IAAA,CAAC,iFAAC;AAEQ,IAAA,SAAS,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,GAAG,EAAE,IAAI,IAAI,gFAAC;AAC9C,IAAA,YAAY,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,MAAM,EAAE,IAAI,IAAI,mFAAC;wGAdnD,aAAa,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAb,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,aAAa,u5BAtBd,CAAA,cAAA,CAAgB,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,8XAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;4FAsBf,aAAa,EAAA,UAAA,EAAA,CAAA;kBAzBzB,SAAS;+BACE,UAAU,EAAA,UAAA,EACR,IAAI,EAAA,QAAA,EACN,CAAA,cAAA,CAAgB,mBAaT,uBAAuB,CAAC,MAAM,EAAA,IAAA,EACzC;AACJ,wBAAA,yBAAyB,EAAE,cAAc;AACzC,wBAAA,wBAAwB,EAAE,aAAa;AACvC,wBAAA,4BAA4B,EAAE,gBAAgB;AAC9C,wBAAA,0BAA0B,EAAE,SAAS;AACrC,wBAAA,4BAA4B,EAAE,WAAW;AAC1C,qBAAA,EAAA,MAAA,EAAA,CAAA,8XAAA,CAAA,EAAA;;;AC3BH;;AAEG;;"}

package/fesm2022/elementar-rt-components-guided-tour.mjs

@@ -5,10 +5,10 @@ class GuidedTourOverlayComponent {
     steps = [];
     tourComplete = output();
     tourSkipped = output();
-    _current = signal(0, ...(ngDevMode ? [{ debugName: "_current" }] : []));
-    _cutoutStyle = signal('', ...(ngDevMode ? [{ debugName: "_cutoutStyle" }] : []));
-    _tooltipStyle = signal('', ...(ngDevMode ? [{ debugName: "_tooltipStyle" }] : []));
-    _step = signal(null, ...(ngDevMode ? [{ debugName: "_step" }] : []));
+    _current = signal(0, ...(ngDevMode ? [{ debugName: "_current" }] : /* istanbul ignore next */ []));
+    _cutoutStyle = signal('', ...(ngDevMode ? [{ debugName: "_cutoutStyle" }] : /* istanbul ignore next */ []));
+    _tooltipStyle = signal('', ...(ngDevMode ? [{ debugName: "_tooltipStyle" }] : /* istanbul ignore next */ []));
+    _step = signal(null, ...(ngDevMode ? [{ debugName: "_step" }] : /* istanbul ignore next */ []));
     _raf = null;
     ngOnInit() { this._updatePositions(); }
     ngOnDestroy() { if (this._raf)
@@ -54,8 +54,8 @@ class GuidedTourOverlayComponent {
             this._tooltipStyle.set(`top:${top}px; left:${left}px;`);
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: GuidedTourOverlayComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", type: GuidedTourOverlayComponent, isStandalone: true, selector: "emr-guided-tour-overlay", outputs: { tourComplete: "tourComplete", tourSkipped: "tourSkipped" }, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: GuidedTourOverlayComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.22", type: GuidedTourOverlayComponent, isStandalone: true, selector: "emr-guided-tour-overlay", outputs: { tourComplete: "tourComplete", tourSkipped: "tourSkipped" }, ngImport: i0, template: `
     <div class="tour-backdrop" (click)="skip()"></div>
     <div class="tour-cutout" [style]="_cutoutStyle()"></div>
     <div class="tour-tooltip" [style]="_tooltipStyle()">
@@ -76,9 +76,9 @@ class GuidedTourOverlayComponent {
         </div>
       </div>
     </div>
-  `, isInline: true, styles: [":host{position:fixed;inset:0;z-index:9999;pointer-events:none}.tour-backdrop{position:fixed;inset:0;background:#00000080;pointer-events:all}.tour-cutout{position:fixed;border-radius:.5rem;box-shadow:0 0 0 9999px #00000080;pointer-events:none;transition:all .2s ease}.tour-tooltip{position:fixed;background:var(--color-surface-container-high);border:1px solid var(--color-outline-variant);border-radius:.75rem;padding:calc(var(--spacing, .25rem) * 5);width:calc(var(--spacing, .25rem) * 80);box-shadow:0 8px 24px #0003;pointer-events:all;transition:all .2s ease}.tour-step-count{font-size:.75rem;color:var(--color-primary);font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:calc(var(--spacing, .25rem) * 2)}.tour-title{font-size:1rem;font-weight:700;margin-bottom:calc(var(--spacing, .25rem) * 2);color:var(--color-on-surface)}.tour-description{font-size:.875rem;color:var(--color-on-surface-variant);line-height:1.5;margin-bottom:calc(var(--spacing, .25rem) * 4)}.tour-actions{display:flex;align-items:center;justify-content:space-between}.tour-nav{display:flex;gap:calc(var(--spacing, .25rem) * 2)}.tour-btn{font-size:.875rem;font-weight:500;padding:calc(var(--spacing, .25rem) * 2) calc(var(--spacing, .25rem) * 3);border-radius:.5rem;border:1px solid var(--color-outline-variant);background:transparent;cursor:pointer;color:var(--color-on-surface);&--skip{color:var(--color-on-surface-variant);border-color:transparent}&--primary{background:var(--color-primary);color:var(--color-on-primary);border-color:transparent;&:hover{opacity:.9}}}.tour-btn:hover{background:var(--color-surface-container)}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+  `, isInline: true, styles: [":host{position:fixed;inset:0;z-index:9999;pointer-events:none}.tour-backdrop{position:fixed;inset:0;background:#00000080;pointer-events:all}.tour-cutout{position:fixed;border-radius:.5rem;box-shadow:0 0 0 9999px #00000080;pointer-events:none;transition:all .2s ease}.tour-tooltip{position:fixed;background:var(--color-surface-container-high);border:1px solid var(--color-outline-variant);border-radius:.75rem;padding:calc(var(--spacing, .25rem) * 5);width:calc(var(--spacing, .25rem) * 80);box-shadow:0 8px 24px #0003;pointer-events:all;transition:all .2s ease}.tour-step-count{font-size:.75rem;color:var(--color-primary);font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:calc(var(--spacing, .25rem) * 2)}.tour-title{font-size:1rem;font-weight:700;margin-bottom:calc(var(--spacing, .25rem) * 2);color:var(--color-on-surface)}.tour-description{font-size:.875rem;color:var(--color-on-surface-variant);line-height:1.5;margin-bottom:calc(var(--spacing, .25rem) * 4)}.tour-actions{display:flex;align-items:center;justify-content:space-between}.tour-nav{display:flex;gap:calc(var(--spacing, .25rem) * 2)}.tour-btn{font-size:.875rem;font-weight:500;padding:calc(var(--spacing, .25rem) * 2) calc(var(--spacing, .25rem) * 3);border-radius:.5rem;border:1px solid var(--color-outline-variant);background:transparent;cursor:pointer;color:var(--color-on-surface);&--skip{color:var(--color-on-surface-variant);border-color:transparent}&--primary{background:var(--color-primary);color:var(--color-on-primary);border-color:transparent;&:hover{opacity:.9}}}.tour-btn:hover{background:var(--color-surface-container)}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: GuidedTourOverlayComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: GuidedTourOverlayComponent, decorators: [{
             type: Component,
             args: [{ selector: 'emr-guided-tour-overlay', standalone: true, template: `
     <div class="tour-backdrop" (click)="skip()"></div>
@@ -101,7 +101,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImpo
         </div>
       </div>
     </div>
-  `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{position:fixed;inset:0;z-index:9999;pointer-events:none}.tour-backdrop{position:fixed;inset:0;background:#00000080;pointer-events:all}.tour-cutout{position:fixed;border-radius:.5rem;box-shadow:0 0 0 9999px #00000080;pointer-events:none;transition:all .2s ease}.tour-tooltip{position:fixed;background:var(--color-surface-container-high);border:1px solid var(--color-outline-variant);border-radius:.75rem;padding:calc(var(--spacing, .25rem) * 5);width:calc(var(--spacing, .25rem) * 80);box-shadow:0 8px 24px #0003;pointer-events:all;transition:all .2s ease}.tour-step-count{font-size:.75rem;color:var(--color-primary);font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:calc(var(--spacing, .25rem) * 2)}.tour-title{font-size:1rem;font-weight:700;margin-bottom:calc(var(--spacing, .25rem) * 2);color:var(--color-on-surface)}.tour-description{font-size:.875rem;color:var(--color-on-surface-variant);line-height:1.5;margin-bottom:calc(var(--spacing, .25rem) * 4)}.tour-actions{display:flex;align-items:center;justify-content:space-between}.tour-nav{display:flex;gap:calc(var(--spacing, .25rem) * 2)}.tour-btn{font-size:.875rem;font-weight:500;padding:calc(var(--spacing, .25rem) * 2) calc(var(--spacing, .25rem) * 3);border-radius:.5rem;border:1px solid var(--color-outline-variant);background:transparent;cursor:pointer;color:var(--color-on-surface);&--skip{color:var(--color-on-surface-variant);border-color:transparent}&--primary{background:var(--color-primary);color:var(--color-on-primary);border-color:transparent;&:hover{opacity:.9}}}.tour-btn:hover{background:var(--color-surface-container)}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"] }]
+  `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{position:fixed;inset:0;z-index:9999;pointer-events:none}.tour-backdrop{position:fixed;inset:0;background:#00000080;pointer-events:all}.tour-cutout{position:fixed;border-radius:.5rem;box-shadow:0 0 0 9999px #00000080;pointer-events:none;transition:all .2s ease}.tour-tooltip{position:fixed;background:var(--color-surface-container-high);border:1px solid var(--color-outline-variant);border-radius:.75rem;padding:calc(var(--spacing, .25rem) * 5);width:calc(var(--spacing, .25rem) * 80);box-shadow:0 8px 24px #0003;pointer-events:all;transition:all .2s ease}.tour-step-count{font-size:.75rem;color:var(--color-primary);font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:calc(var(--spacing, .25rem) * 2)}.tour-title{font-size:1rem;font-weight:700;margin-bottom:calc(var(--spacing, .25rem) * 2);color:var(--color-on-surface)}.tour-description{font-size:.875rem;color:var(--color-on-surface-variant);line-height:1.5;margin-bottom:calc(var(--spacing, .25rem) * 4)}.tour-actions{display:flex;align-items:center;justify-content:space-between}.tour-nav{display:flex;gap:calc(var(--spacing, .25rem) * 2)}.tour-btn{font-size:.875rem;font-weight:500;padding:calc(var(--spacing, .25rem) * 2) calc(var(--spacing, .25rem) * 3);border-radius:.5rem;border:1px solid var(--color-outline-variant);background:transparent;cursor:pointer;color:var(--color-on-surface);&--skip{color:var(--color-on-surface-variant);border-color:transparent}&--primary{background:var(--color-primary);color:var(--color-on-primary);border-color:transparent;&:hover{opacity:.9}}}.tour-btn:hover{background:var(--color-surface-container)}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"] }]
         }], propDecorators: { tourComplete: [{ type: i0.Output, args: ["tourComplete"] }], tourSkipped: [{ type: i0.Output, args: ["tourSkipped"] }] } });
 
 class EmrGuidedTour {
@@ -145,10 +145,10 @@ class EmrGuidedTour {
             this._host = null;
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: EmrGuidedTour, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: EmrGuidedTour, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: EmrGuidedTour, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: EmrGuidedTour, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: EmrGuidedTour, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: EmrGuidedTour, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }] });

package/fesm2022/elementar-rt-components-guided-tour.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"elementar-rt-components-guided-tour.mjs","sources":["../../../projects/components/guided-tour/src/guided-tour-overlay.component.ts","../../../projects/components/guided-tour/src/guided-tour.service.ts","../../../projects/components/guided-tour/elementar-rt-components-guided-tour.ts"],"sourcesContent":["import { Component, OnInit, OnDestroy, signal, output, ChangeDetectionStrategy } from '@angular/core';\nimport { TourStep } from './guided-tour.service';\n\n@Component({\n  selector: 'emr-guided-tour-overlay',\n  standalone: true,\n  template: `\n    <div class=\"tour-backdrop\" (click)=\"skip()\"></div>\n    <div class=\"tour-cutout\" [style]=\"_cutoutStyle()\"></div>\n    <div class=\"tour-tooltip\" [style]=\"_tooltipStyle()\">\n      <div class=\"tour-step-count\">Step {{ _current() + 1 }} of {{ steps.length }}</div>\n      <div class=\"tour-title\">{{ _step()?.title }}</div>\n      <div class=\"tour-description\">{{ _step()?.description }}</div>\n      <div class=\"tour-actions\">\n        <button type=\"button\" class=\"tour-btn tour-btn--skip\" (click)=\"skip()\">Skip</button>\n        <div class=\"tour-nav\">\n          @if (_current() > 0) {\n            <button type=\"button\" class=\"tour-btn\" (click)=\"prev()\">Back</button>\n          }\n          @if (_current() < steps.length - 1) {\n            <button type=\"button\" class=\"tour-btn tour-btn--primary\" (click)=\"next()\">Next</button>\n          } @else {\n            <button type=\"button\" class=\"tour-btn tour-btn--primary\" (click)=\"complete()\">Done</button>\n          }\n        </div>\n      </div>\n    </div>\n  `,\n  styles: [`\n    @reference 'tailwindcss';\n\n    :host { position: fixed; inset: 0; z-index: 9999; pointer-events: none; }\n\n    .tour-backdrop {\n      position: fixed; inset: 0;\n      background: rgba(0,0,0,0.5);\n      pointer-events: all;\n    }\n\n    .tour-cutout {\n      position: fixed;\n      border-radius: theme(--radius-lg);\n      box-shadow: 0 0 0 9999px rgba(0,0,0,0.5);\n      pointer-events: none;\n      transition: all 200ms ease;\n    }\n\n    .tour-tooltip {\n      position: fixed;\n      background: var(--color-surface-container-high);\n      border: 1px solid var(--color-outline-variant);\n      border-radius: theme(--radius-xl);\n      padding: --spacing(5);\n      width: --spacing(80);\n      box-shadow: 0 8px 24px rgba(0,0,0,0.2);\n      pointer-events: all;\n      transition: all 200ms ease;\n    }\n\n    .tour-step-count {\n      font-size: theme(--text-xs);\n      color: var(--color-primary);\n      font-weight: 600;\n      text-transform: uppercase;\n      letter-spacing: 0.05em;\n      margin-bottom: --spacing(2);\n    }\n\n    .tour-title {\n      font-size: theme(--text-base);\n      font-weight: 700;\n      margin-bottom: --spacing(2);\n      color: var(--color-on-surface);\n    }\n\n    .tour-description {\n      font-size: theme(--text-sm);\n      color: var(--color-on-surface-variant);\n      line-height: 1.5;\n      margin-bottom: --spacing(4);\n    }\n\n    .tour-actions {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n    }\n\n    .tour-nav { display: flex; gap: --spacing(2); }\n\n    .tour-btn {\n      font-size: theme(--text-sm);\n      font-weight: 500;\n      padding: --spacing(2) --spacing(3);\n      border-radius: theme(--radius-lg);\n      border: 1px solid var(--color-outline-variant);\n      background: transparent;\n      cursor: pointer;\n      color: var(--color-on-surface);\n      &:hover { background: var(--color-surface-container); }\n\n      &--skip { color: var(--color-on-surface-variant); border-color: transparent; }\n      &--primary { background: var(--color-primary); color: var(--color-on-primary); border-color: transparent; &:hover { opacity: 0.9; } }\n    }\n  `],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class GuidedTourOverlayComponent implements OnInit, OnDestroy {\n  steps: TourStep[] = [];\n\n  tourComplete = output<void>();\n  tourSkipped = output<void>();\n\n  protected _current = signal(0);\n  protected _cutoutStyle = signal('');\n  protected _tooltipStyle = signal('');\n  protected _step = signal<TourStep | null>(null);\n\n  private _raf: number | null = null;\n\n  ngOnInit(): void { this._updatePositions(); }\n  ngOnDestroy(): void { if (this._raf) cancelAnimationFrame(this._raf); }\n\n  protected next(): void {\n    if (this._current() < this.steps.length - 1) {\n      this._current.set(this._current() + 1);\n      this._updatePositions();\n    }\n  }\n\n  protected prev(): void {\n    if (this._current() > 0) {\n      this._current.set(this._current() - 1);\n      this._updatePositions();\n    }\n  }\n\n  protected complete(): void { this.tourComplete.emit(); }\n  protected skip(): void { this.tourSkipped.emit(); }\n\n  private _updatePositions(): void {\n    if (this._raf) cancelAnimationFrame(this._raf);\n    this._raf = requestAnimationFrame(() => {\n      const step = this.steps[this._current()];\n      this._step.set(step);\n      if (!step) return;\n\n      const target = document.querySelector(step.target);\n      if (!target) { this._cutoutStyle.set('display:none'); return; }\n\n      const rect = target.getBoundingClientRect();\n      const pad = 8;\n\n      this._cutoutStyle.set(\n        `top:${rect.top - pad}px; left:${rect.left - pad}px; width:${rect.width + pad * 2}px; height:${rect.height + pad * 2}px;`\n      );\n\n      const tooltipW = 320;\n      const tooltipH = 200;\n      let top = rect.bottom + pad + 12;\n      let left = rect.left;\n      if (left + tooltipW > window.innerWidth) left = window.innerWidth - tooltipW - 16;\n      if (top + tooltipH > window.innerHeight) top = rect.top - tooltipH - 12;\n\n      this._tooltipStyle.set(`top:${top}px; left:${left}px;`);\n    });\n  }\n}\n","import {\n  Injectable, ApplicationRef, createComponent,\n  EnvironmentInjector, inject, signal, output\n} from '@angular/core';\nimport { GuidedTourOverlayComponent } from './guided-tour-overlay.component';\n\nexport interface TourStep {\n  target: string;\n  title: string;\n  description: string;\n  position?: 'top' | 'bottom' | 'left' | 'right';\n}\n\n@Injectable({ providedIn: 'root' })\nexport class EmrGuidedTour {\n  private _appRef = inject(ApplicationRef);\n  private _injector = inject(EnvironmentInjector);\n  private _overlayRef: ReturnType<typeof createComponent<GuidedTourOverlayComponent>> | null = null;\n  private _host: HTMLElement | null = null;\n\n  private _storageKey(id: string) { return `emr-tour-${id}`; }\n\n  isCompleted(id: string): boolean {\n    return localStorage.getItem(this._storageKey(id)) === 'completed';\n  }\n\n  start(steps: TourStep[], tourId = ''): void {\n    this._destroy();\n\n    this._host = document.createElement('div');\n    document.body.appendChild(this._host);\n\n    this._overlayRef = createComponent(GuidedTourOverlayComponent, {\n      environmentInjector: this._injector,\n      hostElement: this._host,\n    });\n\n    const instance = this._overlayRef.instance;\n    instance.steps = steps;\n\n    const completeCb = () => {\n      if (tourId) localStorage.setItem(this._storageKey(tourId), 'completed');\n      this._destroy();\n    };\n    const skipCb = () => { this._destroy(); };\n\n    instance.tourComplete.subscribe(completeCb);\n    instance.tourSkipped.subscribe(skipCb);\n\n    this._appRef.attachView(this._overlayRef.hostView);\n    this._overlayRef.changeDetectorRef.detectChanges();\n  }\n\n  stop(): void { this._destroy(); }\n\n  private _destroy(): void {\n    if (this._overlayRef) {\n      this._overlayRef.destroy();\n      this._overlayRef = null;\n    }\n    if (this._host) {\n      this._host.remove();\n      this._host = null;\n    }\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"elementar-rt-components-guided-tour.mjs","sources":["../../../projects/components/guided-tour/src/guided-tour-overlay.component.ts","../../../projects/components/guided-tour/src/guided-tour.service.ts","../../../projects/components/guided-tour/elementar-rt-components-guided-tour.ts"],"sourcesContent":["import { Component, OnInit, OnDestroy, signal, output, ChangeDetectionStrategy } from '@angular/core';\nimport { TourStep } from './guided-tour.service';\n\n@Component({\n  selector: 'emr-guided-tour-overlay',\n  standalone: true,\n  template: `\n    <div class=\"tour-backdrop\" (click)=\"skip()\"></div>\n    <div class=\"tour-cutout\" [style]=\"_cutoutStyle()\"></div>\n    <div class=\"tour-tooltip\" [style]=\"_tooltipStyle()\">\n      <div class=\"tour-step-count\">Step {{ _current() + 1 }} of {{ steps.length }}</div>\n      <div class=\"tour-title\">{{ _step()?.title }}</div>\n      <div class=\"tour-description\">{{ _step()?.description }}</div>\n      <div class=\"tour-actions\">\n        <button type=\"button\" class=\"tour-btn tour-btn--skip\" (click)=\"skip()\">Skip</button>\n        <div class=\"tour-nav\">\n          @if (_current() > 0) {\n            <button type=\"button\" class=\"tour-btn\" (click)=\"prev()\">Back</button>\n          }\n          @if (_current() < steps.length - 1) {\n            <button type=\"button\" class=\"tour-btn tour-btn--primary\" (click)=\"next()\">Next</button>\n          } @else {\n            <button type=\"button\" class=\"tour-btn tour-btn--primary\" (click)=\"complete()\">Done</button>\n          }\n        </div>\n      </div>\n    </div>\n  `,\n  styles: [`\n    @reference 'tailwindcss';\n\n    :host { position: fixed; inset: 0; z-index: 9999; pointer-events: none; }\n\n    .tour-backdrop {\n      position: fixed; inset: 0;\n      background: rgba(0,0,0,0.5);\n      pointer-events: all;\n    }\n\n    .tour-cutout {\n      position: fixed;\n      border-radius: theme(--radius-lg);\n      box-shadow: 0 0 0 9999px rgba(0,0,0,0.5);\n      pointer-events: none;\n      transition: all 200ms ease;\n    }\n\n    .tour-tooltip {\n      position: fixed;\n      background: var(--color-surface-container-high);\n      border: 1px solid var(--color-outline-variant);\n      border-radius: theme(--radius-xl);\n      padding: --spacing(5);\n      width: --spacing(80);\n      box-shadow: 0 8px 24px rgba(0,0,0,0.2);\n      pointer-events: all;\n      transition: all 200ms ease;\n    }\n\n    .tour-step-count {\n      font-size: theme(--text-xs);\n      color: var(--color-primary);\n      font-weight: 600;\n      text-transform: uppercase;\n      letter-spacing: 0.05em;\n      margin-bottom: --spacing(2);\n    }\n\n    .tour-title {\n      font-size: theme(--text-base);\n      font-weight: 700;\n      margin-bottom: --spacing(2);\n      color: var(--color-on-surface);\n    }\n\n    .tour-description {\n      font-size: theme(--text-sm);\n      color: var(--color-on-surface-variant);\n      line-height: 1.5;\n      margin-bottom: --spacing(4);\n    }\n\n    .tour-actions {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n    }\n\n    .tour-nav { display: flex; gap: --spacing(2); }\n\n    .tour-btn {\n      font-size: theme(--text-sm);\n      font-weight: 500;\n      padding: --spacing(2) --spacing(3);\n      border-radius: theme(--radius-lg);\n      border: 1px solid var(--color-outline-variant);\n      background: transparent;\n      cursor: pointer;\n      color: var(--color-on-surface);\n      &:hover { background: var(--color-surface-container); }\n\n      &--skip { color: var(--color-on-surface-variant); border-color: transparent; }\n      &--primary { background: var(--color-primary); color: var(--color-on-primary); border-color: transparent; &:hover { opacity: 0.9; } }\n    }\n  `],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class GuidedTourOverlayComponent implements OnInit, OnDestroy {\n  steps: TourStep[] = [];\n\n  tourComplete = output<void>();\n  tourSkipped = output<void>();\n\n  protected _current = signal(0);\n  protected _cutoutStyle = signal('');\n  protected _tooltipStyle = signal('');\n  protected _step = signal<TourStep | null>(null);\n\n  private _raf: number | null = null;\n\n  ngOnInit(): void { this._updatePositions(); }\n  ngOnDestroy(): void { if (this._raf) cancelAnimationFrame(this._raf); }\n\n  protected next(): void {\n    if (this._current() < this.steps.length - 1) {\n      this._current.set(this._current() + 1);\n      this._updatePositions();\n    }\n  }\n\n  protected prev(): void {\n    if (this._current() > 0) {\n      this._current.set(this._current() - 1);\n      this._updatePositions();\n    }\n  }\n\n  protected complete(): void { this.tourComplete.emit(); }\n  protected skip(): void { this.tourSkipped.emit(); }\n\n  private _updatePositions(): void {\n    if (this._raf) cancelAnimationFrame(this._raf);\n    this._raf = requestAnimationFrame(() => {\n      const step = this.steps[this._current()];\n      this._step.set(step);\n      if (!step) return;\n\n      const target = document.querySelector(step.target);\n      if (!target) { this._cutoutStyle.set('display:none'); return; }\n\n      const rect = target.getBoundingClientRect();\n      const pad = 8;\n\n      this._cutoutStyle.set(\n        `top:${rect.top - pad}px; left:${rect.left - pad}px; width:${rect.width + pad * 2}px; height:${rect.height + pad * 2}px;`\n      );\n\n      const tooltipW = 320;\n      const tooltipH = 200;\n      let top = rect.bottom + pad + 12;\n      let left = rect.left;\n      if (left + tooltipW > window.innerWidth) left = window.innerWidth - tooltipW - 16;\n      if (top + tooltipH > window.innerHeight) top = rect.top - tooltipH - 12;\n\n      this._tooltipStyle.set(`top:${top}px; left:${left}px;`);\n    });\n  }\n}\n","import {\n  Injectable, ApplicationRef, createComponent,\n  EnvironmentInjector, inject, signal, output\n} from '@angular/core';\nimport { GuidedTourOverlayComponent } from './guided-tour-overlay.component';\n\nexport interface TourStep {\n  target: string;\n  title: string;\n  description: string;\n  position?: 'top' | 'bottom' | 'left' | 'right';\n}\n\n@Injectable({ providedIn: 'root' })\nexport class EmrGuidedTour {\n  private _appRef = inject(ApplicationRef);\n  private _injector = inject(EnvironmentInjector);\n  private _overlayRef: ReturnType<typeof createComponent<GuidedTourOverlayComponent>> | null = null;\n  private _host: HTMLElement | null = null;\n\n  private _storageKey(id: string) { return `emr-tour-${id}`; }\n\n  isCompleted(id: string): boolean {\n    return localStorage.getItem(this._storageKey(id)) === 'completed';\n  }\n\n  start(steps: TourStep[], tourId = ''): void {\n    this._destroy();\n\n    this._host = document.createElement('div');\n    document.body.appendChild(this._host);\n\n    this._overlayRef = createComponent(GuidedTourOverlayComponent, {\n      environmentInjector: this._injector,\n      hostElement: this._host,\n    });\n\n    const instance = this._overlayRef.instance;\n    instance.steps = steps;\n\n    const completeCb = () => {\n      if (tourId) localStorage.setItem(this._storageKey(tourId), 'completed');\n      this._destroy();\n    };\n    const skipCb = () => { this._destroy(); };\n\n    instance.tourComplete.subscribe(completeCb);\n    instance.tourSkipped.subscribe(skipCb);\n\n    this._appRef.attachView(this._overlayRef.hostView);\n    this._overlayRef.changeDetectorRef.detectChanges();\n  }\n\n  stop(): void { this._destroy(); }\n\n  private _destroy(): void {\n    if (this._overlayRef) {\n      this._overlayRef.destroy();\n      this._overlayRef = null;\n    }\n    if (this._host) {\n      this._host.remove();\n      this._host = null;\n    }\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/elementar-rt-components-headless-stepper.mjs

@@ -2,17 +2,17 @@ import * as i0 from '@angular/core';
 import { signal, computed, Injectable } from '@angular/core';
 
 class EmrHeadlessStepperService {
-    _steps = signal([], ...(ngDevMode ? [{ debugName: "_steps" }] : []));
-    _current = signal(0, ...(ngDevMode ? [{ debugName: "_current" }] : []));
-    _visited = signal(new Set([0]), ...(ngDevMode ? [{ debugName: "_visited" }] : []));
+    _steps = signal([], ...(ngDevMode ? [{ debugName: "_steps" }] : /* istanbul ignore next */ []));
+    _current = signal(0, ...(ngDevMode ? [{ debugName: "_current" }] : /* istanbul ignore next */ []));
+    _visited = signal(new Set([0]), ...(ngDevMode ? [{ debugName: "_visited" }] : /* istanbul ignore next */ []));
     currentStep = this._current.asReadonly();
-    stepCount = computed(() => this._steps().length, ...(ngDevMode ? [{ debugName: "stepCount" }] : []));
-    isFirst = computed(() => this._current() === 0, ...(ngDevMode ? [{ debugName: "isFirst" }] : []));
-    isLast = computed(() => this._current() === this._steps().length - 1, ...(ngDevMode ? [{ debugName: "isLast" }] : []));
+    stepCount = computed(() => this._steps().length, ...(ngDevMode ? [{ debugName: "stepCount" }] : /* istanbul ignore next */ []));
+    isFirst = computed(() => this._current() === 0, ...(ngDevMode ? [{ debugName: "isFirst" }] : /* istanbul ignore next */ []));
+    isLast = computed(() => this._current() === this._steps().length - 1, ...(ngDevMode ? [{ debugName: "isLast" }] : /* istanbul ignore next */ []));
     canProceed = computed(() => {
         const step = this._steps()[this._current()];
         return step?.valid !== false;
-    }, ...(ngDevMode ? [{ debugName: "canProceed" }] : []));
+    }, ...(ngDevMode ? [{ debugName: "canProceed" }] : /* istanbul ignore next */ []));
     visitedSteps = this._visited.asReadonly();
     configure(steps) {
         this._steps.set(steps);
@@ -57,10 +57,10 @@ class EmrHeadlessStepperService {
     }
     isStepVisited(index) { return this._visited().has(index); }
     isStepValid(index) { return this._steps()[index]?.valid !== false; }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: EmrHeadlessStepperService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: EmrHeadlessStepperService });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: EmrHeadlessStepperService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: EmrHeadlessStepperService });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: EmrHeadlessStepperService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: EmrHeadlessStepperService, decorators: [{
             type: Injectable
         }] });
 

package/fesm2022/elementar-rt-components-headless-stepper.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"elementar-rt-components-headless-stepper.mjs","sources":["../../../projects/components/headless-stepper/src/headless-stepper.service.ts","../../../projects/components/headless-stepper/elementar-rt-components-headless-stepper.ts"],"sourcesContent":["import { Injectable, signal, computed } from '@angular/core';\n\nexport interface HeadlessStepConfig {\n  valid?: boolean;\n  label?: string;\n}\n\n@Injectable()\nexport class EmrHeadlessStepperService {\n  private _steps = signal<HeadlessStepConfig[]>([]);\n  private _current = signal(0);\n  private _visited = signal<Set<number>>(new Set([0]));\n\n  readonly currentStep = this._current.asReadonly();\n  readonly stepCount = computed(() => this._steps().length);\n  readonly isFirst = computed(() => this._current() === 0);\n  readonly isLast = computed(() => this._current() === this._steps().length - 1);\n  readonly canProceed = computed(() => {\n    const step = this._steps()[this._current()];\n    return step?.valid !== false;\n  });\n  readonly visitedSteps = this._visited.asReadonly();\n\n  configure(steps: HeadlessStepConfig[]): void {\n    this._steps.set(steps);\n    this._current.set(0);\n    this._visited.set(new Set([0]));\n  }\n\n  setStepValid(index: number, valid: boolean): void {\n    const steps = [...this._steps()];\n    if (steps[index]) steps[index] = { ...steps[index], valid };\n    this._steps.set(steps);\n  }\n\n  next(): boolean {\n    if (!this.canProceed() || this.isLast()) return false;\n    const next = this._current() + 1;\n    this._current.set(next);\n    const visited = new Set(this._visited());\n    visited.add(next);\n    this._visited.set(visited);\n    return true;\n  }\n\n  prev(): boolean {\n    if (this.isFirst()) return false;\n    this._current.set(this._current() - 1);\n    return true;\n  }\n\n  goTo(index: number): boolean {\n    const steps = this._steps();\n    if (index < 0 || index >= steps.length) return false;\n    this._current.set(index);\n    const visited = new Set(this._visited());\n    visited.add(index);\n    this._visited.set(visited);\n    return true;\n  }\n\n  reset(): void {\n    this._current.set(0);\n    this._visited.set(new Set([0]));\n  }\n\n  isStepVisited(index: number): boolean { return this._visited().has(index); }\n  isStepValid(index: number): boolean { return this._steps()[index]?.valid !== false; }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"elementar-rt-components-headless-stepper.mjs","sources":["../../../projects/components/headless-stepper/src/headless-stepper.service.ts","../../../projects/components/headless-stepper/elementar-rt-components-headless-stepper.ts"],"sourcesContent":["import { Injectable, signal, computed } from '@angular/core';\n\nexport interface HeadlessStepConfig {\n  valid?: boolean;\n  label?: string;\n}\n\n@Injectable()\nexport class EmrHeadlessStepperService {\n  private _steps = signal<HeadlessStepConfig[]>([]);\n  private _current = signal(0);\n  private _visited = signal<Set<number>>(new Set([0]));\n\n  readonly currentStep = this._current.asReadonly();\n  readonly stepCount = computed(() => this._steps().length);\n  readonly isFirst = computed(() => this._current() === 0);\n  readonly isLast = computed(() => this._current() === this._steps().length - 1);\n  readonly canProceed = computed(() => {\n    const step = this._steps()[this._current()];\n    return step?.valid !== false;\n  });\n  readonly visitedSteps = this._visited.asReadonly();\n\n  configure(steps: HeadlessStepConfig[]): void {\n    this._steps.set(steps);\n    this._current.set(0);\n    this._visited.set(new Set([0]));\n  }\n\n  setStepValid(index: number, valid: boolean): void {\n    const steps = [...this._steps()];\n    if (steps[index]) steps[index] = { ...steps[index], valid };\n    this._steps.set(steps);\n  }\n\n  next(): boolean {\n    if (!this.canProceed() || this.isLast()) return false;\n    const next = this._current() + 1;\n    this._current.set(next);\n    const visited = new Set(this._visited());\n    visited.add(next);\n    this._visited.set(visited);\n    return true;\n  }\n\n  prev(): boolean {\n    if (this.isFirst()) return false;\n    this._current.set(this._current() - 1);\n    return true;\n  }\n\n  goTo(index: number): boolean {\n    const steps = this._steps();\n    if (index < 0 || index >= steps.length) return false;\n    this._current.set(index);\n    const visited = new Set(this._visited());\n    visited.add(index);\n    this._visited.set(visited);\n    return true;\n  }\n\n  reset(): void {\n    this._current.set(0);\n    this._visited.set(new Set([0]));\n  }\n\n  isStepVisited(index: number): boolean { return this._visited().has(index); }\n  isStepValid(index: number): boolean { return this._steps()[index]?.valid !== false; }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/elementar-rt-components-icon.mjs

@@ -6,8 +6,8 @@ import { v7 } from 'uuid';
 
 class IconComponent {
     _sanitizer = inject(DomSanitizer);
-    _iconHtml = signal(null, ...(ngDevMode ? [{ debugName: "_iconHtml" }] : []));
-    name = input.required(...(ngDevMode ? [{ debugName: "name" }] : []));
+    _iconHtml = signal(null, ...(ngDevMode ? [{ debugName: "_iconHtml" }] : /* istanbul ignore next */ []));
+    name = input.required(...(ngDevMode ? [{ debugName: "name" }] : /* istanbul ignore next */ []));
     loaded = false;
     async ngOnInit() {
         await this._loadIcon();
@@ -43,15 +43,15 @@ class IconComponent {
         this._iconHtml.set(this._sanitizer.bypassSecurityTrustHtml(iconHtml));
         this.loaded = true;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: IconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.25", type: IconComponent, isStandalone: true, selector: "emr-icon", inputs: { name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: true, transformFunction: null } }, host: { properties: { "innerHTML": "_iconHtml()" }, classAttribute: "emr-icon" }, exportAs: ["emrIcon"], usesOnChanges: true, ngImport: i0, template: '', isInline: true, styles: [":host{--emr-icon-size: calc(var(--spacing, .25rem) * 6);display:inline-flex;flex:none;align-items:center;justify-content:center;line-height:0}:host svg{flex:none}:host:not([class*=w-]):not([class*=size-]){width:var(--emr-icon-size)}:host:not([class*=h-]):not([class*=size-]){height:var(--emr-icon-size)}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: IconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.22", type: IconComponent, isStandalone: true, selector: "emr-icon", inputs: { name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: true, transformFunction: null } }, host: { properties: { "innerHTML": "_iconHtml()" }, classAttribute: "emr-icon" }, exportAs: ["emrIcon"], usesOnChanges: true, ngImport: i0, template: '', isInline: true, styles: [":host{--emr-icon-size: calc(var(--spacing, .25rem) * 6);display:inline-flex;flex:none;align-items:center;justify-content:center;line-height:0}:host svg{flex:none}:host:not([class*=w-]):not([class*=size-]){width:var(--emr-icon-size)}:host:not([class*=h-]):not([class*=size-]){height:var(--emr-icon-size)}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: IconComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: IconComponent, decorators: [{
             type: Component,
             args: [{ selector: 'emr-icon', exportAs: 'emrIcon', standalone: true, template: '', changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         'class': 'emr-icon',
                         '[innerHTML]': '_iconHtml()',
-                    }, styles: [":host{--emr-icon-size: calc(var(--spacing, .25rem) * 6);display:inline-flex;flex:none;align-items:center;justify-content:center;line-height:0}:host svg{flex:none}:host:not([class*=w-]):not([class*=size-]){width:var(--emr-icon-size)}:host:not([class*=h-]):not([class*=size-]){height:var(--emr-icon-size)}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"] }]
+                    }, styles: [":host{--emr-icon-size: calc(var(--spacing, .25rem) * 6);display:inline-flex;flex:none;align-items:center;justify-content:center;line-height:0}:host svg{flex:none}:host:not([class*=w-]):not([class*=size-]){width:var(--emr-icon-size)}:host:not([class*=h-]):not([class*=size-]){height:var(--emr-icon-size)}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"] }]
         }], propDecorators: { name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: true }] }] } });
 
 /**

package/fesm2022/elementar-rt-components-icon.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"elementar-rt-components-icon.mjs","sources":["../../../projects/components/icon/src/icon/icon.component.ts","../../../projects/components/icon/elementar-rt-components-icon.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  inject,\n  input,\n  OnChanges,\n  OnInit, signal,\n  SimpleChanges\n} from '@angular/core';\nimport { loadIcon } from 'iconify-icon';\nimport { DomSanitizer, SafeHtml } from '@angular/platform-browser';\nimport { v7 as uuid } from 'uuid';\n\n@Component({\n  selector: 'emr-icon',\n  exportAs: 'emrIcon',\n  standalone: true,\n  template: '',\n  styleUrl: './icon.component.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    'class': 'emr-icon',\n    '[innerHTML]': '_iconHtml()',\n  }\n})\nexport class IconComponent implements OnInit, OnChanges {\n  private _sanitizer = inject(DomSanitizer);\n  protected _iconHtml = signal<SafeHtml | null>(null);\n\n  name = input.required<string>();\n\n  private loaded = false;\n\n  async ngOnInit() {\n    await this._loadIcon();\n  }\n\n  async ngOnChanges(changes: SimpleChanges) {\n    if (changes['name'] && !changes['name'].isFirstChange()) {\n      if (changes['name'].previousValue === changes['name'].currentValue) {\n        return;\n      }\n\n      this.loaded = false;\n      await this._loadIcon();\n    }\n  }\n\n  private async _loadIcon() {\n    if (this.loaded) {\n      return;\n    }\n\n    if (!this.name()) {\n      this.loaded = true;\n      return;\n    }\n\n    const data = await loadIcon(this.name());\n    let body = data.body;\n\n    // If svg icon has mask of defs with id, we need to replace to unique id\n    // because the same icons can be used on the same page and use the same id, which can cause problems.\n    const allIdMatches = [...body.matchAll(/id=\"(\\w+)\"/g)];\n\n    if (allIdMatches.length > 0) {\n      allIdMatches.forEach(match => {\n        body = body.replaceAll(match[1], uuid());\n      });\n    }\n\n    const iconHtml = `<svg viewBox=\"0 0 ${data.width} ${data.height}\">${body}</svg>`;\n    this._iconHtml.set(this._sanitizer.bypassSecurityTrustHtml(iconHtml));\n    this.loaded = true;\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["uuid"],"mappings":";;;;;;MAyBa,aAAa,CAAA;AAChB,IAAA,UAAU,GAAG,MAAM,CAAC,YAAY,CAAC;AAC/B,IAAA,SAAS,GAAG,MAAM,CAAkB,IAAI,qDAAC;AAEnD,IAAA,IAAI,GAAG,KAAK,CAAC,QAAQ,+CAAU;IAEvB,MAAM,GAAG,KAAK;AAEtB,IAAA,MAAM,QAAQ,GAAA;AACZ,QAAA,MAAM,IAAI,CAAC,SAAS,EAAE;IACxB;IAEA,MAAM,WAAW,CAAC,OAAsB,EAAA;AACtC,QAAA,IAAI,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,aAAa,EAAE,EAAE;AACvD,YAAA,IAAI,OAAO,CAAC,MAAM,CAAC,CAAC,aAAa,KAAK,OAAO,CAAC,MAAM,CAAC,CAAC,YAAY,EAAE;gBAClE;YACF;AAEA,YAAA,IAAI,CAAC,MAAM,GAAG,KAAK;AACnB,YAAA,MAAM,IAAI,CAAC,SAAS,EAAE;QACxB;IACF;AAEQ,IAAA,MAAM,SAAS,GAAA;AACrB,QAAA,IAAI,IAAI,CAAC,MAAM,EAAE;YACf;QACF;AAEA,QAAA,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,EAAE;AAChB,YAAA,IAAI,CAAC,MAAM,GAAG,IAAI;YAClB;QACF;QAEA,MAAM,IAAI,GAAG,MAAM,QAAQ,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC;AACxC,QAAA,IAAI,IAAI,GAAG,IAAI,CAAC,IAAI;;;QAIpB,MAAM,YAAY,GAAG,CAAC,GAAG,IAAI,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC;AAEtD,QAAA,IAAI,YAAY,CAAC,MAAM,GAAG,CAAC,EAAE;AAC3B,YAAA,YAAY,CAAC,OAAO,CAAC,KAAK,IAAG;AAC3B,gBAAA,IAAI,GAAG,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC,EAAEA,EAAI,EAAE,CAAC;AAC1C,YAAA,CAAC,CAAC;QACJ;AAEA,QAAA,MAAM,QAAQ,GAAG,CAAA,kBAAA,EAAqB,IAAI,CAAC,KAAK,CAAA,CAAA,EAAI,IAAI,CAAC,MAAM,CAAA,EAAA,EAAK,IAAI,QAAQ;AAChF,QAAA,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC,UAAU,CAAC,uBAAuB,CAAC,QAAQ,CAAC,CAAC;AACrE,QAAA,IAAI,CAAC,MAAM,GAAG,IAAI;IACpB;wGAjDW,aAAa,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAb,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,aAAa,kUARd,EAAE,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,sXAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;4FAQD,aAAa,EAAA,UAAA,EAAA,CAAA;kBAZzB,SAAS;+BACE,UAAU,EAAA,QAAA,EACV,SAAS,EAAA,UAAA,EACP,IAAI,EAAA,QAAA,EACN,EAAE,EAAA,eAAA,EAEK,uBAAuB,CAAC,MAAM,EAAA,IAAA,EACzC;AACJ,wBAAA,OAAO,EAAE,UAAU;AACnB,wBAAA,aAAa,EAAE,aAAa;AAC7B,qBAAA,EAAA,MAAA,EAAA,CAAA,sXAAA,CAAA,EAAA;;;ACvBH;;AAEG;;;;"}
+{"version":3,"file":"elementar-rt-components-icon.mjs","sources":["../../../projects/components/icon/src/icon/icon.component.ts","../../../projects/components/icon/elementar-rt-components-icon.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  inject,\n  input,\n  OnChanges,\n  OnInit, signal,\n  SimpleChanges\n} from '@angular/core';\nimport { loadIcon } from 'iconify-icon';\nimport { DomSanitizer, SafeHtml } from '@angular/platform-browser';\nimport { v7 as uuid } from 'uuid';\n\n@Component({\n  selector: 'emr-icon',\n  exportAs: 'emrIcon',\n  standalone: true,\n  template: '',\n  styleUrl: './icon.component.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    'class': 'emr-icon',\n    '[innerHTML]': '_iconHtml()',\n  }\n})\nexport class IconComponent implements OnInit, OnChanges {\n  private _sanitizer = inject(DomSanitizer);\n  protected _iconHtml = signal<SafeHtml | null>(null);\n\n  name = input.required<string>();\n\n  private loaded = false;\n\n  async ngOnInit() {\n    await this._loadIcon();\n  }\n\n  async ngOnChanges(changes: SimpleChanges) {\n    if (changes['name'] && !changes['name'].isFirstChange()) {\n      if (changes['name'].previousValue === changes['name'].currentValue) {\n        return;\n      }\n\n      this.loaded = false;\n      await this._loadIcon();\n    }\n  }\n\n  private async _loadIcon() {\n    if (this.loaded) {\n      return;\n    }\n\n    if (!this.name()) {\n      this.loaded = true;\n      return;\n    }\n\n    const data = await loadIcon(this.name());\n    let body = data.body;\n\n    // If svg icon has mask of defs with id, we need to replace to unique id\n    // because the same icons can be used on the same page and use the same id, which can cause problems.\n    const allIdMatches = [...body.matchAll(/id=\"(\\w+)\"/g)];\n\n    if (allIdMatches.length > 0) {\n      allIdMatches.forEach(match => {\n        body = body.replaceAll(match[1], uuid());\n      });\n    }\n\n    const iconHtml = `<svg viewBox=\"0 0 ${data.width} ${data.height}\">${body}</svg>`;\n    this._iconHtml.set(this._sanitizer.bypassSecurityTrustHtml(iconHtml));\n    this.loaded = true;\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["uuid"],"mappings":";;;;;;MAyBa,aAAa,CAAA;AAChB,IAAA,UAAU,GAAG,MAAM,CAAC,YAAY,CAAC;AAC/B,IAAA,SAAS,GAAG,MAAM,CAAkB,IAAI,gFAAC;AAEnD,IAAA,IAAI,GAAG,KAAK,CAAC,QAAQ,0EAAU;IAEvB,MAAM,GAAG,KAAK;AAEtB,IAAA,MAAM,QAAQ,GAAA;AACZ,QAAA,MAAM,IAAI,CAAC,SAAS,EAAE;IACxB;IAEA,MAAM,WAAW,CAAC,OAAsB,EAAA;AACtC,QAAA,IAAI,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,aAAa,EAAE,EAAE;AACvD,YAAA,IAAI,OAAO,CAAC,MAAM,CAAC,CAAC,aAAa,KAAK,OAAO,CAAC,MAAM,CAAC,CAAC,YAAY,EAAE;gBAClE;YACF;AAEA,YAAA,IAAI,CAAC,MAAM,GAAG,KAAK;AACnB,YAAA,MAAM,IAAI,CAAC,SAAS,EAAE;QACxB;IACF;AAEQ,IAAA,MAAM,SAAS,GAAA;AACrB,QAAA,IAAI,IAAI,CAAC,MAAM,EAAE;YACf;QACF;AAEA,QAAA,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,EAAE;AAChB,YAAA,IAAI,CAAC,MAAM,GAAG,IAAI;YAClB;QACF;QAEA,MAAM,IAAI,GAAG,MAAM,QAAQ,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC;AACxC,QAAA,IAAI,IAAI,GAAG,IAAI,CAAC,IAAI;;;QAIpB,MAAM,YAAY,GAAG,CAAC,GAAG,IAAI,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC;AAEtD,QAAA,IAAI,YAAY,CAAC,MAAM,GAAG,CAAC,EAAE;AAC3B,YAAA,YAAY,CAAC,OAAO,CAAC,KAAK,IAAG;AAC3B,gBAAA,IAAI,GAAG,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC,EAAEA,EAAI,EAAE,CAAC;AAC1C,YAAA,CAAC,CAAC;QACJ;AAEA,QAAA,MAAM,QAAQ,GAAG,CAAA,kBAAA,EAAqB,IAAI,CAAC,KAAK,CAAA,CAAA,EAAI,IAAI,CAAC,MAAM,CAAA,EAAA,EAAK,IAAI,QAAQ;AAChF,QAAA,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC,UAAU,CAAC,uBAAuB,CAAC,QAAQ,CAAC,CAAC;AACrE,QAAA,IAAI,CAAC,MAAM,GAAG,IAAI;IACpB;wGAjDW,aAAa,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAb,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,aAAa,kUARd,EAAE,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,sXAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;4FAQD,aAAa,EAAA,UAAA,EAAA,CAAA;kBAZzB,SAAS;+BACE,UAAU,EAAA,QAAA,EACV,SAAS,EAAA,UAAA,EACP,IAAI,EAAA,QAAA,EACN,EAAE,EAAA,eAAA,EAEK,uBAAuB,CAAC,MAAM,EAAA,IAAA,EACzC;AACJ,wBAAA,OAAO,EAAE,UAAU;AACnB,wBAAA,aAAa,EAAE,aAAa;AAC7B,qBAAA,EAAA,MAAA,EAAA,CAAA,sXAAA,CAAA,EAAA;;;ACvBH;;AAEG;;"}

package/fesm2022/elementar-rt-components-image-placeholder.mjs

@@ -2,24 +2,24 @@ import * as i0 from '@angular/core';
 import { input, signal, ChangeDetectionStrategy, Component } from '@angular/core';
 
 class ImagePlaceholderComponent {
-    src = input('', ...(ngDevMode ? [{ debugName: "src" }] : []));
-    alt = input('', ...(ngDevMode ? [{ debugName: "alt" }] : []));
-    mode = input('skeleton', ...(ngDevMode ? [{ debugName: "mode" }] : []));
-    lowResSrc = input('', ...(ngDevMode ? [{ debugName: "lowResSrc" }] : []));
-    _loaded = signal(false, ...(ngDevMode ? [{ debugName: "_loaded" }] : []));
-    _error = signal(false, ...(ngDevMode ? [{ debugName: "_error" }] : []));
+    src = input('', ...(ngDevMode ? [{ debugName: "src" }] : /* istanbul ignore next */ []));
+    alt = input('', ...(ngDevMode ? [{ debugName: "alt" }] : /* istanbul ignore next */ []));
+    mode = input('skeleton', ...(ngDevMode ? [{ debugName: "mode" }] : /* istanbul ignore next */ []));
+    lowResSrc = input('', ...(ngDevMode ? [{ debugName: "lowResSrc" }] : /* istanbul ignore next */ []));
+    _loaded = signal(false, ...(ngDevMode ? [{ debugName: "_loaded" }] : /* istanbul ignore next */ []));
+    _error = signal(false, ...(ngDevMode ? [{ debugName: "_error" }] : /* istanbul ignore next */ []));
     _onLoad() { this._loaded.set(true); this._error.set(false); }
     _onError() { this._error.set(true); this._loaded.set(false); }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: ImagePlaceholderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", type: ImagePlaceholderComponent, isStandalone: true, selector: "emr-image-placeholder", inputs: { src: { classPropertyName: "src", publicName: "src", isSignal: true, isRequired: false, transformFunction: null }, alt: { classPropertyName: "alt", publicName: "alt", isSignal: true, isRequired: false, transformFunction: null }, mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null }, lowResSrc: { classPropertyName: "lowResSrc", publicName: "lowResSrc", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.data-mode": "mode()", "attr.data-loaded": "_loaded() || null", "attr.data-error": "_error() || null" } }, ngImport: i0, template: "@if (mode() === 'blur' && lowResSrc() && !_loaded()) {\n  <img class=\"img-blur-preview\" [src]=\"lowResSrc()\" [alt]=\"alt()\" aria-hidden=\"true\" />\n}\n\n@if (!_error()) {\n  <img\n    class=\"img-main\"\n    [src]=\"src()\"\n    [alt]=\"alt()\"\n    (load)=\"_onLoad()\"\n    (error)=\"_onError()\"\n  />\n}\n\n@if (!_loaded() && !_error()) {\n  @if (mode() === 'skeleton') {\n    <div class=\"img-skeleton\"></div>\n  } @else if (mode() === 'icon') {\n    <div class=\"img-icon-placeholder\">\n      <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\">\n        <rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\"/>\n        <circle cx=\"8.5\" cy=\"8.5\" r=\"1.5\"/>\n        <polyline points=\"21 15 16 10 5 21\"/>\n      </svg>\n    </div>\n  }\n}\n\n@if (_error()) {\n  <ng-content select=\"[emrErrorSlot]\">\n    <div class=\"img-error-placeholder\">\n      <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\">\n        <circle cx=\"12\" cy=\"12\" r=\"10\"/>\n        <line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"12\"/>\n        <line x1=\"12\" y1=\"16\" x2=\"12.01\" y2=\"16\"/>\n      </svg>\n    </div>\n  </ng-content>\n}\n", styles: [":host{display:block;position:relative;overflow:hidden;background:var(--color-surface-container);line-height:0}.img-main{width:100%;height:100%;object-fit:cover;position:relative;z-index:1;opacity:0;transition:opacity .3s ease}:host([data-loaded]) .img-main{opacity:1}.img-blur-preview{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:blur(8px);transform:scale(1.05);transition:opacity .3s ease}:host([data-loaded]) .img-blur-preview{opacity:0}.img-skeleton{position:absolute;inset:0;background:linear-gradient(90deg,var(--color-surface-container) 25%,var(--color-surface-container-high) 50%,var(--color-surface-container) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}:host([data-loaded]) .img-skeleton,:host([data-error]) .img-skeleton{display:none}.img-icon-placeholder,.img-error-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--color-on-surface-variant);opacity:.4}.img-icon-placeholder svg,.img-error-placeholder svg{width:40%;height:40%;max-width:calc(var(--spacing, .25rem) * 16)}:host([data-loaded]) .img-icon-placeholder,:host([data-loaded]) .img-error-placeholder{display:none}.img-error-placeholder{color:var(--color-error);opacity:.6}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: ImagePlaceholderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.22", type: ImagePlaceholderComponent, isStandalone: true, selector: "emr-image-placeholder", inputs: { src: { classPropertyName: "src", publicName: "src", isSignal: true, isRequired: false, transformFunction: null }, alt: { classPropertyName: "alt", publicName: "alt", isSignal: true, isRequired: false, transformFunction: null }, mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null }, lowResSrc: { classPropertyName: "lowResSrc", publicName: "lowResSrc", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.data-mode": "mode()", "attr.data-loaded": "_loaded() || null", "attr.data-error": "_error() || null" } }, ngImport: i0, template: "@if (mode() === 'blur' && lowResSrc() && !_loaded()) {\n  <img class=\"img-blur-preview\" [src]=\"lowResSrc()\" [alt]=\"alt()\" aria-hidden=\"true\" />\n}\n\n@if (!_error()) {\n  <img\n    class=\"img-main\"\n    [src]=\"src()\"\n    [alt]=\"alt()\"\n    (load)=\"_onLoad()\"\n    (error)=\"_onError()\"\n  />\n}\n\n@if (!_loaded() && !_error()) {\n  @if (mode() === 'skeleton') {\n    <div class=\"img-skeleton\"></div>\n  } @else if (mode() === 'icon') {\n    <div class=\"img-icon-placeholder\">\n      <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\">\n        <rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\"/>\n        <circle cx=\"8.5\" cy=\"8.5\" r=\"1.5\"/>\n        <polyline points=\"21 15 16 10 5 21\"/>\n      </svg>\n    </div>\n  }\n}\n\n@if (_error()) {\n  <ng-content select=\"[emrErrorSlot]\">\n    <div class=\"img-error-placeholder\">\n      <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\">\n        <circle cx=\"12\" cy=\"12\" r=\"10\"/>\n        <line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"12\"/>\n        <line x1=\"12\" y1=\"16\" x2=\"12.01\" y2=\"16\"/>\n      </svg>\n    </div>\n  </ng-content>\n}\n", styles: [":host{display:block;position:relative;overflow:hidden;background:var(--color-surface-container);line-height:0}.img-main{width:100%;height:100%;object-fit:cover;position:relative;z-index:1;opacity:0;transition:opacity .3s ease}:host([data-loaded]) .img-main{opacity:1}.img-blur-preview{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:blur(8px);transform:scale(1.05);transition:opacity .3s ease}:host([data-loaded]) .img-blur-preview{opacity:0}.img-skeleton{position:absolute;inset:0;background:linear-gradient(90deg,var(--color-surface-container) 25%,var(--color-surface-container-high) 50%,var(--color-surface-container) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}:host([data-loaded]) .img-skeleton,:host([data-error]) .img-skeleton{display:none}.img-icon-placeholder,.img-error-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--color-on-surface-variant);opacity:.4}.img-icon-placeholder svg,.img-error-placeholder svg{width:40%;height:40%;max-width:calc(var(--spacing, .25rem) * 16)}:host([data-loaded]) .img-icon-placeholder,:host([data-loaded]) .img-error-placeholder{display:none}.img-error-placeholder{color:var(--color-error);opacity:.6}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: ImagePlaceholderComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: ImagePlaceholderComponent, decorators: [{
             type: Component,
             args: [{ selector: 'emr-image-placeholder', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         '[attr.data-mode]': 'mode()',
                         '[attr.data-loaded]': '_loaded() || null',
                         '[attr.data-error]': '_error() || null',
-                    }, template: "@if (mode() === 'blur' && lowResSrc() && !_loaded()) {\n  <img class=\"img-blur-preview\" [src]=\"lowResSrc()\" [alt]=\"alt()\" aria-hidden=\"true\" />\n}\n\n@if (!_error()) {\n  <img\n    class=\"img-main\"\n    [src]=\"src()\"\n    [alt]=\"alt()\"\n    (load)=\"_onLoad()\"\n    (error)=\"_onError()\"\n  />\n}\n\n@if (!_loaded() && !_error()) {\n  @if (mode() === 'skeleton') {\n    <div class=\"img-skeleton\"></div>\n  } @else if (mode() === 'icon') {\n    <div class=\"img-icon-placeholder\">\n      <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\">\n        <rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\"/>\n        <circle cx=\"8.5\" cy=\"8.5\" r=\"1.5\"/>\n        <polyline points=\"21 15 16 10 5 21\"/>\n      </svg>\n    </div>\n  }\n}\n\n@if (_error()) {\n  <ng-content select=\"[emrErrorSlot]\">\n    <div class=\"img-error-placeholder\">\n      <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\">\n        <circle cx=\"12\" cy=\"12\" r=\"10\"/>\n        <line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"12\"/>\n        <line x1=\"12\" y1=\"16\" x2=\"12.01\" y2=\"16\"/>\n      </svg>\n    </div>\n  </ng-content>\n}\n", styles: [":host{display:block;position:relative;overflow:hidden;background:var(--color-surface-container);line-height:0}.img-main{width:100%;height:100%;object-fit:cover;position:relative;z-index:1;opacity:0;transition:opacity .3s ease}:host([data-loaded]) .img-main{opacity:1}.img-blur-preview{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:blur(8px);transform:scale(1.05);transition:opacity .3s ease}:host([data-loaded]) .img-blur-preview{opacity:0}.img-skeleton{position:absolute;inset:0;background:linear-gradient(90deg,var(--color-surface-container) 25%,var(--color-surface-container-high) 50%,var(--color-surface-container) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}:host([data-loaded]) .img-skeleton,:host([data-error]) .img-skeleton{display:none}.img-icon-placeholder,.img-error-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--color-on-surface-variant);opacity:.4}.img-icon-placeholder svg,.img-error-placeholder svg{width:40%;height:40%;max-width:calc(var(--spacing, .25rem) * 16)}:host([data-loaded]) .img-icon-placeholder,:host([data-loaded]) .img-error-placeholder{display:none}.img-error-placeholder{color:var(--color-error);opacity:.6}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"] }]
+                    }, template: "@if (mode() === 'blur' && lowResSrc() && !_loaded()) {\n  <img class=\"img-blur-preview\" [src]=\"lowResSrc()\" [alt]=\"alt()\" aria-hidden=\"true\" />\n}\n\n@if (!_error()) {\n  <img\n    class=\"img-main\"\n    [src]=\"src()\"\n    [alt]=\"alt()\"\n    (load)=\"_onLoad()\"\n    (error)=\"_onError()\"\n  />\n}\n\n@if (!_loaded() && !_error()) {\n  @if (mode() === 'skeleton') {\n    <div class=\"img-skeleton\"></div>\n  } @else if (mode() === 'icon') {\n    <div class=\"img-icon-placeholder\">\n      <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\">\n        <rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\"/>\n        <circle cx=\"8.5\" cy=\"8.5\" r=\"1.5\"/>\n        <polyline points=\"21 15 16 10 5 21\"/>\n      </svg>\n    </div>\n  }\n}\n\n@if (_error()) {\n  <ng-content select=\"[emrErrorSlot]\">\n    <div class=\"img-error-placeholder\">\n      <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\">\n        <circle cx=\"12\" cy=\"12\" r=\"10\"/>\n        <line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"12\"/>\n        <line x1=\"12\" y1=\"16\" x2=\"12.01\" y2=\"16\"/>\n      </svg>\n    </div>\n  </ng-content>\n}\n", styles: [":host{display:block;position:relative;overflow:hidden;background:var(--color-surface-container);line-height:0}.img-main{width:100%;height:100%;object-fit:cover;position:relative;z-index:1;opacity:0;transition:opacity .3s ease}:host([data-loaded]) .img-main{opacity:1}.img-blur-preview{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:blur(8px);transform:scale(1.05);transition:opacity .3s ease}:host([data-loaded]) .img-blur-preview{opacity:0}.img-skeleton{position:absolute;inset:0;background:linear-gradient(90deg,var(--color-surface-container) 25%,var(--color-surface-container-high) 50%,var(--color-surface-container) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}:host([data-loaded]) .img-skeleton,:host([data-error]) .img-skeleton{display:none}.img-icon-placeholder,.img-error-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--color-on-surface-variant);opacity:.4}.img-icon-placeholder svg,.img-error-placeholder svg{width:40%;height:40%;max-width:calc(var(--spacing, .25rem) * 16)}:host([data-loaded]) .img-icon-placeholder,:host([data-loaded]) .img-error-placeholder{display:none}.img-error-placeholder{color:var(--color-error);opacity:.6}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"] }]
         }], propDecorators: { src: [{ type: i0.Input, args: [{ isSignal: true, alias: "src", required: false }] }], alt: [{ type: i0.Input, args: [{ isSignal: true, alias: "alt", required: false }] }], mode: [{ type: i0.Input, args: [{ isSignal: true, alias: "mode", required: false }] }], lowResSrc: [{ type: i0.Input, args: [{ isSignal: true, alias: "lowResSrc", required: false }] }] } });
 
 /**

package/fesm2022/elementar-rt-components-image-placeholder.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"elementar-rt-components-image-placeholder.mjs","sources":["../../../projects/components/image-placeholder/src/image-placeholder/image-placeholder.component.ts","../../../projects/components/image-placeholder/src/image-placeholder/image-placeholder.component.html","../../../projects/components/image-placeholder/elementar-rt-components-image-placeholder.ts"],"sourcesContent":["import { Component, input, signal, ChangeDetectionStrategy } from '@angular/core';\n\nexport type ImagePlaceholderMode = 'skeleton' | 'blur' | 'icon';\n\n@Component({\n  selector: 'emr-image-placeholder',\n  standalone: true,\n  templateUrl: './image-placeholder.component.html',\n  styleUrl: './image-placeholder.component.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    '[attr.data-mode]': 'mode()',\n    '[attr.data-loaded]': '_loaded() || null',\n    '[attr.data-error]': '_error() || null',\n  }\n})\nexport class ImagePlaceholderComponent {\n  src = input('');\n  alt = input('');\n  mode = input<ImagePlaceholderMode>('skeleton');\n  lowResSrc = input('');\n\n  protected _loaded = signal(false);\n  protected _error = signal(false);\n\n  protected _onLoad(): void { this._loaded.set(true); this._error.set(false); }\n  protected _onError(): void { this._error.set(true); this._loaded.set(false); }\n}\n","@if (mode() === 'blur' && lowResSrc() && !_loaded()) {\n  <img class=\"img-blur-preview\" [src]=\"lowResSrc()\" [alt]=\"alt()\" aria-hidden=\"true\" />\n}\n\n@if (!_error()) {\n  <img\n    class=\"img-main\"\n    [src]=\"src()\"\n    [alt]=\"alt()\"\n    (load)=\"_onLoad()\"\n    (error)=\"_onError()\"\n  />\n}\n\n@if (!_loaded() && !_error()) {\n  @if (mode() === 'skeleton') {\n    <div class=\"img-skeleton\"></div>\n  } @else if (mode() === 'icon') {\n    <div class=\"img-icon-placeholder\">\n      <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\">\n        <rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\"/>\n        <circle cx=\"8.5\" cy=\"8.5\" r=\"1.5\"/>\n        <polyline points=\"21 15 16 10 5 21\"/>\n      </svg>\n    </div>\n  }\n}\n\n@if (_error()) {\n  <ng-content select=\"[emrErrorSlot]\">\n    <div class=\"img-error-placeholder\">\n      <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\">\n        <circle cx=\"12\" cy=\"12\" r=\"10\"/>\n        <line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"12\"/>\n        <line x1=\"12\" y1=\"16\" x2=\"12.01\" y2=\"16\"/>\n      </svg>\n    </div>\n  </ng-content>\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;MAgBa,yBAAyB,CAAA;AACpC,IAAA,GAAG,GAAG,KAAK,CAAC,EAAE,+CAAC;AACf,IAAA,GAAG,GAAG,KAAK,CAAC,EAAE,+CAAC;AACf,IAAA,IAAI,GAAG,KAAK,CAAuB,UAAU,gDAAC;AAC9C,IAAA,SAAS,GAAG,KAAK,CAAC,EAAE,qDAAC;AAEX,IAAA,OAAO,GAAG,MAAM,CAAC,KAAK,mDAAC;AACvB,IAAA,MAAM,GAAG,MAAM,CAAC,KAAK,kDAAC;IAEtB,OAAO,GAAA,EAAW,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC;IAClE,QAAQ,GAAA,EAAW,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC;wGAVlE,yBAAyB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAzB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,yBAAyB,gsBChBtC,wrCAuCA,EAAA,MAAA,EAAA,CAAA,m3CAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;4FDvBa,yBAAyB,EAAA,UAAA,EAAA,CAAA;kBAZrC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,uBAAuB,cACrB,IAAI,EAAA,eAAA,EAGC,uBAAuB,CAAC,MAAM,EAAA,IAAA,EACzC;AACJ,wBAAA,kBAAkB,EAAE,QAAQ;AAC5B,wBAAA,oBAAoB,EAAE,mBAAmB;AACzC,wBAAA,mBAAmB,EAAE,kBAAkB;AACxC,qBAAA,EAAA,QAAA,EAAA,wrCAAA,EAAA,MAAA,EAAA,CAAA,m3CAAA,CAAA,EAAA;;;AEdH;;AAEG;;;;"}
+{"version":3,"file":"elementar-rt-components-image-placeholder.mjs","sources":["../../../projects/components/image-placeholder/src/image-placeholder/image-placeholder.component.ts","../../../projects/components/image-placeholder/src/image-placeholder/image-placeholder.component.html","../../../projects/components/image-placeholder/elementar-rt-components-image-placeholder.ts"],"sourcesContent":["import { Component, input, signal, ChangeDetectionStrategy } from '@angular/core';\n\nexport type ImagePlaceholderMode = 'skeleton' | 'blur' | 'icon';\n\n@Component({\n  selector: 'emr-image-placeholder',\n  standalone: true,\n  templateUrl: './image-placeholder.component.html',\n  styleUrl: './image-placeholder.component.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    '[attr.data-mode]': 'mode()',\n    '[attr.data-loaded]': '_loaded() || null',\n    '[attr.data-error]': '_error() || null',\n  }\n})\nexport class ImagePlaceholderComponent {\n  src = input('');\n  alt = input('');\n  mode = input<ImagePlaceholderMode>('skeleton');\n  lowResSrc = input('');\n\n  protected _loaded = signal(false);\n  protected _error = signal(false);\n\n  protected _onLoad(): void { this._loaded.set(true); this._error.set(false); }\n  protected _onError(): void { this._error.set(true); this._loaded.set(false); }\n}\n","@if (mode() === 'blur' && lowResSrc() && !_loaded()) {\n  <img class=\"img-blur-preview\" [src]=\"lowResSrc()\" [alt]=\"alt()\" aria-hidden=\"true\" />\n}\n\n@if (!_error()) {\n  <img\n    class=\"img-main\"\n    [src]=\"src()\"\n    [alt]=\"alt()\"\n    (load)=\"_onLoad()\"\n    (error)=\"_onError()\"\n  />\n}\n\n@if (!_loaded() && !_error()) {\n  @if (mode() === 'skeleton') {\n    <div class=\"img-skeleton\"></div>\n  } @else if (mode() === 'icon') {\n    <div class=\"img-icon-placeholder\">\n      <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\">\n        <rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\"/>\n        <circle cx=\"8.5\" cy=\"8.5\" r=\"1.5\"/>\n        <polyline points=\"21 15 16 10 5 21\"/>\n      </svg>\n    </div>\n  }\n}\n\n@if (_error()) {\n  <ng-content select=\"[emrErrorSlot]\">\n    <div class=\"img-error-placeholder\">\n      <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\">\n        <circle cx=\"12\" cy=\"12\" r=\"10\"/>\n        <line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"12\"/>\n        <line x1=\"12\" y1=\"16\" x2=\"12.01\" y2=\"16\"/>\n      </svg>\n    </div>\n  </ng-content>\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;MAgBa,yBAAyB,CAAA;AACpC,IAAA,GAAG,GAAG,KAAK,CAAC,EAAE,0EAAC;AACf,IAAA,GAAG,GAAG,KAAK,CAAC,EAAE,0EAAC;AACf,IAAA,IAAI,GAAG,KAAK,CAAuB,UAAU,2EAAC;AAC9C,IAAA,SAAS,GAAG,KAAK,CAAC,EAAE,gFAAC;AAEX,IAAA,OAAO,GAAG,MAAM,CAAC,KAAK,8EAAC;AACvB,IAAA,MAAM,GAAG,MAAM,CAAC,KAAK,6EAAC;IAEtB,OAAO,GAAA,EAAW,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC;IAClE,QAAQ,GAAA,EAAW,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC;wGAVlE,yBAAyB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAzB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,yBAAyB,gsBChBtC,wrCAuCA,EAAA,MAAA,EAAA,CAAA,m3CAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;4FDvBa,yBAAyB,EAAA,UAAA,EAAA,CAAA;kBAZrC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,uBAAuB,cACrB,IAAI,EAAA,eAAA,EAGC,uBAAuB,CAAC,MAAM,EAAA,IAAA,EACzC;AACJ,wBAAA,kBAAkB,EAAE,QAAQ;AAC5B,wBAAA,oBAAoB,EAAE,mBAAmB;AACzC,wBAAA,mBAAmB,EAAE,kBAAkB;AACxC,qBAAA,EAAA,QAAA,EAAA,wrCAAA,EAAA,MAAA,EAAA,CAAA,m3CAAA,CAAA,EAAA;;;AEdH;;AAEG;;"}

package/fesm2022/elementar-rt-components-image-resizer.mjs

@@ -15,14 +15,10 @@ class ImageResizeHandlerDirective {
     _resizing = false;
     _width;
     _clientX;
-    maxWidth = input.required(...(ngDevMode ? [{ debugName: "maxWidth", transform: numberAttribute }] : [{
-            transform: numberAttribute
-        }]));
-    minWidth = input.required(...(ngDevMode ? [{ debugName: "minWidth", transform: numberAttribute }] : [{
-            transform: numberAttribute
-        }]));
-    targetElement = input.required(...(ngDevMode ? [{ debugName: "targetElement" }] : []));
-    direction = input.required(...(ngDevMode ? [{ debugName: "direction" }] : []));
+    maxWidth = input.required({ ...(ngDevMode ? { debugName: "maxWidth" } : /* istanbul ignore next */ {}), transform: numberAttribute });
+    minWidth = input.required({ ...(ngDevMode ? { debugName: "minWidth" } : /* istanbul ignore next */ {}), transform: numberAttribute });
+    targetElement = input.required(...(ngDevMode ? [{ debugName: "targetElement" }] : /* istanbul ignore next */ []));
+    direction = input.required(...(ngDevMode ? [{ debugName: "direction" }] : /* istanbul ignore next */ []));
     dimensionsChanged = output();
     ngOnInit() {
         if (isPlatformServer(this._platformId)) {
@@ -67,10 +63,10 @@ class ImageResizeHandlerDirective {
             });
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: ImageResizeHandlerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.25", type: ImageResizeHandlerDirective, isStandalone: true, selector: "[emrImageResizeHandler]", inputs: { maxWidth: { classPropertyName: "maxWidth", publicName: "maxWidth", isSignal: true, isRequired: true, transformFunction: null }, minWidth: { classPropertyName: "minWidth", publicName: "minWidth", isSignal: true, isRequired: true, transformFunction: null }, targetElement: { classPropertyName: "targetElement", publicName: "targetElement", isSignal: true, isRequired: true, transformFunction: null }, direction: { classPropertyName: "direction", publicName: "direction", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { dimensionsChanged: "dimensionsChanged" }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: ImageResizeHandlerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.22", type: ImageResizeHandlerDirective, isStandalone: true, selector: "[emrImageResizeHandler]", inputs: { maxWidth: { classPropertyName: "maxWidth", publicName: "maxWidth", isSignal: true, isRequired: true, transformFunction: null }, minWidth: { classPropertyName: "minWidth", publicName: "minWidth", isSignal: true, isRequired: true, transformFunction: null }, targetElement: { classPropertyName: "targetElement", publicName: "targetElement", isSignal: true, isRequired: true, transformFunction: null }, direction: { classPropertyName: "direction", publicName: "direction", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { dimensionsChanged: "dimensionsChanged" }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: ImageResizeHandlerDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: ImageResizeHandlerDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[emrImageResizeHandler]'
@@ -83,10 +79,10 @@ class ImageResizerImageDirective {
         event.stopPropagation();
         event.preventDefault();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: ImageResizerImageDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.25", type: ImageResizerImageDirective, isStandalone: true, selector: "[emrImageResizerImage]", host: { listeners: { "dragstart": "_onDragStart($event)" } }, exportAs: ["emrImageResizerImage"], ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: ImageResizerImageDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.22", type: ImageResizerImageDirective, isStandalone: true, selector: "[emrImageResizerImage]", host: { listeners: { "dragstart": "_onDragStart($event)" } }, exportAs: ["emrImageResizerImage"], ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: ImageResizerImageDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: ImageResizerImageDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[emrImageResizerImage]',
@@ -102,14 +98,10 @@ class ImageResizerComponent {
     _elementRef = inject(ElementRef);
     _renderer = inject(Renderer2);
     imageRef = contentChild.required(ImageResizerImageDirective);
-    imageMaxWidth = input(null, ...(ngDevMode ? [{ debugName: "imageMaxWidth", transform: numberAttribute }] : [{
-            transform: numberAttribute
-        }]));
-    imageMinWidth = input(100, ...(ngDevMode ? [{ debugName: "imageMinWidth", transform: numberAttribute }] : [{
-            transform: numberAttribute
-        }]));
+    imageMaxWidth = input(null, { ...(ngDevMode ? { debugName: "imageMaxWidth" } : /* istanbul ignore next */ {}), transform: numberAttribute });
+    imageMinWidth = input(100, { ...(ngDevMode ? { debugName: "imageMinWidth" } : /* istanbul ignore next */ {}), transform: numberAttribute });
     imageResized = output();
-    _maxWidth = signal(null, ...(ngDevMode ? [{ debugName: "_maxWidth" }] : []));
+    _maxWidth = signal(null, ...(ngDevMode ? [{ debugName: "_maxWidth" }] : /* istanbul ignore next */ []));
     constructor() {
         effect(() => {
             this._maxWidth.set(this.imageMaxWidth());
@@ -139,16 +131,16 @@ class ImageResizerComponent {
             naturalHeight
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: ImageResizerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.3.25", type: ImageResizerComponent, isStandalone: true, selector: "emr-image-resizer", inputs: { imageMaxWidth: { classPropertyName: "imageMaxWidth", publicName: "imageMaxWidth", isSignal: true, isRequired: false, transformFunction: null }, imageMinWidth: { classPropertyName: "imageMinWidth", publicName: "imageMinWidth", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { imageResized: "imageResized" }, host: { classAttribute: "emr-image-resizer" }, queries: [{ propertyName: "imageRef", first: true, predicate: ImageResizerImageDirective, descendants: true, isSignal: true }], exportAs: ["emrImageResizer"], ngImport: i0, template: "<div emrImageResizeHandler direction=\"right\"\n     [maxWidth]=\"_maxWidth()\"\n     [minWidth]=\"imageMinWidth()\"\n     [targetElement]=\"imageRef().elementRef.nativeElement\" class=\"handler handler-start\"\n     (dimensionsChanged)=\"onDimensionsChanged()\"></div>\n<ng-content select=\"[emrImageResizerImage]\"/>\n<div emrImageResizeHandler direction=\"left\"\n     [maxWidth]=\"_maxWidth()\"\n     [minWidth]=\"imageMinWidth()\"\n     [targetElement]=\"imageRef().elementRef.nativeElement\" class=\"handler handler-end\"\n     (dimensionsChanged)=\"onDimensionsChanged()\"></div>\n", styles: ["@layer properties;:host{display:flex;align-items:center;overflow:hidden;-webkit-user-select:none;user-select:none;position:relative;width:max-content;max-width:100%}:host.align-start{justify-content:flex-start}:host.align-center{justify-content:center}:host.align-end{justify-content:flex-end}:host img{max-width:100%}:host .handler{height:100%;max-height:calc(var(--spacing, .25rem) * 12);width:calc(var(--spacing, .25rem) * 3);cursor:ew-resize;border-radius:calc(infinity * 1px);border-style:var(--tw-border-style);border-width:2px;border-color:var(--color-white, #fff);--tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);position:absolute;top:50%;--tw-translate-y: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y);background-color:var(--color-white);border:4px solid var(--color-on-secondary-fixed)}:host .handler-start{inset-inline-start:calc(var(--spacing, .25rem) * 3)}:host .handler-end{inset-inline-end:calc(var(--spacing, .25rem) * 3)}:host .handler:active{--tw-scale-x: 95%;--tw-scale-y: 95%;--tw-scale-z: 95%;scale:var(--tw-scale-x) var(--tw-scale-y)}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@property --tw-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-inset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-inset-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-ring-color{syntax: \"*\"; inherits: false;}@property --tw-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-ring-color{syntax: \"*\"; inherits: false;}@property --tw-inset-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-ring-inset{syntax: \"*\"; inherits: false;}@property --tw-ring-offset-width{syntax: \"<length>\"; inherits: false; initial-value: 0px;}@property --tw-ring-offset-color{syntax: \"*\"; inherits: false; initial-value: #fff;}@property --tw-ring-offset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-translate-x{syntax: \"*\"; inherits: false; initial-value: 0;}@property --tw-translate-y{syntax: \"*\"; inherits: false; initial-value: 0;}@property --tw-translate-z{syntax: \"*\"; inherits: false; initial-value: 0;}@property --tw-scale-x{syntax: \"*\"; inherits: false; initial-value: 1;}@property --tw-scale-y{syntax: \"*\"; inherits: false; initial-value: 1;}@property --tw-scale-z{syntax: \"*\"; inherits: false; initial-value: 1;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style: solid;--tw-shadow: 0 0 #0000;--tw-shadow-color: initial;--tw-shadow-alpha: 100%;--tw-inset-shadow: 0 0 #0000;--tw-inset-shadow-color: initial;--tw-inset-shadow-alpha: 100%;--tw-ring-color: initial;--tw-ring-shadow: 0 0 #0000;--tw-inset-ring-color: initial;--tw-inset-ring-shadow: 0 0 #0000;--tw-ring-inset: initial;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-offset-shadow: 0 0 #0000;--tw-translate-x: 0;--tw-translate-y: 0;--tw-translate-z: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-scale-z: 1}}}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "directive", type: ImageResizeHandlerDirective, selector: "[emrImageResizeHandler]", inputs: ["maxWidth", "minWidth", "targetElement", "direction"], outputs: ["dimensionsChanged"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: ImageResizerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.22", type: ImageResizerComponent, isStandalone: true, selector: "emr-image-resizer", inputs: { imageMaxWidth: { classPropertyName: "imageMaxWidth", publicName: "imageMaxWidth", isSignal: true, isRequired: false, transformFunction: null }, imageMinWidth: { classPropertyName: "imageMinWidth", publicName: "imageMinWidth", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { imageResized: "imageResized" }, host: { classAttribute: "emr-image-resizer" }, queries: [{ propertyName: "imageRef", first: true, predicate: ImageResizerImageDirective, descendants: true, isSignal: true }], exportAs: ["emrImageResizer"], ngImport: i0, template: "<div emrImageResizeHandler direction=\"right\"\n     [maxWidth]=\"_maxWidth()\"\n     [minWidth]=\"imageMinWidth()\"\n     [targetElement]=\"imageRef().elementRef.nativeElement\" class=\"handler handler-start\"\n     (dimensionsChanged)=\"onDimensionsChanged()\"></div>\n<ng-content select=\"[emrImageResizerImage]\"/>\n<div emrImageResizeHandler direction=\"left\"\n     [maxWidth]=\"_maxWidth()\"\n     [minWidth]=\"imageMinWidth()\"\n     [targetElement]=\"imageRef().elementRef.nativeElement\" class=\"handler handler-end\"\n     (dimensionsChanged)=\"onDimensionsChanged()\"></div>\n", styles: ["@layer properties;:host{display:flex;align-items:center;overflow:hidden;-webkit-user-select:none;user-select:none;position:relative;width:max-content;max-width:100%}:host.align-start{justify-content:flex-start}:host.align-center{justify-content:center}:host.align-end{justify-content:flex-end}:host img{max-width:100%}:host .handler{height:100%;max-height:calc(var(--spacing, .25rem) * 12);width:calc(var(--spacing, .25rem) * 3);cursor:ew-resize;border-radius:calc(infinity * 1px);border-style:var(--tw-border-style);border-width:2px;border-color:var(--color-white, #fff);--tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);position:absolute;top:50%;--tw-translate-y: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y);background-color:var(--color-white);border:4px solid var(--color-on-secondary-fixed)}:host .handler-start{inset-inline-start:calc(var(--spacing, .25rem) * 3)}:host .handler-end{inset-inline-end:calc(var(--spacing, .25rem) * 3)}:host .handler:active{--tw-scale-x: 95%;--tw-scale-y: 95%;--tw-scale-z: 95%;scale:var(--tw-scale-x) var(--tw-scale-y)}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@property --tw-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-inset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-inset-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-ring-color{syntax: \"*\"; inherits: false;}@property --tw-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-ring-color{syntax: \"*\"; inherits: false;}@property --tw-inset-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-ring-inset{syntax: \"*\"; inherits: false;}@property --tw-ring-offset-width{syntax: \"<length>\"; inherits: false; initial-value: 0px;}@property --tw-ring-offset-color{syntax: \"*\"; inherits: false; initial-value: #fff;}@property --tw-ring-offset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-translate-x{syntax: \"*\"; inherits: false; initial-value: 0;}@property --tw-translate-y{syntax: \"*\"; inherits: false; initial-value: 0;}@property --tw-translate-z{syntax: \"*\"; inherits: false; initial-value: 0;}@property --tw-scale-x{syntax: \"*\"; inherits: false; initial-value: 1;}@property --tw-scale-y{syntax: \"*\"; inherits: false; initial-value: 1;}@property --tw-scale-z{syntax: \"*\"; inherits: false; initial-value: 1;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style: solid;--tw-shadow: 0 0 #0000;--tw-shadow-color: initial;--tw-shadow-alpha: 100%;--tw-inset-shadow: 0 0 #0000;--tw-inset-shadow-color: initial;--tw-inset-shadow-alpha: 100%;--tw-ring-color: initial;--tw-ring-shadow: 0 0 #0000;--tw-inset-ring-color: initial;--tw-inset-ring-shadow: 0 0 #0000;--tw-ring-inset: initial;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-offset-shadow: 0 0 #0000;--tw-translate-x: 0;--tw-translate-y: 0;--tw-translate-z: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-scale-z: 1}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "directive", type: ImageResizeHandlerDirective, selector: "[emrImageResizeHandler]", inputs: ["maxWidth", "minWidth", "targetElement", "direction"], outputs: ["dimensionsChanged"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: ImageResizerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: ImageResizerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'emr-image-resizer', exportAs: 'emrImageResizer', imports: [
                         ImageResizeHandlerDirective
                     ], changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         'class': 'emr-image-resizer'
-                    }, template: "<div emrImageResizeHandler direction=\"right\"\n     [maxWidth]=\"_maxWidth()\"\n     [minWidth]=\"imageMinWidth()\"\n     [targetElement]=\"imageRef().elementRef.nativeElement\" class=\"handler handler-start\"\n     (dimensionsChanged)=\"onDimensionsChanged()\"></div>\n<ng-content select=\"[emrImageResizerImage]\"/>\n<div emrImageResizeHandler direction=\"left\"\n     [maxWidth]=\"_maxWidth()\"\n     [minWidth]=\"imageMinWidth()\"\n     [targetElement]=\"imageRef().elementRef.nativeElement\" class=\"handler handler-end\"\n     (dimensionsChanged)=\"onDimensionsChanged()\"></div>\n", styles: ["@layer properties;:host{display:flex;align-items:center;overflow:hidden;-webkit-user-select:none;user-select:none;position:relative;width:max-content;max-width:100%}:host.align-start{justify-content:flex-start}:host.align-center{justify-content:center}:host.align-end{justify-content:flex-end}:host img{max-width:100%}:host .handler{height:100%;max-height:calc(var(--spacing, .25rem) * 12);width:calc(var(--spacing, .25rem) * 3);cursor:ew-resize;border-radius:calc(infinity * 1px);border-style:var(--tw-border-style);border-width:2px;border-color:var(--color-white, #fff);--tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);position:absolute;top:50%;--tw-translate-y: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y);background-color:var(--color-white);border:4px solid var(--color-on-secondary-fixed)}:host .handler-start{inset-inline-start:calc(var(--spacing, .25rem) * 3)}:host .handler-end{inset-inline-end:calc(var(--spacing, .25rem) * 3)}:host .handler:active{--tw-scale-x: 95%;--tw-scale-y: 95%;--tw-scale-z: 95%;scale:var(--tw-scale-x) var(--tw-scale-y)}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@property --tw-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-inset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-inset-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-ring-color{syntax: \"*\"; inherits: false;}@property --tw-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-ring-color{syntax: \"*\"; inherits: false;}@property --tw-inset-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-ring-inset{syntax: \"*\"; inherits: false;}@property --tw-ring-offset-width{syntax: \"<length>\"; inherits: false; initial-value: 0px;}@property --tw-ring-offset-color{syntax: \"*\"; inherits: false; initial-value: #fff;}@property --tw-ring-offset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-translate-x{syntax: \"*\"; inherits: false; initial-value: 0;}@property --tw-translate-y{syntax: \"*\"; inherits: false; initial-value: 0;}@property --tw-translate-z{syntax: \"*\"; inherits: false; initial-value: 0;}@property --tw-scale-x{syntax: \"*\"; inherits: false; initial-value: 1;}@property --tw-scale-y{syntax: \"*\"; inherits: false; initial-value: 1;}@property --tw-scale-z{syntax: \"*\"; inherits: false; initial-value: 1;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style: solid;--tw-shadow: 0 0 #0000;--tw-shadow-color: initial;--tw-shadow-alpha: 100%;--tw-inset-shadow: 0 0 #0000;--tw-inset-shadow-color: initial;--tw-inset-shadow-alpha: 100%;--tw-ring-color: initial;--tw-ring-shadow: 0 0 #0000;--tw-inset-ring-color: initial;--tw-inset-ring-shadow: 0 0 #0000;--tw-ring-inset: initial;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-offset-shadow: 0 0 #0000;--tw-translate-x: 0;--tw-translate-y: 0;--tw-translate-z: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-scale-z: 1}}}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"] }]
+                    }, template: "<div emrImageResizeHandler direction=\"right\"\n     [maxWidth]=\"_maxWidth()\"\n     [minWidth]=\"imageMinWidth()\"\n     [targetElement]=\"imageRef().elementRef.nativeElement\" class=\"handler handler-start\"\n     (dimensionsChanged)=\"onDimensionsChanged()\"></div>\n<ng-content select=\"[emrImageResizerImage]\"/>\n<div emrImageResizeHandler direction=\"left\"\n     [maxWidth]=\"_maxWidth()\"\n     [minWidth]=\"imageMinWidth()\"\n     [targetElement]=\"imageRef().elementRef.nativeElement\" class=\"handler handler-end\"\n     (dimensionsChanged)=\"onDimensionsChanged()\"></div>\n", styles: ["@layer properties;:host{display:flex;align-items:center;overflow:hidden;-webkit-user-select:none;user-select:none;position:relative;width:max-content;max-width:100%}:host.align-start{justify-content:flex-start}:host.align-center{justify-content:center}:host.align-end{justify-content:flex-end}:host img{max-width:100%}:host .handler{height:100%;max-height:calc(var(--spacing, .25rem) * 12);width:calc(var(--spacing, .25rem) * 3);cursor:ew-resize;border-radius:calc(infinity * 1px);border-style:var(--tw-border-style);border-width:2px;border-color:var(--color-white, #fff);--tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);position:absolute;top:50%;--tw-translate-y: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y);background-color:var(--color-white);border:4px solid var(--color-on-secondary-fixed)}:host .handler-start{inset-inline-start:calc(var(--spacing, .25rem) * 3)}:host .handler-end{inset-inline-end:calc(var(--spacing, .25rem) * 3)}:host .handler:active{--tw-scale-x: 95%;--tw-scale-y: 95%;--tw-scale-z: 95%;scale:var(--tw-scale-x) var(--tw-scale-y)}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@property --tw-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-inset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-inset-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-ring-color{syntax: \"*\"; inherits: false;}@property --tw-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-ring-color{syntax: \"*\"; inherits: false;}@property --tw-inset-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-ring-inset{syntax: \"*\"; inherits: false;}@property --tw-ring-offset-width{syntax: \"<length>\"; inherits: false; initial-value: 0px;}@property --tw-ring-offset-color{syntax: \"*\"; inherits: false; initial-value: #fff;}@property --tw-ring-offset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-translate-x{syntax: \"*\"; inherits: false; initial-value: 0;}@property --tw-translate-y{syntax: \"*\"; inherits: false; initial-value: 0;}@property --tw-translate-z{syntax: \"*\"; inherits: false; initial-value: 0;}@property --tw-scale-x{syntax: \"*\"; inherits: false; initial-value: 1;}@property --tw-scale-y{syntax: \"*\"; inherits: false; initial-value: 1;}@property --tw-scale-z{syntax: \"*\"; inherits: false; initial-value: 1;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style: solid;--tw-shadow: 0 0 #0000;--tw-shadow-color: initial;--tw-shadow-alpha: 100%;--tw-inset-shadow: 0 0 #0000;--tw-inset-shadow-color: initial;--tw-inset-shadow-alpha: 100%;--tw-ring-color: initial;--tw-ring-shadow: 0 0 #0000;--tw-inset-ring-color: initial;--tw-inset-ring-shadow: 0 0 #0000;--tw-ring-inset: initial;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-offset-shadow: 0 0 #0000;--tw-translate-x: 0;--tw-translate-y: 0;--tw-translate-z: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-scale-z: 1}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"] }]
         }], ctorParameters: () => [], propDecorators: { imageRef: [{ type: i0.ContentChild, args: [i0.forwardRef(() => ImageResizerImageDirective), { isSignal: true }] }], imageMaxWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "imageMaxWidth", required: false }] }], imageMinWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "imageMinWidth", required: false }] }], imageResized: [{ type: i0.Output, args: ["imageResized"] }] } });
 
 /**