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

@elementar-rt/components 0.6.56 → 0.6.58

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 (345) hide show

package/fesm2022/elementar-rt-components-action-required.mjs CHANGED Viewed

@@ -9,17 +9,17 @@ class ActionRequiredComponent {
     description = input.required(...(ngDevMode ? [{ debugName: "description" }] : []));
     buttonText = input.required(...(ngDevMode ? [{ debugName: "buttonText" }] : []));
     buttonClicked = output();
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ActionRequiredComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.10", type: ActionRequiredComponent, isStandalone: true, selector: "emr-action-required", inputs: { actionText: { classPropertyName: "actionText", publicName: "actionText", isSignal: true, isRequired: false, transformFunction: null }, iconName: { classPropertyName: "iconName", publicName: "iconName", isSignal: true, isRequired: false, transformFunction: null }, description: { classPropertyName: "description", publicName: "description", isSignal: true, isRequired: true, transformFunction: null }, buttonText: { classPropertyName: "buttonText", publicName: "buttonText", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { buttonClicked: "buttonClicked" }, host: { classAttribute: "emr-action-required" }, exportAs: ["emrActionRequired"], ngImport: i0, template: "<div class=\"action-text\">\r\n  <mat-icon>{{ iconName() || 'error' }}</mat-icon>\r\n  {{ actionText() || 'Action Required' }}\r\n</div>\r\n<div class=\"description\">{{ description() }}</div>\r\n<button mat-flat-button class=\"button\" (click)=\"buttonClicked.emit()\">\r\n  {{ buttonText() }}\r\n<!--  <mat-icon>arrow_forward</mat-icon>-->\r\n</button>\r\n", styles: [":host{--emr-action-required-bg: #FFCDD2;--emr-action-action-text-bg: #fff;--emr-action-text-color: inherit;display:flex;width:100%;border-radius:1.5rem;padding:calc(var(--spacing, .25rem) * 7);gap:calc(var(--spacing, .25rem) * 8);align-items:center;background-color:var(--emr-action-required-bg);color:var(--emr-action-text-color)}:host .action-text{display:flex;border-radius:var(--radius-2xl, 1rem);background:var(--emr-action-action-text-bg);padding:calc(var(--spacing, .25rem) * 2.5) calc(var(--spacing, .25rem) * 3) calc(var(--spacing, .25rem) * 2.5) calc(var(--spacing, .25rem) * 2.5);align-items:center;flex:none;font-size:var(--text-md);gap:calc(var(--spacing, .25rem) * 1.5)}:host .description{flex-grow:1}:host .button{flex:none}:host-context(html.dark){--emr-action-required-bg: #9C7D81;--emr-action-action-text-bg: #8C7174}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "component", type: MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: ActionRequiredComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.25", type: ActionRequiredComponent, isStandalone: true, selector: "emr-action-required", inputs: { actionText: { classPropertyName: "actionText", publicName: "actionText", isSignal: true, isRequired: false, transformFunction: null }, iconName: { classPropertyName: "iconName", publicName: "iconName", isSignal: true, isRequired: false, transformFunction: null }, description: { classPropertyName: "description", publicName: "description", isSignal: true, isRequired: true, transformFunction: null }, buttonText: { classPropertyName: "buttonText", publicName: "buttonText", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { buttonClicked: "buttonClicked" }, host: { classAttribute: "emr-action-required" }, exportAs: ["emrActionRequired"], ngImport: i0, template: "<div class=\"action-text\">\n  <mat-icon>{{ iconName() || 'error' }}</mat-icon>\n  {{ actionText() || 'Action Required' }}\n</div>\n<div class=\"description\">{{ description() }}</div>\n<button mat-flat-button class=\"button\" (click)=\"buttonClicked.emit()\">\n  {{ buttonText() }}\n<!--  <mat-icon>arrow_forward</mat-icon>-->\n</button>\n", styles: [":host{--emr-action-required-bg: #FFCDD2;--emr-action-action-text-bg: #fff;--emr-action-text-color: inherit;display:flex;width:100%;border-radius:1.5rem;padding:calc(var(--spacing, .25rem) * 7);gap:calc(var(--spacing, .25rem) * 8);align-items:center;background-color:var(--emr-action-required-bg);color:var(--emr-action-text-color)}:host .action-text{display:flex;border-radius:var(--radius-2xl, 1rem);background:var(--emr-action-action-text-bg);padding:calc(var(--spacing, .25rem) * 2.5) calc(var(--spacing, .25rem) * 3) calc(var(--spacing, .25rem) * 2.5) calc(var(--spacing, .25rem) * 2.5);align-items:center;flex:none;font-size:var(--text-md);gap:calc(var(--spacing, .25rem) * 1.5)}:host .description{flex-grow:1}:host .button{flex:none}:host-context(html.dark){--emr-action-required-bg: #9C7D81;--emr-action-action-text-bg: #8C7174}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "component", type: MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ActionRequiredComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: ActionRequiredComponent, decorators: [{
             type: Component,
             args: [{ selector: 'emr-action-required', exportAs: 'emrActionRequired', imports: [
                         MatButton,
                         MatIcon
                     ], host: {
                         'class': 'emr-action-required',
-                    }, template: "<div class=\"action-text\">\r\n  <mat-icon>{{ iconName() || 'error' }}</mat-icon>\r\n  {{ actionText() || 'Action Required' }}\r\n</div>\r\n<div class=\"description\">{{ description() }}</div>\r\n<button mat-flat-button class=\"button\" (click)=\"buttonClicked.emit()\">\r\n  {{ buttonText() }}\r\n<!--  <mat-icon>arrow_forward</mat-icon>-->\r\n</button>\r\n", styles: [":host{--emr-action-required-bg: #FFCDD2;--emr-action-action-text-bg: #fff;--emr-action-text-color: inherit;display:flex;width:100%;border-radius:1.5rem;padding:calc(var(--spacing, .25rem) * 7);gap:calc(var(--spacing, .25rem) * 8);align-items:center;background-color:var(--emr-action-required-bg);color:var(--emr-action-text-color)}:host .action-text{display:flex;border-radius:var(--radius-2xl, 1rem);background:var(--emr-action-action-text-bg);padding:calc(var(--spacing, .25rem) * 2.5) calc(var(--spacing, .25rem) * 3) calc(var(--spacing, .25rem) * 2.5) calc(var(--spacing, .25rem) * 2.5);align-items:center;flex:none;font-size:var(--text-md);gap:calc(var(--spacing, .25rem) * 1.5)}:host .description{flex-grow:1}:host .button{flex:none}:host-context(html.dark){--emr-action-required-bg: #9C7D81;--emr-action-action-text-bg: #8C7174}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"] }]
+                    }, template: "<div class=\"action-text\">\n  <mat-icon>{{ iconName() || 'error' }}</mat-icon>\n  {{ actionText() || 'Action Required' }}\n</div>\n<div class=\"description\">{{ description() }}</div>\n<button mat-flat-button class=\"button\" (click)=\"buttonClicked.emit()\">\n  {{ buttonText() }}\n<!--  <mat-icon>arrow_forward</mat-icon>-->\n</button>\n", styles: [":host{--emr-action-required-bg: #FFCDD2;--emr-action-action-text-bg: #fff;--emr-action-text-color: inherit;display:flex;width:100%;border-radius:1.5rem;padding:calc(var(--spacing, .25rem) * 7);gap:calc(var(--spacing, .25rem) * 8);align-items:center;background-color:var(--emr-action-required-bg);color:var(--emr-action-text-color)}:host .action-text{display:flex;border-radius:var(--radius-2xl, 1rem);background:var(--emr-action-action-text-bg);padding:calc(var(--spacing, .25rem) * 2.5) calc(var(--spacing, .25rem) * 3) calc(var(--spacing, .25rem) * 2.5) calc(var(--spacing, .25rem) * 2.5);align-items:center;flex:none;font-size:var(--text-md);gap:calc(var(--spacing, .25rem) * 1.5)}:host .description{flex-grow:1}:host .button{flex:none}:host-context(html.dark){--emr-action-required-bg: #9C7D81;--emr-action-action-text-bg: #8C7174}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"] }]
         }], propDecorators: { actionText: [{ type: i0.Input, args: [{ isSignal: true, alias: "actionText", required: false }] }], iconName: [{ type: i0.Input, args: [{ isSignal: true, alias: "iconName", required: false }] }], description: [{ type: i0.Input, args: [{ isSignal: true, alias: "description", required: true }] }], buttonText: [{ type: i0.Input, args: [{ isSignal: true, alias: "buttonText", required: true }] }], buttonClicked: [{ type: i0.Output, args: ["buttonClicked"] }] } });
 /**

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

	@@ -1 +1 @@
1	- {"version":3,"file":"elementar-rt-components-action-required.mjs","sources":["../../../projects/components/action-required/src/action-required/action-required.component.ts","../../../projects/components/action-required/src/action-required/action-required.component.html","../../../projects/components/action-required/elementar-rt-components-action-required.ts"],"sourcesContent":["import { Component, input, output } from '@angular/core';\r\nimport { MatButton } from '@angular/material/button';\r\nimport { MatIcon } from '@angular/material/icon';\r\n\r\n@Component({\r\n selector: 'emr-action-required',\r\n exportAs: 'emrActionRequired',\r\n imports: [\r\n MatButton,\r\n MatIcon\r\n ],\r\n templateUrl: './action-required.component.html',\r\n styleUrl: './action-required.component.scss',\r\n host: {\r\n 'class': 'emr-action-required',\r\n }\r\n})\r\nexport class ActionRequiredComponent {\r\n actionText = input();\r\n iconName = input();\r\n description = input.required();\r\n buttonText = input.required();\r\n\r\n readonly buttonClicked = output<void>();\r\n}\r\n","<div class=\"action-text\">\r\n <mat-icon>{{ iconName() \|\| 'error' }}</mat-icon>\r\n {{ actionText() \|\| 'Action Required' }}\r\n</div>\r\n<div class=\"description\">{{ description() }}</div>\r\n<button mat-flat-button class=\"button\" (click)=\"buttonClicked.emit()\">\r\n {{ buttonText() }}\r\n<!-- <mat-icon>arrow_forward</mat-icon>-->\r\n</button>\r\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":";;;;;MAiBa,uBAAuB,CAAA;IAClC,UAAU,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,YAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAE;IACpB,QAAQ,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,UAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAE;AAClB,IAAA,WAAW,GAAG,KAAK,CAAC,QAAQ,sDAAE;AAC9B,IAAA,UAAU,GAAG,KAAK,CAAC,QAAQ,qDAAE;IAEpB,aAAa,GAAG,MAAM,EAAQ;wGAN5B,uBAAuB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAvB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,uBAAuB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,qBAAA,EAAA,MAAA,EAAA,EAAA,UAAA,EAAA,EAAA,iBAAA,EAAA,YAAA,EAAA,UAAA,EAAA,YAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,WAAA,EAAA,EAAA,iBAAA,EAAA,aAAA,EAAA,UAAA,EAAA,aAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,iBAAA,EAAA,YAAA,EAAA,UAAA,EAAA,YAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,OAAA,EAAA,EAAA,aAAA,EAAA,eAAA,EAAA,EAAA,IAAA,EAAA,EAAA,cAAA,EAAA,qBAAA,EAAA,EAAA,QAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECjBpC,~~wWASA~~,EAAA,MAAA,EAAA,CAAA,~~24BAAA~~,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDDI,SAAS,yUACT,OAAO,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,SAAA,EAAA,SAAA,EAAA,UAAA,CAAA,EAAA,QAAA,EAAA,CAAA,SAAA,CAAA,EAAA,CAAA,EAAA,CAAA;;4FAQE,uBAAuB,EAAA,UAAA,EAAA,CAAA;kBAbnC,SAAS;+BACE,qBAAqB,EAAA,QAAA,EACrB,mBAAmB,EAAA,OAAA,EACpB;wBACP,SAAS;wBACT;qBACD,EAAA,IAAA,EAGK;AACJ,wBAAA,OAAO,EAAE,qBAAqB;AAC/B,qBAAA,EAAA,QAAA,EAAA,~~wWAAA~~,EAAA,MAAA,EAAA,CAAA,~~24BAAA~~,CAAA,EAAA;;;AEfH;;AAEG;;;;"}
1	+ {"version":3,"file":"elementar-rt-components-action-required.mjs","sources":["../../../projects/components/action-required/src/action-required/action-required.component.ts","../../../projects/components/action-required/src/action-required/action-required.component.html","../../../projects/components/action-required/elementar-rt-components-action-required.ts"],"sourcesContent":["import { Component, input, output } from '@angular/core';\nimport { MatButton } from '@angular/material/button';\nimport { MatIcon } from '@angular/material/icon';\n\n@Component({\n selector: 'emr-action-required',\n exportAs: 'emrActionRequired',\n imports: [\n MatButton,\n MatIcon\n ],\n templateUrl: './action-required.component.html',\n styleUrl: './action-required.component.scss',\n host: {\n 'class': 'emr-action-required',\n }\n})\nexport class ActionRequiredComponent {\n actionText = input();\n iconName = input();\n description = input.required();\n buttonText = input.required();\n\n readonly buttonClicked = output<void>();\n}\n","<div class=\"action-text\">\n <mat-icon>{{ iconName() \|\| 'error' }}</mat-icon>\n {{ actionText() \|\| 'Action Required' }}\n</div>\n<div class=\"description\">{{ description() }}</div>\n<button mat-flat-button class=\"button\" (click)=\"buttonClicked.emit()\">\n {{ buttonText() }}\n<!-- <mat-icon>arrow_forward</mat-icon>-->\n</button>\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":";;;;;MAiBa,uBAAuB,CAAA;IAClC,UAAU,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,YAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAE;IACpB,QAAQ,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,UAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAE;AAClB,IAAA,WAAW,GAAG,KAAK,CAAC,QAAQ,sDAAE;AAC9B,IAAA,UAAU,GAAG,KAAK,CAAC,QAAQ,qDAAE;IAEpB,aAAa,GAAG,MAAM,EAAQ;wGAN5B,uBAAuB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAvB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,uBAAuB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,qBAAA,EAAA,MAAA,EAAA,EAAA,UAAA,EAAA,EAAA,iBAAA,EAAA,YAAA,EAAA,UAAA,EAAA,YAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,WAAA,EAAA,EAAA,iBAAA,EAAA,aAAA,EAAA,UAAA,EAAA,aAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,iBAAA,EAAA,YAAA,EAAA,UAAA,EAAA,YAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,OAAA,EAAA,EAAA,aAAA,EAAA,eAAA,EAAA,EAAA,IAAA,EAAA,EAAA,cAAA,EAAA,qBAAA,EAAA,EAAA,QAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECjBpC,sVASA,EAAA,MAAA,EAAA,CAAA,04BAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDDI,SAAS,yUACT,OAAO,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,SAAA,EAAA,SAAA,EAAA,UAAA,CAAA,EAAA,QAAA,EAAA,CAAA,SAAA,CAAA,EAAA,CAAA,EAAA,CAAA;;4FAQE,uBAAuB,EAAA,UAAA,EAAA,CAAA;kBAbnC,SAAS;+BACE,qBAAqB,EAAA,QAAA,EACrB,mBAAmB,EAAA,OAAA,EACpB;wBACP,SAAS;wBACT;qBACD,EAAA,IAAA,EAGK;AACJ,wBAAA,OAAO,EAAE,qBAAqB;AAC/B,qBAAA,EAAA,QAAA,EAAA,sVAAA,EAAA,MAAA,EAAA,CAAA,04BAAA,CAAA,EAAA;;;AEfH;;AAEG;;;;"}

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

@@ -8,10 +8,10 @@ const ALERT = new InjectionToken('Alert');
 class AlertIconDirective {
     templateRef = inject(TemplateRef, { optional: true });
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: AlertIconDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.10", type: AlertIconDirective, isStandalone: true, selector: "[emrAlertIcon]", host: { classAttribute: "emr-alert-icon" }, exportAs: ["emrAlertIcon"], ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: AlertIconDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.25", type: AlertIconDirective, isStandalone: true, selector: "[emrAlertIcon]", host: { classAttribute: "emr-alert-icon" }, exportAs: ["emrAlertIcon"], ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: AlertIconDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: AlertIconDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[emrAlertIcon]',
@@ -58,16 +58,17 @@ class AlertComponent {
     _close() {
         clearTimeout(this._autoCloseTimeout);
         this._elementRef.nativeElement.remove();
+        this.closed.emit();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: AlertComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.10", type: AlertComponent, isStandalone: true, selector: "emr-alert", inputs: { autoClose: { classPropertyName: "autoClose", publicName: "autoClose", isSignal: true, isRequired: false, transformFunction: null }, bordered: { classPropertyName: "bordered", publicName: "bordered", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { closed: "closed" }, host: { properties: { "class.is-bordered": "bordered()" }, classAttribute: "emr-alert" }, providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: AlertComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", type: AlertComponent, isStandalone: true, selector: "emr-alert", inputs: { autoClose: { classPropertyName: "autoClose", publicName: "autoClose", isSignal: true, isRequired: false, transformFunction: null }, bordered: { classPropertyName: "bordered", publicName: "bordered", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { closed: "closed" }, host: { properties: { "class.is-bordered": "bordered()" }, classAttribute: "emr-alert" }, providers: [
             {
                 provide: ALERT,
                 useExisting: AlertComponent
             }
-        ], queries: [{ propertyName: "iconRef", first: true, predicate: AlertIconDirective, descendants: true, isSignal: true }], exportAs: ["emrAlert"], ngImport: i0, template: "<div class=\"thumbnail\">\r\n  <ng-content select=\"[emrAlertIcon]\"/>\r\n  @if (iconRef()) {\r\n    <ng-container [ngTemplateOutlet]=\"iconRefTemplate\"/>\r\n  }\r\n</div>\r\n<div class=\"content\">\r\n  <div class=\"title\">\r\n    <ng-content select=\"emr-alert-title,[emrAlertTitle]\"/>\r\n  </div>\r\n  <ng-content/>\r\n</div>\r\n<div class=\"actions\">\r\n  <ng-content select=\"[emrAlertAction]\"/>\r\n</div>\r\n", styles: [":host{--emr-alert-bg-color: transparent;--emr-alert-color: inherit;--emr-alert-icon-color: white;--emr-alert-border-color: transparent;--emr-alert-border-radius: 1rem;--emr-alert-padding: calc(var(--spacing, .25rem) * 2.5) calc(var(--spacing, .25rem) * 3);--emr-alert-has-thumbnail-padding: calc(var(--spacing, .25rem) * 1.5);--emr-alert-gap: calc(var(--spacing, .25rem) * 3.5);--emr-alert-border-width: 1px;--emr-alert-font-size: .875rem;--emr-alert-thumbnail-bg: white;--emr-alert-thumbnail-border-radius: .75rem;--emr-alert-thumbnail-size: calc(var(--spacing, .25rem) * 10);--emr-alert-title-font-weight: 600;--emr-alert-title-font-size: var(--text-xs);--emr-alert-actions-gap: calc(var(--spacing, .25rem) * 1);--emr-alert-action-height: calc(var(--spacing, .25rem) * 10);--emr-alert-action-padding: 0 calc(var(--spacing, .25rem) * 3.5);--emr-alert-action-with-icon-padding: 0 calc(var(--spacing, .25rem) * 2);--emr-alert-action-hover-bg: white;--emr-alert-action-border-radius: calc(infinity * 1px);--emr-alert-action-font-weight: 500;--emr-alert-action-hover-color: inherit;position:relative;display:flex;width:100%;align-items:center;border-radius:var(--emr-alert-border-radius);gap:var(--emr-alert-gap);background:var(--emr-alert-bg-color);padding:var(--emr-alert-padding);color:var(--emr-alert-color);font-size:var(--emr-alert-font-size);border:var(--emr-alert-border-width) solid transparent}:host:has(.thumbnail:not(:empty)){padding:var(--emr-alert-has-thumbnail-padding)}:host:has(.emr-alert-title){align-items:stretch}:host .thumbnail{display:flex;align-items:center;justify-content:center;flex:none;background-color:var(--emr-alert-thumbnail-bg);color:var(--emr-alert-icon-color);width:var(--emr-alert-thumbnail-size);height:var(--emr-alert-thumbnail-size);border-radius:var(--emr-alert-thumbnail-border-radius)}:host .thumbnail:empty{display:none}:host .title{font-size:var(--emr-alert-title-font-size);font-weight:var(--emr-alert-title-font-weight);margin-bottom:calc(var(--spacing, .25rem) * 1);text-transform:uppercase;display:block}:host .title:empty{display:none}:host .actions{margin-inline-start:auto;display:flex;align-items:center;gap:var(--emr-alert-actions-gap);line-height:0;flex:none}:host .actions:empty{display:none}:host[emr-alert-variant=default],:host[emr-alert-variant=neutral]{--emr-alert-bg-color: var(--color-surface-container);--emr-alert-thumbnail-bg: var(--color-surface-dim)}:host[emr-alert-variant=info],:host[emr-alert-variant=informative]{--emr-alert-bg-color: var(--color-blue-container);--emr-alert-thumbnail-bg: var(--color-blue-container-highest)}:host[emr-alert-variant=success],:host[emr-alert-variant=positive]{--emr-alert-bg-color: var(--color-green-container);--emr-alert-thumbnail-bg: var(--color-green-container-highest)}:host[emr-alert-variant=danger],:host[emr-alert-variant=negative]{--emr-alert-bg-color: var(--color-red-container);--emr-alert-thumbnail-bg: var(--color-red-container-highest)}:host[emr-alert-variant=warning],:host[emr-alert-variant=notice]{--emr-alert-bg-color: var(--color-orange-container);--emr-alert-thumbnail-bg: var(--color-orange-container-highest)}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
+        ], queries: [{ propertyName: "iconRef", first: true, predicate: AlertIconDirective, descendants: true, isSignal: true }], exportAs: ["emrAlert"], ngImport: i0, template: "<div class=\"thumbnail\">\n  <ng-content select=\"[emrAlertIcon]\"/>\n  @if (iconRef()) {\n    <ng-container [ngTemplateOutlet]=\"iconRefTemplate\"/>\n  }\n</div>\n<div class=\"content\">\n  <div class=\"title\">\n    <ng-content select=\"emr-alert-title,[emrAlertTitle]\"/>\n  </div>\n  <ng-content/>\n</div>\n<div class=\"actions\">\n  <ng-content select=\"[emrAlertAction]\"/>\n</div>\n", styles: [":host{--emr-alert-bg-color: transparent;--emr-alert-color: inherit;--emr-alert-icon-color: white;--emr-alert-border-color: transparent;--emr-alert-border-radius: 1rem;--emr-alert-padding: calc(var(--spacing, .25rem) * 2.5) calc(var(--spacing, .25rem) * 3);--emr-alert-has-thumbnail-padding: calc(var(--spacing, .25rem) * 1.5);--emr-alert-gap: calc(var(--spacing, .25rem) * 3.5);--emr-alert-border-width: 1px;--emr-alert-font-size: .875rem;--emr-alert-thumbnail-bg: white;--emr-alert-thumbnail-border-radius: .75rem;--emr-alert-thumbnail-size: calc(var(--spacing, .25rem) * 10);--emr-alert-title-font-weight: 600;--emr-alert-title-font-size: var(--text-xs);--emr-alert-actions-gap: var(--spacing, .25rem);--emr-alert-action-height: calc(var(--spacing, .25rem) * 10);--emr-alert-action-padding: 0 calc(var(--spacing, .25rem) * 3.5);--emr-alert-action-with-icon-padding: 0 calc(var(--spacing, .25rem) * 2);--emr-alert-action-hover-bg: white;--emr-alert-action-border-radius: calc(infinity * 1px);--emr-alert-action-font-weight: 500;--emr-alert-action-hover-color: inherit;position:relative;display:flex;width:100%;align-items:center;border-radius:var(--emr-alert-border-radius);gap:var(--emr-alert-gap);background:var(--emr-alert-bg-color);padding:var(--emr-alert-padding);color:var(--emr-alert-color);font-size:var(--emr-alert-font-size);border:var(--emr-alert-border-width) solid transparent}:host:has(.thumbnail:not(:empty)){padding:var(--emr-alert-has-thumbnail-padding)}:host:has(.emr-alert-title){align-items:stretch}:host .thumbnail{display:flex;align-items:center;justify-content:center;flex:none;background-color:var(--emr-alert-thumbnail-bg);color:var(--emr-alert-icon-color);width:var(--emr-alert-thumbnail-size);height:var(--emr-alert-thumbnail-size);border-radius:var(--emr-alert-thumbnail-border-radius)}:host .thumbnail:empty{display:none}:host .title{font-size:var(--emr-alert-title-font-size);font-weight:var(--emr-alert-title-font-weight);margin-bottom:var(--spacing, .25rem);text-transform:uppercase;display:block}:host .title:empty{display:none}:host .actions{margin-inline-start:auto;display:flex;align-items:center;gap:var(--emr-alert-actions-gap);line-height:0;flex:none}:host .actions:empty{display:none}:host[emr-alert-variant=default],:host[emr-alert-variant=neutral]{--emr-alert-bg-color: var(--color-surface-container);--emr-alert-thumbnail-bg: var(--color-surface-dim)}:host[emr-alert-variant=info],:host[emr-alert-variant=informative]{--emr-alert-bg-color: var(--color-blue-container);--emr-alert-thumbnail-bg: var(--color-blue-container-highest)}:host[emr-alert-variant=success],:host[emr-alert-variant=positive]{--emr-alert-bg-color: var(--color-green-container);--emr-alert-thumbnail-bg: var(--color-green-container-highest)}:host[emr-alert-variant=danger],:host[emr-alert-variant=negative]{--emr-alert-bg-color: var(--color-red-container);--emr-alert-thumbnail-bg: var(--color-red-container-highest)}:host[emr-alert-variant=warning],:host[emr-alert-variant=notice]{--emr-alert-bg-color: var(--color-orange-container);--emr-alert-thumbnail-bg: var(--color-orange-container-highest)}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: AlertComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: AlertComponent, decorators: [{
             type: Component,
             args: [{ selector: 'emr-alert', exportAs: 'emrAlert', imports: [NgTemplateOutlet], providers: [
                         {
@@ -77,14 +78,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImpo
                     ], host: {
                         'class': 'emr-alert',
                         '[class.is-bordered]': 'bordered()',
-                    }, template: "<div class=\"thumbnail\">\r\n  <ng-content select=\"[emrAlertIcon]\"/>\r\n  @if (iconRef()) {\r\n    <ng-container [ngTemplateOutlet]=\"iconRefTemplate\"/>\r\n  }\r\n</div>\r\n<div class=\"content\">\r\n  <div class=\"title\">\r\n    <ng-content select=\"emr-alert-title,[emrAlertTitle]\"/>\r\n  </div>\r\n  <ng-content/>\r\n</div>\r\n<div class=\"actions\">\r\n  <ng-content select=\"[emrAlertAction]\"/>\r\n</div>\r\n", styles: [":host{--emr-alert-bg-color: transparent;--emr-alert-color: inherit;--emr-alert-icon-color: white;--emr-alert-border-color: transparent;--emr-alert-border-radius: 1rem;--emr-alert-padding: calc(var(--spacing, .25rem) * 2.5) calc(var(--spacing, .25rem) * 3);--emr-alert-has-thumbnail-padding: calc(var(--spacing, .25rem) * 1.5);--emr-alert-gap: calc(var(--spacing, .25rem) * 3.5);--emr-alert-border-width: 1px;--emr-alert-font-size: .875rem;--emr-alert-thumbnail-bg: white;--emr-alert-thumbnail-border-radius: .75rem;--emr-alert-thumbnail-size: calc(var(--spacing, .25rem) * 10);--emr-alert-title-font-weight: 600;--emr-alert-title-font-size: var(--text-xs);--emr-alert-actions-gap: calc(var(--spacing, .25rem) * 1);--emr-alert-action-height: calc(var(--spacing, .25rem) * 10);--emr-alert-action-padding: 0 calc(var(--spacing, .25rem) * 3.5);--emr-alert-action-with-icon-padding: 0 calc(var(--spacing, .25rem) * 2);--emr-alert-action-hover-bg: white;--emr-alert-action-border-radius: calc(infinity * 1px);--emr-alert-action-font-weight: 500;--emr-alert-action-hover-color: inherit;position:relative;display:flex;width:100%;align-items:center;border-radius:var(--emr-alert-border-radius);gap:var(--emr-alert-gap);background:var(--emr-alert-bg-color);padding:var(--emr-alert-padding);color:var(--emr-alert-color);font-size:var(--emr-alert-font-size);border:var(--emr-alert-border-width) solid transparent}:host:has(.thumbnail:not(:empty)){padding:var(--emr-alert-has-thumbnail-padding)}:host:has(.emr-alert-title){align-items:stretch}:host .thumbnail{display:flex;align-items:center;justify-content:center;flex:none;background-color:var(--emr-alert-thumbnail-bg);color:var(--emr-alert-icon-color);width:var(--emr-alert-thumbnail-size);height:var(--emr-alert-thumbnail-size);border-radius:var(--emr-alert-thumbnail-border-radius)}:host .thumbnail:empty{display:none}:host .title{font-size:var(--emr-alert-title-font-size);font-weight:var(--emr-alert-title-font-weight);margin-bottom:calc(var(--spacing, .25rem) * 1);text-transform:uppercase;display:block}:host .title:empty{display:none}:host .actions{margin-inline-start:auto;display:flex;align-items:center;gap:var(--emr-alert-actions-gap);line-height:0;flex:none}:host .actions:empty{display:none}:host[emr-alert-variant=default],:host[emr-alert-variant=neutral]{--emr-alert-bg-color: var(--color-surface-container);--emr-alert-thumbnail-bg: var(--color-surface-dim)}:host[emr-alert-variant=info],:host[emr-alert-variant=informative]{--emr-alert-bg-color: var(--color-blue-container);--emr-alert-thumbnail-bg: var(--color-blue-container-highest)}:host[emr-alert-variant=success],:host[emr-alert-variant=positive]{--emr-alert-bg-color: var(--color-green-container);--emr-alert-thumbnail-bg: var(--color-green-container-highest)}:host[emr-alert-variant=danger],:host[emr-alert-variant=negative]{--emr-alert-bg-color: var(--color-red-container);--emr-alert-thumbnail-bg: var(--color-red-container-highest)}:host[emr-alert-variant=warning],:host[emr-alert-variant=notice]{--emr-alert-bg-color: var(--color-orange-container);--emr-alert-thumbnail-bg: var(--color-orange-container-highest)}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"] }]
+                    }, template: "<div class=\"thumbnail\">\n  <ng-content select=\"[emrAlertIcon]\"/>\n  @if (iconRef()) {\n    <ng-container [ngTemplateOutlet]=\"iconRefTemplate\"/>\n  }\n</div>\n<div class=\"content\">\n  <div class=\"title\">\n    <ng-content select=\"emr-alert-title,[emrAlertTitle]\"/>\n  </div>\n  <ng-content/>\n</div>\n<div class=\"actions\">\n  <ng-content select=\"[emrAlertAction]\"/>\n</div>\n", styles: [":host{--emr-alert-bg-color: transparent;--emr-alert-color: inherit;--emr-alert-icon-color: white;--emr-alert-border-color: transparent;--emr-alert-border-radius: 1rem;--emr-alert-padding: calc(var(--spacing, .25rem) * 2.5) calc(var(--spacing, .25rem) * 3);--emr-alert-has-thumbnail-padding: calc(var(--spacing, .25rem) * 1.5);--emr-alert-gap: calc(var(--spacing, .25rem) * 3.5);--emr-alert-border-width: 1px;--emr-alert-font-size: .875rem;--emr-alert-thumbnail-bg: white;--emr-alert-thumbnail-border-radius: .75rem;--emr-alert-thumbnail-size: calc(var(--spacing, .25rem) * 10);--emr-alert-title-font-weight: 600;--emr-alert-title-font-size: var(--text-xs);--emr-alert-actions-gap: var(--spacing, .25rem);--emr-alert-action-height: calc(var(--spacing, .25rem) * 10);--emr-alert-action-padding: 0 calc(var(--spacing, .25rem) * 3.5);--emr-alert-action-with-icon-padding: 0 calc(var(--spacing, .25rem) * 2);--emr-alert-action-hover-bg: white;--emr-alert-action-border-radius: calc(infinity * 1px);--emr-alert-action-font-weight: 500;--emr-alert-action-hover-color: inherit;position:relative;display:flex;width:100%;align-items:center;border-radius:var(--emr-alert-border-radius);gap:var(--emr-alert-gap);background:var(--emr-alert-bg-color);padding:var(--emr-alert-padding);color:var(--emr-alert-color);font-size:var(--emr-alert-font-size);border:var(--emr-alert-border-width) solid transparent}:host:has(.thumbnail:not(:empty)){padding:var(--emr-alert-has-thumbnail-padding)}:host:has(.emr-alert-title){align-items:stretch}:host .thumbnail{display:flex;align-items:center;justify-content:center;flex:none;background-color:var(--emr-alert-thumbnail-bg);color:var(--emr-alert-icon-color);width:var(--emr-alert-thumbnail-size);height:var(--emr-alert-thumbnail-size);border-radius:var(--emr-alert-thumbnail-border-radius)}:host .thumbnail:empty{display:none}:host .title{font-size:var(--emr-alert-title-font-size);font-weight:var(--emr-alert-title-font-weight);margin-bottom:var(--spacing, .25rem);text-transform:uppercase;display:block}:host .title:empty{display:none}:host .actions{margin-inline-start:auto;display:flex;align-items:center;gap:var(--emr-alert-actions-gap);line-height:0;flex:none}:host .actions:empty{display:none}:host[emr-alert-variant=default],:host[emr-alert-variant=neutral]{--emr-alert-bg-color: var(--color-surface-container);--emr-alert-thumbnail-bg: var(--color-surface-dim)}:host[emr-alert-variant=info],:host[emr-alert-variant=informative]{--emr-alert-bg-color: var(--color-blue-container);--emr-alert-thumbnail-bg: var(--color-blue-container-highest)}:host[emr-alert-variant=success],:host[emr-alert-variant=positive]{--emr-alert-bg-color: var(--color-green-container);--emr-alert-thumbnail-bg: var(--color-green-container-highest)}:host[emr-alert-variant=danger],:host[emr-alert-variant=negative]{--emr-alert-bg-color: var(--color-red-container);--emr-alert-thumbnail-bg: var(--color-red-container-highest)}:host[emr-alert-variant=warning],:host[emr-alert-variant=notice]{--emr-alert-bg-color: var(--color-orange-container);--emr-alert-thumbnail-bg: var(--color-orange-container-highest)}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"] }]
         }], ctorParameters: () => [], propDecorators: { iconRef: [{ type: i0.ContentChild, args: [i0.forwardRef(() => AlertIconDirective), { isSignal: true }] }], autoClose: [{ type: i0.Input, args: [{ isSignal: true, alias: "autoClose", required: false }] }], bordered: [{ type: i0.Input, args: [{ isSignal: true, alias: "bordered", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], closed: [{ type: i0.Output, args: ["closed"] }] } });
 class AlertTitleDirective {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: AlertTitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.10", type: AlertTitleDirective, isStandalone: true, selector: "emr-alert-title,[emrAlertTitle]", host: { classAttribute: "emr-alert-title" }, exportAs: ["emrAlertTitle"], ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: AlertTitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.25", type: AlertTitleDirective, isStandalone: true, selector: "emr-alert-title,[emrAlertTitle]", host: { classAttribute: "emr-alert-title" }, exportAs: ["emrAlertTitle"], ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: AlertTitleDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: AlertTitleDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'emr-alert-title,[emrAlertTitle]',
@@ -100,10 +101,10 @@ class AlertCloseDirective {
     _handleClick() {
         this._alert.api.close();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: AlertCloseDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.10", type: AlertCloseDirective, isStandalone: true, selector: "[emrAlertClose]", host: { listeners: { "click": "_handleClick()" }, classAttribute: "emr-alert-close" }, exportAs: ["emrAlertClose"], ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: AlertCloseDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.25", type: AlertCloseDirective, isStandalone: true, selector: "[emrAlertClose]", host: { listeners: { "click": "_handleClick()" }, classAttribute: "emr-alert-close" }, exportAs: ["emrAlertClose"], ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: AlertCloseDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: AlertCloseDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[emrAlertClose]',
@@ -116,10 +117,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImpo
         }] });
 class AlertActionDirective {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: AlertActionDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.10", type: AlertActionDirective, isStandalone: true, selector: "[emrAlertAction]", host: { classAttribute: "emr-alert-action" }, exportAs: ["emrAlertAction"], hostDirectives: [{ directive: i1.MatRipple }], ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: AlertActionDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.25", type: AlertActionDirective, isStandalone: true, selector: "[emrAlertAction]", host: { classAttribute: "emr-alert-action" }, exportAs: ["emrAlertAction"], hostDirectives: [{ directive: i1.MatRipple }], ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: AlertActionDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: AlertActionDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[emrAlertAction]',

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

	@@ -1 +1 @@
1	- {"version":3,"file":"elementar-rt-components-alert.mjs","sources":["../../../projects/components/alert/src/alert.properties.ts","../../../projects/components/alert/src/alert-icon.directive.ts","../../../projects/components/alert/src/alert/alert.component.ts","../../../projects/components/alert/src/alert/alert.component.html","../../../projects/components/alert/src/alert-title.directive.ts","../../../projects/components/alert/src/alert-close.directive.ts","../../../projects/components/alert/src/alert-action.directive.ts","../../../projects/components/alert/elementar-rt-components-alert.ts"],"sourcesContent":["import { InjectionToken } from '@angular/core';\r\n\r\nexport const ALERT = new InjectionToken('Alert');\r\nexport type AlertVariant = 'default' \| 'secondary' \| 'positive' \| 'informative' \| 'negative' \| 'notice' \| string;\r\n","import { Directive, inject, TemplateRef } from '@angular/core';\r\n\r\n@Directive({\r\n selector: '[emrAlertIcon]',\r\n exportAs: 'emrAlertIcon',\r\n host: {\r\n 'class': 'emr-alert-icon'\r\n }\r\n})\r\nexport class AlertIconDirective {\r\n public readonly templateRef = inject(TemplateRef, { optional: true });\r\n}\r\n","import {\r\n booleanAttribute,\r\n Component,\r\n ElementRef,\r\n inject,\r\n Input,\r\n OnInit,\r\n Renderer2,\r\n contentChild, TemplateRef, input, numberAttribute, effect, output, OnChanges, SimpleChanges\r\n} from '@angular/core';\r\nimport { ALERT, AlertVariant } from '../alert.properties';\r\nimport { AlertIconDirective } from '../alert-icon.directive';\r\nimport { NgTemplateOutlet } from '@angular/common';\r\n\r\n@Component({\r\n selector: 'emr-alert',\r\n exportAs: 'emrAlert',\r\n imports: [NgTemplateOutlet],\r\n templateUrl: './alert.component.html',\r\n styleUrl: './alert.component.scss',\r\n providers: [\r\n {\r\n provide: ALERT,\r\n useExisting: AlertComponent\r\n }\r\n ],\r\n host: {\r\n 'class': 'emr-alert',\r\n '[class.is-bordered]': 'bordered()',\r\n }\r\n})\r\nexport class AlertComponent {\r\n private _renderer = inject(Renderer2);\r\n private _elementRef = inject(ElementRef);\r\n readonly iconRef = contentChild(AlertIconDirective);\r\n\r\n autoClose = input(null, {\r\n transform: numberAttribute\r\n });\r\n bordered = input(false, {\r\n transform: booleanAttribute\r\n });\r\n variant = input<AlertVariant>('default');\r\n\r\n readonly closed = output<void>();\r\n private _autoCloseTimeout: any = undefined;\r\n\r\n constructor() {\r\n effect(() => {\r\n this._renderer.setAttribute(this._elementRef.nativeElement, 'emr-alert-variant', this.variant());\r\n\r\n clearTimeout(this._autoCloseTimeout);\r\n\r\n if (!this.autoClose()) {\r\n return;\r\n }\r\n\r\n this._autoCloseTimeout = setTimeout(() => {\r\n this._close();\r\n }, this.autoClose() as number);\r\n });\r\n }\r\n\r\n get api() {\r\n return {\r\n close: () => this._close()\r\n };\r\n }\r\n\r\n protected get iconRefTemplate(): TemplateRef<any> {\r\n return this.iconRef()?.templateRef as TemplateRef<any>;\r\n }\r\n\r\n private _close() {\r\n clearTimeout(this._autoCloseTimeout);\r\n this._elementRef.nativeElement.remove();\r\n }\r\n}\r\n","<div class=\"thumbnail\">\r\n <ng-content select=\"[emrAlertIcon]\"/>\r\n @if (iconRef()) {\r\n <ng-container [ngTemplateOutlet]=\"iconRefTemplate\"/>\r\n }\r\n</div>\r\n<div class=\"content\">\r\n <div class=\"title\">\r\n <ng-content select=\"emr-alert-title,[emrAlertTitle]\"/>\r\n </div>\r\n <ng-content/>\r\n</div>\r\n<div class=\"actions\">\r\n <ng-content select=\"[emrAlertAction]\"/>\r\n</div>\r\n","import { Directive } from '@angular/core';\r\n\r\n@Directive({\r\n selector: 'emr-alert-title,[emrAlertTitle]',\r\n exportAs: 'emrAlertTitle',\r\n host: {\r\n 'class': 'emr-alert-title'\r\n }\r\n})\r\nexport class AlertTitleDirective {\r\n}\r\n","import { Directive, inject } from '@angular/core';\r\nimport { ALERT } from './alert.properties';\r\nimport { AlertComponent } from './alert/alert.component';\r\n\r\n@Directive({\r\n selector: '[emrAlertClose]',\r\n exportAs: 'emrAlertClose',\r\n host: {\r\n 'class': 'emr-alert-close',\r\n '(click)': '_handleClick()'\r\n }\r\n})\r\nexport class AlertCloseDirective {\r\n private _alert = inject<AlertComponent>(ALERT);\r\n\r\n protected _handleClick() {\r\n this._alert.api.close();\r\n }\r\n}\r\n","import { Directive } from '@angular/core';\r\nimport { MatRipple } from \"@angular/material/core\";\r\n\r\n@Directive({\r\n selector: '[emrAlertAction]',\r\n exportAs: 'emrAlertAction',\r\n host: {\r\n 'class': 'emr-alert-action'\r\n },\r\n hostDirectives: [MatRipple]\r\n})\r\nexport class AlertActionDirective {\r\n}\r\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"elementar-rt-components-alert.mjs","sources":["../../../projects/components/alert/src/alert.properties.ts","../../../projects/components/alert/src/alert-icon.directive.ts","../../../projects/components/alert/src/alert/alert.component.ts","../../../projects/components/alert/src/alert/alert.component.html","../../../projects/components/alert/src/alert-title.directive.ts","../../../projects/components/alert/src/alert-close.directive.ts","../../../projects/components/alert/src/alert-action.directive.ts","../../../projects/components/alert/elementar-rt-components-alert.ts"],"sourcesContent":["import { InjectionToken } from '@angular/core';\n\nexport const ALERT = new InjectionToken('Alert');\nexport type AlertVariant = 'default' \| 'secondary' \| 'positive' \| 'informative' \| 'negative' \| 'notice' \| string;\n","import { Directive, inject, TemplateRef } from '@angular/core';\n\n@Directive({\n selector: '[emrAlertIcon]',\n exportAs: 'emrAlertIcon',\n host: {\n 'class': 'emr-alert-icon'\n }\n})\nexport class AlertIconDirective {\n public readonly templateRef = inject(TemplateRef, { optional: true });\n}\n","import {\n booleanAttribute,\n Component,\n ElementRef,\n inject,\n Input,\n OnInit,\n Renderer2,\n contentChild, TemplateRef, input, numberAttribute, effect, output, OnChanges, SimpleChanges\n} from '@angular/core';\nimport { ALERT, AlertVariant } from '../alert.properties';\nimport { AlertIconDirective } from '../alert-icon.directive';\nimport { NgTemplateOutlet } from '@angular/common';\n\n@Component({\n selector: 'emr-alert',\n exportAs: 'emrAlert',\n imports: [NgTemplateOutlet],\n templateUrl: './alert.component.html',\n styleUrl: './alert.component.scss',\n providers: [\n {\n provide: ALERT,\n useExisting: AlertComponent\n }\n ],\n host: {\n 'class': 'emr-alert',\n '[class.is-bordered]': 'bordered()',\n }\n})\nexport class AlertComponent {\n private _renderer = inject(Renderer2);\n private _elementRef = inject(ElementRef);\n readonly iconRef = contentChild(AlertIconDirective);\n\n autoClose = input(null, {\n transform: numberAttribute\n });\n bordered = input(false, {\n transform: booleanAttribute\n });\n variant = input<AlertVariant>('default');\n\n readonly closed = output<void>();\n private _autoCloseTimeout: any = undefined;\n\n constructor() {\n effect(() => {\n this._renderer.setAttribute(this._elementRef.nativeElement, 'emr-alert-variant', this.variant());\n\n clearTimeout(this._autoCloseTimeout);\n\n if (!this.autoClose()) {\n return;\n }\n\n this._autoCloseTimeout = setTimeout(() => {\n this._close();\n }, this.autoClose() as number);\n });\n }\n\n get api() {\n return {\n close: () => this._close()\n };\n }\n\n protected get iconRefTemplate(): TemplateRef<any> {\n return this.iconRef()?.templateRef as TemplateRef<any>;\n }\n\n private _close() {\n clearTimeout(this._autoCloseTimeout);\n this._elementRef.nativeElement.remove();\n this.closed.emit();\n }\n}\n","<div class=\"thumbnail\">\n <ng-content select=\"[emrAlertIcon]\"/>\n @if (iconRef()) {\n <ng-container [ngTemplateOutlet]=\"iconRefTemplate\"/>\n }\n</div>\n<div class=\"content\">\n <div class=\"title\">\n <ng-content select=\"emr-alert-title,[emrAlertTitle]\"/>\n </div>\n <ng-content/>\n</div>\n<div class=\"actions\">\n <ng-content select=\"[emrAlertAction]\"/>\n</div>\n","import { Directive } from '@angular/core';\n\n@Directive({\n selector: 'emr-alert-title,[emrAlertTitle]',\n exportAs: 'emrAlertTitle',\n host: {\n 'class': 'emr-alert-title'\n }\n})\nexport class AlertTitleDirective {\n}\n","import { Directive, inject } from '@angular/core';\nimport { ALERT } from './alert.properties';\nimport { AlertComponent } from './alert/alert.component';\n\n@Directive({\n selector: '[emrAlertClose]',\n exportAs: 'emrAlertClose',\n host: {\n 'class': 'emr-alert-close',\n '(click)': '_handleClick()'\n }\n})\nexport class AlertCloseDirective {\n private _alert = inject<AlertComponent>(ALERT);\n\n protected _handleClick() {\n this._alert.api.close();\n }\n}\n","import { Directive } from '@angular/core';\nimport { MatRipple } from \"@angular/material/core\";\n\n@Directive({\n selector: '[emrAlertAction]',\n exportAs: 'emrAlertAction',\n host: {\n 'class': 'emr-alert-action'\n },\n hostDirectives: [MatRipple]\n})\nexport class AlertActionDirective {\n}\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":";;;;;;MAEa,KAAK,GAAG,IAAI,cAAc,CAAC,OAAO;;MCOlC,kBAAkB,CAAA;IACb,WAAW,GAAG,MAAM,CAAC,WAAW,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;wGAD1D,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;4FAAlB,kBAAkB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,IAAA,EAAA,EAAA,cAAA,EAAA,gBAAA,EAAA,EAAA,QAAA,EAAA,CAAA,cAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;4FAAlB,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAP9B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,gBAAgB;AAC1B,oBAAA,QAAQ,EAAE,cAAc;AACxB,oBAAA,IAAI,EAAE;AACF,wBAAA,OAAO,EAAE;AACZ;AACJ,iBAAA;;;MCuBY,cAAc,CAAA;AACjB,IAAA,SAAS,GAAG,MAAM,CAAC,SAAS,CAAC;AAC7B,IAAA,WAAW,GAAG,MAAM,CAAC,UAAU,CAAC;AAC/B,IAAA,OAAO,GAAG,YAAY,CAAC,kBAAkB,mDAAC;IAEnD,SAAS,GAAG,KAAK,CAAC,IAAI,6CACpB,SAAS,EAAE,eAAe,EAAA,CAAA,GAAA,CADJ;AACtB,YAAA,SAAS,EAAE;AACZ,SAAA,CAAA,CAAA,CAAC;IACF,QAAQ,GAAG,KAAK,CAAC,KAAK,4CACpB,SAAS,EAAE,gBAAgB,EAAA,CAAA,GAAA,CADL;AACtB,YAAA,SAAS,EAAE;AACZ,SAAA,CAAA,CAAA,CAAC;AACF,IAAA,OAAO,GAAG,KAAK,CAAe,SAAS,mDAAC;IAE/B,MAAM,GAAG,MAAM,EAAQ;IACxB,iBAAiB,GAAQ,SAAS;AAE1C,IAAA,WAAA,GAAA;QACE,MAAM,CAAC,MAAK;AACV,YAAA,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC,IAAI,CAAC,WAAW,CAAC,aAAa,EAAE,mBAAmB,EAAE,IAAI,CAAC,OAAO,EAAE,CAAC;AAEhG,YAAA,YAAY,CAAC,IAAI,CAAC,iBAAiB,CAAC;AAEpC,YAAA,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE,EAAE;gBACrB;YACF;AAEA,YAAA,IAAI,CAAC,iBAAiB,GAAG,UAAU,CAAC,MAAK;gBACvC,IAAI,CAAC,MAAM,EAAE;AACf,YAAA,CAAC,EAAE,IAAI,CAAC,SAAS,EAAY,CAAC;AAChC,QAAA,CAAC,CAAC;IACJ;AAEA,IAAA,IAAI,GAAG,GAAA;QACL,OAAO;AACL,YAAA,KAAK,EAAE,MAAM,IAAI,CAAC,MAAM;SACzB;IACH;AAEA,IAAA,IAAc,eAAe,GAAA;AAC3B,QAAA,OAAO,IAAI,CAAC,OAAO,EAAE,EAAE,WAA+B;IACxD;IAEQ,MAAM,GAAA;AACZ,QAAA,YAAY,CAAC,IAAI,CAAC,iBAAiB,CAAC;AACpC,QAAA,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC,MAAM,EAAE;AACvC,QAAA,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE;IACpB;wGA9CW,cAAc,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAd,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,cAAc,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,EAAA,SAAA,EAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,UAAA,EAAA,WAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,OAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,OAAA,EAAA,EAAA,MAAA,EAAA,QAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,mBAAA,EAAA,YAAA,EAAA,EAAA,cAAA,EAAA,WAAA,EAAA,EAAA,SAAA,EAXd;AACT,YAAA;AACE,gBAAA,OAAO,EAAE,KAAK;AACd,gBAAA,WAAW,EAAE;AACd;AACF,SAAA,EAAA,OAAA,EAAA,CAAA,EAAA,YAAA,EAAA,SAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAS+B,kBAAkB,EAAA,WAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,CAAA,UAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EClCpD,uYAeA,EAAA,MAAA,EAAA,CAAA,+mGAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDEY,gBAAgB,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,CAAA,yBAAA,EAAA,kBAAA,EAAA,0BAAA,CAAA,EAAA,CAAA,EAAA,CAAA;;4FAcf,cAAc,EAAA,UAAA,EAAA,CAAA;kBAjB1B,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,WAAW,YACX,UAAU,EAAA,OAAA,EACX,CAAC,gBAAgB,CAAC,EAAA,SAAA,EAGhB;AACT,wBAAA;AACE,4BAAA,OAAO,EAAE,KAAK;AACd,4BAAA,WAAW,EAAA;AACZ;qBACF,EAAA,IAAA,EACK;AACJ,wBAAA,OAAO,EAAE,WAAW;AACpB,wBAAA,qBAAqB,EAAE,YAAY;AACpC,qBAAA,EAAA,QAAA,EAAA,uYAAA,EAAA,MAAA,EAAA,CAAA,+mGAAA,CAAA,EAAA;sHAK+B,kBAAkB,CAAA,EAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,EAAA,SAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,KAAA,EAAA,WAAA,EAAA,QAAA,EAAA,KAAA,EAAA,CAAA,EAAA,CAAA,EAAA,QAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,KAAA,EAAA,UAAA,EAAA,QAAA,EAAA,KAAA,EAAA,CAAA,EAAA,CAAA,EAAA,OAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,KAAA,EAAA,SAAA,EAAA,QAAA,EAAA,KAAA,EAAA,CAAA,EAAA,CAAA,EAAA,MAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,MAAA,EAAA,IAAA,EAAA,CAAA,QAAA,CAAA,EAAA,CAAA,EAAA,EAAA,CAAA;;MEzBvC,mBAAmB,CAAA;wGAAnB,mBAAmB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;4FAAnB,mBAAmB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,iCAAA,EAAA,IAAA,EAAA,EAAA,cAAA,EAAA,iBAAA,EAAA,EAAA,QAAA,EAAA,CAAA,eAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;4FAAnB,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAP/B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,iCAAiC;AAC3C,oBAAA,QAAQ,EAAE,eAAe;AACzB,oBAAA,IAAI,EAAE;AACF,wBAAA,OAAO,EAAE;AACZ;AACJ,iBAAA;;;MCIY,mBAAmB,CAAA;AACtB,IAAA,MAAM,GAAG,MAAM,CAAiB,KAAK,CAAC;IAEpC,YAAY,GAAA;AACpB,QAAA,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,KAAK,EAAE;IACzB;wGALW,mBAAmB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;4FAAnB,mBAAmB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,OAAA,EAAA,gBAAA,EAAA,EAAA,cAAA,EAAA,iBAAA,EAAA,EAAA,QAAA,EAAA,CAAA,eAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;4FAAnB,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAR/B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,iBAAiB;AAC3B,oBAAA,QAAQ,EAAE,eAAe;AACzB,oBAAA,IAAI,EAAE;AACJ,wBAAA,OAAO,EAAE,iBAAiB;AAC1B,wBAAA,SAAS,EAAE;AACZ;AACJ,iBAAA;;;MCAY,oBAAoB,CAAA;wGAApB,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;4FAApB,oBAAoB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,IAAA,EAAA,EAAA,cAAA,EAAA,kBAAA,EAAA,EAAA,QAAA,EAAA,CAAA,gBAAA,CAAA,EAAA,cAAA,EAAA,CAAA,EAAA,SAAA,EAAA,EAAA,CAAA,SAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;4FAApB,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBARhC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,kBAAkB;AAC5B,oBAAA,QAAQ,EAAE,gBAAgB;AAC1B,oBAAA,IAAI,EAAE;AACF,wBAAA,OAAO,EAAE;AACZ,qBAAA;oBACD,cAAc,EAAE,CAAC,SAAS;AAC7B,iBAAA;;;ACVD;;AAEG;;;;"}

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

@@ -21,17 +21,17 @@ class AnnouncementComponent {
     close() {
         this.closed.emit();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: AnnouncementComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.10", type: AnnouncementComponent, isStandalone: true, selector: "emr-announcement", inputs: { variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, iconName: { classPropertyName: "iconName", publicName: "iconName", isSignal: true, isRequired: false, transformFunction: null }, closable: { classPropertyName: "closable", publicName: "closable", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { closed: "closed" }, host: { classAttribute: "emr-announcement" }, exportAs: ["emrAnnouncement"], ngImport: i0, template: "<div class=\"content\">\r\n  @if (iconName()) {\r\n    <div class=\"icon\">\r\n      <mat-icon>{{ iconName() }}</mat-icon>\r\n    </div>\r\n  }\r\n  <ng-content/>\r\n</div>\r\n@if (closable()) {\r\n  <div class=\"close\">\r\n    <button mat-icon-button (click)=\"close()\">\r\n      <mat-icon>close</mat-icon>\r\n    </button>\r\n  </div>\r\n}\r\n", styles: [":host{--emr-announcement-close-icon-color: var(--color-neutral-800);padding-inline-start:calc(var(--spacing, .25rem) * 5);padding-inline-end:calc(var(--spacing, .25rem) * 3);height:calc(var(--spacing, .25rem) * 11);display:flex;align-items:center;justify-content:space-between;font-size:.875rem}:host:has(.icon){padding-inline-start:calc(var(--spacing, .25rem) * 3.5)}:host .content{display:flex;align-items:center;gap:calc(var(--spacing, .25rem) * 2.5)}:host .icon{display:inline-flex;align-items:center;justify-content:center}:host .close{display:inline-flex;align-items:center;justify-content:center}:host .close:hover{opacity:100%}:host:has(.close){padding-inline-end:calc(var(--spacing, .25rem) * 1.5)}:host[data-variant=default],:host[data-variant=neutral]{background:var(--color-surface-container)}:host[data-variant=default] .icon,:host[data-variant=neutral] .icon{color:var(--color-on-surface)}:host[data-variant=info],:host[data-variant=informative]{background:var(--color-blue-container)}:host[data-variant=info] .icon,:host[data-variant=informative] .icon{color:var(--color-on-blue-container)}:host[data-variant=danger],:host[data-variant=negative]{background:var(--color-red-container)}:host[data-variant=danger] .icon,:host[data-variant=negative] .icon{color:var(--color-on-red-container)}:host[data-variant=success],:host[data-variant=positive]{background:var(--color-green-container)}:host[data-variant=success] .icon,:host[data-variant=positive] .icon{color:var(--color-on-green-container)}:host[data-variant=warning],:host[data-variant=notice]{background:var(--color-orange-container)}:host[data-variant=warning] .icon,:host[data-variant=notice] .icon{color:var(--color-on-orange-container)}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: AnnouncementComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", type: AnnouncementComponent, isStandalone: true, selector: "emr-announcement", inputs: { variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, iconName: { classPropertyName: "iconName", publicName: "iconName", isSignal: true, isRequired: false, transformFunction: null }, closable: { classPropertyName: "closable", publicName: "closable", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { closed: "closed" }, host: { classAttribute: "emr-announcement" }, exportAs: ["emrAnnouncement"], ngImport: i0, template: "<div class=\"content\">\n  @if (iconName()) {\n    <div class=\"icon\">\n      <mat-icon>{{ iconName() }}</mat-icon>\n    </div>\n  }\n  <ng-content/>\n</div>\n@if (closable()) {\n  <div class=\"close\">\n    <button mat-icon-button (click)=\"close()\">\n      <mat-icon>close</mat-icon>\n    </button>\n  </div>\n}\n", styles: [":host{--emr-announcement-close-icon-color: var(--color-neutral-800);padding-inline-start:calc(var(--spacing, .25rem) * 5);padding-inline-end:calc(var(--spacing, .25rem) * 3);height:calc(var(--spacing, .25rem) * 11);display:flex;align-items:center;justify-content:space-between;font-size:.875rem}:host:has(.icon){padding-inline-start:calc(var(--spacing, .25rem) * 3.5)}:host .content{display:flex;align-items:center;gap:calc(var(--spacing, .25rem) * 2.5)}:host .icon{display:inline-flex;align-items:center;justify-content:center}:host .close{display:inline-flex;align-items:center;justify-content:center}:host .close:hover{opacity:100%}:host:has(.close){padding-inline-end:calc(var(--spacing, .25rem) * 1.5)}:host[data-variant=default],:host[data-variant=neutral]{background:var(--color-surface-container)}:host[data-variant=default] .icon,:host[data-variant=neutral] .icon{color:var(--color-on-surface)}:host[data-variant=info],:host[data-variant=informative]{background:var(--color-blue-container)}:host[data-variant=info] .icon,:host[data-variant=informative] .icon{color:var(--color-on-blue-container)}:host[data-variant=danger],:host[data-variant=negative]{background:var(--color-red-container)}:host[data-variant=danger] .icon,:host[data-variant=negative] .icon{color:var(--color-on-red-container)}:host[data-variant=success],:host[data-variant=positive]{background:var(--color-green-container)}:host[data-variant=success] .icon,:host[data-variant=positive] .icon{color:var(--color-on-green-container)}:host[data-variant=warning],:host[data-variant=notice]{background:var(--color-orange-container)}:host[data-variant=warning] .icon,:host[data-variant=notice] .icon{color:var(--color-on-orange-container)}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: AnnouncementComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: AnnouncementComponent, decorators: [{
             type: Component,
             args: [{ selector: 'emr-announcement', exportAs: 'emrAnnouncement', imports: [
                         MatIcon,
                         MatIconButton
                     ], host: {
                         'class': 'emr-announcement'
-                    }, template: "<div class=\"content\">\r\n  @if (iconName()) {\r\n    <div class=\"icon\">\r\n      <mat-icon>{{ iconName() }}</mat-icon>\r\n    </div>\r\n  }\r\n  <ng-content/>\r\n</div>\r\n@if (closable()) {\r\n  <div class=\"close\">\r\n    <button mat-icon-button (click)=\"close()\">\r\n      <mat-icon>close</mat-icon>\r\n    </button>\r\n  </div>\r\n}\r\n", styles: [":host{--emr-announcement-close-icon-color: var(--color-neutral-800);padding-inline-start:calc(var(--spacing, .25rem) * 5);padding-inline-end:calc(var(--spacing, .25rem) * 3);height:calc(var(--spacing, .25rem) * 11);display:flex;align-items:center;justify-content:space-between;font-size:.875rem}:host:has(.icon){padding-inline-start:calc(var(--spacing, .25rem) * 3.5)}:host .content{display:flex;align-items:center;gap:calc(var(--spacing, .25rem) * 2.5)}:host .icon{display:inline-flex;align-items:center;justify-content:center}:host .close{display:inline-flex;align-items:center;justify-content:center}:host .close:hover{opacity:100%}:host:has(.close){padding-inline-end:calc(var(--spacing, .25rem) * 1.5)}:host[data-variant=default],:host[data-variant=neutral]{background:var(--color-surface-container)}:host[data-variant=default] .icon,:host[data-variant=neutral] .icon{color:var(--color-on-surface)}:host[data-variant=info],:host[data-variant=informative]{background:var(--color-blue-container)}:host[data-variant=info] .icon,:host[data-variant=informative] .icon{color:var(--color-on-blue-container)}:host[data-variant=danger],:host[data-variant=negative]{background:var(--color-red-container)}:host[data-variant=danger] .icon,:host[data-variant=negative] .icon{color:var(--color-on-red-container)}:host[data-variant=success],:host[data-variant=positive]{background:var(--color-green-container)}:host[data-variant=success] .icon,:host[data-variant=positive] .icon{color:var(--color-on-green-container)}:host[data-variant=warning],:host[data-variant=notice]{background:var(--color-orange-container)}:host[data-variant=warning] .icon,:host[data-variant=notice] .icon{color:var(--color-on-orange-container)}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"] }]
+                    }, template: "<div class=\"content\">\n  @if (iconName()) {\n    <div class=\"icon\">\n      <mat-icon>{{ iconName() }}</mat-icon>\n    </div>\n  }\n  <ng-content/>\n</div>\n@if (closable()) {\n  <div class=\"close\">\n    <button mat-icon-button (click)=\"close()\">\n      <mat-icon>close</mat-icon>\n    </button>\n  </div>\n}\n", styles: [":host{--emr-announcement-close-icon-color: var(--color-neutral-800);padding-inline-start:calc(var(--spacing, .25rem) * 5);padding-inline-end:calc(var(--spacing, .25rem) * 3);height:calc(var(--spacing, .25rem) * 11);display:flex;align-items:center;justify-content:space-between;font-size:.875rem}:host:has(.icon){padding-inline-start:calc(var(--spacing, .25rem) * 3.5)}:host .content{display:flex;align-items:center;gap:calc(var(--spacing, .25rem) * 2.5)}:host .icon{display:inline-flex;align-items:center;justify-content:center}:host .close{display:inline-flex;align-items:center;justify-content:center}:host .close:hover{opacity:100%}:host:has(.close){padding-inline-end:calc(var(--spacing, .25rem) * 1.5)}:host[data-variant=default],:host[data-variant=neutral]{background:var(--color-surface-container)}:host[data-variant=default] .icon,:host[data-variant=neutral] .icon{color:var(--color-on-surface)}:host[data-variant=info],:host[data-variant=informative]{background:var(--color-blue-container)}:host[data-variant=info] .icon,:host[data-variant=informative] .icon{color:var(--color-on-blue-container)}:host[data-variant=danger],:host[data-variant=negative]{background:var(--color-red-container)}:host[data-variant=danger] .icon,:host[data-variant=negative] .icon{color:var(--color-on-red-container)}:host[data-variant=success],:host[data-variant=positive]{background:var(--color-green-container)}:host[data-variant=success] .icon,:host[data-variant=positive] .icon{color:var(--color-on-green-container)}:host[data-variant=warning],:host[data-variant=notice]{background:var(--color-orange-container)}:host[data-variant=warning] .icon,:host[data-variant=notice] .icon{color:var(--color-on-orange-container)}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"] }]
         }], ctorParameters: () => [], propDecorators: { variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], iconName: [{ type: i0.Input, args: [{ isSignal: true, alias: "iconName", required: false }] }], closable: [{ type: i0.Input, args: [{ isSignal: true, alias: "closable", required: false }] }], closed: [{ type: i0.Output, args: ["closed"] }] } });
 const initialState = {
@@ -55,14 +55,14 @@ class AnnouncementGlobalComponent {
     onClose() {
         this._announcementStore.hide();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: AnnouncementGlobalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.10", type: AnnouncementGlobalComponent, isStandalone: true, selector: "emr-announcement-global", outputs: { announcementClose: "announcementClose" }, exportAs: ["emrAnnouncementGlobal"], ngImport: i0, template: "@if (announcement()) {\r\n  <emr-announcement closable\r\n                    [iconName]=\"announcement()?.iconName || ''\"\r\n                    [variant]=\"announcement()?.variant || ''\"\r\n                    (closed)=\"onClose()\">\r\n    {{ announcement()?.message }}\r\n  </emr-announcement>\r\n}\r\n", styles: [":host{display:contents}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "component", type: AnnouncementComponent, selector: "emr-announcement", inputs: ["variant", "iconName", "closable"], outputs: ["closed"], exportAs: ["emrAnnouncement"] }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: AnnouncementGlobalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", type: AnnouncementGlobalComponent, isStandalone: true, selector: "emr-announcement-global", outputs: { announcementClose: "announcementClose" }, exportAs: ["emrAnnouncementGlobal"], ngImport: i0, template: "@if (announcement()) {\n  <emr-announcement closable\n                    [iconName]=\"announcement()?.iconName || ''\"\n                    [variant]=\"announcement()?.variant || ''\"\n                    (closed)=\"onClose()\">\n    {{ announcement()?.message }}\n  </emr-announcement>\n}\n", styles: [":host{display:contents}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "component", type: AnnouncementComponent, selector: "emr-announcement", inputs: ["variant", "iconName", "closable"], outputs: ["closed"], exportAs: ["emrAnnouncement"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: AnnouncementGlobalComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: AnnouncementGlobalComponent, decorators: [{
             type: Component,
             args: [{ selector: 'emr-announcement-global', exportAs: 'emrAnnouncementGlobal', imports: [
                         AnnouncementComponent
-                    ], template: "@if (announcement()) {\r\n  <emr-announcement closable\r\n                    [iconName]=\"announcement()?.iconName || ''\"\r\n                    [variant]=\"announcement()?.variant || ''\"\r\n                    (closed)=\"onClose()\">\r\n    {{ announcement()?.message }}\r\n  </emr-announcement>\r\n}\r\n", styles: [":host{display:contents}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"] }]
+                    ], template: "@if (announcement()) {\n  <emr-announcement closable\n                    [iconName]=\"announcement()?.iconName || ''\"\n                    [variant]=\"announcement()?.variant || ''\"\n                    (closed)=\"onClose()\">\n    {{ announcement()?.message }}\n  </emr-announcement>\n}\n", styles: [":host{display:contents}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"] }]
         }], propDecorators: { announcementClose: [{ type: i0.Output, args: ["announcementClose"] }] } });
 /**

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

	@@ -1 +1 @@
1	- {"version":3,"file":"elementar-rt-components-announcement.mjs","sources":["../../../projects/components/announcement/src/announcement/announcement.component.ts","../../../projects/components/announcement/src/announcement/announcement.component.html","../../../projects/components/announcement/src/announcement.store.ts","../../../projects/components/announcement/src/announcement-global/announcement-global.component.ts","../../../projects/components/announcement/src/announcement-global/announcement-global.component.html","../../../projects/components/announcement/elementar-rt-components-announcement.ts"],"sourcesContent":["import {\r\n booleanAttribute,\r\n Component, effect,\r\n ElementRef,\r\n inject,\r\n input,\r\n output,\r\n Renderer2\r\n} from '@angular/core';\r\nimport { MatIcon } from '@angular/material/icon';\r\nimport { MatIconButton } from '@angular/material/button';\r\nimport { AnnouncementVariant } from '../types';\r\n\r\n@Component({\r\n selector: 'emr-announcement',\r\n exportAs: 'emrAnnouncement',\r\n imports: [\r\n MatIcon,\r\n MatIconButton\r\n ],\r\n templateUrl: './announcement.component.html',\r\n styleUrl: './announcement.component.scss',\r\n host: {\r\n 'class': 'emr-announcement'\r\n }\r\n})\r\nexport class AnnouncementComponent {\r\n private _elementRef = inject(ElementRef);\r\n private _renderer = inject(Renderer2);\r\n\r\n variant = input<AnnouncementVariant>('neutral');\r\n iconName = input('');\r\n closable = input(false, {\r\n transform: booleanAttribute\r\n });\r\n\r\n readonly closed = output<void>();\r\n\r\n constructor() {\r\n effect(() => {\r\n this._renderer.setAttribute(this._elementRef.nativeElement, 'data-variant', this.variant() \|\| 'neutral');\r\n });\r\n }\r\n\r\n protected close() {\r\n this.closed.emit();\r\n }\r\n}\r\n","<div class=\"content\">\r\n @if (iconName()) {\r\n <div class=\"icon\">\r\n <mat-icon>{{ iconName() }}</mat-icon>\r\n </div>\r\n }\r\n <ng-content/>\r\n</div>\r\n@if (closable()) {\r\n <div class=\"close\">\r\n <button mat-icon-button (click)=\"close()\">\r\n <mat-icon>close</mat-icon>\r\n </button>\r\n </div>\r\n}\r\n","import { patchState, signalStore, withMethods, withState } from '@ngrx/signals';\r\nimport { Announcement } from './types';\r\n\r\nexport interface AnnouncementState {\r\n announcement: Announcement \| null;\r\n}\r\n\r\nconst initialState: AnnouncementState = {\r\n announcement: null,\r\n};\r\n\r\nexport const AnnouncementStore = signalStore(\r\n { providedIn: 'root' },\r\n withState(initialState),\r\n withMethods((store) => ({\r\n show(announcement: Announcement): void {\r\n patchState(store, { announcement });\r\n },\r\n hide() {\r\n patchState(store, { announcement: null });\r\n }\r\n }))\r\n);\r\n","import { Component, computed, inject, output } from '@angular/core';\r\nimport { AnnouncementStore } from '../announcement.store';\r\nimport { Announcement } from '../types';\r\nimport { AnnouncementComponent } from '../announcement/announcement.component';\r\n\r\n@Component({\r\n selector: 'emr-announcement-global',\r\n exportAs: 'emrAnnouncementGlobal',\r\n imports: [\r\n AnnouncementComponent\r\n ],\r\n templateUrl: './announcement-global.component.html',\r\n styleUrl: './announcement-global.component.scss'\r\n})\r\nexport class AnnouncementGlobalComponent {\r\n private _announcementStore = inject(AnnouncementStore);\r\n\r\n announcement = computed<Announcement \| null>(() => {\r\n return this._announcementStore.announcement();\r\n });\r\n\r\n readonly announcementClose = output<void>();\r\n\r\n onClose() {\r\n this._announcementStore.hide();\r\n }\r\n}\r\n","@if (announcement()) {\r\n <emr-announcement closable\r\n [iconName]=\"announcement()?.iconName \|\| ''\"\r\n [variant]=\"announcement()?.variant \|\| ''\"\r\n (closed)=\"onClose()\">\r\n {{ announcement()?.message }}\r\n </emr-announcement>\r\n}\r\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":";;;;;;MA0Ba,qBAAqB,CAAA;AACxB,IAAA,WAAW,GAAG,MAAM,CAAC,UAAU,CAAC;AAChC,IAAA,SAAS,GAAG,MAAM,CAAC,SAAS,CAAC;AAErC,IAAA,OAAO,GAAG,KAAK,CAAsB,SAAS,mDAAC;AAC/C,IAAA,QAAQ,GAAG,KAAK,CAAC,EAAE,oDAAC;IACpB,QAAQ,GAAG,KAAK,CAAC,KAAK,4CACpB,SAAS,EAAE,gBAAgB,EAAA,CAAA,GAAA,CADL;AACtB,YAAA,SAAS,EAAE;AACZ,SAAA,CAAA,CAAA,CAAC;IAEO,MAAM,GAAG,MAAM,EAAQ;AAEhC,IAAA,WAAA,GAAA;QACE,MAAM,CAAC,MAAK;YACV,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC,IAAI,CAAC,WAAW,CAAC,aAAa,EAAE,cAAc,EAAE,IAAI,CAAC,OAAO,EAAE,IAAI,SAAS,CAAC;AAC1G,QAAA,CAAC,CAAC;IACJ;IAEU,KAAK,GAAA;AACb,QAAA,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE;IACpB;wGApBW,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,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,OAAA,EAAA,EAAA,MAAA,EAAA,QAAA,EAAA,EAAA,IAAA,EAAA,EAAA,cAAA,EAAA,kBAAA,EAAA,EAAA,QAAA,EAAA,CAAA,iBAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EC1BlC,~~6VAeA,~~EAAA,MAAA,EAAA,CAAA,~~qvDAAA~~,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDEI,OAAO,2IACP,aAAa,EAAA,QAAA,EAAA,sFAAA,EAAA,QAAA,EAAA,CAAA,WAAA,EAAA,WAAA,CAAA,EAAA,CAAA,EAAA,CAAA;;4FAQJ,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBAbjC,SAAS;+BACE,kBAAkB,EAAA,QAAA,EAClB,iBAAiB,EAAA,OAAA,EAClB;wBACP,OAAO;wBACP;qBACD,EAAA,IAAA,EAGK;AACJ,wBAAA,OAAO,EAAE;AACV,qBAAA,EAAA,QAAA,EAAA,~~6VAAA,~~EAAA,MAAA,EAAA,CAAA,~~qvDAAA~~,CAAA,EAAA;;;AEjBH,MAAM,YAAY,GAAsB;AACtC,IAAA,YAAY,EAAE,IAAI;CACnB;AAEM,MAAM,iBAAiB,GAAG,WAAW,CAC1C,EAAE,UAAU,EAAE,MAAM,EAAE,EACtB,SAAS,CAAC,YAAY,CAAC,EACvB,WAAW,CAAC,CAAC,KAAK,MAAM;AACtB,IAAA,IAAI,CAAC,YAA0B,EAAA;AAC7B,QAAA,UAAU,CAAC,KAAK,EAAE,EAAE,YAAY,EAAE,CAAC;IACrC,CAAC;IACD,IAAI,GAAA;QACF,UAAU,CAAC,KAAK,EAAE,EAAE,YAAY,EAAE,IAAI,EAAE,CAAC;IAC3C;CACD,CAAC,CAAC;;MCPQ,2BAA2B,CAAA;AAC9B,IAAA,kBAAkB,GAAG,MAAM,CAAC,iBAAiB,CAAC;AAEtD,IAAA,YAAY,GAAG,QAAQ,CAAsB,MAAK;AAChD,QAAA,OAAO,IAAI,CAAC,kBAAkB,CAAC,YAAY,EAAE;AAC/C,IAAA,CAAC,wDAAC;IAEO,iBAAiB,GAAG,MAAM,EAAQ;IAE3C,OAAO,GAAA;AACL,QAAA,IAAI,CAAC,kBAAkB,CAAC,IAAI,EAAE;IAChC;wGAXW,2BAA2B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;4FAA3B,2BAA2B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,yBAAA,EAAA,OAAA,EAAA,EAAA,iBAAA,EAAA,mBAAA,EAAA,EAAA,QAAA,EAAA,CAAA,uBAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECdxC,~~sTAQA~~,EAAA,MAAA,EAAA,CAAA~~,+FAAA~~,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDCI,qBAAqB,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,OAAA,EAAA,CAAA,QAAA,CAAA,EAAA,QAAA,EAAA,CAAA,iBAAA,CAAA,EAAA,CAAA,EAAA,CAAA;;4FAKZ,2BAA2B,EAAA,UAAA,EAAA,CAAA;kBATvC,SAAS;+BACE,yBAAyB,EAAA,QAAA,EACzB,uBAAuB,EAAA,OAAA,EACxB;wBACP;AACD,qBAAA,EAAA,QAAA,EAAA,~~sTAAA~~,EAAA,MAAA,EAAA,CAAA~~,+FAAA~~,CAAA,EAAA;;;AEVH;;AAEG;;;;"}
1	+ {"version":3,"file":"elementar-rt-components-announcement.mjs","sources":["../../../projects/components/announcement/src/announcement/announcement.component.ts","../../../projects/components/announcement/src/announcement/announcement.component.html","../../../projects/components/announcement/src/announcement.store.ts","../../../projects/components/announcement/src/announcement-global/announcement-global.component.ts","../../../projects/components/announcement/src/announcement-global/announcement-global.component.html","../../../projects/components/announcement/elementar-rt-components-announcement.ts"],"sourcesContent":["import {\n booleanAttribute,\n Component, effect,\n ElementRef,\n inject,\n input,\n output,\n Renderer2\n} from '@angular/core';\nimport { MatIcon } from '@angular/material/icon';\nimport { MatIconButton } from '@angular/material/button';\nimport { AnnouncementVariant } from '../types';\n\n@Component({\n selector: 'emr-announcement',\n exportAs: 'emrAnnouncement',\n imports: [\n MatIcon,\n MatIconButton\n ],\n templateUrl: './announcement.component.html',\n styleUrl: './announcement.component.scss',\n host: {\n 'class': 'emr-announcement'\n }\n})\nexport class AnnouncementComponent {\n private _elementRef = inject(ElementRef);\n private _renderer = inject(Renderer2);\n\n variant = input<AnnouncementVariant>('neutral');\n iconName = input('');\n closable = input(false, {\n transform: booleanAttribute\n });\n\n readonly closed = output<void>();\n\n constructor() {\n effect(() => {\n this._renderer.setAttribute(this._elementRef.nativeElement, 'data-variant', this.variant() \|\| 'neutral');\n });\n }\n\n protected close() {\n this.closed.emit();\n }\n}\n","<div class=\"content\">\n @if (iconName()) {\n <div class=\"icon\">\n <mat-icon>{{ iconName() }}</mat-icon>\n </div>\n }\n <ng-content/>\n</div>\n@if (closable()) {\n <div class=\"close\">\n <button mat-icon-button (click)=\"close()\">\n <mat-icon>close</mat-icon>\n </button>\n </div>\n}\n","import { patchState, signalStore, withMethods, withState } from '@ngrx/signals';\nimport { Announcement } from './types';\n\nexport interface AnnouncementState {\n announcement: Announcement \| null;\n}\n\nconst initialState: AnnouncementState = {\n announcement: null,\n};\n\nexport const AnnouncementStore = signalStore(\n { providedIn: 'root' },\n withState(initialState),\n withMethods((store) => ({\n show(announcement: Announcement): void {\n patchState(store, { announcement });\n },\n hide() {\n patchState(store, { announcement: null });\n }\n }))\n);\n","import { Component, computed, inject, output } from '@angular/core';\nimport { AnnouncementStore } from '../announcement.store';\nimport { Announcement } from '../types';\nimport { AnnouncementComponent } from '../announcement/announcement.component';\n\n@Component({\n selector: 'emr-announcement-global',\n exportAs: 'emrAnnouncementGlobal',\n imports: [\n AnnouncementComponent\n ],\n templateUrl: './announcement-global.component.html',\n styleUrl: './announcement-global.component.scss'\n})\nexport class AnnouncementGlobalComponent {\n private _announcementStore = inject(AnnouncementStore);\n\n announcement = computed<Announcement \| null>(() => {\n return this._announcementStore.announcement();\n });\n\n readonly announcementClose = output<void>();\n\n onClose() {\n this._announcementStore.hide();\n }\n}\n","@if (announcement()) {\n <emr-announcement closable\n [iconName]=\"announcement()?.iconName \|\| ''\"\n [variant]=\"announcement()?.variant \|\| ''\"\n (closed)=\"onClose()\">\n {{ announcement()?.message }}\n </emr-announcement>\n}\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":";;;;;;MA0Ba,qBAAqB,CAAA;AACxB,IAAA,WAAW,GAAG,MAAM,CAAC,UAAU,CAAC;AAChC,IAAA,SAAS,GAAG,MAAM,CAAC,SAAS,CAAC;AAErC,IAAA,OAAO,GAAG,KAAK,CAAsB,SAAS,mDAAC;AAC/C,IAAA,QAAQ,GAAG,KAAK,CAAC,EAAE,oDAAC;IACpB,QAAQ,GAAG,KAAK,CAAC,KAAK,4CACpB,SAAS,EAAE,gBAAgB,EAAA,CAAA,GAAA,CADL;AACtB,YAAA,SAAS,EAAE;AACZ,SAAA,CAAA,CAAA,CAAC;IAEO,MAAM,GAAG,MAAM,EAAQ;AAEhC,IAAA,WAAA,GAAA;QACE,MAAM,CAAC,MAAK;YACV,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC,IAAI,CAAC,WAAW,CAAC,aAAa,EAAE,cAAc,EAAE,IAAI,CAAC,OAAO,EAAE,IAAI,SAAS,CAAC;AAC1G,QAAA,CAAC,CAAC;IACJ;IAEU,KAAK,GAAA;AACb,QAAA,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE;IACpB;wGApBW,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,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,OAAA,EAAA,EAAA,MAAA,EAAA,QAAA,EAAA,EAAA,IAAA,EAAA,EAAA,cAAA,EAAA,kBAAA,EAAA,EAAA,QAAA,EAAA,CAAA,iBAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EC1BlC,+TAeA,EAAA,MAAA,EAAA,CAAA,ovDAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDEI,OAAO,2IACP,aAAa,EAAA,QAAA,EAAA,sFAAA,EAAA,QAAA,EAAA,CAAA,WAAA,EAAA,WAAA,CAAA,EAAA,CAAA,EAAA,CAAA;;4FAQJ,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBAbjC,SAAS;+BACE,kBAAkB,EAAA,QAAA,EAClB,iBAAiB,EAAA,OAAA,EAClB;wBACP,OAAO;wBACP;qBACD,EAAA,IAAA,EAGK;AACJ,wBAAA,OAAO,EAAE;AACV,qBAAA,EAAA,QAAA,EAAA,+TAAA,EAAA,MAAA,EAAA,CAAA,ovDAAA,CAAA,EAAA;;;AEjBH,MAAM,YAAY,GAAsB;AACtC,IAAA,YAAY,EAAE,IAAI;CACnB;AAEM,MAAM,iBAAiB,GAAG,WAAW,CAC1C,EAAE,UAAU,EAAE,MAAM,EAAE,EACtB,SAAS,CAAC,YAAY,CAAC,EACvB,WAAW,CAAC,CAAC,KAAK,MAAM;AACtB,IAAA,IAAI,CAAC,YAA0B,EAAA;AAC7B,QAAA,UAAU,CAAC,KAAK,EAAE,EAAE,YAAY,EAAE,CAAC;IACrC,CAAC;IACD,IAAI,GAAA;QACF,UAAU,CAAC,KAAK,EAAE,EAAE,YAAY,EAAE,IAAI,EAAE,CAAC;IAC3C;CACD,CAAC,CAAC;;MCPQ,2BAA2B,CAAA;AAC9B,IAAA,kBAAkB,GAAG,MAAM,CAAC,iBAAiB,CAAC;AAEtD,IAAA,YAAY,GAAG,QAAQ,CAAsB,MAAK;AAChD,QAAA,OAAO,IAAI,CAAC,kBAAkB,CAAC,YAAY,EAAE;AAC/C,IAAA,CAAC,wDAAC;IAEO,iBAAiB,GAAG,MAAM,EAAQ;IAE3C,OAAO,GAAA;AACL,QAAA,IAAI,CAAC,kBAAkB,CAAC,IAAI,EAAE;IAChC;wGAXW,2BAA2B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;4FAA3B,2BAA2B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,yBAAA,EAAA,OAAA,EAAA,EAAA,iBAAA,EAAA,mBAAA,EAAA,EAAA,QAAA,EAAA,CAAA,uBAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECdxC,sSAQA,EAAA,MAAA,EAAA,CAAA,8FAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDCI,qBAAqB,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,OAAA,EAAA,CAAA,QAAA,CAAA,EAAA,QAAA,EAAA,CAAA,iBAAA,CAAA,EAAA,CAAA,EAAA,CAAA;;4FAKZ,2BAA2B,EAAA,UAAA,EAAA,CAAA;kBATvC,SAAS;+BACE,yBAAyB,EAAA,QAAA,EACzB,uBAAuB,EAAA,OAAA,EACxB;wBACP;AACD,qBAAA,EAAA,QAAA,EAAA,sSAAA,EAAA,MAAA,EAAA,CAAA,8FAAA,CAAA,EAAA;;;AEVH;;AAEG;;;;"}

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

@@ -95,16 +95,16 @@ class AvatarComponent {
             }
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: AvatarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.10", type: AvatarComponent, isStandalone: true, selector: "emr-avatar,[emr-avatar]", inputs: { image: { classPropertyName: "image", publicName: "image", isSignal: true, isRequired: false, transformFunction: null }, clickable: { classPropertyName: "clickable", publicName: "clickable", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, alt: { classPropertyName: "alt", publicName: "alt", isSignal: true, isRequired: false, transformFunction: null }, automaticColor: { classPropertyName: "automaticColor", publicName: "automaticColor", isSignal: true, isRequired: false, transformFunction: null }, presenceIndicator: { classPropertyName: "presenceIndicator", publicName: "presenceIndicator", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.is-clickable": "clickable()", "class.has-automatic-color": "!!automaticColor()", "class.has-loaded-image": "image() && imageLoaded" }, classAttribute: "emr-avatar" }, providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: AvatarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", type: AvatarComponent, isStandalone: true, selector: "emr-avatar,[emr-avatar]", inputs: { image: { classPropertyName: "image", publicName: "image", isSignal: true, isRequired: false, transformFunction: null }, clickable: { classPropertyName: "clickable", publicName: "clickable", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, alt: { classPropertyName: "alt", publicName: "alt", isSignal: true, isRequired: false, transformFunction: null }, automaticColor: { classPropertyName: "automaticColor", publicName: "automaticColor", isSignal: true, isRequired: false, transformFunction: null }, presenceIndicator: { classPropertyName: "presenceIndicator", publicName: "presenceIndicator", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.is-clickable": "clickable()", "class.has-automatic-color": "!!automaticColor()", "class.has-loaded-image": "image() && imageLoaded" }, classAttribute: "emr-avatar" }, providers: [
             {
                 provide: AVATAR_ACCESSOR,
                 useExisting: forwardRef(() => AvatarComponent),
                 multi: true
             }
-        ], exportAs: ["emrAvatar"], usesOnChanges: true, ngImport: i0, template: "@if (image()) {\r\n  <img class=\"image\" loading=\"lazy\" [src]=\"image()\" [alt]=\"alt()\" (load)=\"onImageLoaded()\">\r\n}\r\n\r\n@if (presenceIndicator()) {\r\n  <div class=\"presence-indicator\"\r\n       [class.is-online]=\"presenceIndicator() === 'online'\"\r\n       [class.is-offline]=\"presenceIndicator() === 'offline'\"\r\n       [class.is-away]=\"presenceIndicator() === 'away'\"></div>\r\n}\r\n\r\n@if (label() && showLabel) {\r\n  <svg viewBox=\"0 0 50 50\" class=\"text\">\r\n    <text\r\n      x=\"50%\"\r\n      y=\"50%\"\r\n      alignment-baseline=\"central\"\r\n      text-anchor=\"middle\"\r\n      font-weight=\"inherit\"\r\n      font-size=\"20\"\r\n      fill=\"currentColor\">{{ label() }}</text>\r\n  </svg>\r\n}\r\n\r\n<ng-content select=\"mat-icon,emr-icon\"/>\r\n", styles: [":host{--emr-avatar-font-weight: 500;--emr-avatar-size: calc(var(--spacing, .25rem) * 10);--emr-avatar-border-radius: calc(infinity * 1px);--emr-avatar-bg: #778da9;--emr-avatar-color: #fff;--emr-avatar-presence-indicator-size: 20%;--emr-avatar-presence-indicator-position-top: 5%;--emr-avatar-presence-indicator-position-end: 5%;--emr-avatar-presence-indicator-online-bg: #57cc99;--emr-avatar-presence-indicator-offline-bg: var(--color-surface-variant);--emr-avatar-presence-indicator-away-bg: #ffd60a;--emr-avatar-presence-indicator-outline: white solid 2px;--emr-avatar-inner-border: inset 0 0 2px var(--color-border);display:inline-flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;flex:none;text-transform:uppercase;position:relative;font-weight:var(--emr-avatar-font-weight)}:host:not([class*=shadow-]){box-shadow:var(--emr-avatar-inner-border)}:host:not([class*=text-]){color:var(--emr-avatar-color)}:host:not([class*=rounded]){border-radius:var(--emr-avatar-border-radius)}:host:not([class*=w-]):not([class*=size-]){width:var(--emr-avatar-size)}:host:not([class*=h-]):not([class*=size-]){height:var(--emr-avatar-size)}:host:not([class*=bg-]):not(.has-loaded-image){background:var(--emr-avatar-bg)}:host .text{z-index:0;width:100%;height:100%}:host.has-loaded-image .text{display:none}:host.is-clickable{cursor:pointer}:host.is-hidden{display:none}:host.is-clickable:active{scale:.97}:host .image{display:inline;object-fit:cover;position:absolute;width:100%;height:100%;border-radius:inherit;z-index:1}:host .presence-indicator{position:absolute;z-index:1;outline:var(--emr-avatar-presence-indicator-outline);border-radius:6.1875rem;width:var(--emr-avatar-presence-indicator-size);height:var(--emr-avatar-presence-indicator-size);top:var(--emr-avatar-presence-indicator-position-top);inset-inline-end:var(--emr-avatar-presence-indicator-position-end)}:host .presence-indicator.is-online{background:var(--emr-avatar-presence-indicator-online-bg)}:host .presence-indicator.is-offline{background:var(--emr-avatar-presence-indicator-offline-bg)}:host .presence-indicator.is-away{background:var(--emr-avatar-presence-indicator-away-bg)}:host ::ng-deep .mat-icon{display:flex;align-items:center;justify-content:center}:host.has-automatic-color{border:1px solid var(--emr-avatar-border-color)}:host-context(html.dark){--emr-avatar-group-item-border: .125rem solid var(--color-neutral-950);--emr-avatar-presence-indicator-outline: var(--color-neutral-950) solid 2px}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"] });
+        ], exportAs: ["emrAvatar"], usesOnChanges: true, ngImport: i0, template: "@if (image()) {\n  <img class=\"image\" loading=\"lazy\" [src]=\"image()\" [alt]=\"alt()\" (load)=\"onImageLoaded()\">\n}\n\n@if (presenceIndicator()) {\n  <div class=\"presence-indicator\"\n       [class.is-online]=\"presenceIndicator() === 'online'\"\n       [class.is-offline]=\"presenceIndicator() === 'offline'\"\n       [class.is-away]=\"presenceIndicator() === 'away'\"></div>\n}\n\n@if (label() && showLabel) {\n  <svg viewBox=\"0 0 50 50\" class=\"text\">\n    <text\n      x=\"50%\"\n      y=\"50%\"\n      alignment-baseline=\"central\"\n      text-anchor=\"middle\"\n      font-weight=\"inherit\"\n      font-size=\"20\"\n      fill=\"currentColor\">{{ label() }}</text>\n  </svg>\n}\n\n<ng-content select=\"mat-icon,emr-icon\"/>\n", styles: [":host{--emr-avatar-font-weight: 500;--emr-avatar-size: calc(var(--spacing, .25rem) * 10);--emr-avatar-border-radius: calc(infinity * 1px);--emr-avatar-bg: #778da9;--emr-avatar-color: #fff;--emr-avatar-presence-indicator-size: 20%;--emr-avatar-presence-indicator-position-top: 5%;--emr-avatar-presence-indicator-position-end: 5%;--emr-avatar-presence-indicator-online-bg: #57cc99;--emr-avatar-presence-indicator-offline-bg: var(--color-surface-variant);--emr-avatar-presence-indicator-away-bg: #ffd60a;--emr-avatar-presence-indicator-outline: white solid 2px;--emr-avatar-inner-border: inset 0 0 2px var(--color-border);display:inline-flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;flex:none;text-transform:uppercase;position:relative;font-weight:var(--emr-avatar-font-weight)}:host:not([class*=shadow-]){box-shadow:var(--emr-avatar-inner-border)}:host:not([class*=text-]){color:var(--emr-avatar-color)}:host:not([class*=rounded]){border-radius:var(--emr-avatar-border-radius)}:host:not([class*=w-]):not([class*=size-]){width:var(--emr-avatar-size)}:host:not([class*=h-]):not([class*=size-]){height:var(--emr-avatar-size)}:host:not([class*=bg-]):not(.has-loaded-image){background:var(--emr-avatar-bg)}:host .text{z-index:0;width:100%;height:100%}:host.has-loaded-image .text{display:none}:host.is-clickable{cursor:pointer}:host.is-hidden{display:none}:host.is-clickable:active{scale:.97}:host .image{display:inline;object-fit:cover;position:absolute;width:100%;height:100%;border-radius:inherit;z-index:1}:host .presence-indicator{position:absolute;z-index:1;outline:var(--emr-avatar-presence-indicator-outline);border-radius:6.1875rem;width:var(--emr-avatar-presence-indicator-size);height:var(--emr-avatar-presence-indicator-size);top:var(--emr-avatar-presence-indicator-position-top);inset-inline-end:var(--emr-avatar-presence-indicator-position-end)}:host .presence-indicator.is-online{background:var(--emr-avatar-presence-indicator-online-bg)}:host .presence-indicator.is-offline{background:var(--emr-avatar-presence-indicator-offline-bg)}:host .presence-indicator.is-away{background:var(--emr-avatar-presence-indicator-away-bg)}:host ::ng-deep .mat-icon{display:flex;align-items:center;justify-content:center}:host.has-automatic-color{border:1px solid var(--emr-avatar-border-color)}:host-context(html.dark){--emr-avatar-group-item-border: .125rem solid var(--color-neutral-950);--emr-avatar-presence-indicator-outline: var(--color-neutral-950) solid 2px}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: AvatarComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: AvatarComponent, decorators: [{
             type: Component,
             args: [{ selector: 'emr-avatar,[emr-avatar]', exportAs: 'emrAvatar', standalone: true, providers: [
                         {
@@ -117,30 +117,30 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImpo
                         '[class.is-clickable]': 'clickable()',
                         '[class.has-automatic-color]': '!!automaticColor()',
                         '[class.has-loaded-image]': 'image() && imageLoaded',
-                    }, template: "@if (image()) {\r\n  <img class=\"image\" loading=\"lazy\" [src]=\"image()\" [alt]=\"alt()\" (load)=\"onImageLoaded()\">\r\n}\r\n\r\n@if (presenceIndicator()) {\r\n  <div class=\"presence-indicator\"\r\n       [class.is-online]=\"presenceIndicator() === 'online'\"\r\n       [class.is-offline]=\"presenceIndicator() === 'offline'\"\r\n       [class.is-away]=\"presenceIndicator() === 'away'\"></div>\r\n}\r\n\r\n@if (label() && showLabel) {\r\n  <svg viewBox=\"0 0 50 50\" class=\"text\">\r\n    <text\r\n      x=\"50%\"\r\n      y=\"50%\"\r\n      alignment-baseline=\"central\"\r\n      text-anchor=\"middle\"\r\n      font-weight=\"inherit\"\r\n      font-size=\"20\"\r\n      fill=\"currentColor\">{{ label() }}</text>\r\n  </svg>\r\n}\r\n\r\n<ng-content select=\"mat-icon,emr-icon\"/>\r\n", styles: [":host{--emr-avatar-font-weight: 500;--emr-avatar-size: calc(var(--spacing, .25rem) * 10);--emr-avatar-border-radius: calc(infinity * 1px);--emr-avatar-bg: #778da9;--emr-avatar-color: #fff;--emr-avatar-presence-indicator-size: 20%;--emr-avatar-presence-indicator-position-top: 5%;--emr-avatar-presence-indicator-position-end: 5%;--emr-avatar-presence-indicator-online-bg: #57cc99;--emr-avatar-presence-indicator-offline-bg: var(--color-surface-variant);--emr-avatar-presence-indicator-away-bg: #ffd60a;--emr-avatar-presence-indicator-outline: white solid 2px;--emr-avatar-inner-border: inset 0 0 2px var(--color-border);display:inline-flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;flex:none;text-transform:uppercase;position:relative;font-weight:var(--emr-avatar-font-weight)}:host:not([class*=shadow-]){box-shadow:var(--emr-avatar-inner-border)}:host:not([class*=text-]){color:var(--emr-avatar-color)}:host:not([class*=rounded]){border-radius:var(--emr-avatar-border-radius)}:host:not([class*=w-]):not([class*=size-]){width:var(--emr-avatar-size)}:host:not([class*=h-]):not([class*=size-]){height:var(--emr-avatar-size)}:host:not([class*=bg-]):not(.has-loaded-image){background:var(--emr-avatar-bg)}:host .text{z-index:0;width:100%;height:100%}:host.has-loaded-image .text{display:none}:host.is-clickable{cursor:pointer}:host.is-hidden{display:none}:host.is-clickable:active{scale:.97}:host .image{display:inline;object-fit:cover;position:absolute;width:100%;height:100%;border-radius:inherit;z-index:1}:host .presence-indicator{position:absolute;z-index:1;outline:var(--emr-avatar-presence-indicator-outline);border-radius:6.1875rem;width:var(--emr-avatar-presence-indicator-size);height:var(--emr-avatar-presence-indicator-size);top:var(--emr-avatar-presence-indicator-position-top);inset-inline-end:var(--emr-avatar-presence-indicator-position-end)}:host .presence-indicator.is-online{background:var(--emr-avatar-presence-indicator-online-bg)}:host .presence-indicator.is-offline{background:var(--emr-avatar-presence-indicator-offline-bg)}:host .presence-indicator.is-away{background:var(--emr-avatar-presence-indicator-away-bg)}:host ::ng-deep .mat-icon{display:flex;align-items:center;justify-content:center}:host.has-automatic-color{border:1px solid var(--emr-avatar-border-color)}:host-context(html.dark){--emr-avatar-group-item-border: .125rem solid var(--color-neutral-950);--emr-avatar-presence-indicator-outline: var(--color-neutral-950) solid 2px}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"] }]
+                    }, template: "@if (image()) {\n  <img class=\"image\" loading=\"lazy\" [src]=\"image()\" [alt]=\"alt()\" (load)=\"onImageLoaded()\">\n}\n\n@if (presenceIndicator()) {\n  <div class=\"presence-indicator\"\n       [class.is-online]=\"presenceIndicator() === 'online'\"\n       [class.is-offline]=\"presenceIndicator() === 'offline'\"\n       [class.is-away]=\"presenceIndicator() === 'away'\"></div>\n}\n\n@if (label() && showLabel) {\n  <svg viewBox=\"0 0 50 50\" class=\"text\">\n    <text\n      x=\"50%\"\n      y=\"50%\"\n      alignment-baseline=\"central\"\n      text-anchor=\"middle\"\n      font-weight=\"inherit\"\n      font-size=\"20\"\n      fill=\"currentColor\">{{ label() }}</text>\n  </svg>\n}\n\n<ng-content select=\"mat-icon,emr-icon\"/>\n", styles: [":host{--emr-avatar-font-weight: 500;--emr-avatar-size: calc(var(--spacing, .25rem) * 10);--emr-avatar-border-radius: calc(infinity * 1px);--emr-avatar-bg: #778da9;--emr-avatar-color: #fff;--emr-avatar-presence-indicator-size: 20%;--emr-avatar-presence-indicator-position-top: 5%;--emr-avatar-presence-indicator-position-end: 5%;--emr-avatar-presence-indicator-online-bg: #57cc99;--emr-avatar-presence-indicator-offline-bg: var(--color-surface-variant);--emr-avatar-presence-indicator-away-bg: #ffd60a;--emr-avatar-presence-indicator-outline: white solid 2px;--emr-avatar-inner-border: inset 0 0 2px var(--color-border);display:inline-flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;flex:none;text-transform:uppercase;position:relative;font-weight:var(--emr-avatar-font-weight)}:host:not([class*=shadow-]){box-shadow:var(--emr-avatar-inner-border)}:host:not([class*=text-]){color:var(--emr-avatar-color)}:host:not([class*=rounded]){border-radius:var(--emr-avatar-border-radius)}:host:not([class*=w-]):not([class*=size-]){width:var(--emr-avatar-size)}:host:not([class*=h-]):not([class*=size-]){height:var(--emr-avatar-size)}:host:not([class*=bg-]):not(.has-loaded-image){background:var(--emr-avatar-bg)}:host .text{z-index:0;width:100%;height:100%}:host.has-loaded-image .text{display:none}:host.is-clickable{cursor:pointer}:host.is-hidden{display:none}:host.is-clickable:active{scale:.97}:host .image{display:inline;object-fit:cover;position:absolute;width:100%;height:100%;border-radius:inherit;z-index:1}:host .presence-indicator{position:absolute;z-index:1;outline:var(--emr-avatar-presence-indicator-outline);border-radius:6.1875rem;width:var(--emr-avatar-presence-indicator-size);height:var(--emr-avatar-presence-indicator-size);top:var(--emr-avatar-presence-indicator-position-top);inset-inline-end:var(--emr-avatar-presence-indicator-position-end)}:host .presence-indicator.is-online{background:var(--emr-avatar-presence-indicator-online-bg)}:host .presence-indicator.is-offline{background:var(--emr-avatar-presence-indicator-offline-bg)}:host .presence-indicator.is-away{background:var(--emr-avatar-presence-indicator-away-bg)}:host ::ng-deep .mat-icon{display:flex;align-items:center;justify-content:center}:host.has-automatic-color{border:1px solid var(--emr-avatar-border-color)}:host-context(html.dark){--emr-avatar-group-item-border: .125rem solid var(--color-neutral-950);--emr-avatar-presence-indicator-outline: var(--color-neutral-950) solid 2px}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"] }]
         }], propDecorators: { image: [{ type: i0.Input, args: [{ isSignal: true, alias: "image", required: false }] }], clickable: [{ type: i0.Input, args: [{ isSignal: true, alias: "clickable", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], alt: [{ type: i0.Input, args: [{ isSignal: true, alias: "alt", required: false }] }], automaticColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "automaticColor", required: false }] }], presenceIndicator: [{ type: i0.Input, args: [{ isSignal: true, alias: "presenceIndicator", required: false }] }] } });
 class AvatarGroupComponent {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: AvatarGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.10", type: AvatarGroupComponent, isStandalone: true, selector: "emr-avatar-group", host: { classAttribute: "emr-avatar-group" }, exportAs: ["emrAvatarGroup"], ngImport: i0, template: "<ng-content/>\r\n", styles: [":host{--emr-avatar-group-item-offset: calc(var(--spacing) * 2.5);--emr-avatar-group-item-border: 2px solid white;display:flex;flex:none;position:relative;align-items:center}:host ::ng-deep *+*{margin-left:calc(var(--emr-avatar-group-item-offset) * -1)}:host ::ng-deep .emr-avatar,:host ::ng-deep .emr-avatar-total,:host ::ng-deep .emr-avatar-more{border:var(--emr-avatar-group-item-border);z-index:0}:host ::ng-deep .emr-avatar:hover,:host ::ng-deep .emr-avatar-total:hover,:host ::ng-deep .emr-avatar-more:hover{z-index:1}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: AvatarGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: AvatarGroupComponent, isStandalone: true, selector: "emr-avatar-group", host: { classAttribute: "emr-avatar-group" }, exportAs: ["emrAvatarGroup"], ngImport: i0, template: "<ng-content/>\n", styles: [":host{--emr-avatar-group-item-offset: calc(var(--spacing) * 2.5);--emr-avatar-group-item-border: 2px solid white;display:flex;flex:none;position:relative;align-items:center}:host ::ng-deep *+*{margin-left:calc(var(--emr-avatar-group-item-offset) * -1)}:host ::ng-deep .emr-avatar,:host ::ng-deep .emr-avatar-total,:host ::ng-deep .emr-avatar-more{border:var(--emr-avatar-group-item-border);z-index:0}:host ::ng-deep .emr-avatar:hover,:host ::ng-deep .emr-avatar-total:hover,:host ::ng-deep .emr-avatar-more:hover{z-index:1}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: AvatarGroupComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: AvatarGroupComponent, decorators: [{
             type: Component,
             args: [{ selector: 'emr-avatar-group', exportAs: 'emrAvatarGroup', standalone: true, host: {
                         'class': 'emr-avatar-group'
-                    }, template: "<ng-content/>\r\n", styles: [":host{--emr-avatar-group-item-offset: calc(var(--spacing) * 2.5);--emr-avatar-group-item-border: 2px solid white;display:flex;flex:none;position:relative;align-items:center}:host ::ng-deep *+*{margin-left:calc(var(--emr-avatar-group-item-offset) * -1)}:host ::ng-deep .emr-avatar,:host ::ng-deep .emr-avatar-total,:host ::ng-deep .emr-avatar-more{border:var(--emr-avatar-group-item-border);z-index:0}:host ::ng-deep .emr-avatar:hover,:host ::ng-deep .emr-avatar-total:hover,:host ::ng-deep .emr-avatar-more:hover{z-index:1}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"] }]
+                    }, template: "<ng-content/>\n", styles: [":host{--emr-avatar-group-item-offset: calc(var(--spacing) * 2.5);--emr-avatar-group-item-border: 2px solid white;display:flex;flex:none;position:relative;align-items:center}:host ::ng-deep *+*{margin-left:calc(var(--emr-avatar-group-item-offset) * -1)}:host ::ng-deep .emr-avatar,:host ::ng-deep .emr-avatar-total,:host ::ng-deep .emr-avatar-more{border:var(--emr-avatar-group-item-border);z-index:0}:host ::ng-deep .emr-avatar:hover,:host ::ng-deep .emr-avatar-total:hover,:host ::ng-deep .emr-avatar-more:hover{z-index:1}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"] }]
         }] });
 // DEPRECATED
 class AvatarTotalComponent {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: AvatarTotalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.10", type: AvatarTotalComponent, isStandalone: true, selector: "emr-avatar-total,[emr-avatar-total]", host: { classAttribute: "emr-avatar-total" }, exportAs: ["emrAvatarTotal"], ngImport: i0, template: "<ng-content></ng-content>\r\n", styles: [":host{--emr-avatar-font-weight: 500;--emr-avatar-size: calc(var(--spacing) * 10);--emr-avatar-border-radius: calc(infinity * 1px);--emr-avatar-bg: oklch(69.6% .17 162.48);--emr-avatar-color: white;--emr-avatar-inner-border: inset 0 0 2px var(--color-border);--emr-avatar-total-font-size: var(--text-xs);--emr-avatar-total-font-weight: 500;--emr-avatar-total-color: white;--emr-avatar-total-bg: var(--color-neutral-700);--emr-avatar-total-hover-bg: var(--color-neutral-600);background:var(--emr-avatar-total-bg);font-size:var(--emr-avatar-total-font-size);font-weight:var(--emr-avatar-total-font-weight);color:var(--emr-avatar-total-color);border-radius:var(--emr-avatar-border-radius);flex:none;display:flex;align-items:center;justify-content:center}:host:hover{background:var(--emr-avatar-total-hover-bg)}:host:not([class*=w-]):not([class*=size-]){width:var(--emr-avatar-size)}:host:not([class*=h-]):not([class*=size-]){height:var(--emr-avatar-size)}:host-context(html.dark){--emr-avatar-group-item-border: .125rem solid var(--color-neutral-950);--emr-avatar-presence-indicator-outline: var(--color-neutral-950) solid 2px}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: AvatarTotalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: AvatarTotalComponent, isStandalone: true, selector: "emr-avatar-total,[emr-avatar-total]", host: { classAttribute: "emr-avatar-total" }, exportAs: ["emrAvatarTotal"], ngImport: i0, template: "<ng-content></ng-content>\n", styles: [":host{--emr-avatar-font-weight: 500;--emr-avatar-size: calc(var(--spacing) * 10);--emr-avatar-border-radius: calc(infinity * 1px);--emr-avatar-bg: oklch(69.6% .17 162.48);--emr-avatar-color: white;--emr-avatar-inner-border: inset 0 0 2px var(--color-border);--emr-avatar-total-font-size: var(--text-xs);--emr-avatar-total-font-weight: 500;--emr-avatar-total-color: white;--emr-avatar-total-bg: var(--color-neutral-700);--emr-avatar-total-hover-bg: var(--color-neutral-600);background:var(--emr-avatar-total-bg);font-size:var(--emr-avatar-total-font-size);font-weight:var(--emr-avatar-total-font-weight);color:var(--emr-avatar-total-color);border-radius:var(--emr-avatar-border-radius);flex:none;display:flex;align-items:center;justify-content:center}:host:hover{background:var(--emr-avatar-total-hover-bg)}:host:not([class*=w-]):not([class*=size-]){width:var(--emr-avatar-size)}:host:not([class*=h-]):not([class*=size-]){height:var(--emr-avatar-size)}:host-context(html.dark){--emr-avatar-group-item-border: .125rem solid var(--color-neutral-950);--emr-avatar-presence-indicator-outline: var(--color-neutral-950) solid 2px}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: AvatarTotalComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: AvatarTotalComponent, decorators: [{
             type: Component,
             args: [{ selector: 'emr-avatar-total,[emr-avatar-total]', exportAs: 'emrAvatarTotal', standalone: true, host: {
                         'class': 'emr-avatar-total'
-                    }, template: "<ng-content></ng-content>\r\n", styles: [":host{--emr-avatar-font-weight: 500;--emr-avatar-size: calc(var(--spacing) * 10);--emr-avatar-border-radius: calc(infinity * 1px);--emr-avatar-bg: oklch(69.6% .17 162.48);--emr-avatar-color: white;--emr-avatar-inner-border: inset 0 0 2px var(--color-border);--emr-avatar-total-font-size: var(--text-xs);--emr-avatar-total-font-weight: 500;--emr-avatar-total-color: white;--emr-avatar-total-bg: var(--color-neutral-700);--emr-avatar-total-hover-bg: var(--color-neutral-600);background:var(--emr-avatar-total-bg);font-size:var(--emr-avatar-total-font-size);font-weight:var(--emr-avatar-total-font-weight);color:var(--emr-avatar-total-color);border-radius:var(--emr-avatar-border-radius);flex:none;display:flex;align-items:center;justify-content:center}:host:hover{background:var(--emr-avatar-total-hover-bg)}:host:not([class*=w-]):not([class*=size-]){width:var(--emr-avatar-size)}:host:not([class*=h-]):not([class*=size-]){height:var(--emr-avatar-size)}:host-context(html.dark){--emr-avatar-group-item-border: .125rem solid var(--color-neutral-950);--emr-avatar-presence-indicator-outline: var(--color-neutral-950) solid 2px}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"] }]
+                    }, template: "<ng-content></ng-content>\n", styles: [":host{--emr-avatar-font-weight: 500;--emr-avatar-size: calc(var(--spacing) * 10);--emr-avatar-border-radius: calc(infinity * 1px);--emr-avatar-bg: oklch(69.6% .17 162.48);--emr-avatar-color: white;--emr-avatar-inner-border: inset 0 0 2px var(--color-border);--emr-avatar-total-font-size: var(--text-xs);--emr-avatar-total-font-weight: 500;--emr-avatar-total-color: white;--emr-avatar-total-bg: var(--color-neutral-700);--emr-avatar-total-hover-bg: var(--color-neutral-600);background:var(--emr-avatar-total-bg);font-size:var(--emr-avatar-total-font-size);font-weight:var(--emr-avatar-total-font-weight);color:var(--emr-avatar-total-color);border-radius:var(--emr-avatar-border-radius);flex:none;display:flex;align-items:center;justify-content:center}:host:hover{background:var(--emr-avatar-total-hover-bg)}:host:not([class*=w-]):not([class*=size-]){width:var(--emr-avatar-size)}:host:not([class*=h-]):not([class*=size-]){height:var(--emr-avatar-size)}:host-context(html.dark){--emr-avatar-group-item-border: .125rem solid var(--color-neutral-950);--emr-avatar-presence-indicator-outline: var(--color-neutral-950) solid 2px}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"] }]
         }] });
 const alreadyLoadedImages = [];
@@ -189,16 +189,16 @@ class DicebearComponent {
         alreadyLoadedImages.push(this.image());
         this.imageLoaded = true;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: DicebearComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.10", type: DicebearComponent, isStandalone: true, selector: "emr-dicebear,[emr-dicebear]", inputs: { image: { classPropertyName: "image", publicName: "image", isSignal: true, isRequired: false, transformFunction: null }, clickable: { classPropertyName: "clickable", publicName: "clickable", isSignal: true, isRequired: false, transformFunction: null }, key: { classPropertyName: "key", publicName: "key", isSignal: true, isRequired: false, transformFunction: null }, preset: { classPropertyName: "preset", publicName: "preset", isSignal: true, isRequired: false, transformFunction: null }, alt: { classPropertyName: "alt", publicName: "alt", isSignal: true, isRequired: false, transformFunction: null }, presenceIndicator: { classPropertyName: "presenceIndicator", publicName: "presenceIndicator", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.is-clickable": "clickable()", "class.has-loaded-image": "image() && imageLoaded" }, classAttribute: "emr-avatar emr-dicebear" }, providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: DicebearComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", type: DicebearComponent, isStandalone: true, selector: "emr-dicebear,[emr-dicebear]", inputs: { image: { classPropertyName: "image", publicName: "image", isSignal: true, isRequired: false, transformFunction: null }, clickable: { classPropertyName: "clickable", publicName: "clickable", isSignal: true, isRequired: false, transformFunction: null }, key: { classPropertyName: "key", publicName: "key", isSignal: true, isRequired: false, transformFunction: null }, preset: { classPropertyName: "preset", publicName: "preset", isSignal: true, isRequired: false, transformFunction: null }, alt: { classPropertyName: "alt", publicName: "alt", isSignal: true, isRequired: false, transformFunction: null }, presenceIndicator: { classPropertyName: "presenceIndicator", publicName: "presenceIndicator", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.is-clickable": "clickable()", "class.has-loaded-image": "image() && imageLoaded" }, classAttribute: "emr-avatar emr-dicebear" }, providers: [
             {
                 provide: AVATAR_ACCESSOR,
                 useExisting: forwardRef(() => DicebearComponent),
                 multi: true
             }
-        ], exportAs: ["emrDicebear"], ngImport: i0, template: "@if (image()) {\r\n  <img class=\"image\" loading=\"lazy\" [src]=\"image()\"\r\n       [alt]=\"alt() || ''\" (load)=\"onImageLoaded()\">\r\n}\r\n\r\n@if (presenceIndicator()) {\r\n  <div class=\"presence-indicator\"\r\n       [class.is-online]=\"presenceIndicator() === 'online'\"\r\n       [class.is-offline]=\"presenceIndicator() === 'offline'\"\r\n       [class.is-away]=\"presenceIndicator() === 'away'\"></div>\r\n}\r\n\r\n@if (!image() && svg) {\r\n  <div class=\"svg\" [innerHTML]=\"svg | safeHtml\"></div>\r\n}\r\n", styles: [":host{--emr-avatar-font-weight: 500;--emr-avatar-size: calc(var(--spacing, .25rem) * 10);--emr-avatar-border-radius: calc(infinity * 1px);--emr-avatar-bg: #778da9;--emr-avatar-color: white;--emr-avatar-presence-indicator-size: 20%;--emr-avatar-presence-indicator-position-top: 5%;--emr-avatar-presence-indicator-position-end: 5%;--emr-avatar-presence-indicator-online-bg: #57cc99;--emr-avatar-presence-indicator-offline-bg: var(--color-surface-variant);--emr-avatar-presence-indicator-away-bg: #ffd60a;--emr-avatar-presence-indicator-outline: white solid 2px;--emr-avatar-inner-border: inset 0 0 2px var(--color-border);display:inline-flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;flex:none;text-transform:uppercase;position:relative;font-weight:var(--emr-avatar-font-weight)}:host:not([class*=shadow-]){box-shadow:var(--emr-avatar-inner-border)}:host .svg{overflow:hidden;border-radius:inherit;position:absolute;inset:0;z-index:0}:host:not([class*=rounded]),:host:not([class*=rounded]) .svg{border-radius:var(--emr-avatar-border-radius)}:host:not([class*=w-]):not([class*=size-]){width:var(--emr-avatar-size)}:host:not([class*=h-]):not([class*=size-]){height:var(--emr-avatar-size)}:host.is-clickable{cursor:pointer}:host.is-hidden{display:none}:host.is-clickable:active{scale:.97}:host .image{display:inline;object-fit:cover;position:absolute;width:100%;height:100%;border-radius:inherit;z-index:1}:host .presence-indicator{position:absolute;z-index:1;outline:var(--emr-avatar-presence-indicator-outline);border-radius:6.1875rem;width:var(--emr-avatar-presence-indicator-size);height:var(--emr-avatar-presence-indicator-size);top:var(--emr-avatar-presence-indicator-position-top);inset-inline-end:var(--emr-avatar-presence-indicator-position-end)}:host .presence-indicator.is-online{background:var(--emr-avatar-presence-indicator-online-bg)}:host .presence-indicator.is-offline{background:var(--emr-avatar-presence-indicator-offline-bg)}:host .presence-indicator.is-away{background:var(--emr-avatar-presence-indicator-away-bg)}:host-context(html.dark){--emr-avatar-group-item-border: .125rem solid var(--color-neutral-950);--emr-avatar-presence-indicator-outline: var(--color-neutral-950) solid 2px}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "pipe", type: SafeHtmlPipe, name: "safeHtml" }] });
+        ], exportAs: ["emrDicebear"], ngImport: i0, template: "@if (image()) {\n  <img class=\"image\" loading=\"lazy\" [src]=\"image()\"\n       [alt]=\"alt() || ''\" (load)=\"onImageLoaded()\">\n}\n\n@if (presenceIndicator()) {\n  <div class=\"presence-indicator\"\n       [class.is-online]=\"presenceIndicator() === 'online'\"\n       [class.is-offline]=\"presenceIndicator() === 'offline'\"\n       [class.is-away]=\"presenceIndicator() === 'away'\"></div>\n}\n\n@if (!image() && svg) {\n  <div class=\"svg\" [innerHTML]=\"svg | safeHtml\"></div>\n}\n", styles: [":host{--emr-avatar-font-weight: 500;--emr-avatar-size: calc(var(--spacing, .25rem) * 10);--emr-avatar-border-radius: calc(infinity * 1px);--emr-avatar-bg: #778da9;--emr-avatar-color: white;--emr-avatar-presence-indicator-size: 20%;--emr-avatar-presence-indicator-position-top: 5%;--emr-avatar-presence-indicator-position-end: 5%;--emr-avatar-presence-indicator-online-bg: #57cc99;--emr-avatar-presence-indicator-offline-bg: var(--color-surface-variant);--emr-avatar-presence-indicator-away-bg: #ffd60a;--emr-avatar-presence-indicator-outline: white solid 2px;--emr-avatar-inner-border: inset 0 0 2px var(--color-border);display:inline-flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;flex:none;text-transform:uppercase;position:relative;font-weight:var(--emr-avatar-font-weight)}:host:not([class*=shadow-]){box-shadow:var(--emr-avatar-inner-border)}:host .svg{overflow:hidden;border-radius:inherit;position:absolute;inset:0;z-index:0}:host:not([class*=rounded]),:host:not([class*=rounded]) .svg{border-radius:var(--emr-avatar-border-radius)}:host:not([class*=w-]):not([class*=size-]){width:var(--emr-avatar-size)}:host:not([class*=h-]):not([class*=size-]){height:var(--emr-avatar-size)}:host.is-clickable{cursor:pointer}:host.is-hidden{display:none}:host.is-clickable:active{scale:.97}:host .image{display:inline;object-fit:cover;position:absolute;width:100%;height:100%;border-radius:inherit;z-index:1}:host .presence-indicator{position:absolute;z-index:1;outline:var(--emr-avatar-presence-indicator-outline);border-radius:6.1875rem;width:var(--emr-avatar-presence-indicator-size);height:var(--emr-avatar-presence-indicator-size);top:var(--emr-avatar-presence-indicator-position-top);inset-inline-end:var(--emr-avatar-presence-indicator-position-end)}:host .presence-indicator.is-online{background:var(--emr-avatar-presence-indicator-online-bg)}:host .presence-indicator.is-offline{background:var(--emr-avatar-presence-indicator-offline-bg)}:host .presence-indicator.is-away{background:var(--emr-avatar-presence-indicator-away-bg)}:host-context(html.dark){--emr-avatar-group-item-border: .125rem solid var(--color-neutral-950);--emr-avatar-presence-indicator-outline: var(--color-neutral-950) solid 2px}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "pipe", type: SafeHtmlPipe, name: "safeHtml" }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: DicebearComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: DicebearComponent, decorators: [{
             type: Component,
             args: [{ selector: 'emr-dicebear,[emr-dicebear]', exportAs: 'emrDicebear', providers: [
                         {
@@ -212,18 +212,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImpo
                         'class': 'emr-avatar emr-dicebear',
                         '[class.is-clickable]': 'clickable()',
                         '[class.has-loaded-image]': 'image() && imageLoaded',
-                    }, template: "@if (image()) {\r\n  <img class=\"image\" loading=\"lazy\" [src]=\"image()\"\r\n       [alt]=\"alt() || ''\" (load)=\"onImageLoaded()\">\r\n}\r\n\r\n@if (presenceIndicator()) {\r\n  <div class=\"presence-indicator\"\r\n       [class.is-online]=\"presenceIndicator() === 'online'\"\r\n       [class.is-offline]=\"presenceIndicator() === 'offline'\"\r\n       [class.is-away]=\"presenceIndicator() === 'away'\"></div>\r\n}\r\n\r\n@if (!image() && svg) {\r\n  <div class=\"svg\" [innerHTML]=\"svg | safeHtml\"></div>\r\n}\r\n", styles: [":host{--emr-avatar-font-weight: 500;--emr-avatar-size: calc(var(--spacing, .25rem) * 10);--emr-avatar-border-radius: calc(infinity * 1px);--emr-avatar-bg: #778da9;--emr-avatar-color: white;--emr-avatar-presence-indicator-size: 20%;--emr-avatar-presence-indicator-position-top: 5%;--emr-avatar-presence-indicator-position-end: 5%;--emr-avatar-presence-indicator-online-bg: #57cc99;--emr-avatar-presence-indicator-offline-bg: var(--color-surface-variant);--emr-avatar-presence-indicator-away-bg: #ffd60a;--emr-avatar-presence-indicator-outline: white solid 2px;--emr-avatar-inner-border: inset 0 0 2px var(--color-border);display:inline-flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;flex:none;text-transform:uppercase;position:relative;font-weight:var(--emr-avatar-font-weight)}:host:not([class*=shadow-]){box-shadow:var(--emr-avatar-inner-border)}:host .svg{overflow:hidden;border-radius:inherit;position:absolute;inset:0;z-index:0}:host:not([class*=rounded]),:host:not([class*=rounded]) .svg{border-radius:var(--emr-avatar-border-radius)}:host:not([class*=w-]):not([class*=size-]){width:var(--emr-avatar-size)}:host:not([class*=h-]):not([class*=size-]){height:var(--emr-avatar-size)}:host.is-clickable{cursor:pointer}:host.is-hidden{display:none}:host.is-clickable:active{scale:.97}:host .image{display:inline;object-fit:cover;position:absolute;width:100%;height:100%;border-radius:inherit;z-index:1}:host .presence-indicator{position:absolute;z-index:1;outline:var(--emr-avatar-presence-indicator-outline);border-radius:6.1875rem;width:var(--emr-avatar-presence-indicator-size);height:var(--emr-avatar-presence-indicator-size);top:var(--emr-avatar-presence-indicator-position-top);inset-inline-end:var(--emr-avatar-presence-indicator-position-end)}:host .presence-indicator.is-online{background:var(--emr-avatar-presence-indicator-online-bg)}:host .presence-indicator.is-offline{background:var(--emr-avatar-presence-indicator-offline-bg)}:host .presence-indicator.is-away{background:var(--emr-avatar-presence-indicator-away-bg)}:host-context(html.dark){--emr-avatar-group-item-border: .125rem solid var(--color-neutral-950);--emr-avatar-presence-indicator-outline: var(--color-neutral-950) solid 2px}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"] }]
+                    }, template: "@if (image()) {\n  <img class=\"image\" loading=\"lazy\" [src]=\"image()\"\n       [alt]=\"alt() || ''\" (load)=\"onImageLoaded()\">\n}\n\n@if (presenceIndicator()) {\n  <div class=\"presence-indicator\"\n       [class.is-online]=\"presenceIndicator() === 'online'\"\n       [class.is-offline]=\"presenceIndicator() === 'offline'\"\n       [class.is-away]=\"presenceIndicator() === 'away'\"></div>\n}\n\n@if (!image() && svg) {\n  <div class=\"svg\" [innerHTML]=\"svg | safeHtml\"></div>\n}\n", styles: [":host{--emr-avatar-font-weight: 500;--emr-avatar-size: calc(var(--spacing, .25rem) * 10);--emr-avatar-border-radius: calc(infinity * 1px);--emr-avatar-bg: #778da9;--emr-avatar-color: white;--emr-avatar-presence-indicator-size: 20%;--emr-avatar-presence-indicator-position-top: 5%;--emr-avatar-presence-indicator-position-end: 5%;--emr-avatar-presence-indicator-online-bg: #57cc99;--emr-avatar-presence-indicator-offline-bg: var(--color-surface-variant);--emr-avatar-presence-indicator-away-bg: #ffd60a;--emr-avatar-presence-indicator-outline: white solid 2px;--emr-avatar-inner-border: inset 0 0 2px var(--color-border);display:inline-flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;flex:none;text-transform:uppercase;position:relative;font-weight:var(--emr-avatar-font-weight)}:host:not([class*=shadow-]){box-shadow:var(--emr-avatar-inner-border)}:host .svg{overflow:hidden;border-radius:inherit;position:absolute;inset:0;z-index:0}:host:not([class*=rounded]),:host:not([class*=rounded]) .svg{border-radius:var(--emr-avatar-border-radius)}:host:not([class*=w-]):not([class*=size-]){width:var(--emr-avatar-size)}:host:not([class*=h-]):not([class*=size-]){height:var(--emr-avatar-size)}:host.is-clickable{cursor:pointer}:host.is-hidden{display:none}:host.is-clickable:active{scale:.97}:host .image{display:inline;object-fit:cover;position:absolute;width:100%;height:100%;border-radius:inherit;z-index:1}:host .presence-indicator{position:absolute;z-index:1;outline:var(--emr-avatar-presence-indicator-outline);border-radius:6.1875rem;width:var(--emr-avatar-presence-indicator-size);height:var(--emr-avatar-presence-indicator-size);top:var(--emr-avatar-presence-indicator-position-top);inset-inline-end:var(--emr-avatar-presence-indicator-position-end)}:host .presence-indicator.is-online{background:var(--emr-avatar-presence-indicator-online-bg)}:host .presence-indicator.is-offline{background:var(--emr-avatar-presence-indicator-offline-bg)}:host .presence-indicator.is-away{background:var(--emr-avatar-presence-indicator-away-bg)}:host-context(html.dark){--emr-avatar-group-item-border: .125rem solid var(--color-neutral-950);--emr-avatar-presence-indicator-outline: var(--color-neutral-950) solid 2px}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"] }]
         }], propDecorators: { image: [{ type: i0.Input, args: [{ isSignal: true, alias: "image", required: false }] }], clickable: [{ type: i0.Input, args: [{ isSignal: true, alias: "clickable", required: false }] }], key: [{ type: i0.Input, args: [{ isSignal: true, alias: "key", required: false }] }], preset: [{ type: i0.Input, args: [{ isSignal: true, alias: "preset", required: false }] }], alt: [{ type: i0.Input, args: [{ isSignal: true, alias: "alt", required: false }] }], presenceIndicator: [{ type: i0.Input, args: [{ isSignal: true, alias: "presenceIndicator", required: false }] }] } });
 class AvatarMoreComponent {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: AvatarMoreComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.10", type: AvatarMoreComponent, isStandalone: true, selector: "emr-avatar-more,[emr-avatar-more]", host: { classAttribute: "emr-avatar-more" }, exportAs: ["emrAvatarMore"], ngImport: i0, template: "<ng-content/>\r\n", styles: [":host{--emr-avatar-font-weight: 500;--emr-avatar-size: calc(var(--spacing, .25rem) * 10);--emr-avatar-border-radius: calc(infinity * 1px);--emr-avatar-bg: oklch(69.6% .17 162.48);--emr-avatar-color: white;--emr-avatar-inner-border: inset 0 0 2px var(--color-border);--emr-avatar-total-font-size: var(--text-xs);--emr-avatar-total-font-weight: 500;--emr-avatar-total-color: white;--emr-avatar-total-bg: var(--color-neutral-700);--emr-avatar-total-hover-bg: var(--color-neutral-600);background:var(--emr-avatar-total-bg);font-size:var(--emr-avatar-total-font-size);font-weight:var(--emr-avatar-total-font-weight);color:var(--emr-avatar-total-color);border-radius:var(--emr-avatar-border-radius);flex:none;display:flex;align-items:center;justify-content:center}:host:hover{background:var(--emr-avatar-total-hover-bg)}:host:not([class*=w-]):not([class*=size-]){width:var(--emr-avatar-size)}:host:not([class*=h-]):not([class*=size-]){height:var(--emr-avatar-size)}:host-context(html.dark){--emr-avatar-group-item-border: .125rem solid var(--color-neutral-950);--emr-avatar-presence-indicator-outline: var(--color-neutral-950) solid 2px}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: AvatarMoreComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: AvatarMoreComponent, isStandalone: true, selector: "emr-avatar-more,[emr-avatar-more]", host: { classAttribute: "emr-avatar-more" }, exportAs: ["emrAvatarMore"], ngImport: i0, template: "<ng-content/>\n", styles: [":host{--emr-avatar-font-weight: 500;--emr-avatar-size: calc(var(--spacing, .25rem) * 10);--emr-avatar-border-radius: calc(infinity * 1px);--emr-avatar-bg: oklch(69.6% .17 162.48);--emr-avatar-color: white;--emr-avatar-inner-border: inset 0 0 2px var(--color-border);--emr-avatar-total-font-size: var(--text-xs);--emr-avatar-total-font-weight: 500;--emr-avatar-total-color: white;--emr-avatar-total-bg: var(--color-neutral-700);--emr-avatar-total-hover-bg: var(--color-neutral-600);background:var(--emr-avatar-total-bg);font-size:var(--emr-avatar-total-font-size);font-weight:var(--emr-avatar-total-font-weight);color:var(--emr-avatar-total-color);border-radius:var(--emr-avatar-border-radius);flex:none;display:flex;align-items:center;justify-content:center}:host:hover{background:var(--emr-avatar-total-hover-bg)}:host:not([class*=w-]):not([class*=size-]){width:var(--emr-avatar-size)}:host:not([class*=h-]):not([class*=size-]){height:var(--emr-avatar-size)}:host-context(html.dark){--emr-avatar-group-item-border: .125rem solid var(--color-neutral-950);--emr-avatar-presence-indicator-outline: var(--color-neutral-950) solid 2px}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: AvatarMoreComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: AvatarMoreComponent, decorators: [{
             type: Component,
             args: [{ selector: 'emr-avatar-more,[emr-avatar-more]', exportAs: 'emrAvatarMore', imports: [], host: {
                         'class': 'emr-avatar-more'
-                    }, template: "<ng-content/>\r\n", styles: [":host{--emr-avatar-font-weight: 500;--emr-avatar-size: calc(var(--spacing, .25rem) * 10);--emr-avatar-border-radius: calc(infinity * 1px);--emr-avatar-bg: oklch(69.6% .17 162.48);--emr-avatar-color: white;--emr-avatar-inner-border: inset 0 0 2px var(--color-border);--emr-avatar-total-font-size: var(--text-xs);--emr-avatar-total-font-weight: 500;--emr-avatar-total-color: white;--emr-avatar-total-bg: var(--color-neutral-700);--emr-avatar-total-hover-bg: var(--color-neutral-600);background:var(--emr-avatar-total-bg);font-size:var(--emr-avatar-total-font-size);font-weight:var(--emr-avatar-total-font-weight);color:var(--emr-avatar-total-color);border-radius:var(--emr-avatar-border-radius);flex:none;display:flex;align-items:center;justify-content:center}:host:hover{background:var(--emr-avatar-total-hover-bg)}:host:not([class*=w-]):not([class*=size-]){width:var(--emr-avatar-size)}:host:not([class*=h-]):not([class*=size-]){height:var(--emr-avatar-size)}:host-context(html.dark){--emr-avatar-group-item-border: .125rem solid var(--color-neutral-950);--emr-avatar-presence-indicator-outline: var(--color-neutral-950) solid 2px}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"] }]
+                    }, template: "<ng-content/>\n", styles: [":host{--emr-avatar-font-weight: 500;--emr-avatar-size: calc(var(--spacing, .25rem) * 10);--emr-avatar-border-radius: calc(infinity * 1px);--emr-avatar-bg: oklch(69.6% .17 162.48);--emr-avatar-color: white;--emr-avatar-inner-border: inset 0 0 2px var(--color-border);--emr-avatar-total-font-size: var(--text-xs);--emr-avatar-total-font-weight: 500;--emr-avatar-total-color: white;--emr-avatar-total-bg: var(--color-neutral-700);--emr-avatar-total-hover-bg: var(--color-neutral-600);background:var(--emr-avatar-total-bg);font-size:var(--emr-avatar-total-font-size);font-weight:var(--emr-avatar-total-font-weight);color:var(--emr-avatar-total-color);border-radius:var(--emr-avatar-border-radius);flex:none;display:flex;align-items:center;justify-content:center}:host:hover{background:var(--emr-avatar-total-hover-bg)}:host:not([class*=w-]):not([class*=size-]){width:var(--emr-avatar-size)}:host:not([class*=h-]):not([class*=size-]){height:var(--emr-avatar-size)}:host-context(html.dark){--emr-avatar-group-item-border: .125rem solid var(--color-neutral-950);--emr-avatar-presence-indicator-outline: var(--color-neutral-950) solid 2px}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"] }]
         }] });
 /**