npm - @elementar-rt/components - Versions diffs - 0.6.58 → 0.7.1 - Mend

@elementar-rt/components 0.6.58 → 0.7.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (414) hide show

package/fesm2022/elementar-rt-components-sort.mjs CHANGED Viewed

@@ -3,8 +3,8 @@ import { output, signal, Directive, input, inject, computed, HostListener } from
 class EmrSortDirective {
     sortChange = output();
-    activeField = signal('', ...(ngDevMode ? [{ debugName: "activeField" }] : []));
-    activeDirection = signal('asc', ...(ngDevMode ? [{ debugName: "activeDirection" }] : []));
+    activeField = signal('', ...(ngDevMode ? [{ debugName: "activeField" }] : /* istanbul ignore next */ []));
+    activeDirection = signal('asc', ...(ngDevMode ? [{ debugName: "activeDirection" }] : /* istanbul ignore next */ []));
     sort(field) {
         if (this.activeField() === field) {
             this.activeDirection.set(this.activeDirection() === 'asc' ? 'desc' : 'asc');
@@ -15,10 +15,10 @@ class EmrSortDirective {
         }
         this.sortChange.emit({ field: this.activeField(), direction: this.activeDirection() });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: EmrSortDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.25", type: EmrSortDirective, isStandalone: true, selector: "[emrSort]", outputs: { sortChange: "sortChange" }, exportAs: ["emrSort"], ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: EmrSortDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.22", type: EmrSortDirective, isStandalone: true, selector: "[emrSort]", outputs: { sortChange: "sortChange" }, exportAs: ["emrSort"], ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: EmrSortDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: EmrSortDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[emrSort]',
@@ -28,21 +28,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImpo
         }], propDecorators: { sortChange: [{ type: i0.Output, args: ["sortChange"] }] } });
 class EmrSortHeaderDirective {
-    emrSortHeader = input.required(...(ngDevMode ? [{ debugName: "emrSortHeader" }] : []));
+    emrSortHeader = input.required(...(ngDevMode ? [{ debugName: "emrSortHeader" }] : /* istanbul ignore next */ []));
     _sort = inject(EmrSortDirective);
-    _isActive = computed(() => this._sort.activeField() === this.emrSortHeader(), ...(ngDevMode ? [{ debugName: "_isActive" }] : []));
+    _isActive = computed(() => this._sort.activeField() === this.emrSortHeader(), ...(ngDevMode ? [{ debugName: "_isActive" }] : /* istanbul ignore next */ []));
     _ariaSort = computed(() => {
         if (!this._isActive())
             return 'none';
         return this._sort.activeDirection() === 'asc' ? 'ascending' : 'descending';
-    }, ...(ngDevMode ? [{ debugName: "_ariaSort" }] : []));
+    }, ...(ngDevMode ? [{ debugName: "_ariaSort" }] : /* istanbul ignore next */ []));
     onClick() {
         this._sort.sort(this.emrSortHeader());
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: EmrSortHeaderDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.25", type: EmrSortHeaderDirective, isStandalone: true, selector: "[emrSortHeader]", inputs: { emrSortHeader: { classPropertyName: "emrSortHeader", publicName: "emrSortHeader", isSignal: true, isRequired: true, transformFunction: null } }, host: { attributes: { "role": "button" }, listeners: { "click": "onClick()" }, properties: { "attr.data-sort-active": "_isActive() || null", "attr.data-sort-dir": "_isActive() ? _sort.activeDirection() : null", "style.cursor": "\"pointer\"", "attr.aria-sort": "_ariaSort()" } }, exportAs: ["emrSortHeader"], ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: EmrSortHeaderDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.22", type: EmrSortHeaderDirective, isStandalone: true, selector: "[emrSortHeader]", inputs: { emrSortHeader: { classPropertyName: "emrSortHeader", publicName: "emrSortHeader", isSignal: true, isRequired: true, transformFunction: null } }, host: { attributes: { "role": "button" }, listeners: { "click": "onClick()" }, properties: { "attr.data-sort-active": "_isActive() || null", "attr.data-sort-dir": "_isActive() ? _sort.activeDirection() : null", "style.cursor": "\"pointer\"", "attr.aria-sort": "_ariaSort()" } }, exportAs: ["emrSortHeader"], ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: EmrSortHeaderDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: EmrSortHeaderDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[emrSortHeader]',

