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

@elementar-rt/components 0.6.58 → 0.7.0

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

package/README.md CHANGED Viewed

@@ -1,6 +1,6 @@
 # Elementar RT
-[Overview](https://elementar-rt.r-tulika.me) | [Live Demo](https://demo.elementar-rt.r-tulika.me) | [Documentation](https://docs.elementar-rt.r-tulika.me)
+[Overview](https://elementar-rt.tulikas.de) | [Live Demo](https://admin.elementar-rt.tulikas.de)
 # Modern Angular UI Components & Admin Panel, based on [Angular Material 3](https://material.angular.io) components and [Tailwind](https://tailwindcss.com/) css framework
@@ -45,5 +45,10 @@ ng add @elementar-rt/components
 ## Demo Layouts
-Demo layouts are coming soon. They will be available as separate repositories under this project.
+**Elementar RT Admin**, an open-source admin template built on this library, is
+live at **[admin.elementar-rt.tulikas.de](https://admin.elementar-rt.tulikas.de)**.
+Its source is at
+[randrost/elementar-rt-demo](https://github.com/randrost/elementar-rt-demo).
+More demo layouts will follow, each as its own repository.

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

@@ -4,22 +4,22 @@ import { MatButton } from '@angular/material/button';
 import { MatIcon } from '@angular/material/icon';
 class ActionRequiredComponent {
-    actionText = input(...(ngDevMode ? [undefined, { debugName: "actionText" }] : []));
-    iconName = input(...(ngDevMode ? [undefined, { debugName: "iconName" }] : []));
-    description = input.required(...(ngDevMode ? [{ debugName: "description" }] : []));
-    buttonText = input.required(...(ngDevMode ? [{ debugName: "buttonText" }] : []));
+    actionText = input(...(ngDevMode ? [undefined, { debugName: "actionText" }] : /* istanbul ignore next */ []));
+    iconName = input(...(ngDevMode ? [undefined, { debugName: "iconName" }] : /* istanbul ignore next */ []));
+    description = input.required(...(ngDevMode ? [{ debugName: "description" }] : /* istanbul ignore next */ []));
+    buttonText = input.required(...(ngDevMode ? [{ debugName: "buttonText" }] : /* istanbul ignore next */ []));
     buttonClicked = output();
-    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"] }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: ActionRequiredComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.22", 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.3 | 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.25", ngImport: i0, type: ActionRequiredComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", 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\">\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"] }]
+                    }, 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.3 | 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';\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~~;;;;~~"}
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,8BAAA,EAAA,CAAA,CAAE;IACpB,QAAQ,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,UAAA,EAAA,CAAA,8BAAA,EAAA,CAAA,CAAE;AAClB,IAAA,WAAW,GAAG,KAAK,CAAC,QAAQ,iFAAE;AAC9B,IAAA,UAAU,GAAG,KAAK,CAAC,QAAQ,gFAAE;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.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 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: AlertIconDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.22", type: AlertIconDirective, isStandalone: true, selector: "[emrAlertIcon]", host: { classAttribute: "emr-alert-icon" }, exportAs: ["emrAlertIcon"], ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: AlertIconDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: AlertIconDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[emrAlertIcon]',
@@ -25,14 +25,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImpo
 class AlertComponent {
     _renderer = inject(Renderer2);
     _elementRef = inject(ElementRef);
-    iconRef = contentChild(AlertIconDirective, ...(ngDevMode ? [{ debugName: "iconRef" }] : []));
-    autoClose = input(null, ...(ngDevMode ? [{ debugName: "autoClose", transform: numberAttribute }] : [{
-            transform: numberAttribute
-        }]));
-    bordered = input(false, ...(ngDevMode ? [{ debugName: "bordered", transform: booleanAttribute }] : [{
-            transform: booleanAttribute
-        }]));
-    variant = input('default', ...(ngDevMode ? [{ debugName: "variant" }] : []));
+    iconRef = contentChild(AlertIconDirective, ...(ngDevMode ? [{ debugName: "iconRef" }] : /* istanbul ignore next */ []));
+    autoClose = input(null, { ...(ngDevMode ? { debugName: "autoClose" } : /* istanbul ignore next */ {}), transform: numberAttribute });
+    bordered = input(false, { ...(ngDevMode ? { debugName: "bordered" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    variant = input('default', ...(ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []));
     closed = output();
     _autoCloseTimeout = undefined;
     constructor() {
@@ -60,15 +56,15 @@ class AlertComponent {
         this._elementRef.nativeElement.remove();
         this.closed.emit();
     }
-    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: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: AlertComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.22", 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\">\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"] }] });
+        ], 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.3 | 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.25", ngImport: i0, type: AlertComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: AlertComponent, decorators: [{
             type: Component,
             args: [{ selector: 'emr-alert', exportAs: 'emrAlert', imports: [NgTemplateOutlet], providers: [
                         {
@@ -78,14 +74,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImpo
                     ], host: {
                         'class': 'emr-alert',
                         '[class.is-bordered]': 'bordered()',
-                    }, 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"] }]
+                    }, 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.3 | 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.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 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: AlertTitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.22", 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.25", ngImport: i0, type: AlertTitleDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: AlertTitleDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'emr-alert-title,[emrAlertTitle]',
@@ -101,10 +97,10 @@ class AlertCloseDirective {
     _handleClick() {
         this._alert.api.close();
     }
-    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 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: AlertCloseDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.22", 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.25", ngImport: i0, type: AlertCloseDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: AlertCloseDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[emrAlertClose]',
@@ -117,10 +113,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImpo
         }] });
 class AlertActionDirective {
-    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 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: AlertActionDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.22", 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.25", ngImport: i0, type: AlertActionDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", 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';\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":"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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,8EAAC;IAEnD,SAAS,GAAG,KAAK,CAAC,IAAI,iFACpB,SAAS,EAAE,eAAe,EAAA,CAC1B;IACF,QAAQ,GAAG,KAAK,CAAC,KAAK,gFACpB,SAAS,EAAE,gBAAgB,EAAA,CAC3B;AACF,IAAA,OAAO,GAAG,KAAK,CAAe,SAAS,8EAAC;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

@@ -7,11 +7,9 @@ import { signalStore, withState, withMethods, patchState } from '@ngrx/signals';
 class AnnouncementComponent {
     _elementRef = inject(ElementRef);
     _renderer = inject(Renderer2);
-    variant = input('neutral', ...(ngDevMode ? [{ debugName: "variant" }] : []));
-    iconName = input('', ...(ngDevMode ? [{ debugName: "iconName" }] : []));
-    closable = input(false, ...(ngDevMode ? [{ debugName: "closable", transform: booleanAttribute }] : [{
-            transform: booleanAttribute
-        }]));
+    variant = input('neutral', ...(ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []));
+    iconName = input('', ...(ngDevMode ? [{ debugName: "iconName" }] : /* istanbul ignore next */ []));
+    closable = input(false, { ...(ngDevMode ? { debugName: "closable" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
     closed = output();
     constructor() {
         effect(() => {
@@ -21,17 +19,17 @@ class AnnouncementComponent {
     close() {
         this.closed.emit();
     }
-    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"] }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: AnnouncementComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.22", 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.3 | 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.25", ngImport: i0, type: AnnouncementComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: AnnouncementComponent, decorators: [{
             type: Component,
             args: [{ selector: 'emr-announcement', exportAs: 'emrAnnouncement', imports: [
                         MatIcon,
                         MatIconButton
                     ], host: {
                         'class': 'emr-announcement'
-                    }, 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"] }]
+                    }, 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.3 | 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 = {
@@ -50,19 +48,19 @@ class AnnouncementGlobalComponent {
     _announcementStore = inject(AnnouncementStore);
     announcement = computed(() => {
         return this._announcementStore.announcement();
-    }, ...(ngDevMode ? [{ debugName: "announcement" }] : []));
+    }, ...(ngDevMode ? [{ debugName: "announcement" }] : /* istanbul ignore next */ []));
     announcementClose = output();
     onClose() {
         this._announcementStore.hide();
     }
-    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"] }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: AnnouncementGlobalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.22", 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.3 | 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.25", ngImport: i0, type: AnnouncementGlobalComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: AnnouncementGlobalComponent, decorators: [{
             type: Component,
             args: [{ selector: 'emr-announcement-global', exportAs: 'emrAnnouncementGlobal', imports: [
                         AnnouncementComponent
-                    ], 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"] }]
+                    ], 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.3 | 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 {\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~~;;;;~~"}
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":"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"}