package/fesm2022/elementar-rt-components-sort.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"elementar-rt-components-sort.mjs","sources":["../../../projects/components/sort/src/sort.directive.ts","../../../projects/components/sort/src/sort-header.directive.ts","../../../projects/components/sort/elementar-rt-components-sort.ts"],"sourcesContent":["import { Directive, output, signal } from '@angular/core';\n\nexport interface EmrSortEvent {\n field: string;\n direction: 'asc' \| 'desc';\n}\n\n@Directive({\n selector: '[emrSort]',\n standalone: true,\n exportAs: 'emrSort',\n})\nexport class EmrSortDirective {\n sortChange = output<EmrSortEvent>();\n\n readonly activeField = signal('');\n readonly activeDirection = signal<'asc' \| 'desc'>('asc');\n\n sort(field: string): void {\n if (this.activeField() === field) {\n this.activeDirection.set(this.activeDirection() === 'asc' ? 'desc' : 'asc');\n } else {\n this.activeField.set(field);\n this.activeDirection.set('asc');\n }\n this.sortChange.emit({ field: this.activeField(), direction: this.activeDirection() });\n }\n}\n","import { Directive, input, computed, HostListener, inject, Host, Optional } from '@angular/core';\nimport { EmrSortDirective } from './sort.directive';\n\n@Directive({\n selector: '[emrSortHeader]',\n standalone: true,\n exportAs: 'emrSortHeader',\n host: {\n '[attr.data-sort-active]': '_isActive() \|\| null',\n '[attr.data-sort-dir]': '_isActive() ? _sort.activeDirection() : null',\n 'role': 'button',\n '[style.cursor]': '\"pointer\"',\n '[attr.aria-sort]': '_ariaSort()',\n }\n})\nexport class EmrSortHeaderDirective {\n emrSortHeader = input.required<string>();\n\n protected _sort = inject(EmrSortDirective);\n\n protected _isActive = computed(() => this._sort.activeField() === this.emrSortHeader());\n protected _ariaSort = computed(() => {\n if (!this._isActive()) return 'none';\n return this._sort.activeDirection() === 'asc' ? 'ascending' : 'descending';\n });\n\n @HostListener('click')\n onClick(): void {\n this._sort.sort(this.emrSortHeader());\n }\n}\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":";;;MAYa,gBAAgB,CAAA;IAC3B,UAAU,GAAG,MAAM,EAAgB;AAE1B,IAAA,WAAW,GAAG,MAAM,CAAC,EAAE,~~uDAAC~~;AACxB,IAAA,eAAe,GAAG,MAAM,CAAiB,KAAK,~~2DAAC~~;AAExD,IAAA,IAAI,CAAC,KAAa,EAAA;AAChB,QAAA,IAAI,IAAI,CAAC,WAAW,EAAE,KAAK,KAAK,EAAE;YAChC,IAAI,CAAC,eAAe,CAAC,GAAG,CAAC,IAAI,CAAC,eAAe,EAAE,KAAK,KAAK,GAAG,MAAM,GAAG,KAAK,CAAC;QAC7E;aAAO;AACL,YAAA,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,KAAK,CAAC;AAC3B,YAAA,IAAI,CAAC,eAAe,CAAC,GAAG,CAAC,KAAK,CAAC;QACjC;QACA,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC,WAAW,EAAE,EAAE,SAAS,EAAE,IAAI,CAAC,eAAe,EAAE,EAAE,CAAC;IACxF;wGAdW,gBAAgB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;4FAAhB,gBAAgB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,WAAA,EAAA,OAAA,EAAA,EAAA,UAAA,EAAA,YAAA,EAAA,EAAA,QAAA,EAAA,CAAA,SAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;4FAAhB,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAL5B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,WAAW;AACrB,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,QAAQ,EAAE,SAAS;AACpB,iBAAA;;;MCIY,sBAAsB,CAAA;AACjC,IAAA,aAAa,GAAG,KAAK,CAAC,QAAQ,~~wDAAU~~;AAE9B,IAAA,KAAK,GAAG,MAAM,CAAC,gBAAgB,CAAC;AAEhC,IAAA,SAAS,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,KAAK,CAAC,WAAW,EAAE,KAAK,IAAI,CAAC,aAAa,EAAE,~~qDAAC~~;AAC7E,IAAA,SAAS,GAAG,QAAQ,CAAC,MAAK;AAClC,QAAA,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE;AAAE,YAAA,OAAO,MAAM;AACpC,QAAA,OAAO,IAAI,CAAC,KAAK,CAAC,eAAe,EAAE,KAAK,KAAK,GAAG,WAAW,GAAG,YAAY;AAC5E,IAAA,CAAC,~~qDAAC~~;IAGF,OAAO,GAAA;QACL,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE,CAAC;IACvC;wGAdW,sBAAsB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;4FAAtB,sBAAsB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,EAAA,aAAA,EAAA,EAAA,iBAAA,EAAA,eAAA,EAAA,UAAA,EAAA,eAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,MAAA,EAAA,QAAA,EAAA,EAAA,SAAA,EAAA,EAAA,OAAA,EAAA,WAAA,EAAA,EAAA,UAAA,EAAA,EAAA,uBAAA,EAAA,qBAAA,EAAA,oBAAA,EAAA,8CAAA,EAAA,cAAA,EAAA,aAAA,EAAA,gBAAA,EAAA,aAAA,EAAA,EAAA,EAAA,QAAA,EAAA,CAAA,eAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;4FAAtB,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBAZlC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,iBAAiB;AAC3B,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,QAAQ,EAAE,eAAe;AACzB,oBAAA,IAAI,EAAE;AACJ,wBAAA,yBAAyB,EAAE,qBAAqB;AAChD,wBAAA,sBAAsB,EAAE,8CAA8C;AACtE,wBAAA,MAAM,EAAE,QAAQ;AAChB,wBAAA,gBAAgB,EAAE,WAAW;AAC7B,wBAAA,kBAAkB,EAAE,aAAa;AAClC;AACF,iBAAA;;sBAYE,YAAY;uBAAC,OAAO;;;AC1BvB;;AAEG~~;;;;~~"}
1	+ {"version":3,"file":"elementar-rt-components-sort.mjs","sources":["../../../projects/components/sort/src/sort.directive.ts","../../../projects/components/sort/src/sort-header.directive.ts","../../../projects/components/sort/elementar-rt-components-sort.ts"],"sourcesContent":["import { Directive, output, signal } from '@angular/core';\n\nexport interface EmrSortEvent {\n field: string;\n direction: 'asc' \| 'desc';\n}\n\n@Directive({\n selector: '[emrSort]',\n standalone: true,\n exportAs: 'emrSort',\n})\nexport class EmrSortDirective {\n sortChange = output<EmrSortEvent>();\n\n readonly activeField = signal('');\n readonly activeDirection = signal<'asc' \| 'desc'>('asc');\n\n sort(field: string): void {\n if (this.activeField() === field) {\n this.activeDirection.set(this.activeDirection() === 'asc' ? 'desc' : 'asc');\n } else {\n this.activeField.set(field);\n this.activeDirection.set('asc');\n }\n this.sortChange.emit({ field: this.activeField(), direction: this.activeDirection() });\n }\n}\n","import { Directive, input, computed, HostListener, inject, Host, Optional } from '@angular/core';\nimport { EmrSortDirective } from './sort.directive';\n\n@Directive({\n selector: '[emrSortHeader]',\n standalone: true,\n exportAs: 'emrSortHeader',\n host: {\n '[attr.data-sort-active]': '_isActive() \|\| null',\n '[attr.data-sort-dir]': '_isActive() ? _sort.activeDirection() : null',\n 'role': 'button',\n '[style.cursor]': '\"pointer\"',\n '[attr.aria-sort]': '_ariaSort()',\n }\n})\nexport class EmrSortHeaderDirective {\n emrSortHeader = input.required<string>();\n\n protected _sort = inject(EmrSortDirective);\n\n protected _isActive = computed(() => this._sort.activeField() === this.emrSortHeader());\n protected _ariaSort = computed(() => {\n if (!this._isActive()) return 'none';\n return this._sort.activeDirection() === 'asc' ? 'ascending' : 'descending';\n });\n\n @HostListener('click')\n onClick(): void {\n this._sort.sort(this.emrSortHeader());\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-splash-screen.mjs CHANGED Viewed

@@ -25,12 +25,8 @@ class SplashScreenComponent {
     _renderer = inject(Renderer2);
     _elementRef = inject(ElementRef);
     _router = inject(Router);
-    animationDuration = input(500, ...(ngDevMode ? [{ debugName: "animationDuration", transform: numberAttribute }] : [{
-            transform: numberAttribute
-        }])); // in milliseconds
-    hideDelay = input(1000, ...(ngDevMode ? [{ debugName: "hideDelay", transform: numberAttribute }] : [{
-            transform: numberAttribute
-        }])); // in milliseconds
+    animationDuration = input(500, { ...(ngDevMode ? { debugName: "animationDuration" } : /* istanbul ignore next */ {}), transform: numberAttribute }); // in milliseconds
+    hideDelay = input(1000, { ...(ngDevMode ? { debugName: "hideDelay" } : /* istanbul ignore next */ {}), transform: numberAttribute }); // in milliseconds
     constructor() {
         let isFirstRun = true;
         effect(() => {
@@ -81,14 +77,14 @@ class SplashScreenComponent {
             this._renderer.setStyle(loaderEl, 'zIndex', '-9999999');
         }, this.animationDuration());
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: SplashScreenComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.25", type: SplashScreenComponent, isStandalone: true, selector: "emr-splash-screen", inputs: { animationDuration: { classPropertyName: "animationDuration", publicName: "animationDuration", isSignal: true, isRequired: false, transformFunction: null }, hideDelay: { classPropertyName: "hideDelay", publicName: "hideDelay", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "emr-splash-screen" }, exportAs: ["emrSplashScreen"], ngImport: i0, template: "<div>\n  <ng-content select=\"emr-text-logo,emr-image-logo\"/>\n</div>\n", styles: [":host{--emr-splash-screen-bg: var(--color-background);-webkit-user-select:none;user-select:none;position:fixed;inset:0;z-index:9999999;display:flex;align-items:center;justify-content:center;flex-direction:column;visibility:visible;background:var(--emr-splash-screen-bg);--emr-splash-screen-hide-animation-duration: .5s}:host.hide{opacity:0;transition:opacity var(--emr-splash-screen-hide-animation-duration) ease-in-out}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: SplashScreenComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.22", type: SplashScreenComponent, isStandalone: true, selector: "emr-splash-screen", inputs: { animationDuration: { classPropertyName: "animationDuration", publicName: "animationDuration", isSignal: true, isRequired: false, transformFunction: null }, hideDelay: { classPropertyName: "hideDelay", publicName: "hideDelay", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "emr-splash-screen" }, exportAs: ["emrSplashScreen"], ngImport: i0, template: "<div>\n  <ng-content select=\"emr-text-logo,emr-image-logo\"/>\n</div>\n", styles: [":host{--emr-splash-screen-bg: var(--color-background);-webkit-user-select:none;user-select:none;position:fixed;inset:0;z-index:9999999;display:flex;align-items:center;justify-content:center;flex-direction:column;visibility:visible;background:var(--emr-splash-screen-bg);--emr-splash-screen-hide-animation-duration: .5s}:host.hide{opacity:0;transition:opacity var(--emr-splash-screen-hide-animation-duration) ease-in-out}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: SplashScreenComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: SplashScreenComponent, decorators: [{
             type: Component,
             args: [{ selector: 'emr-splash-screen', exportAs: 'emrSplashScreen', imports: [], host: {
                         'class': 'emr-splash-screen',
-                    }, template: "<div>\n  <ng-content select=\"emr-text-logo,emr-image-logo\"/>\n</div>\n", styles: [":host{--emr-splash-screen-bg: var(--color-background);-webkit-user-select:none;user-select:none;position:fixed;inset:0;z-index:9999999;display:flex;align-items:center;justify-content:center;flex-direction:column;visibility:visible;background:var(--emr-splash-screen-bg);--emr-splash-screen-hide-animation-duration: .5s}:host.hide{opacity:0;transition:opacity var(--emr-splash-screen-hide-animation-duration) ease-in-out}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"] }]
+                    }, template: "<div>\n  <ng-content select=\"emr-text-logo,emr-image-logo\"/>\n</div>\n", styles: [":host{--emr-splash-screen-bg: var(--color-background);-webkit-user-select:none;user-select:none;position:fixed;inset:0;z-index:9999999;display:flex;align-items:center;justify-content:center;flex-direction:column;visibility:visible;background:var(--emr-splash-screen-bg);--emr-splash-screen-hide-animation-duration: .5s}:host.hide{opacity:0;transition:opacity var(--emr-splash-screen-hide-animation-duration) ease-in-out}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"] }]
         }], ctorParameters: () => [], propDecorators: { animationDuration: [{ type: i0.Input, args: [{ isSignal: true, alias: "animationDuration", required: false }] }], hideDelay: [{ type: i0.Input, args: [{ isSignal: true, alias: "hideDelay", required: false }] }] } });
 /**

package/fesm2022/elementar-rt-components-splash-screen.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"elementar-rt-components-splash-screen.mjs","sources":["../../../projects/components/splash-screen/src/splash-screen.store.ts","../../../projects/components/splash-screen/src/splash-screen/splash-screen.component.ts","../../../projects/components/splash-screen/src/splash-screen/splash-screen.component.html","../../../projects/components/splash-screen/elementar-rt-components-splash-screen.ts"],"sourcesContent":["import { patchState, signalStore, withMethods, withState } from '@ngrx/signals';\n\nexport interface SplashScreenState {\n visible: boolean;\n}\n\nconst initialState: SplashScreenState = {\n visible: true\n};\n\nexport const SplashScreenStore = signalStore(\n { providedIn: 'root' },\n withState(initialState),\n withMethods((store) => ({\n show(): void {\n patchState(store, {\n visible: true\n });\n },\n hide(): void {\n patchState(store, {\n visible: false\n });\n }\n }))\n);\n","import {\n afterNextRender,\n Component,\n effect,\n ElementRef,\n inject,\n input,\n numberAttribute,\n Renderer2\n} from '@angular/core';\nimport { getState } from '@ngrx/signals';\nimport { SplashScreenState, SplashScreenStore } from '../splash-screen.store';\nimport { filter } from 'rxjs';\nimport { NavigationEnd, Router } from '@angular/router';\n\n@Component({\n selector: 'emr-splash-screen',\n exportAs: 'emrSplashScreen',\n imports: [],\n templateUrl: './splash-screen.component.html',\n styleUrl: './splash-screen.component.scss',\n host: {\n 'class': 'emr-splash-screen',\n }\n})\nexport class SplashScreenComponent {\n private _store = inject(SplashScreenStore);\n private _renderer = inject(Renderer2);\n private _elementRef = inject(ElementRef);\n private _router = inject(Router);\n\n animationDuration = input(500, {\n transform: numberAttribute\n }); // in milliseconds\n hideDelay = input(1000, {\n transform: numberAttribute\n }); // in milliseconds\n\n constructor() {\n let isFirstRun = true;\n\n effect(() => {\n const currentState = getState<SplashScreenState>(this._store);\n\n // Skip only the very first invocation: the component's default styles\n // already reflect the initial state, so no imperative show/hide is\n // needed yet. Every subsequent change must still be applied, even if\n // it happens to match the original value (e.g. hide() then show()).\n if (isFirstRun) {\n isFirstRun = false;\n return;\n }\n\n if (currentState.visible) {\n this._show();\n } else {\n this._hide();\n }\n });\n\n afterNextRender(() => {\n const subscription = this._router.events\n .pipe(\n filter(event=> event instanceof NavigationEnd)\n )\n .subscribe(() => {\n subscription.unsubscribe();\n setTimeout(() => {\n this._hide();\n subscription.unsubscribe();\n }, this.hideDelay());\n })\n ;\n });\n }\n\n ngOnInit() {\n // Renderer2.setStyle() does not apply custom CSS properties (`--`) in this\n // Angular version; set it directly on the element's style declaration instead.\n (this._elementRef.nativeElement as HTMLElement).style.setProperty(\n '--emr-splash-screen-hide-animation-duration', (this.animationDuration() / 1000) + 's'\n );\n }\n\n private _show(): void {\n const loaderEl = this._elementRef.nativeElement as HTMLElement;\n this._renderer.removeClass(loaderEl, 'hide');\n this._renderer.setStyle(loaderEl, 'visibility', 'visible');\n this._renderer.setStyle(loaderEl, 'zIndex', '9999999');\n }\n\n private _hide(): void {\n const loaderEl = this._elementRef.nativeElement as HTMLElement;\n this._renderer.addClass(loaderEl, 'hide');\n setTimeout(() => {\n this._renderer.setStyle(loaderEl, 'visibility', 'hidden');\n this._renderer.setStyle(loaderEl, 'zIndex', '-9999999');\n }, this.animationDuration());\n }\n}\n","<div>\n <ng-content select=\"emr-text-logo,emr-image-logo\"/>\n</div>\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":";;;;;;AAMA,MAAM,YAAY,GAAsB;AACtC,IAAA,OAAO,EAAE;CACV;AAEM,MAAM,iBAAiB,GAAG,WAAW,CAC1C,EAAE,UAAU,EAAE,MAAM,EAAE,EACtB,SAAS,CAAC,YAAY,CAAC,EACvB,WAAW,CAAC,CAAC,KAAK,MAAM;IACtB,IAAI,GAAA;QACF,UAAU,CAAC,KAAK,EAAE;AAChB,YAAA,OAAO,EAAE;AACV,SAAA,CAAC;IACJ,CAAC;IACD,IAAI,GAAA;QACF,UAAU,CAAC,KAAK,EAAE;AAChB,YAAA,OAAO,EAAE;AACV,SAAA,CAAC;IACJ;CACD,CAAC,CAAC;;MCCQ,qBAAqB,CAAA;AACxB,IAAA,MAAM,GAAG,MAAM,CAAC,iBAAiB,CAAC;AAClC,IAAA,SAAS,GAAG,MAAM,CAAC,SAAS,CAAC;AAC7B,IAAA,WAAW,GAAG,MAAM,CAAC,UAAU,CAAC;AAChC,IAAA,OAAO,GAAG,MAAM,CAAC,MAAM,CAAC;IAEhC,iBAAiB,GAAG,KAAK,CAAC,GAAG,~~qDAC3B~~,~~SAAS~~,~~EAAE~~,~~eAAe~~,EAAA,~~CAAA~~,~~GAAA~~,~~CADG;AAC7B~~,~~YAAA~~,SAAS,EAAE~~;SACZ~~,~~CAAA~~,~~CAAA~~,~~CAAC~~,CAAC;IACH,SAAS,GAAG,KAAK,CAAC,IAAI,~~6CACpB~~,~~SAAS~~,~~EAAE~~,~~eAAe~~,EAAA,~~CAAA~~,~~GAAA~~,~~CADJ;AACtB~~,~~YAAA~~,SAAS,EAAE~~;SACZ~~,~~CAAA~~,~~CAAA~~,~~CAAC~~,CAAC;AAEH,IAAA,WAAA,GAAA;QACE,IAAI,UAAU,GAAG,IAAI;QAErB,MAAM,CAAC,MAAK;YACV,MAAM,YAAY,GAAG,QAAQ,CAAoB,IAAI,CAAC,MAAM,CAAC;;;;;YAM7D,IAAI,UAAU,EAAE;gBACd,UAAU,GAAG,KAAK;gBAClB;YACF;AAEA,YAAA,IAAI,YAAY,CAAC,OAAO,EAAE;gBACxB,IAAI,CAAC,KAAK,EAAE;YACd;iBAAO;gBACL,IAAI,CAAC,KAAK,EAAE;YACd;AACF,QAAA,CAAC,CAAC;QAEF,eAAe,CAAC,MAAK;AACnB,YAAA,MAAM,YAAY,GAAG,IAAI,CAAC,OAAO,CAAC;iBAC/B,IAAI,CACH,MAAM,CAAC,KAAK,IAAG,KAAK,YAAY,aAAa,CAAC;iBAE/C,SAAS,CAAC,MAAK;gBACd,YAAY,CAAC,WAAW,EAAE;gBAC1B,UAAU,CAAC,MAAK;oBACd,IAAI,CAAC,KAAK,EAAE;oBACZ,YAAY,CAAC,WAAW,EAAE;AAC5B,gBAAA,CAAC,EAAE,IAAI,CAAC,SAAS,EAAE,CAAC;AACtB,YAAA,CAAC,CAAC;AAEN,QAAA,CAAC,CAAC;IACJ;IAEA,QAAQ,GAAA;;;QAGL,IAAI,CAAC,WAAW,CAAC,aAA6B,CAAC,KAAK,CAAC,WAAW,CAC/D,6CAA6C,EAAE,CAAC,IAAI,CAAC,iBAAiB,EAAE,GAAG,IAAI,IAAI,GAAG,CACvF;IACH;IAEQ,KAAK,GAAA;AACX,QAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,WAAW,CAAC,aAA4B;QAC9D,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC,QAAQ,EAAE,MAAM,CAAC;QAC5C,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,QAAQ,EAAE,YAAY,EAAE,SAAS,CAAC;QAC1D,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,QAAQ,EAAE,QAAQ,EAAE,SAAS,CAAC;IACxD;IAEQ,KAAK,GAAA;AACX,QAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,WAAW,CAAC,aAA4B;QAC9D,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAC;QACzC,UAAU,CAAC,MAAK;YACd,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,QAAQ,EAAE,YAAY,EAAE,QAAQ,CAAC;YACzD,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,QAAQ,EAAE,QAAQ,EAAE,UAAU,CAAC;AACzD,QAAA,CAAC,EAAE,IAAI,CAAC,iBAAiB,EAAE,CAAC;IAC9B;wGAzEW,qBAAqB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAArB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,qBAAqB,ucCzBlC,0EAGA,EAAA,MAAA,EAAA,CAAA,2eAAA,CAAA,EAAA,CAAA;;4FDsBa,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBAVjC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,mBAAmB,EAAA,QAAA,EACnB,iBAAiB,EAAA,OAAA,EAClB,EAAE,EAAA,IAAA,EAGL;AACJ,wBAAA,OAAO,EAAE,mBAAmB;AAC7B,qBAAA,EAAA,QAAA,EAAA,0EAAA,EAAA,MAAA,EAAA,CAAA,2eAAA,CAAA,EAAA;;;AEvBH;;AAEG~~;;;;~~"}
1	+ {"version":3,"file":"elementar-rt-components-splash-screen.mjs","sources":["../../../projects/components/splash-screen/src/splash-screen.store.ts","../../../projects/components/splash-screen/src/splash-screen/splash-screen.component.ts","../../../projects/components/splash-screen/src/splash-screen/splash-screen.component.html","../../../projects/components/splash-screen/elementar-rt-components-splash-screen.ts"],"sourcesContent":["import { patchState, signalStore, withMethods, withState } from '@ngrx/signals';\n\nexport interface SplashScreenState {\n visible: boolean;\n}\n\nconst initialState: SplashScreenState = {\n visible: true\n};\n\nexport const SplashScreenStore = signalStore(\n { providedIn: 'root' },\n withState(initialState),\n withMethods((store) => ({\n show(): void {\n patchState(store, {\n visible: true\n });\n },\n hide(): void {\n patchState(store, {\n visible: false\n });\n }\n }))\n);\n","import {\n afterNextRender,\n Component,\n effect,\n ElementRef,\n inject,\n input,\n numberAttribute,\n Renderer2\n} from '@angular/core';\nimport { getState } from '@ngrx/signals';\nimport { SplashScreenState, SplashScreenStore } from '../splash-screen.store';\nimport { filter } from 'rxjs';\nimport { NavigationEnd, Router } from '@angular/router';\n\n@Component({\n selector: 'emr-splash-screen',\n exportAs: 'emrSplashScreen',\n imports: [],\n templateUrl: './splash-screen.component.html',\n styleUrl: './splash-screen.component.scss',\n host: {\n 'class': 'emr-splash-screen',\n }\n})\nexport class SplashScreenComponent {\n private _store = inject(SplashScreenStore);\n private _renderer = inject(Renderer2);\n private _elementRef = inject(ElementRef);\n private _router = inject(Router);\n\n animationDuration = input(500, {\n transform: numberAttribute\n }); // in milliseconds\n hideDelay = input(1000, {\n transform: numberAttribute\n }); // in milliseconds\n\n constructor() {\n let isFirstRun = true;\n\n effect(() => {\n const currentState = getState<SplashScreenState>(this._store);\n\n // Skip only the very first invocation: the component's default styles\n // already reflect the initial state, so no imperative show/hide is\n // needed yet. Every subsequent change must still be applied, even if\n // it happens to match the original value (e.g. hide() then show()).\n if (isFirstRun) {\n isFirstRun = false;\n return;\n }\n\n if (currentState.visible) {\n this._show();\n } else {\n this._hide();\n }\n });\n\n afterNextRender(() => {\n const subscription = this._router.events\n .pipe(\n filter(event=> event instanceof NavigationEnd)\n )\n .subscribe(() => {\n subscription.unsubscribe();\n setTimeout(() => {\n this._hide();\n subscription.unsubscribe();\n }, this.hideDelay());\n })\n ;\n });\n }\n\n ngOnInit() {\n // Renderer2.setStyle() does not apply custom CSS properties (`--`) in this\n // Angular version; set it directly on the element's style declaration instead.\n (this._elementRef.nativeElement as HTMLElement).style.setProperty(\n '--emr-splash-screen-hide-animation-duration', (this.animationDuration() / 1000) + 's'\n );\n }\n\n private _show(): void {\n const loaderEl = this._elementRef.nativeElement as HTMLElement;\n this._renderer.removeClass(loaderEl, 'hide');\n this._renderer.setStyle(loaderEl, 'visibility', 'visible');\n this._renderer.setStyle(loaderEl, 'zIndex', '9999999');\n }\n\n private _hide(): void {\n const loaderEl = this._elementRef.nativeElement as HTMLElement;\n this._renderer.addClass(loaderEl, 'hide');\n setTimeout(() => {\n this._renderer.setStyle(loaderEl, 'visibility', 'hidden');\n this._renderer.setStyle(loaderEl, 'zIndex', '-9999999');\n }, this.animationDuration());\n }\n}\n","<div>\n <ng-content select=\"emr-text-logo,emr-image-logo\"/>\n</div>\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":";;;;;;AAMA,MAAM,YAAY,GAAsB;AACtC,IAAA,OAAO,EAAE;CACV;AAEM,MAAM,iBAAiB,GAAG,WAAW,CAC1C,EAAE,UAAU,EAAE,MAAM,EAAE,EACtB,SAAS,CAAC,YAAY,CAAC,EACvB,WAAW,CAAC,CAAC,KAAK,MAAM;IACtB,IAAI,GAAA;QACF,UAAU,CAAC,KAAK,EAAE;AAChB,YAAA,OAAO,EAAE;AACV,SAAA,CAAC;IACJ,CAAC;IACD,IAAI,GAAA;QACF,UAAU,CAAC,KAAK,EAAE;AAChB,YAAA,OAAO,EAAE;AACV,SAAA,CAAC;IACJ;CACD,CAAC,CAAC;;MCCQ,qBAAqB,CAAA;AACxB,IAAA,MAAM,GAAG,MAAM,CAAC,iBAAiB,CAAC;AAClC,IAAA,SAAS,GAAG,MAAM,CAAC,SAAS,CAAC;AAC7B,IAAA,WAAW,GAAG,MAAM,CAAC,UAAU,CAAC;AAChC,IAAA,OAAO,GAAG,MAAM,CAAC,MAAM,CAAC;IAEhC,iBAAiB,GAAG,KAAK,CAAC,GAAG,EAAA,EAAA,IAAA,SAAA,GAAA,EAAA,SAAA,EAAA,mBAAA,EAAA,8BAAA,EAAA,CAAA,EAC3B,SAAS,EAAE,eAAe,EAAA,CAC1B,CAAC;IACH,SAAS,GAAG,KAAK,CAAC,IAAI,EAAA,EAAA,IAAA,SAAA,GAAA,EAAA,SAAA,EAAA,WAAA,EAAA,8BAAA,EAAA,CAAA,EACpB,SAAS,EAAE,eAAe,EAAA,CAC1B,CAAC;AAEH,IAAA,WAAA,GAAA;QACE,IAAI,UAAU,GAAG,IAAI;QAErB,MAAM,CAAC,MAAK;YACV,MAAM,YAAY,GAAG,QAAQ,CAAoB,IAAI,CAAC,MAAM,CAAC;;;;;YAM7D,IAAI,UAAU,EAAE;gBACd,UAAU,GAAG,KAAK;gBAClB;YACF;AAEA,YAAA,IAAI,YAAY,CAAC,OAAO,EAAE;gBACxB,IAAI,CAAC,KAAK,EAAE;YACd;iBAAO;gBACL,IAAI,CAAC,KAAK,EAAE;YACd;AACF,QAAA,CAAC,CAAC;QAEF,eAAe,CAAC,MAAK;AACnB,YAAA,MAAM,YAAY,GAAG,IAAI,CAAC,OAAO,CAAC;iBAC/B,IAAI,CACH,MAAM,CAAC,KAAK,IAAG,KAAK,YAAY,aAAa,CAAC;iBAE/C,SAAS,CAAC,MAAK;gBACd,YAAY,CAAC,WAAW,EAAE;gBAC1B,UAAU,CAAC,MAAK;oBACd,IAAI,CAAC,KAAK,EAAE;oBACZ,YAAY,CAAC,WAAW,EAAE;AAC5B,gBAAA,CAAC,EAAE,IAAI,CAAC,SAAS,EAAE,CAAC;AACtB,YAAA,CAAC,CAAC;AAEN,QAAA,CAAC,CAAC;IACJ;IAEA,QAAQ,GAAA;;;QAGL,IAAI,CAAC,WAAW,CAAC,aAA6B,CAAC,KAAK,CAAC,WAAW,CAC/D,6CAA6C,EAAE,CAAC,IAAI,CAAC,iBAAiB,EAAE,GAAG,IAAI,IAAI,GAAG,CACvF;IACH;IAEQ,KAAK,GAAA;AACX,QAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,WAAW,CAAC,aAA4B;QAC9D,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC,QAAQ,EAAE,MAAM,CAAC;QAC5C,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,QAAQ,EAAE,YAAY,EAAE,SAAS,CAAC;QAC1D,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,QAAQ,EAAE,QAAQ,EAAE,SAAS,CAAC;IACxD;IAEQ,KAAK,GAAA;AACX,QAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,WAAW,CAAC,aAA4B;QAC9D,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAC;QACzC,UAAU,CAAC,MAAK;YACd,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,QAAQ,EAAE,YAAY,EAAE,QAAQ,CAAC;YACzD,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,QAAQ,EAAE,QAAQ,EAAE,UAAU,CAAC;AACzD,QAAA,CAAC,EAAE,IAAI,CAAC,iBAAiB,EAAE,CAAC;IAC9B;wGAzEW,qBAAqB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAArB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,qBAAqB,ucCzBlC,0EAGA,EAAA,MAAA,EAAA,CAAA,2eAAA,CAAA,EAAA,CAAA;;4FDsBa,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBAVjC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,mBAAmB,EAAA,QAAA,EACnB,iBAAiB,EAAA,OAAA,EAClB,EAAE,EAAA,IAAA,EAGL;AACJ,wBAAA,OAAO,EAAE,mBAAmB;AAC7B,qBAAA,EAAA,QAAA,EAAA,0EAAA,EAAA,MAAA,EAAA,CAAA,2eAAA,CAAA,EAAA;;;AEvBH;;AAEG;;"}

package/fesm2022/elementar-rt-components-split-pane.mjs CHANGED Viewed

@@ -2,13 +2,13 @@ import * as i0 from '@angular/core';
 import { input, numberAttribute, output, signal, inject, ElementRef, ChangeDetectionStrategy, Component } from '@angular/core';
 class SplitPaneComponent {
-    orientation = input('horizontal', ...(ngDevMode ? [{ debugName: "orientation" }] : []));
-    initialSize = input(50, ...(ngDevMode ? [{ debugName: "initialSize", transform: numberAttribute }] : [{ transform: numberAttribute }]));
-    minSize = input(10, ...(ngDevMode ? [{ debugName: "minSize", transform: numberAttribute }] : [{ transform: numberAttribute }]));
-    maxSize = input(90, ...(ngDevMode ? [{ debugName: "maxSize", transform: numberAttribute }] : [{ transform: numberAttribute }]));
-    storageKey = input('', ...(ngDevMode ? [{ debugName: "storageKey" }] : []));
+    orientation = input('horizontal', ...(ngDevMode ? [{ debugName: "orientation" }] : /* istanbul ignore next */ []));
+    initialSize = input(50, { ...(ngDevMode ? { debugName: "initialSize" } : /* istanbul ignore next */ {}), transform: numberAttribute });
+    minSize = input(10, { ...(ngDevMode ? { debugName: "minSize" } : /* istanbul ignore next */ {}), transform: numberAttribute });
+    maxSize = input(90, { ...(ngDevMode ? { debugName: "maxSize" } : /* istanbul ignore next */ {}), transform: numberAttribute });
+    storageKey = input('', ...(ngDevMode ? [{ debugName: "storageKey" }] : /* istanbul ignore next */ []));
     sizeChange = output();
-    _firstSize = signal(50, ...(ngDevMode ? [{ debugName: "_firstSize" }] : []));
+    _firstSize = signal(50, ...(ngDevMode ? [{ debugName: "_firstSize" }] : /* istanbul ignore next */ []));
     _el = inject((ElementRef));
     _dragging = false;
     _onMouseMove = this._handleMouseMove.bind(this);
@@ -52,14 +52,14 @@ class SplitPaneComponent {
         document.removeEventListener('mousemove', this._onMouseMove);
         document.removeEventListener('mouseup', this._onMouseUp);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: SplitPaneComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.25", type: SplitPaneComponent, isStandalone: true, selector: "emr-split-pane", inputs: { orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null }, initialSize: { classPropertyName: "initialSize", publicName: "initialSize", isSignal: true, isRequired: false, transformFunction: null }, minSize: { classPropertyName: "minSize", publicName: "minSize", isSignal: true, isRequired: false, transformFunction: null }, maxSize: { classPropertyName: "maxSize", publicName: "maxSize", isSignal: true, isRequired: false, transformFunction: null }, storageKey: { classPropertyName: "storageKey", publicName: "storageKey", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { sizeChange: "sizeChange" }, host: { properties: { "attr.data-orientation": "orientation()" } }, ngImport: i0, template: "<div class=\"pane pane--first\" [style.flex-basis.%]=\"_firstSize()\">\n  <ng-content select=\"[emrSplitFirst]\" />\n</div>\n<div\n  class=\"split-divider\"\n  role=\"separator\"\n  [attr.aria-orientation]=\"orientation()\"\n  (mousedown)=\"_onDividerMouseDown($event)\"\n>\n  <div class=\"divider-handle\"></div>\n</div>\n<div class=\"pane pane--second\" [style.flex-basis.%]=\"100 - _firstSize()\">\n  <ng-content select=\"[emrSplitSecond]\" />\n</div>\n", styles: [":host{display:flex;width:100%;height:100%;overflow:hidden}:host[data-orientation=vertical]{flex-direction:column}:host[data-orientation=horizontal]{flex-direction:row}.pane{overflow:auto;min-width:0;min-height:0;flex-shrink:0}.split-divider{display:flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--color-outline-variant);transition:background .15s ease;z-index:1}:host([data-orientation=horizontal]) .split-divider{width:var(--spacing, .25rem);cursor:col-resize}:host([data-orientation=horizontal]) .split-divider:hover{background:var(--color-primary)}:host([data-orientation=vertical]) .split-divider{height:var(--spacing, .25rem);cursor:row-resize}:host([data-orientation=vertical]) .split-divider:hover{background:var(--color-primary)}.divider-handle{background:var(--color-on-surface-variant);border-radius:9999px;opacity:.5}:host([data-orientation=horizontal]) .divider-handle{width:calc(var(--spacing, .25rem) * .5);height:calc(var(--spacing, .25rem) * 8)}:host([data-orientation=vertical]) .divider-handle{height:calc(var(--spacing, .25rem) * .5);width:calc(var(--spacing, .25rem) * 8)}\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: SplitPaneComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.22", type: SplitPaneComponent, isStandalone: true, selector: "emr-split-pane", inputs: { orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null }, initialSize: { classPropertyName: "initialSize", publicName: "initialSize", isSignal: true, isRequired: false, transformFunction: null }, minSize: { classPropertyName: "minSize", publicName: "minSize", isSignal: true, isRequired: false, transformFunction: null }, maxSize: { classPropertyName: "maxSize", publicName: "maxSize", isSignal: true, isRequired: false, transformFunction: null }, storageKey: { classPropertyName: "storageKey", publicName: "storageKey", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { sizeChange: "sizeChange" }, host: { properties: { "attr.data-orientation": "orientation()" } }, ngImport: i0, template: "<div class=\"pane pane--first\" [style.flex-basis.%]=\"_firstSize()\">\n  <ng-content select=\"[emrSplitFirst]\" />\n</div>\n<div\n  class=\"split-divider\"\n  role=\"separator\"\n  [attr.aria-orientation]=\"orientation()\"\n  (mousedown)=\"_onDividerMouseDown($event)\"\n>\n  <div class=\"divider-handle\"></div>\n</div>\n<div class=\"pane pane--second\" [style.flex-basis.%]=\"100 - _firstSize()\">\n  <ng-content select=\"[emrSplitSecond]\" />\n</div>\n", styles: [":host{display:flex;width:100%;height:100%;overflow:hidden}:host[data-orientation=vertical]{flex-direction:column}:host[data-orientation=horizontal]{flex-direction:row}.pane{overflow:auto;min-width:0;min-height:0;flex-shrink:0}.split-divider{display:flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--color-outline-variant);transition:background .15s ease;z-index:1}:host([data-orientation=horizontal]) .split-divider{width:var(--spacing, .25rem);cursor:col-resize}:host([data-orientation=horizontal]) .split-divider:hover{background:var(--color-primary)}:host([data-orientation=vertical]) .split-divider{height:var(--spacing, .25rem);cursor:row-resize}:host([data-orientation=vertical]) .split-divider:hover{background:var(--color-primary)}.divider-handle{background:var(--color-on-surface-variant);border-radius:9999px;opacity:.5}:host([data-orientation=horizontal]) .divider-handle{width:calc(var(--spacing, .25rem) * .5);height:calc(var(--spacing, .25rem) * 8)}:host([data-orientation=vertical]) .divider-handle{height:calc(var(--spacing, .25rem) * .5);width:calc(var(--spacing, .25rem) * 8)}\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: SplitPaneComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: SplitPaneComponent, decorators: [{
             type: Component,
             args: [{ selector: 'emr-split-pane', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         '[attr.data-orientation]': 'orientation()',
-                    }, template: "<div class=\"pane pane--first\" [style.flex-basis.%]=\"_firstSize()\">\n  <ng-content select=\"[emrSplitFirst]\" />\n</div>\n<div\n  class=\"split-divider\"\n  role=\"separator\"\n  [attr.aria-orientation]=\"orientation()\"\n  (mousedown)=\"_onDividerMouseDown($event)\"\n>\n  <div class=\"divider-handle\"></div>\n</div>\n<div class=\"pane pane--second\" [style.flex-basis.%]=\"100 - _firstSize()\">\n  <ng-content select=\"[emrSplitSecond]\" />\n</div>\n", styles: [":host{display:flex;width:100%;height:100%;overflow:hidden}:host[data-orientation=vertical]{flex-direction:column}:host[data-orientation=horizontal]{flex-direction:row}.pane{overflow:auto;min-width:0;min-height:0;flex-shrink:0}.split-divider{display:flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--color-outline-variant);transition:background .15s ease;z-index:1}:host([data-orientation=horizontal]) .split-divider{width:var(--spacing, .25rem);cursor:col-resize}:host([data-orientation=horizontal]) .split-divider:hover{background:var(--color-primary)}:host([data-orientation=vertical]) .split-divider{height:var(--spacing, .25rem);cursor:row-resize}:host([data-orientation=vertical]) .split-divider:hover{background:var(--color-primary)}.divider-handle{background:var(--color-on-surface-variant);border-radius:9999px;opacity:.5}:host([data-orientation=horizontal]) .divider-handle{width:calc(var(--spacing, .25rem) * .5);height:calc(var(--spacing, .25rem) * 8)}:host([data-orientation=vertical]) .divider-handle{height:calc(var(--spacing, .25rem) * .5);width:calc(var(--spacing, .25rem) * 8)}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"] }]
+                    }, template: "<div class=\"pane pane--first\" [style.flex-basis.%]=\"_firstSize()\">\n  <ng-content select=\"[emrSplitFirst]\" />\n</div>\n<div\n  class=\"split-divider\"\n  role=\"separator\"\n  [attr.aria-orientation]=\"orientation()\"\n  (mousedown)=\"_onDividerMouseDown($event)\"\n>\n  <div class=\"divider-handle\"></div>\n</div>\n<div class=\"pane pane--second\" [style.flex-basis.%]=\"100 - _firstSize()\">\n  <ng-content select=\"[emrSplitSecond]\" />\n</div>\n", styles: [":host{display:flex;width:100%;height:100%;overflow:hidden}:host[data-orientation=vertical]{flex-direction:column}:host[data-orientation=horizontal]{flex-direction:row}.pane{overflow:auto;min-width:0;min-height:0;flex-shrink:0}.split-divider{display:flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--color-outline-variant);transition:background .15s ease;z-index:1}:host([data-orientation=horizontal]) .split-divider{width:var(--spacing, .25rem);cursor:col-resize}:host([data-orientation=horizontal]) .split-divider:hover{background:var(--color-primary)}:host([data-orientation=vertical]) .split-divider{height:var(--spacing, .25rem);cursor:row-resize}:host([data-orientation=vertical]) .split-divider:hover{background:var(--color-primary)}.divider-handle{background:var(--color-on-surface-variant);border-radius:9999px;opacity:.5}:host([data-orientation=horizontal]) .divider-handle{width:calc(var(--spacing, .25rem) * .5);height:calc(var(--spacing, .25rem) * 8)}:host([data-orientation=vertical]) .divider-handle{height:calc(var(--spacing, .25rem) * .5);width:calc(var(--spacing, .25rem) * 8)}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"] }]
         }], propDecorators: { orientation: [{ type: i0.Input, args: [{ isSignal: true, alias: "orientation", required: false }] }], initialSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "initialSize", required: false }] }], minSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "minSize", required: false }] }], maxSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxSize", required: false }] }], storageKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "storageKey", required: false }] }], sizeChange: [{ type: i0.Output, args: ["sizeChange"] }] } });
 /**

package/fesm2022/elementar-rt-components-split-pane.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"elementar-rt-components-split-pane.mjs","sources":["../../../projects/components/split-pane/src/split-pane/split-pane.component.ts","../../../projects/components/split-pane/src/split-pane/split-pane.component.html","../../../projects/components/split-pane/elementar-rt-components-split-pane.ts"],"sourcesContent":["import {\n Component, input, output, signal, ChangeDetectionStrategy,\n numberAttribute, booleanAttribute, ElementRef, inject, OnInit, OnDestroy\n} from '@angular/core';\n\n@Component({\n selector: 'emr-split-pane',\n standalone: true,\n templateUrl: './split-pane.component.html',\n styleUrl: './split-pane.component.scss',\n changeDetection: ChangeDetectionStrategy.OnPush,\n host: {\n '[attr.data-orientation]': 'orientation()',\n }\n})\nexport class SplitPaneComponent implements OnInit, OnDestroy {\n orientation = input<'horizontal' \| 'vertical'>('horizontal');\n initialSize = input(50, { transform: numberAttribute });\n minSize = input(10, { transform: numberAttribute });\n maxSize = input(90, { transform: numberAttribute });\n storageKey = input<string>('');\n\n sizeChange = output<number>();\n\n protected _firstSize = signal(50);\n\n private _el = inject(ElementRef<HTMLElement>);\n private _dragging = false;\n private _onMouseMove = this._handleMouseMove.bind(this);\n private _onMouseUp = this._handleMouseUp.bind(this);\n\n ngOnInit(): void {\n let initial = this.initialSize();\n const key = this.storageKey();\n if (key) {\n const stored = localStorage.getItem(`emr-split-${key}`);\n if (stored) initial = parseFloat(stored);\n }\n this._firstSize.set(Math.min(this.maxSize(), Math.max(this.minSize(), initial)));\n }\n\n ngOnDestroy(): void {\n document.removeEventListener('mousemove', this._onMouseMove);\n document.removeEventListener('mouseup', this._onMouseUp);\n }\n\n protected _onDividerMouseDown(e: MouseEvent): void {\n e.preventDefault();\n this._dragging = true;\n document.addEventListener('mousemove', this._onMouseMove);\n document.addEventListener('mouseup', this._onMouseUp);\n }\n\n private _handleMouseMove(e: MouseEvent): void {\n if (!this._dragging) return;\n const rect = this._el.nativeElement.getBoundingClientRect();\n const isHoriz = this.orientation() === 'horizontal';\n const pos = isHoriz ? e.clientX - rect.left : e.clientY - rect.top;\n const total = isHoriz ? rect.width : rect.height;\n const pct = Math.min(this.maxSize(), Math.max(this.minSize(), (pos / total) * 100));\n this._firstSize.set(pct);\n this.sizeChange.emit(pct);\n const key = this.storageKey();\n if (key) localStorage.setItem(`emr-split-${key}`, String(pct));\n }\n\n private _handleMouseUp(): void {\n this._dragging = false;\n document.removeEventListener('mousemove', this._onMouseMove);\n document.removeEventListener('mouseup', this._onMouseUp);\n }\n}\n","<div class=\"pane pane--first\" [style.flex-basis.%]=\"_firstSize()\">\n <ng-content select=\"[emrSplitFirst]\" />\n</div>\n<div\n class=\"split-divider\"\n role=\"separator\"\n [attr.aria-orientation]=\"orientation()\"\n (mousedown)=\"_onDividerMouseDown($event)\"\n>\n <div class=\"divider-handle\"></div>\n</div>\n<div class=\"pane pane--second\" [style.flex-basis.%]=\"100 - _firstSize()\">\n <ng-content select=\"[emrSplitSecond]\" />\n</div>\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":";;;MAea,kBAAkB,CAAA;AAC7B,IAAA,WAAW,GAAG,KAAK,CAA4B,YAAY,~~uDAAC~~;~~AAC5D~~,~~IAAA,~~WAAW,GAAG,KAAK,CAAC,EAAE~~,+CAAI~~,SAAS,EAAE,eAAe,EAAA,~~CAAA,GAAA,CAA5B,EAAE,SAAS,EAAE,eAAe,EAAE,GAAC~~;~~AACvD~~,~~IAAA,~~OAAO,GAAG,KAAK,CAAC,EAAE,~~2CAAI,~~SAAS,EAAE,eAAe,EAAA,~~CAAA,GAAA,CAA5B,EAAE,SAAS,EAAE,eAAe,EAAE,GAAC~~;~~AACnD~~,~~IAAA,~~OAAO,GAAG,KAAK,CAAC,EAAE,~~2CAAI,~~SAAS,EAAE,eAAe,EAAA,~~CAAA,GAAA,CAA5B,EAAE,SAAS,EAAE,eAAe,EAAE,GAAC~~;AACnD,IAAA,UAAU,GAAG,KAAK,CAAS,EAAE,~~sDAAC~~;IAE9B,UAAU,GAAG,MAAM,EAAU;AAEnB,IAAA,UAAU,GAAG,MAAM,CAAC,EAAE,~~sDAAC~~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~~;;;;~~"}
1	+ {"version":3,"file":"elementar-rt-components-split-pane.mjs","sources":["../../../projects/components/split-pane/src/split-pane/split-pane.component.ts","../../../projects/components/split-pane/src/split-pane/split-pane.component.html","../../../projects/components/split-pane/elementar-rt-components-split-pane.ts"],"sourcesContent":["import {\n Component, input, output, signal, ChangeDetectionStrategy,\n numberAttribute, booleanAttribute, ElementRef, inject, OnInit, OnDestroy\n} from '@angular/core';\n\n@Component({\n selector: 'emr-split-pane',\n standalone: true,\n templateUrl: './split-pane.component.html',\n styleUrl: './split-pane.component.scss',\n changeDetection: ChangeDetectionStrategy.OnPush,\n host: {\n '[attr.data-orientation]': 'orientation()',\n }\n})\nexport class SplitPaneComponent implements OnInit, OnDestroy {\n orientation = input<'horizontal' \| 'vertical'>('horizontal');\n initialSize = input(50, { transform: numberAttribute });\n minSize = input(10, { transform: numberAttribute });\n maxSize = input(90, { transform: numberAttribute });\n storageKey = input<string>('');\n\n sizeChange = output<number>();\n\n protected _firstSize = signal(50);\n\n private _el = inject(ElementRef<HTMLElement>);\n private _dragging = false;\n private _onMouseMove = this._handleMouseMove.bind(this);\n private _onMouseUp = this._handleMouseUp.bind(this);\n\n ngOnInit(): void {\n let initial = this.initialSize();\n const key = this.storageKey();\n if (key) {\n const stored = localStorage.getItem(`emr-split-${key}`);\n if (stored) initial = parseFloat(stored);\n }\n this._firstSize.set(Math.min(this.maxSize(), Math.max(this.minSize(), initial)));\n }\n\n ngOnDestroy(): void {\n document.removeEventListener('mousemove', this._onMouseMove);\n document.removeEventListener('mouseup', this._onMouseUp);\n }\n\n protected _onDividerMouseDown(e: MouseEvent): void {\n e.preventDefault();\n this._dragging = true;\n document.addEventListener('mousemove', this._onMouseMove);\n document.addEventListener('mouseup', this._onMouseUp);\n }\n\n private _handleMouseMove(e: MouseEvent): void {\n if (!this._dragging) return;\n const rect = this._el.nativeElement.getBoundingClientRect();\n const isHoriz = this.orientation() === 'horizontal';\n const pos = isHoriz ? e.clientX - rect.left : e.clientY - rect.top;\n const total = isHoriz ? rect.width : rect.height;\n const pct = Math.min(this.maxSize(), Math.max(this.minSize(), (pos / total) * 100));\n this._firstSize.set(pct);\n this.sizeChange.emit(pct);\n const key = this.storageKey();\n if (key) localStorage.setItem(`emr-split-${key}`, String(pct));\n }\n\n private _handleMouseUp(): void {\n this._dragging = false;\n document.removeEventListener('mousemove', this._onMouseMove);\n document.removeEventListener('mouseup', this._onMouseUp);\n }\n}\n","<div class=\"pane pane--first\" [style.flex-basis.%]=\"_firstSize()\">\n <ng-content select=\"[emrSplitFirst]\" />\n</div>\n<div\n class=\"split-divider\"\n role=\"separator\"\n [attr.aria-orientation]=\"orientation()\"\n (mousedown)=\"_onDividerMouseDown($event)\"\n>\n <div class=\"divider-handle\"></div>\n</div>\n<div class=\"pane pane--second\" [style.flex-basis.%]=\"100 - _firstSize()\">\n <ng-content select=\"[emrSplitSecond]\" />\n</div>\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-stat-card.mjs CHANGED Viewed

@@ -2,21 +2,21 @@ import * as i0 from '@angular/core';
 import { input, Component } from '@angular/core';
 class StatCardComponent {
-    label = input('', ...(ngDevMode ? [{ debugName: "label" }] : []));
-    value = input('', ...(ngDevMode ? [{ debugName: "value" }] : []));
-    trend = input('neutral', ...(ngDevMode ? [{ debugName: "trend" }] : []));
-    trendValue = input('', ...(ngDevMode ? [{ debugName: "trendValue" }] : []));
-    trendLabel = input('vs last period', ...(ngDevMode ? [{ debugName: "trendLabel" }] : []));
-    icon = input('', ...(ngDevMode ? [{ debugName: "icon" }] : []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: StatCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", type: StatCardComponent, isStandalone: true, selector: "emr-stat-card", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, trend: { classPropertyName: "trend", publicName: "trend", isSignal: true, isRequired: false, transformFunction: null }, trendValue: { classPropertyName: "trendValue", publicName: "trendValue", isSignal: true, isRequired: false, transformFunction: null }, trendLabel: { classPropertyName: "trendLabel", publicName: "trendLabel", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.data-trend": "trend()" }, classAttribute: "emr-stat-card" }, exportAs: ["emrStatCard"], ngImport: i0, template: "<div class=\"sc-header\">\n  <span class=\"sc-label\">{{ label() }}</span>\n  @if (icon()) {\n    <span class=\"sc-icon\">{{ icon() }}</span>\n  } @else {\n    <ng-content select=\"[emrStatCardIcon]\"/>\n  }\n</div>\n\n<div class=\"sc-value\">{{ value() }}</div>\n\n<ng-content select=\"emr-micro-chart,[emrStatCardChart]\"/>\n\n@if (trendValue()) {\n  <div class=\"sc-trend\">\n    <span class=\"sc-trend-arrow\">\n      @if (trend() === 'up') { \u25B2 }\n      @else if (trend() === 'down') { \u25BC }\n      @else { \u2014 }\n    </span>\n    <span class=\"sc-trend-value\">{{ trendValue() }}</span>\n    <span class=\"sc-trend-label\">{{ trendLabel() }}</span>\n  </div>\n}\n\n<ng-content/>\n", styles: [":host{--emr-sc-bg: var(--color-surface-container-low);--emr-sc-border-radius: 1.5rem;--emr-sc-padding: calc(var(--spacing, .25rem) * 5);--emr-sc-shadow: 0 1px 3px var(--color-shadow);--emr-sc-value-size: 1.875rem;--emr-sc-label-size: .75rem;--emr-sc-trend-up-color: var(--color-green);--emr-sc-trend-down-color: var(--color-red);--emr-sc-trend-neutral-color: var(--color-on-surface-variant);display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * 2);background:var(--emr-sc-bg);border-radius:var(--emr-sc-border-radius);padding:var(--emr-sc-padding);box-shadow:var(--emr-sc-shadow)}@supports (color: color-mix(in lab,red,red)){:host{--emr-sc-shadow: 0 1px 3px color-mix(in srgb, var(--color-shadow) 8%, transparent)}}.sc-header{display:flex;align-items:center;justify-content:space-between}.sc-label{font-size:var(--emr-sc-label-size);font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--color-on-surface-variant)}.sc-icon{font-size:calc(var(--spacing, .25rem) * 5);color:var(--color-on-surface-variant)}.sc-value{font-size:var(--emr-sc-value-size);font-weight:700;color:var(--color-on-surface);line-height:1.1;font-variant-numeric:tabular-nums}.sc-trend{display:flex;align-items:center;gap:var(--spacing, .25rem);font-size:.75rem;margin-top:var(--spacing, .25rem)}.sc-trend-arrow{font-size:.65rem}:host([data-trend=up]) .sc-trend-arrow{color:var(--emr-sc-trend-up-color)}:host([data-trend=down]) .sc-trend-arrow{color:var(--emr-sc-trend-down-color)}:host([data-trend=neutral]) .sc-trend-arrow{color:var(--emr-sc-trend-neutral-color)}.sc-trend-value{font-weight:600}:host([data-trend=up]) .sc-trend-value{color:var(--emr-sc-trend-up-color)}:host([data-trend=down]) .sc-trend-value{color:var(--emr-sc-trend-down-color)}.sc-trend-label{color:var(--color-on-surface-variant)}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"] });
+    label = input('', ...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
+    value = input('', ...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
+    trend = input('neutral', ...(ngDevMode ? [{ debugName: "trend" }] : /* istanbul ignore next */ []));
+    trendValue = input('', ...(ngDevMode ? [{ debugName: "trendValue" }] : /* istanbul ignore next */ []));
+    trendLabel = input('vs last period', ...(ngDevMode ? [{ debugName: "trendLabel" }] : /* istanbul ignore next */ []));
+    icon = input('', ...(ngDevMode ? [{ debugName: "icon" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: StatCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.22", type: StatCardComponent, isStandalone: true, selector: "emr-stat-card", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, trend: { classPropertyName: "trend", publicName: "trend", isSignal: true, isRequired: false, transformFunction: null }, trendValue: { classPropertyName: "trendValue", publicName: "trendValue", isSignal: true, isRequired: false, transformFunction: null }, trendLabel: { classPropertyName: "trendLabel", publicName: "trendLabel", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.data-trend": "trend()" }, classAttribute: "emr-stat-card" }, exportAs: ["emrStatCard"], ngImport: i0, template: "<div class=\"sc-header\">\n  <span class=\"sc-label\">{{ label() }}</span>\n  @if (icon()) {\n    <span class=\"sc-icon\">{{ icon() }}</span>\n  } @else {\n    <ng-content select=\"[emrStatCardIcon]\"/>\n  }\n</div>\n\n<div class=\"sc-value\">{{ value() }}</div>\n\n<ng-content select=\"emr-micro-chart,[emrStatCardChart]\"/>\n\n@if (trendValue()) {\n  <div class=\"sc-trend\">\n    <span class=\"sc-trend-arrow\">\n      @if (trend() === 'up') { \u25B2 }\n      @else if (trend() === 'down') { \u25BC }\n      @else { \u2014 }\n    </span>\n    <span class=\"sc-trend-value\">{{ trendValue() }}</span>\n    <span class=\"sc-trend-label\">{{ trendLabel() }}</span>\n  </div>\n}\n\n<ng-content/>\n", styles: [":host{--emr-sc-bg: var(--color-surface-container-low);--emr-sc-border-radius: 1.5rem;--emr-sc-padding: calc(var(--spacing, .25rem) * 5);--emr-sc-shadow: 0 1px 3px var(--color-shadow);--emr-sc-value-size: 1.875rem;--emr-sc-label-size: .75rem;--emr-sc-trend-up-color: var(--color-green);--emr-sc-trend-down-color: var(--color-red);--emr-sc-trend-neutral-color: var(--color-on-surface-variant);display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * 2);background:var(--emr-sc-bg);border-radius:var(--emr-sc-border-radius);padding:var(--emr-sc-padding);box-shadow:var(--emr-sc-shadow)}@supports (color: color-mix(in lab,red,red)){:host{--emr-sc-shadow: 0 1px 3px color-mix(in srgb, var(--color-shadow) 8%, transparent)}}.sc-header{display:flex;align-items:center;justify-content:space-between}.sc-label{font-size:var(--emr-sc-label-size);font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--color-on-surface-variant)}.sc-icon{font-size:calc(var(--spacing, .25rem) * 5);color:var(--color-on-surface-variant)}.sc-value{font-size:var(--emr-sc-value-size);font-weight:700;color:var(--color-on-surface);line-height:1.1;font-variant-numeric:tabular-nums}.sc-trend{display:flex;align-items:center;gap:var(--spacing, .25rem);font-size:.75rem;margin-top:var(--spacing, .25rem)}.sc-trend-arrow{font-size:.65rem}:host([data-trend=up]) .sc-trend-arrow{color:var(--emr-sc-trend-up-color)}:host([data-trend=down]) .sc-trend-arrow{color:var(--emr-sc-trend-down-color)}:host([data-trend=neutral]) .sc-trend-arrow{color:var(--emr-sc-trend-neutral-color)}.sc-trend-value{font-weight:600}:host([data-trend=up]) .sc-trend-value{color:var(--emr-sc-trend-up-color)}:host([data-trend=down]) .sc-trend-value{color:var(--emr-sc-trend-down-color)}.sc-trend-label{color:var(--color-on-surface-variant)}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: StatCardComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: StatCardComponent, decorators: [{
             type: Component,
             args: [{ selector: 'emr-stat-card', exportAs: 'emrStatCard', host: {
                         'class': 'emr-stat-card',
                         '[attr.data-trend]': 'trend()',
-                    }, template: "<div class=\"sc-header\">\n  <span class=\"sc-label\">{{ label() }}</span>\n  @if (icon()) {\n    <span class=\"sc-icon\">{{ icon() }}</span>\n  } @else {\n    <ng-content select=\"[emrStatCardIcon]\"/>\n  }\n</div>\n\n<div class=\"sc-value\">{{ value() }}</div>\n\n<ng-content select=\"emr-micro-chart,[emrStatCardChart]\"/>\n\n@if (trendValue()) {\n  <div class=\"sc-trend\">\n    <span class=\"sc-trend-arrow\">\n      @if (trend() === 'up') { \u25B2 }\n      @else if (trend() === 'down') { \u25BC }\n      @else { \u2014 }\n    </span>\n    <span class=\"sc-trend-value\">{{ trendValue() }}</span>\n    <span class=\"sc-trend-label\">{{ trendLabel() }}</span>\n  </div>\n}\n\n<ng-content/>\n", styles: [":host{--emr-sc-bg: var(--color-surface-container-low);--emr-sc-border-radius: 1.5rem;--emr-sc-padding: calc(var(--spacing, .25rem) * 5);--emr-sc-shadow: 0 1px 3px var(--color-shadow);--emr-sc-value-size: 1.875rem;--emr-sc-label-size: .75rem;--emr-sc-trend-up-color: var(--color-green);--emr-sc-trend-down-color: var(--color-red);--emr-sc-trend-neutral-color: var(--color-on-surface-variant);display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * 2);background:var(--emr-sc-bg);border-radius:var(--emr-sc-border-radius);padding:var(--emr-sc-padding);box-shadow:var(--emr-sc-shadow)}@supports (color: color-mix(in lab,red,red)){:host{--emr-sc-shadow: 0 1px 3px color-mix(in srgb, var(--color-shadow) 8%, transparent)}}.sc-header{display:flex;align-items:center;justify-content:space-between}.sc-label{font-size:var(--emr-sc-label-size);font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--color-on-surface-variant)}.sc-icon{font-size:calc(var(--spacing, .25rem) * 5);color:var(--color-on-surface-variant)}.sc-value{font-size:var(--emr-sc-value-size);font-weight:700;color:var(--color-on-surface);line-height:1.1;font-variant-numeric:tabular-nums}.sc-trend{display:flex;align-items:center;gap:var(--spacing, .25rem);font-size:.75rem;margin-top:var(--spacing, .25rem)}.sc-trend-arrow{font-size:.65rem}:host([data-trend=up]) .sc-trend-arrow{color:var(--emr-sc-trend-up-color)}:host([data-trend=down]) .sc-trend-arrow{color:var(--emr-sc-trend-down-color)}:host([data-trend=neutral]) .sc-trend-arrow{color:var(--emr-sc-trend-neutral-color)}.sc-trend-value{font-weight:600}:host([data-trend=up]) .sc-trend-value{color:var(--emr-sc-trend-up-color)}:host([data-trend=down]) .sc-trend-value{color:var(--emr-sc-trend-down-color)}.sc-trend-label{color:var(--color-on-surface-variant)}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"] }]
+                    }, template: "<div class=\"sc-header\">\n  <span class=\"sc-label\">{{ label() }}</span>\n  @if (icon()) {\n    <span class=\"sc-icon\">{{ icon() }}</span>\n  } @else {\n    <ng-content select=\"[emrStatCardIcon]\"/>\n  }\n</div>\n\n<div class=\"sc-value\">{{ value() }}</div>\n\n<ng-content select=\"emr-micro-chart,[emrStatCardChart]\"/>\n\n@if (trendValue()) {\n  <div class=\"sc-trend\">\n    <span class=\"sc-trend-arrow\">\n      @if (trend() === 'up') { \u25B2 }\n      @else if (trend() === 'down') { \u25BC }\n      @else { \u2014 }\n    </span>\n    <span class=\"sc-trend-value\">{{ trendValue() }}</span>\n    <span class=\"sc-trend-label\">{{ trendLabel() }}</span>\n  </div>\n}\n\n<ng-content/>\n", styles: [":host{--emr-sc-bg: var(--color-surface-container-low);--emr-sc-border-radius: 1.5rem;--emr-sc-padding: calc(var(--spacing, .25rem) * 5);--emr-sc-shadow: 0 1px 3px var(--color-shadow);--emr-sc-value-size: 1.875rem;--emr-sc-label-size: .75rem;--emr-sc-trend-up-color: var(--color-green);--emr-sc-trend-down-color: var(--color-red);--emr-sc-trend-neutral-color: var(--color-on-surface-variant);display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * 2);background:var(--emr-sc-bg);border-radius:var(--emr-sc-border-radius);padding:var(--emr-sc-padding);box-shadow:var(--emr-sc-shadow)}@supports (color: color-mix(in lab,red,red)){:host{--emr-sc-shadow: 0 1px 3px color-mix(in srgb, var(--color-shadow) 8%, transparent)}}.sc-header{display:flex;align-items:center;justify-content:space-between}.sc-label{font-size:var(--emr-sc-label-size);font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--color-on-surface-variant)}.sc-icon{font-size:calc(var(--spacing, .25rem) * 5);color:var(--color-on-surface-variant)}.sc-value{font-size:var(--emr-sc-value-size);font-weight:700;color:var(--color-on-surface);line-height:1.1;font-variant-numeric:tabular-nums}.sc-trend{display:flex;align-items:center;gap:var(--spacing, .25rem);font-size:.75rem;margin-top:var(--spacing, .25rem)}.sc-trend-arrow{font-size:.65rem}:host([data-trend=up]) .sc-trend-arrow{color:var(--emr-sc-trend-up-color)}:host([data-trend=down]) .sc-trend-arrow{color:var(--emr-sc-trend-down-color)}:host([data-trend=neutral]) .sc-trend-arrow{color:var(--emr-sc-trend-neutral-color)}.sc-trend-value{font-weight:600}:host([data-trend=up]) .sc-trend-value{color:var(--emr-sc-trend-up-color)}:host([data-trend=down]) .sc-trend-value{color:var(--emr-sc-trend-down-color)}.sc-trend-label{color:var(--color-on-surface-variant)}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"] }]
         }], propDecorators: { label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], trend: [{ type: i0.Input, args: [{ isSignal: true, alias: "trend", required: false }] }], trendValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "trendValue", required: false }] }], trendLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "trendLabel", required: false }] }], icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }] } });
 /**

package/fesm2022/elementar-rt-components-stat-card.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"elementar-rt-components-stat-card.mjs","sources":["../../../projects/components/stat-card/src/stat-card/stat-card.component.ts","../../../projects/components/stat-card/src/stat-card/stat-card.component.html","../../../projects/components/stat-card/elementar-rt-components-stat-card.ts"],"sourcesContent":["import { Component, input, numberAttribute } from '@angular/core';\n\nexport type StatCardTrend = 'up' \| 'down' \| 'neutral';\n\n@Component({\n selector: 'emr-stat-card',\n exportAs: 'emrStatCard',\n templateUrl: './stat-card.component.html',\n styleUrl: './stat-card.component.scss',\n host: {\n 'class': 'emr-stat-card',\n '[attr.data-trend]': 'trend()',\n }\n})\nexport class StatCardComponent {\n label = input('');\n value = input('');\n trend = input<StatCardTrend>('neutral');\n trendValue = input('');\n trendLabel = input('vs last period');\n icon = input('');\n}\n","<div class=\"sc-header\">\n <span class=\"sc-label\">{{ label() }}</span>\n @if (icon()) {\n <span class=\"sc-icon\">{{ icon() }}</span>\n } @else {\n <ng-content select=\"[emrStatCardIcon]\"/>\n }\n</div>\n\n<div class=\"sc-value\">{{ value() }}</div>\n\n<ng-content select=\"emr-micro-chart,[emrStatCardChart]\"/>\n\n@if (trendValue()) {\n <div class=\"sc-trend\">\n <span class=\"sc-trend-arrow\">\n @if (trend() === 'up') { ▲ }\n @else if (trend() === 'down') { ▼ }\n @else { — }\n </span>\n <span class=\"sc-trend-value\">{{ trendValue() }}</span>\n <span class=\"sc-trend-label\">{{ trendLabel() }}</span>\n </div>\n}\n\n<ng-content/>\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":";;;MAca,iBAAiB,CAAA;AAC5B,IAAA,KAAK,GAAG,KAAK,CAAC,EAAE,~~iDAAC~~;AACjB,IAAA,KAAK,GAAG,KAAK,CAAC,EAAE,~~iDAAC~~;AACjB,IAAA,KAAK,GAAG,KAAK,CAAgB,SAAS,~~iDAAC~~;AACvC,IAAA,UAAU,GAAG,KAAK,CAAC,EAAE,~~sDAAC~~;AACtB,IAAA,UAAU,GAAG,KAAK,CAAC,gBAAgB,~~sDAAC~~;AACpC,IAAA,IAAI,GAAG,KAAK,CAAC,EAAE,~~gDAAC~~;wGANL,iBAAiB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAjB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,iBAAiB,o7BCd9B,0rBA0BA,EAAA,MAAA,EAAA,CAAA,q1DAAA,CAAA,EAAA,CAAA;;4FDZa,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAV7B,SAAS;+BACE,eAAe,EAAA,QAAA,EACf,aAAa,EAAA,IAAA,EAGjB;AACJ,wBAAA,OAAO,EAAE,eAAe;AACxB,wBAAA,mBAAmB,EAAE,SAAS;AAC/B,qBAAA,EAAA,QAAA,EAAA,0rBAAA,EAAA,MAAA,EAAA,CAAA,q1DAAA,CAAA,EAAA;;;AEZH;;AAEG~~;;;;~~"}
1	+ {"version":3,"file":"elementar-rt-components-stat-card.mjs","sources":["../../../projects/components/stat-card/src/stat-card/stat-card.component.ts","../../../projects/components/stat-card/src/stat-card/stat-card.component.html","../../../projects/components/stat-card/elementar-rt-components-stat-card.ts"],"sourcesContent":["import { Component, input, numberAttribute } from '@angular/core';\n\nexport type StatCardTrend = 'up' \| 'down' \| 'neutral';\n\n@Component({\n selector: 'emr-stat-card',\n exportAs: 'emrStatCard',\n templateUrl: './stat-card.component.html',\n styleUrl: './stat-card.component.scss',\n host: {\n 'class': 'emr-stat-card',\n '[attr.data-trend]': 'trend()',\n }\n})\nexport class StatCardComponent {\n label = input('');\n value = input('');\n trend = input<StatCardTrend>('neutral');\n trendValue = input('');\n trendLabel = input('vs last period');\n icon = input('');\n}\n","<div class=\"sc-header\">\n <span class=\"sc-label\">{{ label() }}</span>\n @if (icon()) {\n <span class=\"sc-icon\">{{ icon() }}</span>\n } @else {\n <ng-content select=\"[emrStatCardIcon]\"/>\n }\n</div>\n\n<div class=\"sc-value\">{{ value() }}</div>\n\n<ng-content select=\"emr-micro-chart,[emrStatCardChart]\"/>\n\n@if (trendValue()) {\n <div class=\"sc-trend\">\n <span class=\"sc-trend-arrow\">\n @if (trend() === 'up') { ▲ }\n @else if (trend() === 'down') { ▼ }\n @else { — }\n </span>\n <span class=\"sc-trend-value\">{{ trendValue() }}</span>\n <span class=\"sc-trend-label\">{{ trendLabel() }}</span>\n </div>\n}\n\n<ng-content/>\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":";;;MAca,iBAAiB,CAAA;AAC5B,IAAA,KAAK,GAAG,KAAK,CAAC,EAAE,4EAAC;AACjB,IAAA,KAAK,GAAG,KAAK,CAAC,EAAE,4EAAC;AACjB,IAAA,KAAK,GAAG,KAAK,CAAgB,SAAS,4EAAC;AACvC,IAAA,UAAU,GAAG,KAAK,CAAC,EAAE,iFAAC;AACtB,IAAA,UAAU,GAAG,KAAK,CAAC,gBAAgB,iFAAC;AACpC,IAAA,IAAI,GAAG,KAAK,CAAC,EAAE,2EAAC;wGANL,iBAAiB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAjB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,iBAAiB,o7BCd9B,0rBA0BA,EAAA,MAAA,EAAA,CAAA,q1DAAA,CAAA,EAAA,CAAA;;4FDZa,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAV7B,SAAS;+BACE,eAAe,EAAA,QAAA,EACf,aAAa,EAAA,IAAA,EAGjB;AACJ,wBAAA,OAAO,EAAE,eAAe;AACxB,wBAAA,mBAAmB,EAAE,SAAS;AAC/B,qBAAA,EAAA,QAAA,EAAA,0rBAAA,EAAA,MAAA,EAAA,CAAA,q1DAAA,CAAA,EAAA;;;AEZH;;AAEG;;"}

package/fesm2022/elementar-rt-components-step-tracker.mjs CHANGED Viewed

@@ -2,24 +2,24 @@ import * as i0 from '@angular/core';
 import { input, numberAttribute, computed, ChangeDetectionStrategy, Component } from '@angular/core';
 class StepTrackerComponent {
-    steps = input([], ...(ngDevMode ? [{ debugName: "steps" }] : []));
-    currentStep = input(0, ...(ngDevMode ? [{ debugName: "currentStep", transform: numberAttribute }] : [{ transform: numberAttribute }]));
-    orientation = input('horizontal', ...(ngDevMode ? [{ debugName: "orientation" }] : []));
+    steps = input([], ...(ngDevMode ? [{ debugName: "steps" }] : /* istanbul ignore next */ []));
+    currentStep = input(0, { ...(ngDevMode ? { debugName: "currentStep" } : /* istanbul ignore next */ {}), transform: numberAttribute });
+    orientation = input('horizontal', ...(ngDevMode ? [{ debugName: "orientation" }] : /* istanbul ignore next */ []));
     _resolvedSteps = computed(() => this.steps().map((s, i) => {
         const label = typeof s === 'string' ? s : s.label;
         const description = typeof s === 'string' ? undefined : s.description;
         const current = this.currentStep();
         const state = i < current ? 'completed' : i === current ? 'active' : 'upcoming';
         return { label, description, state, index: i + 1 };
-    }), ...(ngDevMode ? [{ debugName: "_resolvedSteps" }] : []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: StepTrackerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", type: StepTrackerComponent, isStandalone: true, selector: "emr-step-tracker", inputs: { steps: { classPropertyName: "steps", publicName: "steps", isSignal: true, isRequired: false, transformFunction: null }, currentStep: { classPropertyName: "currentStep", publicName: "currentStep", isSignal: true, isRequired: false, transformFunction: null }, orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.data-orientation": "orientation()" } }, ngImport: i0, template: "<div class=\"steps-list\">\n  @for (step of _resolvedSteps(); track step.index; let last = $last) {\n    <div class=\"step-item\" [attr.data-state]=\"step.state\">\n      <div class=\"step-indicator\">\n        <div class=\"step-circle\">\n          @if (step.state === 'completed') {\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\">\n              <polyline points=\"20 6 9 17 4 12\"/>\n            </svg>\n          } @else {\n            <span>{{ step.index }}</span>\n          }\n        </div>\n        @if (!last) { <div class=\"step-line\"></div> }\n      </div>\n      <div class=\"step-content\">\n        <span class=\"step-label\">{{ step.label }}</span>\n        @if (step.description) {\n          <span class=\"step-description\">{{ step.description }}</span>\n        }\n      </div>\n    </div>\n  }\n</div>\n", styles: [":host{display:block}.steps-list{display:flex;flex-direction:row;gap:0}:host([data-orientation=vertical]) .steps-list{flex-direction:column}.step-item{display:flex;flex:1;flex-direction:column;align-items:center}:host([data-orientation=vertical]) .step-item{flex-direction:row;align-items:flex-start;flex:none}.step-indicator{display:flex;flex-direction:column;align-items:center;flex:1;width:100%}:host([data-orientation=vertical]) .step-indicator{flex-direction:column;align-items:center;width:auto;margin-right:calc(var(--spacing, .25rem) * 3)}.step-circle{width:calc(var(--spacing, .25rem) * 9);height:calc(var(--spacing, .25rem) * 9);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:700;flex-shrink:0;transition:all .2s ease;border:2px solid var(--color-outline-variant);background:var(--color-surface);color:var(--color-on-surface-variant);z-index:1}.step-circle svg{width:calc(var(--spacing, .25rem) * 4);height:calc(var(--spacing, .25rem) * 4)}.step-item[data-state=active] .step-circle,.step-item[data-state=completed] .step-circle{border-color:var(--color-primary);background:var(--color-primary);color:var(--color-on-primary)}.step-line{flex:1;height:2px;width:100%;background:var(--color-outline-variant);margin:var(--spacing, .25rem) 0;transition:background .2s ease}:host([data-orientation=vertical]) .step-line{width:2px;height:calc(var(--spacing, .25rem) * 8);margin:var(--spacing, .25rem) 0;flex:none}.step-item[data-state=completed] .step-line{background:var(--color-primary)}.step-content{display:flex;flex-direction:column;align-items:center;padding:calc(var(--spacing, .25rem) * 2) var(--spacing, .25rem) 0;text-align:center}:host([data-orientation=vertical]) .step-content{align-items:flex-start;text-align:left;padding:0 0 calc(var(--spacing, .25rem) * 6) 0}.step-label{font-size:.875rem;font-weight:600;color:var(--color-on-surface-variant);white-space:nowrap}.step-item[data-state=active] .step-label{color:var(--color-primary)}.step-item[data-state=completed] .step-label{color:var(--color-on-surface)}.step-description{font-size:.75rem;color:var(--color-on-surface-variant);margin-top:calc(var(--spacing, .25rem) * .5)}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    }), ...(ngDevMode ? [{ debugName: "_resolvedSteps" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: StepTrackerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.22", type: StepTrackerComponent, isStandalone: true, selector: "emr-step-tracker", inputs: { steps: { classPropertyName: "steps", publicName: "steps", isSignal: true, isRequired: false, transformFunction: null }, currentStep: { classPropertyName: "currentStep", publicName: "currentStep", isSignal: true, isRequired: false, transformFunction: null }, orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.data-orientation": "orientation()" } }, ngImport: i0, template: "<div class=\"steps-list\">\n  @for (step of _resolvedSteps(); track step.index; let last = $last) {\n    <div class=\"step-item\" [attr.data-state]=\"step.state\">\n      <div class=\"step-indicator\">\n        <div class=\"step-circle\">\n          @if (step.state === 'completed') {\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\">\n              <polyline points=\"20 6 9 17 4 12\"/>\n            </svg>\n          } @else {\n            <span>{{ step.index }}</span>\n          }\n        </div>\n        @if (!last) { <div class=\"step-line\"></div> }\n      </div>\n      <div class=\"step-content\">\n        <span class=\"step-label\">{{ step.label }}</span>\n        @if (step.description) {\n          <span class=\"step-description\">{{ step.description }}</span>\n        }\n      </div>\n    </div>\n  }\n</div>\n", styles: [":host{display:block}.steps-list{display:flex;flex-direction:row;gap:0}:host([data-orientation=vertical]) .steps-list{flex-direction:column}.step-item{display:flex;flex:1;flex-direction:column;align-items:center}:host([data-orientation=vertical]) .step-item{flex-direction:row;align-items:flex-start;flex:none}.step-indicator{display:flex;flex-direction:column;align-items:center;flex:1;width:100%}:host([data-orientation=vertical]) .step-indicator{flex-direction:column;align-items:center;width:auto;margin-right:calc(var(--spacing, .25rem) * 3)}.step-circle{width:calc(var(--spacing, .25rem) * 9);height:calc(var(--spacing, .25rem) * 9);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:700;flex-shrink:0;transition:all .2s ease;border:2px solid var(--color-outline-variant);background:var(--color-surface);color:var(--color-on-surface-variant);z-index:1}.step-circle svg{width:calc(var(--spacing, .25rem) * 4);height:calc(var(--spacing, .25rem) * 4)}.step-item[data-state=active] .step-circle,.step-item[data-state=completed] .step-circle{border-color:var(--color-primary);background:var(--color-primary);color:var(--color-on-primary)}.step-line{flex:1;height:2px;width:100%;background:var(--color-outline-variant);margin:var(--spacing, .25rem) 0;transition:background .2s ease}:host([data-orientation=vertical]) .step-line{width:2px;height:calc(var(--spacing, .25rem) * 8);margin:var(--spacing, .25rem) 0;flex:none}.step-item[data-state=completed] .step-line{background:var(--color-primary)}.step-content{display:flex;flex-direction:column;align-items:center;padding:calc(var(--spacing, .25rem) * 2) var(--spacing, .25rem) 0;text-align:center}:host([data-orientation=vertical]) .step-content{align-items:flex-start;text-align:left;padding:0 0 calc(var(--spacing, .25rem) * 6) 0}.step-label{font-size:.875rem;font-weight:600;color:var(--color-on-surface-variant);white-space:nowrap}.step-item[data-state=active] .step-label{color:var(--color-primary)}.step-item[data-state=completed] .step-label{color:var(--color-on-surface)}.step-description{font-size:.75rem;color:var(--color-on-surface-variant);margin-top:calc(var(--spacing, .25rem) * .5)}\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: StepTrackerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: StepTrackerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'emr-step-tracker', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         '[attr.data-orientation]': 'orientation()',
-                    }, template: "<div class=\"steps-list\">\n  @for (step of _resolvedSteps(); track step.index; let last = $last) {\n    <div class=\"step-item\" [attr.data-state]=\"step.state\">\n      <div class=\"step-indicator\">\n        <div class=\"step-circle\">\n          @if (step.state === 'completed') {\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\">\n              <polyline points=\"20 6 9 17 4 12\"/>\n            </svg>\n          } @else {\n            <span>{{ step.index }}</span>\n          }\n        </div>\n        @if (!last) { <div class=\"step-line\"></div> }\n      </div>\n      <div class=\"step-content\">\n        <span class=\"step-label\">{{ step.label }}</span>\n        @if (step.description) {\n          <span class=\"step-description\">{{ step.description }}</span>\n        }\n      </div>\n    </div>\n  }\n</div>\n", styles: [":host{display:block}.steps-list{display:flex;flex-direction:row;gap:0}:host([data-orientation=vertical]) .steps-list{flex-direction:column}.step-item{display:flex;flex:1;flex-direction:column;align-items:center}:host([data-orientation=vertical]) .step-item{flex-direction:row;align-items:flex-start;flex:none}.step-indicator{display:flex;flex-direction:column;align-items:center;flex:1;width:100%}:host([data-orientation=vertical]) .step-indicator{flex-direction:column;align-items:center;width:auto;margin-right:calc(var(--spacing, .25rem) * 3)}.step-circle{width:calc(var(--spacing, .25rem) * 9);height:calc(var(--spacing, .25rem) * 9);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:700;flex-shrink:0;transition:all .2s ease;border:2px solid var(--color-outline-variant);background:var(--color-surface);color:var(--color-on-surface-variant);z-index:1}.step-circle svg{width:calc(var(--spacing, .25rem) * 4);height:calc(var(--spacing, .25rem) * 4)}.step-item[data-state=active] .step-circle,.step-item[data-state=completed] .step-circle{border-color:var(--color-primary);background:var(--color-primary);color:var(--color-on-primary)}.step-line{flex:1;height:2px;width:100%;background:var(--color-outline-variant);margin:var(--spacing, .25rem) 0;transition:background .2s ease}:host([data-orientation=vertical]) .step-line{width:2px;height:calc(var(--spacing, .25rem) * 8);margin:var(--spacing, .25rem) 0;flex:none}.step-item[data-state=completed] .step-line{background:var(--color-primary)}.step-content{display:flex;flex-direction:column;align-items:center;padding:calc(var(--spacing, .25rem) * 2) var(--spacing, .25rem) 0;text-align:center}:host([data-orientation=vertical]) .step-content{align-items:flex-start;text-align:left;padding:0 0 calc(var(--spacing, .25rem) * 6) 0}.step-label{font-size:.875rem;font-weight:600;color:var(--color-on-surface-variant);white-space:nowrap}.step-item[data-state=active] .step-label{color:var(--color-primary)}.step-item[data-state=completed] .step-label{color:var(--color-on-surface)}.step-description{font-size:.75rem;color:var(--color-on-surface-variant);margin-top:calc(var(--spacing, .25rem) * .5)}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"] }]
+                    }, template: "<div class=\"steps-list\">\n  @for (step of _resolvedSteps(); track step.index; let last = $last) {\n    <div class=\"step-item\" [attr.data-state]=\"step.state\">\n      <div class=\"step-indicator\">\n        <div class=\"step-circle\">\n          @if (step.state === 'completed') {\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\">\n              <polyline points=\"20 6 9 17 4 12\"/>\n            </svg>\n          } @else {\n            <span>{{ step.index }}</span>\n          }\n        </div>\n        @if (!last) { <div class=\"step-line\"></div> }\n      </div>\n      <div class=\"step-content\">\n        <span class=\"step-label\">{{ step.label }}</span>\n        @if (step.description) {\n          <span class=\"step-description\">{{ step.description }}</span>\n        }\n      </div>\n    </div>\n  }\n</div>\n", styles: [":host{display:block}.steps-list{display:flex;flex-direction:row;gap:0}:host([data-orientation=vertical]) .steps-list{flex-direction:column}.step-item{display:flex;flex:1;flex-direction:column;align-items:center}:host([data-orientation=vertical]) .step-item{flex-direction:row;align-items:flex-start;flex:none}.step-indicator{display:flex;flex-direction:column;align-items:center;flex:1;width:100%}:host([data-orientation=vertical]) .step-indicator{flex-direction:column;align-items:center;width:auto;margin-right:calc(var(--spacing, .25rem) * 3)}.step-circle{width:calc(var(--spacing, .25rem) * 9);height:calc(var(--spacing, .25rem) * 9);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:700;flex-shrink:0;transition:all .2s ease;border:2px solid var(--color-outline-variant);background:var(--color-surface);color:var(--color-on-surface-variant);z-index:1}.step-circle svg{width:calc(var(--spacing, .25rem) * 4);height:calc(var(--spacing, .25rem) * 4)}.step-item[data-state=active] .step-circle,.step-item[data-state=completed] .step-circle{border-color:var(--color-primary);background:var(--color-primary);color:var(--color-on-primary)}.step-line{flex:1;height:2px;width:100%;background:var(--color-outline-variant);margin:var(--spacing, .25rem) 0;transition:background .2s ease}:host([data-orientation=vertical]) .step-line{width:2px;height:calc(var(--spacing, .25rem) * 8);margin:var(--spacing, .25rem) 0;flex:none}.step-item[data-state=completed] .step-line{background:var(--color-primary)}.step-content{display:flex;flex-direction:column;align-items:center;padding:calc(var(--spacing, .25rem) * 2) var(--spacing, .25rem) 0;text-align:center}:host([data-orientation=vertical]) .step-content{align-items:flex-start;text-align:left;padding:0 0 calc(var(--spacing, .25rem) * 6) 0}.step-label{font-size:.875rem;font-weight:600;color:var(--color-on-surface-variant);white-space:nowrap}.step-item[data-state=active] .step-label{color:var(--color-primary)}.step-item[data-state=completed] .step-label{color:var(--color-on-surface)}.step-description{font-size:.75rem;color:var(--color-on-surface-variant);margin-top:calc(var(--spacing, .25rem) * .5)}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"] }]
         }], propDecorators: { steps: [{ type: i0.Input, args: [{ isSignal: true, alias: "steps", required: false }] }], currentStep: [{ type: i0.Input, args: [{ isSignal: true, alias: "currentStep", required: false }] }], orientation: [{ type: i0.Input, args: [{ isSignal: true, alias: "orientation", required: false }] }] } });
 /**

package/fesm2022/elementar-rt-components-step-tracker.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"elementar-rt-components-step-tracker.mjs","sources":["../../../projects/components/step-tracker/src/step-tracker/step-tracker.component.ts","../../../projects/components/step-tracker/src/step-tracker/step-tracker.component.html","../../../projects/components/step-tracker/elementar-rt-components-step-tracker.ts"],"sourcesContent":["import { Component, input, computed, ChangeDetectionStrategy, numberAttribute } from '@angular/core';\n\nexport type StepState = 'completed' \| 'active' \| 'upcoming';\n\nexport interface StepTrackerStep {\n label: string;\n description?: string;\n state?: StepState;\n}\n\n@Component({\n selector: 'emr-step-tracker',\n standalone: true,\n templateUrl: './step-tracker.component.html',\n styleUrl: './step-tracker.component.scss',\n changeDetection: ChangeDetectionStrategy.OnPush,\n host: {\n '[attr.data-orientation]': 'orientation()',\n }\n})\nexport class StepTrackerComponent {\n steps = input<(string \| StepTrackerStep)[]>([]);\n currentStep = input(0, { transform: numberAttribute });\n orientation = input<'horizontal' \| 'vertical'>('horizontal');\n\n protected _resolvedSteps = computed(() =>\n this.steps().map((s, i): StepTrackerStep & { index: number } => {\n const label = typeof s === 'string' ? s : s.label;\n const description = typeof s === 'string' ? undefined : s.description;\n const current = this.currentStep();\n const state: StepState = i < current ? 'completed' : i === current ? 'active' : 'upcoming';\n return { label, description, state, index: i + 1 };\n })\n );\n}\n","<div class=\"steps-list\">\n @for (step of _resolvedSteps(); track step.index; let last = $last) {\n <div class=\"step-item\" [attr.data-state]=\"step.state\">\n <div class=\"step-indicator\">\n <div class=\"step-circle\">\n @if (step.state === 'completed') {\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\">\n <polyline points=\"20 6 9 17 4 12\"/>\n </svg>\n } @else {\n <span>{{ step.index }}</span>\n }\n </div>\n @if (!last) { <div class=\"step-line\"></div> }\n </div>\n <div class=\"step-content\">\n <span class=\"step-label\">{{ step.label }}</span>\n @if (step.description) {\n <span class=\"step-description\">{{ step.description }}</span>\n }\n </div>\n </div>\n }\n</div>\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":";;;MAoBa,oBAAoB,CAAA;AAC/B,IAAA,KAAK,GAAG,KAAK,CAA+B,EAAE,~~iDAAC~~;~~AAC~~/C,~~IAAA,~~WAAW,GAAG,KAAK,CAAC,CAAC~~,+CAAI~~,SAAS,EAAE,eAAe,EAAA,~~CAAA,GAAA,CAA5B,EAAE,SAAS,EAAE,eAAe,EAAE,GAAC~~;AACtD,IAAA,WAAW,GAAG,KAAK,CAA4B,YAAY,~~uDAAC~~;AAElD,IAAA,cAAc,GAAG,QAAQ,CAAC,MAClC,IAAI,CAAC,KAAK,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,KAAyC;AAC7D,QAAA,MAAM,KAAK,GAAG,OAAO,CAAC,KAAK,QAAQ,GAAG,CAAC,GAAG,CAAC,CAAC,KAAK;AACjD,QAAA,MAAM,WAAW,GAAG,OAAO,CAAC,KAAK,QAAQ,GAAG,SAAS,GAAG,CAAC,CAAC,WAAW;AACrE,QAAA,MAAM,OAAO,GAAG,IAAI,CAAC,WAAW,EAAE;QAClC,MAAM,KAAK,GAAc,CAAC,GAAG,OAAO,GAAG,WAAW,GAAG,CAAC,KAAK,OAAO,GAAG,QAAQ,GAAG,UAAU;AAC1F,QAAA,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,GAAG,CAAC,EAAE;IACpD,CAAC,CAAC,~~0DACH~~;wGAbU,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAApB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,oBAAoB,wiBCpBjC,+2BAwBA,EAAA,MAAA,EAAA,CAAA,8tEAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;4FDJa,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBAVhC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,kBAAkB,cAChB,IAAI,EAAA,eAAA,EAGC,uBAAuB,CAAC,MAAM,EAAA,IAAA,EACzC;AACJ,wBAAA,yBAAyB,EAAE,eAAe;AAC3C,qBAAA,EAAA,QAAA,EAAA,+2BAAA,EAAA,MAAA,EAAA,CAAA,8tEAAA,CAAA,EAAA;;;AElBH;;AAEG~~;;;;~~"}
1	+ {"version":3,"file":"elementar-rt-components-step-tracker.mjs","sources":["../../../projects/components/step-tracker/src/step-tracker/step-tracker.component.ts","../../../projects/components/step-tracker/src/step-tracker/step-tracker.component.html","../../../projects/components/step-tracker/elementar-rt-components-step-tracker.ts"],"sourcesContent":["import { Component, input, computed, ChangeDetectionStrategy, numberAttribute } from '@angular/core';\n\nexport type StepState = 'completed' \| 'active' \| 'upcoming';\n\nexport interface StepTrackerStep {\n label: string;\n description?: string;\n state?: StepState;\n}\n\n@Component({\n selector: 'emr-step-tracker',\n standalone: true,\n templateUrl: './step-tracker.component.html',\n styleUrl: './step-tracker.component.scss',\n changeDetection: ChangeDetectionStrategy.OnPush,\n host: {\n '[attr.data-orientation]': 'orientation()',\n }\n})\nexport class StepTrackerComponent {\n steps = input<(string \| StepTrackerStep)[]>([]);\n currentStep = input(0, { transform: numberAttribute });\n orientation = input<'horizontal' \| 'vertical'>('horizontal');\n\n protected _resolvedSteps = computed(() =>\n this.steps().map((s, i): StepTrackerStep & { index: number } => {\n const label = typeof s === 'string' ? s : s.label;\n const description = typeof s === 'string' ? undefined : s.description;\n const current = this.currentStep();\n const state: StepState = i < current ? 'completed' : i === current ? 'active' : 'upcoming';\n return { label, description, state, index: i + 1 };\n })\n );\n}\n","<div class=\"steps-list\">\n @for (step of _resolvedSteps(); track step.index; let last = $last) {\n <div class=\"step-item\" [attr.data-state]=\"step.state\">\n <div class=\"step-indicator\">\n <div class=\"step-circle\">\n @if (step.state === 'completed') {\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\">\n <polyline points=\"20 6 9 17 4 12\"/>\n </svg>\n } @else {\n <span>{{ step.index }}</span>\n }\n </div>\n @if (!last) { <div class=\"step-line\"></div> }\n </div>\n <div class=\"step-content\">\n <span class=\"step-label\">{{ step.label }}</span>\n @if (step.description) {\n <span class=\"step-description\">{{ step.description }}</span>\n }\n </div>\n </div>\n }\n</div>\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":";;;MAoBa,oBAAoB,CAAA;AAC/B,IAAA,KAAK,GAAG,KAAK,CAA+B,EAAE,4EAAC;IAC/C,WAAW,GAAG,KAAK,CAAC,CAAC,mFAAI,SAAS,EAAE,eAAe,EAAA,CAAG;AACtD,IAAA,WAAW,GAAG,KAAK,CAA4B,YAAY,kFAAC;AAElD,IAAA,cAAc,GAAG,QAAQ,CAAC,MAClC,IAAI,CAAC,KAAK,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,KAAyC;AAC7D,QAAA,MAAM,KAAK,GAAG,OAAO,CAAC,KAAK,QAAQ,GAAG,CAAC,GAAG,CAAC,CAAC,KAAK;AACjD,QAAA,MAAM,WAAW,GAAG,OAAO,CAAC,KAAK,QAAQ,GAAG,SAAS,GAAG,CAAC,CAAC,WAAW;AACrE,QAAA,MAAM,OAAO,GAAG,IAAI,CAAC,WAAW,EAAE;QAClC,MAAM,KAAK,GAAc,CAAC,GAAG,OAAO,GAAG,WAAW,GAAG,CAAC,KAAK,OAAO,GAAG,QAAQ,GAAG,UAAU;AAC1F,QAAA,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,GAAG,CAAC,EAAE;IACpD,CAAC,CAAC,qFACH;wGAbU,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAApB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,oBAAoB,wiBCpBjC,+2BAwBA,EAAA,MAAA,EAAA,CAAA,8tEAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;4FDJa,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBAVhC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,kBAAkB,cAChB,IAAI,EAAA,eAAA,EAGC,uBAAuB,CAAC,MAAM,EAAA,IAAA,EACzC;AACJ,wBAAA,yBAAyB,EAAE,eAAe;AAC3C,qBAAA,EAAA,QAAA,EAAA,+2BAAA,EAAA,MAAA,EAAA,CAAA,8tEAAA,CAAA,EAAA;;;AElBH;;AAEG;;"}

package/fesm2022/elementar-rt-components-stepper.mjs CHANGED Viewed

@@ -6,15 +6,15 @@ import { coerceBooleanProperty } from '@angular/cdk/coercion';
 class StepComponent {
     /** Form control associated with this step */
-    stepControl = input(undefined, ...(ngDevMode ? [{ debugName: "stepControl" }] : []));
+    stepControl = input(undefined, ...(ngDevMode ? [{ debugName: "stepControl" }] : /* istanbul ignore next */ []));
     /** Whether the step is optional */
-    optional = input(false, ...(ngDevMode ? [{ debugName: "optional" }] : []));
+    optional = input(false, ...(ngDevMode ? [{ debugName: "optional" }] : /* istanbul ignore next */ []));
     /** Whether the user has interacted with this step (writable signal) */
-    interacted = signal(false, ...(ngDevMode ? [{ debugName: "interacted" }] : []));
+    interacted = signal(false, ...(ngDevMode ? [{ debugName: "interacted" }] : /* istanbul ignore next */ []));
     /** Whether this step is currently active (writable signal, controlled by Stepper) */
-    isActive = signal(false, ...(ngDevMode ? [{ debugName: "isActive" }] : []));
+    isActive = signal(false, ...(ngDevMode ? [{ debugName: "isActive" }] : /* istanbul ignore next */ []));
     /** Internal writable signal tracking the validity of the stepControl */
-    _isValid = signal(true, ...(ngDevMode ? [{ debugName: "_isValid" }] : [])); // Default to true if no control
+    _isValid = signal(true, ...(ngDevMode ? [{ debugName: "_isValid" }] : /* istanbul ignore next */ [])); // Default to true if no control
     _destroyRef = inject(DestroyRef); // Inject DestroyRef for automatic cleanup
     constructor() {
         effect(() => {
@@ -42,7 +42,7 @@ class StepComponent {
         // A step is completed if it doesn't have a stepControl or
         // if the internal _isValid signal (reflecting the control's validity) is true.
         return !this.stepControl() || this._isValid();
-    }, ...(ngDevMode ? [{ debugName: "completed" }] : []));
+    }, ...(ngDevMode ? [{ debugName: "completed" }] : /* istanbul ignore next */ []));
     /**
      * Checks if the step is currently valid.
      * Considers the validity of the associated stepControl if provided.
@@ -63,10 +63,10 @@ class StepComponent {
     setInteracted(interacted) {
         this.interacted.set(interacted);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: StepComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.25", type: StepComponent, isStandalone: true, selector: "emr-step", inputs: { stepControl: { classPropertyName: "stepControl", publicName: "stepControl", isSignal: true, isRequired: false, transformFunction: null }, optional: { classPropertyName: "optional", publicName: "optional", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "style.display": "isActive() ? \"block\" : \"none\"" }, classAttribute: "emr-step" }, exportAs: ["emrStep"], ngImport: i0, template: `<ng-content/>`, isInline: true, styles: [":host{display:block}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: StepComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.22", type: StepComponent, isStandalone: true, selector: "emr-step", inputs: { stepControl: { classPropertyName: "stepControl", publicName: "stepControl", isSignal: true, isRequired: false, transformFunction: null }, optional: { classPropertyName: "optional", publicName: "optional", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "style.display": "isActive() ? \"block\" : \"none\"" }, classAttribute: "emr-step" }, exportAs: ["emrStep"], ngImport: i0, template: `<ng-content/>`, isInline: true, styles: [":host{display:block}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: StepComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: StepComponent, decorators: [{
             type: Component,
             args: [{ selector: 'emr-step', exportAs: 'emrStep', template: `<ng-content/>`, changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         'class': 'emr-step',
@@ -76,24 +76,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImpo
 class StepperComponent {
     /** Whether the stepper should operate in linear mode. */
-    linear = input(false, ...(ngDevMode ? [{ debugName: "linear", transform: coerceBooleanProperty }] : [{
-            transform: coerceBooleanProperty
-        }]));
+    linear = input(false, { ...(ngDevMode ? { debugName: "linear" } : /* istanbul ignore next */ {}), transform: coerceBooleanProperty });
     /** The index of the active step (two-way bound). */
-    selectedIndex = model(0, ...(ngDevMode ? [{ debugName: "selectedIndex" }] : []));
+    selectedIndex = model(0, ...(ngDevMode ? [{ debugName: "selectedIndex" }] : /* istanbul ignore next */ []));
     /** Collection of child StepComponent instances. */
-    steps = contentChildren(StepComponent, ...(ngDevMode ? [{ debugName: "steps" }] : []));
+    steps = contentChildren(StepComponent, ...(ngDevMode ? [{ debugName: "steps" }] : /* istanbul ignore next */ []));
     /** Computed signal for the total number of steps. */
     stepsCount = computed(() => {
         return this.steps()?.length ?? 0;
-    }, ...(ngDevMode ? [{ debugName: "stepsCount" }] : []));
+    }, ...(ngDevMode ? [{ debugName: "stepsCount" }] : /* istanbul ignore next */ []));
     /** The currently selected StepComponent instance. */
     selected = computed(() => {
         const index = this.selectedIndex();
         const stepList = this.steps();
         // Use the stepsCount() computed signal for checking length
         return stepList && index >= 0 && index < this.stepsCount() ? stepList[index] : undefined;
-    }, ...(ngDevMode ? [{ debugName: "selected" }] : []));
+    }, ...(ngDevMode ? [{ debugName: "selected" }] : /* istanbul ignore next */ []));
     /** Checks if the user can navigate to the next step. */
     canMoveNext = computed(() => {
         const index = this.selectedIndex();
@@ -109,20 +107,20 @@ class StepperComponent {
             return true;
         }
         return currentSelected.completed() || currentSelected.optional();
-    }, ...(ngDevMode ? [{ debugName: "canMoveNext" }] : []));
+    }, ...(ngDevMode ? [{ debugName: "canMoveNext" }] : /* istanbul ignore next */ []));
     /** Computed signal indicating if the current step is the first step. */
     isFirstStep = computed(() => {
         const index = this.selectedIndex();
         // Use stepsCount() signal
         return index === 0 && this.stepsCount() > 0;
-    }, ...(ngDevMode ? [{ debugName: "isFirstStep" }] : []));
+    }, ...(ngDevMode ? [{ debugName: "isFirstStep" }] : /* istanbul ignore next */ []));
     /** Computed signal indicating if the current step is the last step. */
     isLastStep = computed(() => {
         const index = this.selectedIndex();
         // Use stepsCount() signal
         const totalSteps = this.stepsCount();
         return totalSteps > 0 && index === totalSteps - 1;
-    }, ...(ngDevMode ? [{ debugName: "isLastStep" }] : []));
+    }, ...(ngDevMode ? [{ debugName: "isLastStep" }] : /* istanbul ignore next */ []));
     /** Computed signal calculating the progress percentage. */
     progressPercent = computed(() => {
         const totalSteps = this.stepsCount();
@@ -132,7 +130,7 @@ class StepperComponent {
         }
         const progress = (100 / totalSteps) * (index + 1);
         return Math.max(0, Math.min(100, progress));
-    }, ...(ngDevMode ? [{ debugName: "progressPercent" }] : []));
+    }, ...(ngDevMode ? [{ debugName: "progressPercent" }] : /* istanbul ignore next */ []));
     constructor() {
         effect(() => {
             const currentSteps = this.steps();
@@ -176,10 +174,10 @@ class StepperComponent {
         this.steps().forEach(step => step.reset());
         this.selectedIndex.set(0);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: StepperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.3.25", type: StepperComponent, isStandalone: true, selector: "emr-stepper", inputs: { linear: { classPropertyName: "linear", publicName: "linear", isSignal: true, isRequired: false, transformFunction: null }, selectedIndex: { classPropertyName: "selectedIndex", publicName: "selectedIndex", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selectedIndex: "selectedIndexChange" }, host: { classAttribute: "emr-stepper" }, queries: [{ propertyName: "steps", predicate: StepComponent, isSignal: true }], exportAs: ["emrStepper"], ngImport: i0, template: `<ng-content select="emr-step"/>`, isInline: true, styles: [":host{display:block}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: StepperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.22", type: StepperComponent, isStandalone: true, selector: "emr-stepper", inputs: { linear: { classPropertyName: "linear", publicName: "linear", isSignal: true, isRequired: false, transformFunction: null }, selectedIndex: { classPropertyName: "selectedIndex", publicName: "selectedIndex", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selectedIndex: "selectedIndexChange" }, host: { classAttribute: "emr-stepper" }, queries: [{ propertyName: "steps", predicate: StepComponent, isSignal: true }], exportAs: ["emrStepper"], ngImport: i0, template: `<ng-content select="emr-step"/>`, isInline: true, styles: [":host{display:block}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: StepperComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: StepperComponent, decorators: [{
             type: Component,
             args: [{ selector: 'emr-stepper', exportAs: 'emrStepper', standalone: true, template: `<ng-content select="emr-step"/>`, changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         'class': 'emr-stepper',