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/fesm2022/elementar-rt-components-digit-roller.mjs CHANGED Viewed

@@ -2,12 +2,12 @@ import * as i0 from '@angular/core';
 import { input, numberAttribute, signal, ChangeDetectionStrategy, Component } from '@angular/core';
 class DigitRollerComponent {
-    value = input(0, ...(ngDevMode ? [{ debugName: "value", transform: numberAttribute }] : [{ transform: numberAttribute }]));
-    duration = input(600, ...(ngDevMode ? [{ debugName: "duration", transform: numberAttribute }] : [{ transform: numberAttribute }]));
-    format = input('none', ...(ngDevMode ? [{ debugName: "format" }] : []));
-    currency = input('$', ...(ngDevMode ? [{ debugName: "currency" }] : []));
-    decimals = input(0, ...(ngDevMode ? [{ debugName: "decimals", transform: numberAttribute }] : [{ transform: numberAttribute }]));
-    _chars = signal([], ...(ngDevMode ? [{ debugName: "_chars" }] : []));
+    value = input(0, { ...(ngDevMode ? { debugName: "value" } : /* istanbul ignore next */ {}), transform: numberAttribute });
+    duration = input(600, { ...(ngDevMode ? { debugName: "duration" } : /* istanbul ignore next */ {}), transform: numberAttribute });
+    format = input('none', ...(ngDevMode ? [{ debugName: "format" }] : /* istanbul ignore next */ []));
+    currency = input('$', ...(ngDevMode ? [{ debugName: "currency" }] : /* istanbul ignore next */ []));
+    decimals = input(0, { ...(ngDevMode ? { debugName: "decimals" } : /* istanbul ignore next */ {}), transform: numberAttribute });
+    _chars = signal([], ...(ngDevMode ? [{ debugName: "_chars" }] : /* istanbul ignore next */ []));
     ngOnChanges(changes) {
         if (changes['value'] || changes['format'] || changes['decimals']) {
             this._chars.set(this._toChars(this.value()));
@@ -25,12 +25,12 @@ class DigitRollerComponent {
         return str.split('');
     }
     _isDigit(c) { return /\d/.test(c); }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: DigitRollerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", type: DigitRollerComponent, isStandalone: true, selector: "emr-digit-roller", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, duration: { classPropertyName: "duration", publicName: "duration", isSignal: true, isRequired: false, transformFunction: null }, format: { classPropertyName: "format", publicName: "format", isSignal: true, isRequired: false, transformFunction: null }, currency: { classPropertyName: "currency", publicName: "currency", isSignal: true, isRequired: false, transformFunction: null }, decimals: { classPropertyName: "decimals", publicName: "decimals", isSignal: true, isRequired: false, transformFunction: null } }, usesOnChanges: true, ngImport: i0, template: "<span class=\"roller-wrapper\">\n  @for (char of _chars(); track $index) {\n    @if (_isDigit(char)) {\n      <span class=\"digit-column\" [attr.data-digit]=\"char\">\n        <span class=\"digit-strip\" [style.--target]=\"char\">\n          @for (d of [0,1,2,3,4,5,6,7,8,9]; track d) {\n            <span class=\"digit\">{{ d }}</span>\n          }\n        </span>\n      </span>\n    } @else {\n      <span class=\"separator\">{{ char }}</span>\n    }\n  }\n</span>\n", styles: [":host{display:inline-flex;align-items:baseline;font-variant-numeric:tabular-nums}.roller-wrapper{display:inline-flex;align-items:baseline}.digit-column{display:inline-block;overflow:hidden;height:1.2em;position:relative}.digit-strip{display:flex;flex-direction:column;transform:translateY(calc(var(--target, 0) * -1.2em));transition:transform .6s cubic-bezier(.4,0,.2,1)}.digit{display:block;height:1.2em;line-height:1.2;text-align:center}.separator{display:inline-block}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: DigitRollerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.22", type: DigitRollerComponent, isStandalone: true, selector: "emr-digit-roller", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, duration: { classPropertyName: "duration", publicName: "duration", isSignal: true, isRequired: false, transformFunction: null }, format: { classPropertyName: "format", publicName: "format", isSignal: true, isRequired: false, transformFunction: null }, currency: { classPropertyName: "currency", publicName: "currency", isSignal: true, isRequired: false, transformFunction: null }, decimals: { classPropertyName: "decimals", publicName: "decimals", isSignal: true, isRequired: false, transformFunction: null } }, usesOnChanges: true, ngImport: i0, template: "<span class=\"roller-wrapper\">\n  @for (char of _chars(); track $index) {\n    @if (_isDigit(char)) {\n      <span class=\"digit-column\" [attr.data-digit]=\"char\">\n        <span class=\"digit-strip\" [style.--target]=\"char\">\n          @for (d of [0,1,2,3,4,5,6,7,8,9]; track d) {\n            <span class=\"digit\">{{ d }}</span>\n          }\n        </span>\n      </span>\n    } @else {\n      <span class=\"separator\">{{ char }}</span>\n    }\n  }\n</span>\n", styles: [":host{display:inline-flex;align-items:baseline;font-variant-numeric:tabular-nums}.roller-wrapper{display:inline-flex;align-items:baseline}.digit-column{display:inline-block;overflow:hidden;height:1.2em;position:relative}.digit-strip{display:flex;flex-direction:column;transform:translateY(calc(var(--target, 0) * -1.2em));transition:transform .6s cubic-bezier(.4,0,.2,1)}.digit{display:block;height:1.2em;line-height:1.2;text-align:center}.separator{display:inline-block}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: DigitRollerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: DigitRollerComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'emr-digit-roller', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "<span class=\"roller-wrapper\">\n  @for (char of _chars(); track $index) {\n    @if (_isDigit(char)) {\n      <span class=\"digit-column\" [attr.data-digit]=\"char\">\n        <span class=\"digit-strip\" [style.--target]=\"char\">\n          @for (d of [0,1,2,3,4,5,6,7,8,9]; track d) {\n            <span class=\"digit\">{{ d }}</span>\n          }\n        </span>\n      </span>\n    } @else {\n      <span class=\"separator\">{{ char }}</span>\n    }\n  }\n</span>\n", styles: [":host{display:inline-flex;align-items:baseline;font-variant-numeric:tabular-nums}.roller-wrapper{display:inline-flex;align-items:baseline}.digit-column{display:inline-block;overflow:hidden;height:1.2em;position:relative}.digit-strip{display:flex;flex-direction:column;transform:translateY(calc(var(--target, 0) * -1.2em));transition:transform .6s cubic-bezier(.4,0,.2,1)}.digit{display:block;height:1.2em;line-height:1.2;text-align:center}.separator{display:inline-block}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"] }]
+            args: [{ selector: 'emr-digit-roller', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "<span class=\"roller-wrapper\">\n  @for (char of _chars(); track $index) {\n    @if (_isDigit(char)) {\n      <span class=\"digit-column\" [attr.data-digit]=\"char\">\n        <span class=\"digit-strip\" [style.--target]=\"char\">\n          @for (d of [0,1,2,3,4,5,6,7,8,9]; track d) {\n            <span class=\"digit\">{{ d }}</span>\n          }\n        </span>\n      </span>\n    } @else {\n      <span class=\"separator\">{{ char }}</span>\n    }\n  }\n</span>\n", styles: [":host{display:inline-flex;align-items:baseline;font-variant-numeric:tabular-nums}.roller-wrapper{display:inline-flex;align-items:baseline}.digit-column{display:inline-block;overflow:hidden;height:1.2em;position:relative}.digit-strip{display:flex;flex-direction:column;transform:translateY(calc(var(--target, 0) * -1.2em));transition:transform .6s cubic-bezier(.4,0,.2,1)}.digit{display:block;height:1.2em;line-height:1.2;text-align:center}.separator{display:inline-block}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"] }]
         }], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], duration: [{ type: i0.Input, args: [{ isSignal: true, alias: "duration", required: false }] }], format: [{ type: i0.Input, args: [{ isSignal: true, alias: "format", required: false }] }], currency: [{ type: i0.Input, args: [{ isSignal: true, alias: "currency", required: false }] }], decimals: [{ type: i0.Input, args: [{ isSignal: true, alias: "decimals", required: false }] }] } });
 /**

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

	@@ -1 +1 @@
1	- {"version":3,"file":"elementar-rt-components-digit-roller.mjs","sources":["../../../projects/components/digit-roller/src/digit-roller/digit-roller.component.ts","../../../projects/components/digit-roller/src/digit-roller/digit-roller.component.html","../../../projects/components/digit-roller/elementar-rt-components-digit-roller.ts"],"sourcesContent":["import {\n Component, input, OnChanges, SimpleChanges, signal, computed,\n ChangeDetectionStrategy, numberAttribute\n} from '@angular/core';\n\n@Component({\n selector: 'emr-digit-roller',\n standalone: true,\n templateUrl: './digit-roller.component.html',\n styleUrl: './digit-roller.component.scss',\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class DigitRollerComponent implements OnChanges {\n value = input(0, { transform: numberAttribute });\n duration = input(600, { transform: numberAttribute });\n format = input<'none' \| 'comma' \| 'currency'>('none');\n currency = input('$');\n decimals = input(0, { transform: numberAttribute });\n\n protected _chars = signal<string[]>([]);\n\n ngOnChanges(changes: SimpleChanges): void {\n if (changes['value'] \|\| changes['format'] \|\| changes['decimals']) {\n this._chars.set(this._toChars(this.value()));\n }\n }\n\n private _toChars(v: number): string[] {\n const fixed = v.toFixed(this.decimals());\n let str = fixed;\n if (this.format() === 'comma' \|\| this.format() === 'currency') {\n const [int, dec] = fixed.split('.');\n str = int.replace(/\\B(?=(\\d{3})+(?!\\d))/g, ',') + (dec !== undefined ? '.' + dec : '');\n }\n if (this.format() === 'currency') str = this.currency() + str;\n return str.split('');\n }\n\n protected _isDigit(c: string): boolean { return /\\d/.test(c); }\n}\n","<span class=\"roller-wrapper\">\n @for (char of _chars(); track $index) {\n @if (_isDigit(char)) {\n <span class=\"digit-column\" [attr.data-digit]=\"char\">\n <span class=\"digit-strip\" [style.--target]=\"char\">\n @for (d of [0,1,2,3,4,5,6,7,8,9]; track d) {\n <span class=\"digit\">{{ d }}</span>\n }\n </span>\n </span>\n } @else {\n <span class=\"separator\">{{ char }}</span>\n }\n }\n</span>\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":";;;MAYa,oBAAoB,CAAA;~~AAC~~/B,~~IAAA,~~KAAK,GAAG,KAAK,CAAC,CAAC,~~yCAAI~~,SAAS,EAAE,eAAe,EAAA,~~CAAA,GAAA,CAA5B,EAAE,SAAS,EAAE,eAAe,EAAE,GAAC~~;~~AAChD~~,~~IAAA,~~QAAQ,GAAG,KAAK,CAAC,GAAG,~~4CAAI~~,SAAS,EAAE,eAAe,EAAA,~~CAAA,GAAA,CAA5B,EAAE,SAAS,EAAE,eAAe,EAAE,GAAC~~;AACrD,IAAA,MAAM,GAAG,KAAK,CAAgC,MAAM,~~kDAAC~~;AACrD,IAAA,QAAQ,GAAG,KAAK,CAAC,GAAG~~,oDAAC~~;~~AACrB~~,~~IAAA,~~QAAQ,GAAG,KAAK,CAAC,CAAC,~~4CAAI~~,SAAS,EAAE,eAAe,EAAA,~~CAAA,GAAA,CAA5B,EAAE,SAAS,EAAE,eAAe,EAAE,GAAC~~;AAEzC,IAAA,MAAM,GAAG,MAAM,CAAW,EAAE,~~kDAAC~~;AAEvC,IAAA,WAAW,CAAC,OAAsB,EAAA;AAChC,QAAA,IAAI,OAAO,CAAC,OAAO,CAAC,IAAI,OAAO,CAAC,QAAQ,CAAC,IAAI,OAAO,CAAC,UAAU,CAAC,EAAE;AAChE,YAAA,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC;QAC9C;IACF;AAEQ,IAAA,QAAQ,CAAC,CAAS,EAAA;QACxB,MAAM,KAAK,GAAG,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC;QACxC,IAAI,GAAG,GAAG,KAAK;AACf,QAAA,IAAI,IAAI,CAAC,MAAM,EAAE,KAAK,OAAO,IAAI,IAAI,CAAC,MAAM,EAAE,KAAK,UAAU,EAAE;AAC7D,YAAA,MAAM,CAAC,GAAG,EAAE,GAAG,CAAC,GAAG,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC;YACnC,GAAG,GAAG,GAAG,CAAC,OAAO,CAAC,uBAAuB,EAAE,GAAG,CAAC,IAAI,GAAG,KAAK,SAAS,GAAG,GAAG,GAAG,GAAG,GAAG,EAAE,CAAC;QACxF;AACA,QAAA,IAAI,IAAI,CAAC,MAAM,EAAE,KAAK,UAAU;AAAE,YAAA,GAAG,GAAG,IAAI,CAAC,QAAQ,EAAE,GAAG,GAAG;AAC7D,QAAA,OAAO,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC;IACtB;AAEU,IAAA,QAAQ,CAAC,CAAS,EAAA,EAAa,OAAO,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;wGA1BnD,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAApB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,oBAAoB,muBCZjC,wdAeA,EAAA,MAAA,EAAA,CAAA,8hBAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;4FDHa,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBAPhC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,kBAAkB,EAAA,UAAA,EAChB,IAAI,EAAA,eAAA,EAGC,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,wdAAA,EAAA,MAAA,EAAA,CAAA,8hBAAA,CAAA,EAAA;;;AEVjD;;AAEG~~;;;;~~"}
1	+ {"version":3,"file":"elementar-rt-components-digit-roller.mjs","sources":["../../../projects/components/digit-roller/src/digit-roller/digit-roller.component.ts","../../../projects/components/digit-roller/src/digit-roller/digit-roller.component.html","../../../projects/components/digit-roller/elementar-rt-components-digit-roller.ts"],"sourcesContent":["import {\n Component, input, OnChanges, SimpleChanges, signal, computed,\n ChangeDetectionStrategy, numberAttribute\n} from '@angular/core';\n\n@Component({\n selector: 'emr-digit-roller',\n standalone: true,\n templateUrl: './digit-roller.component.html',\n styleUrl: './digit-roller.component.scss',\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class DigitRollerComponent implements OnChanges {\n value = input(0, { transform: numberAttribute });\n duration = input(600, { transform: numberAttribute });\n format = input<'none' \| 'comma' \| 'currency'>('none');\n currency = input('$');\n decimals = input(0, { transform: numberAttribute });\n\n protected _chars = signal<string[]>([]);\n\n ngOnChanges(changes: SimpleChanges): void {\n if (changes['value'] \|\| changes['format'] \|\| changes['decimals']) {\n this._chars.set(this._toChars(this.value()));\n }\n }\n\n private _toChars(v: number): string[] {\n const fixed = v.toFixed(this.decimals());\n let str = fixed;\n if (this.format() === 'comma' \|\| this.format() === 'currency') {\n const [int, dec] = fixed.split('.');\n str = int.replace(/\\B(?=(\\d{3})+(?!\\d))/g, ',') + (dec !== undefined ? '.' + dec : '');\n }\n if (this.format() === 'currency') str = this.currency() + str;\n return str.split('');\n }\n\n protected _isDigit(c: string): boolean { return /\\d/.test(c); }\n}\n","<span class=\"roller-wrapper\">\n @for (char of _chars(); track $index) {\n @if (_isDigit(char)) {\n <span class=\"digit-column\" [attr.data-digit]=\"char\">\n <span class=\"digit-strip\" [style.--target]=\"char\">\n @for (d of [0,1,2,3,4,5,6,7,8,9]; track d) {\n <span class=\"digit\">{{ d }}</span>\n }\n </span>\n </span>\n } @else {\n <span class=\"separator\">{{ char }}</span>\n }\n }\n</span>\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":";;;MAYa,oBAAoB,CAAA;IAC/B,KAAK,GAAG,KAAK,CAAC,CAAC,6EAAI,SAAS,EAAE,eAAe,EAAA,CAAG;IAChD,QAAQ,GAAG,KAAK,CAAC,GAAG,gFAAI,SAAS,EAAE,eAAe,EAAA,CAAG;AACrD,IAAA,MAAM,GAAG,KAAK,CAAgC,MAAM,6EAAC;AACrD,IAAA,QAAQ,GAAG,KAAK,CAAC,GAAG,+EAAC;IACrB,QAAQ,GAAG,KAAK,CAAC,CAAC,gFAAI,SAAS,EAAE,eAAe,EAAA,CAAG;AAEzC,IAAA,MAAM,GAAG,MAAM,CAAW,EAAE,6EAAC;AAEvC,IAAA,WAAW,CAAC,OAAsB,EAAA;AAChC,QAAA,IAAI,OAAO,CAAC,OAAO,CAAC,IAAI,OAAO,CAAC,QAAQ,CAAC,IAAI,OAAO,CAAC,UAAU,CAAC,EAAE;AAChE,YAAA,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC;QAC9C;IACF;AAEQ,IAAA,QAAQ,CAAC,CAAS,EAAA;QACxB,MAAM,KAAK,GAAG,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC;QACxC,IAAI,GAAG,GAAG,KAAK;AACf,QAAA,IAAI,IAAI,CAAC,MAAM,EAAE,KAAK,OAAO,IAAI,IAAI,CAAC,MAAM,EAAE,KAAK,UAAU,EAAE;AAC7D,YAAA,MAAM,CAAC,GAAG,EAAE,GAAG,CAAC,GAAG,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC;YACnC,GAAG,GAAG,GAAG,CAAC,OAAO,CAAC,uBAAuB,EAAE,GAAG,CAAC,IAAI,GAAG,KAAK,SAAS,GAAG,GAAG,GAAG,GAAG,GAAG,EAAE,CAAC;QACxF;AACA,QAAA,IAAI,IAAI,CAAC,MAAM,EAAE,KAAK,UAAU;AAAE,YAAA,GAAG,GAAG,IAAI,CAAC,QAAQ,EAAE,GAAG,GAAG;AAC7D,QAAA,OAAO,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC;IACtB;AAEU,IAAA,QAAQ,CAAC,CAAS,EAAA,EAAa,OAAO,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;wGA1BnD,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAApB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,oBAAoB,muBCZjC,wdAeA,EAAA,MAAA,EAAA,CAAA,8hBAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;4FDHa,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBAPhC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,kBAAkB,EAAA,UAAA,EAChB,IAAI,EAAA,eAAA,EAGC,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,wdAAA,EAAA,MAAA,EAAA,CAAA,8hBAAA,CAAA,EAAA;;;AEVjD;;AAEG;;"}

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

@@ -2,25 +2,25 @@ import * as i0 from '@angular/core';
 import { Component } from '@angular/core';
 class HorizontalDividerComponent {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: HorizontalDividerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: HorizontalDividerComponent, isStandalone: true, selector: "emr-horizontal-divider,emr-h-divider", host: { classAttribute: "emr-horizontal-divider" }, exportAs: ["emrHorizontalDivider"], ngImport: i0, template: "<div class=\"text\">\n  <ng-content/>\n</div>\n", styles: ["@layer properties;:host{--emr-horizontal-divider-text-bg: var(--color-background);display:block;position:relative}:host .text{position:absolute;top:50%;left:50%;height:calc(var(--spacing, .25rem) * 6);width:max-content;--tw-translate-x: -50% ;--tw-translate-y: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y);padding-inline:calc(var(--spacing, .25rem) * 5);text-align:center;font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));white-space:nowrap;background:var(--emr-horizontal-divider-text-bg)}:host .text:empty{display:none}:host:not([class*=h-]){height:1px}:host:not([class*=bg-]){background:var(--color-border)}@property --tw-translate-x{syntax: \"*\"; inherits: false; initial-value: 0;}@property --tw-translate-y{syntax: \"*\"; inherits: false; initial-value: 0;}@property --tw-translate-z{syntax: \"*\"; inherits: false; initial-value: 0;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x: 0;--tw-translate-y: 0;--tw-translate-z: 0}}}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: HorizontalDividerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.22", type: HorizontalDividerComponent, isStandalone: true, selector: "emr-horizontal-divider,emr-h-divider", host: { classAttribute: "emr-horizontal-divider" }, exportAs: ["emrHorizontalDivider"], ngImport: i0, template: "<div class=\"text\">\n  <ng-content/>\n</div>\n", styles: ["@layer properties;:host{--emr-horizontal-divider-text-bg: var(--color-background);display:block;position:relative}:host .text{position:absolute;top:50%;left:50%;height:calc(var(--spacing, .25rem) * 6);width:max-content;--tw-translate-x: -50% ;--tw-translate-y: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y);padding-inline:calc(var(--spacing, .25rem) * 5);text-align:center;font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));white-space:nowrap;background:var(--emr-horizontal-divider-text-bg)}:host .text:empty{display:none}:host:not([class*=h-]){height:1px}:host:not([class*=bg-]){background:var(--color-border)}@property --tw-translate-x{syntax: \"*\"; inherits: false; initial-value: 0;}@property --tw-translate-y{syntax: \"*\"; inherits: false; initial-value: 0;}@property --tw-translate-z{syntax: \"*\"; inherits: false; initial-value: 0;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x: 0;--tw-translate-y: 0;--tw-translate-z: 0}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: HorizontalDividerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: HorizontalDividerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'emr-horizontal-divider,emr-h-divider', exportAs: 'emrHorizontalDivider', host: {
                         'class': 'emr-horizontal-divider',
-                    }, template: "<div class=\"text\">\n  <ng-content/>\n</div>\n", styles: ["@layer properties;:host{--emr-horizontal-divider-text-bg: var(--color-background);display:block;position:relative}:host .text{position:absolute;top:50%;left:50%;height:calc(var(--spacing, .25rem) * 6);width:max-content;--tw-translate-x: -50% ;--tw-translate-y: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y);padding-inline:calc(var(--spacing, .25rem) * 5);text-align:center;font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));white-space:nowrap;background:var(--emr-horizontal-divider-text-bg)}:host .text:empty{display:none}:host:not([class*=h-]){height:1px}:host:not([class*=bg-]){background:var(--color-border)}@property --tw-translate-x{syntax: \"*\"; inherits: false; initial-value: 0;}@property --tw-translate-y{syntax: \"*\"; inherits: false; initial-value: 0;}@property --tw-translate-z{syntax: \"*\"; inherits: false; initial-value: 0;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x: 0;--tw-translate-y: 0;--tw-translate-z: 0}}}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"] }]
+                    }, template: "<div class=\"text\">\n  <ng-content/>\n</div>\n", styles: ["@layer properties;:host{--emr-horizontal-divider-text-bg: var(--color-background);display:block;position:relative}:host .text{position:absolute;top:50%;left:50%;height:calc(var(--spacing, .25rem) * 6);width:max-content;--tw-translate-x: -50% ;--tw-translate-y: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y);padding-inline:calc(var(--spacing, .25rem) * 5);text-align:center;font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));white-space:nowrap;background:var(--emr-horizontal-divider-text-bg)}:host .text:empty{display:none}:host:not([class*=h-]){height:1px}:host:not([class*=bg-]){background:var(--color-border)}@property --tw-translate-x{syntax: \"*\"; inherits: false; initial-value: 0;}@property --tw-translate-y{syntax: \"*\"; inherits: false; initial-value: 0;}@property --tw-translate-z{syntax: \"*\"; inherits: false; initial-value: 0;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x: 0;--tw-translate-y: 0;--tw-translate-z: 0}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"] }]
         }] });
 class VerticalDividerComponent {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: VerticalDividerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: VerticalDividerComponent, isStandalone: true, selector: "emr-vertical-divider,emr-v-divider", host: { classAttribute: "emr-vertical-divider" }, exportAs: ["emrVerticalDivider"], ngImport: i0, template: "", styles: [":host{display:block}:host:not([class*=w-]){width:1px}:host:not([class*=bg-]){background:var(--color-border)}:host:not([class*=h-]){height:calc(var(--spacing, .25rem) * 4)}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: VerticalDividerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.22", type: VerticalDividerComponent, isStandalone: true, selector: "emr-vertical-divider,emr-v-divider", host: { classAttribute: "emr-vertical-divider" }, exportAs: ["emrVerticalDivider"], ngImport: i0, template: "", styles: [":host{display:block}:host:not([class*=w-]){width:1px}:host:not([class*=bg-]){background:var(--color-border)}:host:not([class*=h-]){height:calc(var(--spacing, .25rem) * 4)}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: VerticalDividerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: VerticalDividerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'emr-vertical-divider,emr-v-divider', exportAs: 'emrVerticalDivider', host: {
                         'class': 'emr-vertical-divider',
-                    }, template: "", styles: [":host{display:block}:host:not([class*=w-]){width:1px}:host:not([class*=bg-]){background:var(--color-border)}:host:not([class*=h-]){height:calc(var(--spacing, .25rem) * 4)}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"] }]
+                    }, template: "", styles: [":host{display:block}:host:not([class*=w-]){width:1px}:host:not([class*=bg-]){background:var(--color-border)}:host:not([class*=h-]){height:calc(var(--spacing, .25rem) * 4)}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"] }]
         }] });
 /**

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

	@@ -1 +1 @@
1	- {"version":3,"file":"elementar-rt-components-divider.mjs","sources":["../../../projects/components/divider/src/horizontal-divider/horizontal-divider.component.ts","../../../projects/components/divider/src/horizontal-divider/horizontal-divider.component.html","../../../projects/components/divider/src/vertical-divider/vertical-divider.component.ts","../../../projects/components/divider/src/vertical-divider/vertical-divider.component.html","../../../projects/components/divider/elementar-rt-components-divider.ts"],"sourcesContent":["import { Component } from '@angular/core';\n\n@Component({\n selector: 'emr-horizontal-divider,emr-h-divider',\n exportAs: 'emrHorizontalDivider',\n templateUrl: './horizontal-divider.component.html',\n styleUrl: './horizontal-divider.component.scss',\n host: {\n 'class': 'emr-horizontal-divider',\n }\n})\nexport class HorizontalDividerComponent {\n\n}\n","<div class=\"text\">\n <ng-content/>\n</div>\n","import { Component } from '@angular/core';\n\n@Component({\n selector: 'emr-vertical-divider,emr-v-divider',\n exportAs: 'emrVerticalDivider',\n templateUrl: './vertical-divider.component.html',\n styleUrl: './vertical-divider.component.scss',\n host: {\n 'class': 'emr-vertical-divider',\n }\n})\nexport class VerticalDividerComponent {\n\n}\n","","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":";;;MAWa,0BAA0B,CAAA;wGAA1B,0BAA0B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAA1B,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,0BAA0B,wLCXvC,iDAGA,EAAA,MAAA,EAAA,CAAA,8sCAAA,CAAA,EAAA,CAAA;;4FDQa,0BAA0B,EAAA,UAAA,EAAA,CAAA;kBATtC,SAAS;+BACE,sCAAsC,EAAA,QAAA,EACtC,sBAAsB,EAAA,IAAA,EAG1B;AACJ,wBAAA,OAAO,EAAE,wBAAwB;AAClC,qBAAA,EAAA,QAAA,EAAA,iDAAA,EAAA,MAAA,EAAA,CAAA,8sCAAA,CAAA,EAAA;;;MEEU,wBAAwB,CAAA;wGAAxB,wBAAwB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAxB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,wBAAwB,kLCXrC,EAAA,EAAA,MAAA,EAAA,CAAA,kPAAA,CAAA,EAAA,CAAA;;4FDWa,wBAAwB,EAAA,UAAA,EAAA,CAAA;kBATpC,SAAS;+BACE,oCAAoC,EAAA,QAAA,EACpC,oBAAoB,EAAA,IAAA,EAGxB;AACJ,wBAAA,OAAO,EAAE,sBAAsB;AAChC,qBAAA,EAAA,QAAA,EAAA,EAAA,EAAA,MAAA,EAAA,CAAA,kPAAA,CAAA,EAAA;;;AETH;;AAEG~~;;;;~~"}
1	+ {"version":3,"file":"elementar-rt-components-divider.mjs","sources":["../../../projects/components/divider/src/horizontal-divider/horizontal-divider.component.ts","../../../projects/components/divider/src/horizontal-divider/horizontal-divider.component.html","../../../projects/components/divider/src/vertical-divider/vertical-divider.component.ts","../../../projects/components/divider/src/vertical-divider/vertical-divider.component.html","../../../projects/components/divider/elementar-rt-components-divider.ts"],"sourcesContent":["import { Component } from '@angular/core';\n\n@Component({\n selector: 'emr-horizontal-divider,emr-h-divider',\n exportAs: 'emrHorizontalDivider',\n templateUrl: './horizontal-divider.component.html',\n styleUrl: './horizontal-divider.component.scss',\n host: {\n 'class': 'emr-horizontal-divider',\n }\n})\nexport class HorizontalDividerComponent {\n\n}\n","<div class=\"text\">\n <ng-content/>\n</div>\n","import { Component } from '@angular/core';\n\n@Component({\n selector: 'emr-vertical-divider,emr-v-divider',\n exportAs: 'emrVerticalDivider',\n templateUrl: './vertical-divider.component.html',\n styleUrl: './vertical-divider.component.scss',\n host: {\n 'class': 'emr-vertical-divider',\n }\n})\nexport class VerticalDividerComponent {\n\n}\n","","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":";;;MAWa,0BAA0B,CAAA;wGAA1B,0BAA0B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAA1B,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,0BAA0B,wLCXvC,iDAGA,EAAA,MAAA,EAAA,CAAA,8sCAAA,CAAA,EAAA,CAAA;;4FDQa,0BAA0B,EAAA,UAAA,EAAA,CAAA;kBATtC,SAAS;+BACE,sCAAsC,EAAA,QAAA,EACtC,sBAAsB,EAAA,IAAA,EAG1B;AACJ,wBAAA,OAAO,EAAE,wBAAwB;AAClC,qBAAA,EAAA,QAAA,EAAA,iDAAA,EAAA,MAAA,EAAA,CAAA,8sCAAA,CAAA,EAAA;;;MEEU,wBAAwB,CAAA;wGAAxB,wBAAwB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAxB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,wBAAwB,kLCXrC,EAAA,EAAA,MAAA,EAAA,CAAA,kPAAA,CAAA,EAAA,CAAA;;4FDWa,wBAAwB,EAAA,UAAA,EAAA,CAAA;kBATpC,SAAS;+BACE,oCAAoC,EAAA,QAAA,EACpC,oBAAoB,EAAA,IAAA,EAGxB;AACJ,wBAAA,OAAO,EAAE,sBAAsB;AAChC,qBAAA,EAAA,QAAA,EAAA,EAAA,EAAA,MAAA,EAAA,CAAA,kPAAA,CAAA,EAAA;;;AETH;;AAEG;;"}

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

@@ -7,15 +7,15 @@ class DrawerComponent {
     renderer = inject(Renderer2);
     elementRef = inject(ElementRef);
     document = inject(DOCUMENT);
-    initialIsOpen = input(undefined, ...(ngDevMode ? [{ debugName: "initialIsOpen", alias: 'isOpen' }] : [{ alias: 'isOpen' }]));
-    showBackdrop = input(true, ...(ngDevMode ? [{ debugName: "showBackdrop" }] : []));
+    initialIsOpen = input(undefined, { ...(ngDevMode ? { debugName: "initialIsOpen" } : /* istanbul ignore next */ {}), alias: 'isOpen' });
+    showBackdrop = input(true, ...(ngDevMode ? [{ debugName: "showBackdrop" }] : /* istanbul ignore next */ []));
     closed = output();
     opened = output();
-    internalIsOpen = signal(false, ...(ngDevMode ? [{ debugName: "internalIsOpen" }] : []));
+    internalIsOpen = signal(false, ...(ngDevMode ? [{ debugName: "internalIsOpen" }] : /* istanbul ignore next */ []));
     drawerContainerElement = null;
-    previousInternalIsOpenState = signal(undefined, ...(ngDevMode ? [{ debugName: "previousInternalIsOpenState" }] : []));
-    justOpenedWithoutBackdrop = signal(false, ...(ngDevMode ? [{ debugName: "justOpenedWithoutBackdrop" }] : [])); // Новый флаг
-    _isOpen = computed(() => this.internalIsOpen(), ...(ngDevMode ? [{ debugName: "_isOpen" }] : []));
+    previousInternalIsOpenState = signal(undefined, ...(ngDevMode ? [{ debugName: "previousInternalIsOpenState" }] : /* istanbul ignore next */ []));
+    justOpenedWithoutBackdrop = signal(false, ...(ngDevMode ? [{ debugName: "justOpenedWithoutBackdrop" }] : /* istanbul ignore next */ [])); // Новый флаг
+    _isOpen = computed(() => this.internalIsOpen(), ...(ngDevMode ? [{ debugName: "_isOpen" }] : /* istanbul ignore next */ []));
     constructor() {
         effect(() => {
             const externalIsOpen = this.initialIsOpen();
@@ -86,15 +86,15 @@ class DrawerComponent {
             this.close();
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: DrawerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", type: DrawerComponent, isStandalone: true, selector: "emr-drawer", inputs: { initialIsOpen: { classPropertyName: "initialIsOpen", publicName: "isOpen", isSignal: true, isRequired: false, transformFunction: null }, showBackdrop: { classPropertyName: "showBackdrop", publicName: "showBackdrop", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { closed: "closed", opened: "opened" }, host: { listeners: { "document:keydown.escape": "onKeydownHandler($event)", "document:click": "onDocumentClickHandler($event)" }, properties: { "class.no-backdrop": "_isOpen() && !showBackdrop()" }, classAttribute: "emr-drawer" }, providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: DrawerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.22", type: DrawerComponent, isStandalone: true, selector: "emr-drawer", inputs: { initialIsOpen: { classPropertyName: "initialIsOpen", publicName: "isOpen", isSignal: true, isRequired: false, transformFunction: null }, showBackdrop: { classPropertyName: "showBackdrop", publicName: "showBackdrop", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { closed: "closed", opened: "opened" }, host: { listeners: { "document:keydown.escape": "onKeydownHandler($event)", "document:click": "onDocumentClickHandler($event)" }, properties: { "class.no-backdrop": "_isOpen() && !showBackdrop()" }, classAttribute: "emr-drawer" }, providers: [
             {
                 provide: DRAWER,
                 useExisting: forwardRef(() => DrawerComponent),
             }
-        ], exportAs: ["emrDrawer"], ngImport: i0, template: "@if (showBackdrop()) {\n  <div\n    class=\"drawer-backdrop\"\n    [class.open]=\"_isOpen()\"\n    (click)=\"close()\">\n  </div>\n}\n<div\n  class=\"drawer-container\"\n  [class.open]=\"_isOpen()\">\n  <div class=\"drawer-content\">\n    <ng-content/>\n  </div>\n</div>\n", styles: [":host{--emr-drawer-transition-duration: .15s;--emr-drawer-transition: cubic-bezier(.4,0,.2,1);display:block}:host .drawer-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:color-mix(in srgb,#000 32%,transparent);opacity:0;visibility:hidden;z-index:1030}@supports (color: color-mix(in lab,red,red)){:host .drawer-backdrop{background:color-mix(in oklab,var(--color-black) 32%,transparent)}}:host .drawer-container{position:fixed;z-index:1040;top:0;right:0;max-width:90vw;bottom:0;transform:translate(100%);visibility:hidden;display:flex;flex-direction:column;pointer-events:auto}:host .drawer-content{background-color:var(--mat-dialog-container-color);margin:calc(var(--spacing, .25rem) * 7);flex-grow:1;box-shadow:var(--mat-dialog-container-elevation-shadow, none);border-radius:var(--mat-dialog-container-shape);overflow:hidden}:host .drawer-backdrop:not(.open){transition:opacity var(--emr-drawer-transition-duration) var(--emr-drawer-transition),visibility 0s linear var(--emr-drawer-transition-duration)}:host .drawer-backdrop.open{opacity:1;visibility:visible;transition:opacity var(--emr-drawer-transition-duration) var(--emr-drawer-transition),visibility 0s linear 0s}:host .drawer-container:not(.open){transition:transform .2s var(--emr-drawer-transition),visibility 0s linear .2s}:host .drawer-container.open{transform:translate(0);visibility:visible;transition:transform .2s var(--emr-drawer-transition),visibility 0s linear 0s}:host.no-backdrop .drawer-content{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;border:1px solid var(--color-surface-container-highest)}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+        ], exportAs: ["emrDrawer"], ngImport: i0, template: "@if (showBackdrop()) {\n  <div\n    class=\"drawer-backdrop\"\n    [class.open]=\"_isOpen()\"\n    (click)=\"close()\">\n  </div>\n}\n<div\n  class=\"drawer-container\"\n  [class.open]=\"_isOpen()\">\n  <div class=\"drawer-content\">\n    <ng-content/>\n  </div>\n</div>\n", styles: [":host{--emr-drawer-transition-duration: .15s;--emr-drawer-transition: cubic-bezier(.4,0,.2,1);display:block}:host .drawer-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:color-mix(in srgb,#000 32%,transparent);opacity:0;visibility:hidden;z-index:1030}@supports (color: color-mix(in lab,red,red)){:host .drawer-backdrop{background:color-mix(in oklab,var(--color-black) 32%,transparent)}}:host .drawer-container{position:fixed;z-index:1040;top:0;right:0;max-width:90vw;bottom:0;transform:translate(100%);visibility:hidden;display:flex;flex-direction:column;pointer-events:auto}:host .drawer-content{background-color:var(--mat-dialog-container-color);margin:calc(var(--spacing, .25rem) * 7);flex-grow:1;box-shadow:var(--mat-dialog-container-elevation-shadow, none);border-radius:var(--mat-dialog-container-shape);overflow:hidden}:host .drawer-backdrop:not(.open){transition:opacity var(--emr-drawer-transition-duration) var(--emr-drawer-transition),visibility 0s linear var(--emr-drawer-transition-duration)}:host .drawer-backdrop.open{opacity:1;visibility:visible;transition:opacity var(--emr-drawer-transition-duration) var(--emr-drawer-transition),visibility 0s linear 0s}:host .drawer-container:not(.open){transition:transform .2s var(--emr-drawer-transition),visibility 0s linear .2s}:host .drawer-container.open{transform:translate(0);visibility:visible;transition:transform .2s var(--emr-drawer-transition),visibility 0s linear 0s}:host.no-backdrop .drawer-content{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;border:1px solid var(--color-surface-container-highest)}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: DrawerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: DrawerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'emr-drawer', exportAs: 'emrDrawer', providers: [
                         {
@@ -106,14 +106,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImpo
                         '[class.no-backdrop]': '_isOpen() && !showBackdrop()',
                         '(document:keydown.escape)': 'onKeydownHandler($event)',
                         '(document:click)': 'onDocumentClickHandler($event)'
-                    }, template: "@if (showBackdrop()) {\n  <div\n    class=\"drawer-backdrop\"\n    [class.open]=\"_isOpen()\"\n    (click)=\"close()\">\n  </div>\n}\n<div\n  class=\"drawer-container\"\n  [class.open]=\"_isOpen()\">\n  <div class=\"drawer-content\">\n    <ng-content/>\n  </div>\n</div>\n", styles: [":host{--emr-drawer-transition-duration: .15s;--emr-drawer-transition: cubic-bezier(.4,0,.2,1);display:block}:host .drawer-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:color-mix(in srgb,#000 32%,transparent);opacity:0;visibility:hidden;z-index:1030}@supports (color: color-mix(in lab,red,red)){:host .drawer-backdrop{background:color-mix(in oklab,var(--color-black) 32%,transparent)}}:host .drawer-container{position:fixed;z-index:1040;top:0;right:0;max-width:90vw;bottom:0;transform:translate(100%);visibility:hidden;display:flex;flex-direction:column;pointer-events:auto}:host .drawer-content{background-color:var(--mat-dialog-container-color);margin:calc(var(--spacing, .25rem) * 7);flex-grow:1;box-shadow:var(--mat-dialog-container-elevation-shadow, none);border-radius:var(--mat-dialog-container-shape);overflow:hidden}:host .drawer-backdrop:not(.open){transition:opacity var(--emr-drawer-transition-duration) var(--emr-drawer-transition),visibility 0s linear var(--emr-drawer-transition-duration)}:host .drawer-backdrop.open{opacity:1;visibility:visible;transition:opacity var(--emr-drawer-transition-duration) var(--emr-drawer-transition),visibility 0s linear 0s}:host .drawer-container:not(.open){transition:transform .2s var(--emr-drawer-transition),visibility 0s linear .2s}:host .drawer-container.open{transform:translate(0);visibility:visible;transition:transform .2s var(--emr-drawer-transition),visibility 0s linear 0s}:host.no-backdrop .drawer-content{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;border:1px solid var(--color-surface-container-highest)}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"] }]
+                    }, template: "@if (showBackdrop()) {\n  <div\n    class=\"drawer-backdrop\"\n    [class.open]=\"_isOpen()\"\n    (click)=\"close()\">\n  </div>\n}\n<div\n  class=\"drawer-container\"\n  [class.open]=\"_isOpen()\">\n  <div class=\"drawer-content\">\n    <ng-content/>\n  </div>\n</div>\n", styles: [":host{--emr-drawer-transition-duration: .15s;--emr-drawer-transition: cubic-bezier(.4,0,.2,1);display:block}:host .drawer-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:color-mix(in srgb,#000 32%,transparent);opacity:0;visibility:hidden;z-index:1030}@supports (color: color-mix(in lab,red,red)){:host .drawer-backdrop{background:color-mix(in oklab,var(--color-black) 32%,transparent)}}:host .drawer-container{position:fixed;z-index:1040;top:0;right:0;max-width:90vw;bottom:0;transform:translate(100%);visibility:hidden;display:flex;flex-direction:column;pointer-events:auto}:host .drawer-content{background-color:var(--mat-dialog-container-color);margin:calc(var(--spacing, .25rem) * 7);flex-grow:1;box-shadow:var(--mat-dialog-container-elevation-shadow, none);border-radius:var(--mat-dialog-container-shape);overflow:hidden}:host .drawer-backdrop:not(.open){transition:opacity var(--emr-drawer-transition-duration) var(--emr-drawer-transition),visibility 0s linear var(--emr-drawer-transition-duration)}:host .drawer-backdrop.open{opacity:1;visibility:visible;transition:opacity var(--emr-drawer-transition-duration) var(--emr-drawer-transition),visibility 0s linear 0s}:host .drawer-container:not(.open){transition:transform .2s var(--emr-drawer-transition),visibility 0s linear .2s}:host .drawer-container.open{transform:translate(0);visibility:visible;transition:transform .2s var(--emr-drawer-transition),visibility 0s linear 0s}:host.no-backdrop .drawer-content{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;border:1px solid var(--color-surface-container-highest)}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"] }]
         }], ctorParameters: () => [], propDecorators: { initialIsOpen: [{ type: i0.Input, args: [{ isSignal: true, alias: "isOpen", required: false }] }], showBackdrop: [{ type: i0.Input, args: [{ isSignal: true, alias: "showBackdrop", required: false }] }], closed: [{ type: i0.Output, args: ["closed"] }], opened: [{ type: i0.Output, args: ["opened"] }] } });
 class DrawerIgnoreOutsideClickDirective {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: DrawerIgnoreOutsideClickDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.25", type: DrawerIgnoreOutsideClickDirective, isStandalone: true, selector: "[emrDrawerIgnoreOutsideClick]", host: { classAttribute: "emr-drawer-ignore-outside-click" }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: DrawerIgnoreOutsideClickDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.22", type: DrawerIgnoreOutsideClickDirective, isStandalone: true, selector: "[emrDrawerIgnoreOutsideClick]", host: { classAttribute: "emr-drawer-ignore-outside-click" }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: DrawerIgnoreOutsideClickDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: DrawerIgnoreOutsideClickDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[emrDrawerIgnoreOutsideClick]',

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

	@@ -1 +1 @@
1	- {"version":3,"file":"elementar-rt-components-drawer.mjs","sources":["../../../projects/components/drawer/src/types.ts","../../../projects/components/drawer/src/drawer/drawer.component.ts","../../../projects/components/drawer/src/drawer/drawer.component.html","../../../projects/components/drawer/src/drawer-ignore-outside-click.directive.ts","../../../projects/components/drawer/elementar-rt-components-drawer.ts"],"sourcesContent":["import { InjectionToken } from '@angular/core';\n\nexport const DRAWER = new InjectionToken('DRAWER');\n","import {\n Component,\n input,\n output,\n ChangeDetectionStrategy,\n effect,\n ElementRef,\n inject,\n Renderer2,\n WritableSignal,\n signal,\n computed,\n Signal,\n DOCUMENT, forwardRef,\n} from '@angular/core';\nimport { DRAWER } from '../types';\n\n@Component({\n selector: 'emr-drawer',\n exportAs: 'emrDrawer',\n templateUrl: './drawer.component.html',\n styleUrl: './drawer.component.scss',\n providers: [\n {\n provide: DRAWER,\n useExisting: forwardRef(() => DrawerComponent),\n }\n ],\n changeDetection: ChangeDetectionStrategy.OnPush,\n host: {\n 'class': 'emr-drawer',\n '[class.no-backdrop]': '_isOpen() && !showBackdrop()',\n '(document:keydown.escape)': 'onKeydownHandler($event)',\n '(document:click)': 'onDocumentClickHandler($event)'\n }\n})\nexport class DrawerComponent {\n private renderer = inject(Renderer2);\n private elementRef = inject(ElementRef);\n private document = inject(DOCUMENT);\n\n readonly initialIsOpen = input<boolean \| undefined>(undefined, { alias: 'isOpen' });\n readonly showBackdrop = input(true);\n\n readonly closed = output<void>();\n readonly opened = output<void>();\n\n private internalIsOpen: WritableSignal<boolean> = signal(false);\n private drawerContainerElement: HTMLElement \| null = null;\n private previousInternalIsOpenState: WritableSignal<boolean \| undefined> = signal(undefined);\n private justOpenedWithoutBackdrop = signal(false); // Новый флаг\n\n protected _isOpen: Signal<boolean> = computed(() => this.internalIsOpen());\n\n constructor() {\n effect(() => {\n const externalIsOpen = this.initialIsOpen();\n if (externalIsOpen !== undefined) {\n this.internalIsOpen.set(externalIsOpen);\n }\n });\n\n effect(() => {\n const currentInternalOpen = this.internalIsOpen();\n const previousInternalOpen = this.previousInternalIsOpenState();\n const backdropActive = this.showBackdrop();\n\n if (currentInternalOpen) {\n if (backdropActive) {\n this.renderer.addClass(this.document.body, 'overflow-hidden');\n }\n if (currentInternalOpen && !previousInternalOpen) {\n this.opened.emit();\n Promise.resolve().then(() => {\n this.justOpenedWithoutBackdrop.set(true);\n });\n }\n } else {\n this.renderer.removeClass(this.document.body, 'overflow-hidden');\n }\n this.previousInternalIsOpenState.set(currentInternalOpen);\n });\n }\n\n private getDrawerContainer(): HTMLElement \| null {\n if (!this.drawerContainerElement) {\n this.drawerContainerElement = this.elementRef.nativeElement.querySelector('.drawer-container');\n }\n return this.drawerContainerElement;\n }\n\n open(): void {\n if (!this.internalIsOpen()) {\n this.internalIsOpen.set(true);\n }\n }\n\n close(): void {\n if (this.internalIsOpen()) {\n this.internalIsOpen.set(false);\n this.justOpenedWithoutBackdrop.set(false);\n this.closed.emit();\n }\n }\n\n get isOpened(): boolean {\n return this._isOpen();\n }\n\n protected onKeydownHandler(event: Event): void {\n if (this._isOpen()) {\n this.close();\n }\n }\n\n protected onDocumentClickHandler(event: MouseEvent): void {\n if (!this._isOpen() \|\| this.showBackdrop() \|\| !this.justOpenedWithoutBackdrop()) {\n return;\n }\n\n const target = event.target as HTMLElement;\n\n if (\n target.classList.contains('.emr-drawer-ignore-outside-click') \|\|\n target.closest('.emr-drawer-ignore-outside-click')\n ) {\n return;\n }\n\n this.internalIsOpen.set(true);\n const clickedElement = event.target as Node;\n const drawerContainer = this.getDrawerContainer();\n\n if (drawerContainer && !drawerContainer.contains(clickedElement)) {\n this.close();\n }\n }\n}\n","@if (showBackdrop()) {\n <div\n class=\"drawer-backdrop\"\n [class.open]=\"_isOpen()\"\n (click)=\"close()\">\n </div>\n}\n<div\n class=\"drawer-container\"\n [class.open]=\"_isOpen()\">\n <div class=\"drawer-content\">\n <ng-content/>\n </div>\n</div>\n","import { Directive } from '@angular/core';\n\n@Directive({\n selector: '[emrDrawerIgnoreOutsideClick]',\n host: {\n 'class': 'emr-drawer-ignore-outside-click'\n }\n})\nexport class DrawerIgnoreOutsideClickDirective {\n}\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":";;;MAEa,MAAM,GAAG,IAAI,cAAc,CAAC,QAAQ;;MCkCpC,eAAe,CAAA;AAClB,IAAA,QAAQ,GAAG,MAAM,CAAC,SAAS,CAAC;AAC5B,IAAA,UAAU,GAAG,MAAM,CAAC,UAAU,CAAC;AAC/B,IAAA,QAAQ,GAAG,MAAM,CAAC,QAAQ,CAAC;~~AAE1B~~,~~IAAA,~~aAAa,GAAG,KAAK,CAAsB,SAAS,~~iDAAI~~,KAAK,EAAE,QAAQ,EAAA,~~CAAA,GAAA,CAAjB,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAC~~;AAC1E,IAAA,YAAY,GAAG,KAAK,CAAC,IAAI,~~wDAAC~~;IAE1B,MAAM,GAAG,MAAM,EAAQ;IACvB,MAAM,GAAG,MAAM,EAAQ;AAExB,IAAA,cAAc,GAA4B,MAAM,CAAC,KAAK,~~0DAAC~~;IACvD,sBAAsB,GAAuB,IAAI;AACjD,IAAA,2BAA2B,GAAwC,MAAM,CAAC,SAAS,~~uEAAC~~;AACpF,IAAA,yBAAyB,GAAG,MAAM,CAAC,KAAK,EAAA,IAAA,SAAA,GAAA,CAAA,EAAA,SAAA,EAAA,2BAAA,EAAA,CAAA,~~GAAA~~,EAAA,CAAA,CAAC,CAAC;IAExC,OAAO,GAAoB,QAAQ,CAAC,MAAM,IAAI,CAAC,cAAc,EAAE,EAAA,IAAA,SAAA,GAAA,CAAA,EAAA,SAAA,EAAA,SAAA,EAAA,CAAA,~~GAAA~~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~~;;;;~~"}
1	+ {"version":3,"file":"elementar-rt-components-drawer.mjs","sources":["../../../projects/components/drawer/src/types.ts","../../../projects/components/drawer/src/drawer/drawer.component.ts","../../../projects/components/drawer/src/drawer/drawer.component.html","../../../projects/components/drawer/src/drawer-ignore-outside-click.directive.ts","../../../projects/components/drawer/elementar-rt-components-drawer.ts"],"sourcesContent":["import { InjectionToken } from '@angular/core';\n\nexport const DRAWER = new InjectionToken('DRAWER');\n","import {\n Component,\n input,\n output,\n ChangeDetectionStrategy,\n effect,\n ElementRef,\n inject,\n Renderer2,\n WritableSignal,\n signal,\n computed,\n Signal,\n DOCUMENT, forwardRef,\n} from '@angular/core';\nimport { DRAWER } from '../types';\n\n@Component({\n selector: 'emr-drawer',\n exportAs: 'emrDrawer',\n templateUrl: './drawer.component.html',\n styleUrl: './drawer.component.scss',\n providers: [\n {\n provide: DRAWER,\n useExisting: forwardRef(() => DrawerComponent),\n }\n ],\n changeDetection: ChangeDetectionStrategy.OnPush,\n host: {\n 'class': 'emr-drawer',\n '[class.no-backdrop]': '_isOpen() && !showBackdrop()',\n '(document:keydown.escape)': 'onKeydownHandler($event)',\n '(document:click)': 'onDocumentClickHandler($event)'\n }\n})\nexport class DrawerComponent {\n private renderer = inject(Renderer2);\n private elementRef = inject(ElementRef);\n private document = inject(DOCUMENT);\n\n readonly initialIsOpen = input<boolean \| undefined>(undefined, { alias: 'isOpen' });\n readonly showBackdrop = input(true);\n\n readonly closed = output<void>();\n readonly opened = output<void>();\n\n private internalIsOpen: WritableSignal<boolean> = signal(false);\n private drawerContainerElement: HTMLElement \| null = null;\n private previousInternalIsOpenState: WritableSignal<boolean \| undefined> = signal(undefined);\n private justOpenedWithoutBackdrop = signal(false); // Новый флаг\n\n protected _isOpen: Signal<boolean> = computed(() => this.internalIsOpen());\n\n constructor() {\n effect(() => {\n const externalIsOpen = this.initialIsOpen();\n if (externalIsOpen !== undefined) {\n this.internalIsOpen.set(externalIsOpen);\n }\n });\n\n effect(() => {\n const currentInternalOpen = this.internalIsOpen();\n const previousInternalOpen = this.previousInternalIsOpenState();\n const backdropActive = this.showBackdrop();\n\n if (currentInternalOpen) {\n if (backdropActive) {\n this.renderer.addClass(this.document.body, 'overflow-hidden');\n }\n if (currentInternalOpen && !previousInternalOpen) {\n this.opened.emit();\n Promise.resolve().then(() => {\n this.justOpenedWithoutBackdrop.set(true);\n });\n }\n } else {\n this.renderer.removeClass(this.document.body, 'overflow-hidden');\n }\n this.previousInternalIsOpenState.set(currentInternalOpen);\n });\n }\n\n private getDrawerContainer(): HTMLElement \| null {\n if (!this.drawerContainerElement) {\n this.drawerContainerElement = this.elementRef.nativeElement.querySelector('.drawer-container');\n }\n return this.drawerContainerElement;\n }\n\n open(): void {\n if (!this.internalIsOpen()) {\n this.internalIsOpen.set(true);\n }\n }\n\n close(): void {\n if (this.internalIsOpen()) {\n this.internalIsOpen.set(false);\n this.justOpenedWithoutBackdrop.set(false);\n this.closed.emit();\n }\n }\n\n get isOpened(): boolean {\n return this._isOpen();\n }\n\n protected onKeydownHandler(event: Event): void {\n if (this._isOpen()) {\n this.close();\n }\n }\n\n protected onDocumentClickHandler(event: MouseEvent): void {\n if (!this._isOpen() \|\| this.showBackdrop() \|\| !this.justOpenedWithoutBackdrop()) {\n return;\n }\n\n const target = event.target as HTMLElement;\n\n if (\n target.classList.contains('.emr-drawer-ignore-outside-click') \|\|\n target.closest('.emr-drawer-ignore-outside-click')\n ) {\n return;\n }\n\n this.internalIsOpen.set(true);\n const clickedElement = event.target as Node;\n const drawerContainer = this.getDrawerContainer();\n\n if (drawerContainer && !drawerContainer.contains(clickedElement)) {\n this.close();\n }\n }\n}\n","@if (showBackdrop()) {\n <div\n class=\"drawer-backdrop\"\n [class.open]=\"_isOpen()\"\n (click)=\"close()\">\n </div>\n}\n<div\n class=\"drawer-container\"\n [class.open]=\"_isOpen()\">\n <div class=\"drawer-content\">\n <ng-content/>\n </div>\n</div>\n","import { Directive } from '@angular/core';\n\n@Directive({\n selector: '[emrDrawerIgnoreOutsideClick]',\n host: {\n 'class': 'emr-drawer-ignore-outside-click'\n }\n})\nexport class DrawerIgnoreOutsideClickDirective {\n}\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/elementar-rt-components-emoji-picker.mjs CHANGED Viewed

@@ -80,13 +80,13 @@ const loadData = (language) => {
 class EmojiPickerComponent {
     _trigger = inject(EMOJI_PICKER_TRIGGER_FOR, { optional: true });
     _localeId = inject(LOCALE_ID);
-    language = input('', ...(ngDevMode ? [{ debugName: "language" }] : []));
-    selectEmojiLabel = input('Select an emoji...', ...(ngDevMode ? [{ debugName: "selectEmojiLabel" }] : []));
+    language = input('', ...(ngDevMode ? [{ debugName: "language" }] : /* istanbul ignore next */ []));
+    selectEmojiLabel = input('Select an emoji...', ...(ngDevMode ? [{ debugName: "selectEmojiLabel" }] : /* istanbul ignore next */ []));
     emojiSelected = output();
-    loaded = signal(false, ...(ngDevMode ? [{ debugName: "loaded" }] : []));
-    groups = signal([], ...(ngDevMode ? [{ debugName: "groups" }] : []));
-    _hoveredEmoji = signal(null, ...(ngDevMode ? [{ debugName: "_hoveredEmoji" }] : []));
-    _skeletonEmoji = signal(Array(42).fill(1).map((x, y) => x + y), ...(ngDevMode ? [{ debugName: "_skeletonEmoji" }] : []));
+    loaded = signal(false, ...(ngDevMode ? [{ debugName: "loaded" }] : /* istanbul ignore next */ []));
+    groups = signal([], ...(ngDevMode ? [{ debugName: "groups" }] : /* istanbul ignore next */ []));
+    _hoveredEmoji = signal(null, ...(ngDevMode ? [{ debugName: "_hoveredEmoji" }] : /* istanbul ignore next */ []));
+    _skeletonEmoji = signal(Array(42).fill(1).map((x, y) => x + y), ...(ngDevMode ? [{ debugName: "_skeletonEmoji" }] : /* istanbul ignore next */ []));
     async ngOnInit() {
         let language = this.language();
         if (!language) {
@@ -138,10 +138,10 @@ class EmojiPickerComponent {
     onMouseLeave() {
         this._hoveredEmoji.set(null);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: EmojiPickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", type: EmojiPickerComponent, isStandalone: true, selector: "emr-emoji-picker", inputs: { language: { classPropertyName: "language", publicName: "language", isSignal: true, isRequired: false, transformFunction: null }, selectEmojiLabel: { classPropertyName: "selectEmojiLabel", publicName: "selectEmojiLabel", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { emojiSelected: "emojiSelected" }, host: { classAttribute: "emr-emoji-picker" }, exportAs: ["emrEmojiPicker"], ngImport: i0, template: "@if (loaded()) {\n  <dl class=\"list\" (mouseleave)=\"onMouseLeave()\">\n    @for (group of groups(); track group) {\n      <dt class=\"px-2\">{{ group.name }}</dt>\n      <dd>\n        <div class=\"emoji-container\">\n          @for (emoji of group.emoji; track emoji) {\n            <button class=\"button\"\n                    (click)=\"select(emoji)\"\n                    (mouseover)=\"hoverEmoji(emoji)\">\n              {{ emoji.emoji }}\n            </button>\n          }\n        </div>\n      </dd>\n    }\n  </dl>\n  <div class=\"hovered-emoji\">\n    @if (_hoveredEmoji()) {\n      <span class=\"emoji-preview\">{{ _hoveredEmoji().emoji }}</span>\n      <span class=\"emoji-label\">{{ _hoveredEmoji().label }}</span>\n    } @else {\n      <span class=\"select-message\">{{ selectEmojiLabel() }}</span>\n    }\n  </div>\n} @else {\n  <div class=\"list\">\n    <emr-skeleton>\n      <emr-skeleton-line class=\"skeleton-heading\"/>\n      <div class=\"skeleton-list\">\n        @for (block of _skeletonEmoji(); track block) {\n          <emr-skeleton-block class=\"size-8 rounded-sm\"/>\n        }\n      </div>\n    </emr-skeleton>\n  </div>\n  <div class=\"hovered-emoji\">\n    <emr-skeleton>\n      <emr-skeleton-line class=\"h-4\"/>\n    </emr-skeleton>\n  </div>\n}\n", styles: [":host{--emr-emoji-picker-border: none;--emr-emoji-picker-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--emr-emoji-picker-border-radius: .75rem;--emr-emoji-picker-bg: white;--emr-emoji-picker-margin: calc(var(--spacing, .25rem) * 2.5);display:block;width:312px;background:var(--color-surface-container);border-radius:var(--emr-emoji-picker-border-radius);border:var(--emr-emoji-picker-border);box-shadow:var(--emr-emoji-picker-shadow);animation:.15s emr-emoji-picker-animation;margin:var(--emr-emoji-picker-margin) 0}:host emr-skeleton{--emr-skeleton-from-bg: var(--color-surface-container-high);--emr-skeleton-to-bg: var(--color-surface-container-highest)}:host .list{padding:0 calc(var(--spacing, .25rem) * 2) calc(var(--spacing, .25rem) * 2) calc(var(--spacing, .25rem) * 2);height:300px;overflow-x:hidden;overflow-y:auto}:host .hovered-emoji{height:calc(var(--spacing, .25rem) * 11);display:flex;padding:0 calc(var(--spacing, .25rem) * 4);align-items:center;gap:calc(var(--spacing, .25rem) * 3);border-top:1px solid var(--color-border)}:host .emoji-preview{font-size:1.25rem}:host .emoji-label,:host .select-message{font-size:.75rem}:host .select-message{color:var(--color-neutral-500)}:host dt{position:sticky;top:0;left:0;right:0;height:calc(var(--spacing, .25rem) * 10);display:flex;align-items:center;font-weight:600;font-size:.875rem;background:var(--color-surface-container)}:host .skeleton-list,:host .emoji-container{display:flex;flex-wrap:wrap}:host .skeleton-list{align-items:center;justify-content:center;gap:calc(var(--spacing, .25rem) * 2)}:host .button{display:flex;width:calc(var(--spacing, .25rem) * 9);height:calc(var(--spacing, .25rem) * 9);flex:none;cursor:pointer;align-items:center;justify-content:center;border-radius:var(--radius-lg, .5rem);font-size:var(--text-xl, 1.25rem);line-height:var(--tw-leading, var(--text-xl--line-height, calc(1.75 / 1.25)))}:host .button:hover{background:var(--color-surface-container-highest)}:host .skeleton-heading{margin-top:calc(var(--spacing, .25rem) * 3)}:host .skeleton-button{flex:none}@keyframes emr-emoji-picker-animation{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}:host-context(html.dark) emr-skeleton{--emr-skeleton-from-bg: var(--color-surface-container-low);--emr-skeleton-to-bg: var(--color-surface-container-lowest)}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "component", type: SkeletonComponent, selector: "emr-skeleton", inputs: ["direction"], exportAs: ["emrSkeleton"] }, { kind: "component", type: SkeletonLineComponent, selector: "emr-skeleton-line", exportAs: ["emrSkeletonLine"] }, { kind: "component", type: SkeletonBlockComponent, selector: "emr-skeleton-block", exportAs: ["emrSkeletonBlock"] }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: EmojiPickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.22", type: EmojiPickerComponent, isStandalone: true, selector: "emr-emoji-picker", inputs: { language: { classPropertyName: "language", publicName: "language", isSignal: true, isRequired: false, transformFunction: null }, selectEmojiLabel: { classPropertyName: "selectEmojiLabel", publicName: "selectEmojiLabel", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { emojiSelected: "emojiSelected" }, host: { classAttribute: "emr-emoji-picker" }, exportAs: ["emrEmojiPicker"], ngImport: i0, template: "@if (loaded()) {\n  <dl class=\"list\" (mouseleave)=\"onMouseLeave()\">\n    @for (group of groups(); track group) {\n      <dt class=\"px-2\">{{ group.name }}</dt>\n      <dd>\n        <div class=\"emoji-container\">\n          @for (emoji of group.emoji; track emoji) {\n            <button class=\"button\"\n                    (click)=\"select(emoji)\"\n                    (mouseover)=\"hoverEmoji(emoji)\">\n              {{ emoji.emoji }}\n            </button>\n          }\n        </div>\n      </dd>\n    }\n  </dl>\n  <div class=\"hovered-emoji\">\n    @if (_hoveredEmoji()) {\n      <span class=\"emoji-preview\">{{ _hoveredEmoji().emoji }}</span>\n      <span class=\"emoji-label\">{{ _hoveredEmoji().label }}</span>\n    } @else {\n      <span class=\"select-message\">{{ selectEmojiLabel() }}</span>\n    }\n  </div>\n} @else {\n  <div class=\"list\">\n    <emr-skeleton>\n      <emr-skeleton-line class=\"skeleton-heading\"/>\n      <div class=\"skeleton-list\">\n        @for (block of _skeletonEmoji(); track block) {\n          <emr-skeleton-block class=\"size-8 rounded-sm\"/>\n        }\n      </div>\n    </emr-skeleton>\n  </div>\n  <div class=\"hovered-emoji\">\n    <emr-skeleton>\n      <emr-skeleton-line class=\"h-4\"/>\n    </emr-skeleton>\n  </div>\n}\n", styles: [":host{--emr-emoji-picker-border: none;--emr-emoji-picker-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--emr-emoji-picker-border-radius: .75rem;--emr-emoji-picker-bg: white;--emr-emoji-picker-margin: calc(var(--spacing, .25rem) * 2.5);display:block;width:312px;background:var(--color-surface-container);border-radius:var(--emr-emoji-picker-border-radius);border:var(--emr-emoji-picker-border);box-shadow:var(--emr-emoji-picker-shadow);animation:.15s emr-emoji-picker-animation;margin:var(--emr-emoji-picker-margin) 0}:host emr-skeleton{--emr-skeleton-from-bg: var(--color-surface-container-high);--emr-skeleton-to-bg: var(--color-surface-container-highest)}:host .list{padding:0px calc(var(--spacing, .25rem) * 2) calc(var(--spacing, .25rem) * 2) calc(var(--spacing, .25rem) * 2);height:300px;overflow-x:hidden;overflow-y:auto}:host .hovered-emoji{height:calc(var(--spacing, .25rem) * 11);display:flex;padding:0 calc(var(--spacing, .25rem) * 4);align-items:center;gap:calc(var(--spacing, .25rem) * 3);border-top:1px solid var(--color-border)}:host .emoji-preview{font-size:1.25rem}:host .emoji-label,:host .select-message{font-size:.75rem}:host .select-message{color:var(--color-neutral-500)}:host dt{position:sticky;top:0;left:0;right:0;height:calc(var(--spacing, .25rem) * 10);display:flex;align-items:center;font-weight:600;font-size:.875rem;background:var(--color-surface-container)}:host .skeleton-list,:host .emoji-container{display:flex;flex-wrap:wrap}:host .skeleton-list{align-items:center;justify-content:center;gap:calc(var(--spacing, .25rem) * 2)}:host .button{display:flex;width:calc(var(--spacing, .25rem) * 9);height:calc(var(--spacing, .25rem) * 9);flex:none;cursor:pointer;align-items:center;justify-content:center;border-radius:var(--radius-lg, .5rem);font-size:var(--text-xl, 1.25rem);line-height:var(--tw-leading, var(--text-xl--line-height, calc(1.75 / 1.25)))}:host .button:hover{background:var(--color-surface-container-highest)}:host .skeleton-heading{margin-top:calc(var(--spacing, .25rem) * 3)}:host .skeleton-button{flex:none}@keyframes emr-emoji-picker-animation{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}:host-context(html.dark) emr-skeleton{--emr-skeleton-from-bg: var(--color-surface-container-low);--emr-skeleton-to-bg: var(--color-surface-container-lowest)}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "component", type: SkeletonComponent, selector: "emr-skeleton", inputs: ["direction"], exportAs: ["emrSkeleton"] }, { kind: "component", type: SkeletonLineComponent, selector: "emr-skeleton-line", exportAs: ["emrSkeletonLine"] }, { kind: "component", type: SkeletonBlockComponent, selector: "emr-skeleton-block", exportAs: ["emrSkeletonBlock"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: EmojiPickerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: EmojiPickerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'emr-emoji-picker', exportAs: 'emrEmojiPicker', imports: [
                         SkeletonComponent,
@@ -149,7 +149,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImpo
                         SkeletonBlockComponent
                     ], host: {
                         'class': 'emr-emoji-picker',
-                    }, template: "@if (loaded()) {\n  <dl class=\"list\" (mouseleave)=\"onMouseLeave()\">\n    @for (group of groups(); track group) {\n      <dt class=\"px-2\">{{ group.name }}</dt>\n      <dd>\n        <div class=\"emoji-container\">\n          @for (emoji of group.emoji; track emoji) {\n            <button class=\"button\"\n                    (click)=\"select(emoji)\"\n                    (mouseover)=\"hoverEmoji(emoji)\">\n              {{ emoji.emoji }}\n            </button>\n          }\n        </div>\n      </dd>\n    }\n  </dl>\n  <div class=\"hovered-emoji\">\n    @if (_hoveredEmoji()) {\n      <span class=\"emoji-preview\">{{ _hoveredEmoji().emoji }}</span>\n      <span class=\"emoji-label\">{{ _hoveredEmoji().label }}</span>\n    } @else {\n      <span class=\"select-message\">{{ selectEmojiLabel() }}</span>\n    }\n  </div>\n} @else {\n  <div class=\"list\">\n    <emr-skeleton>\n      <emr-skeleton-line class=\"skeleton-heading\"/>\n      <div class=\"skeleton-list\">\n        @for (block of _skeletonEmoji(); track block) {\n          <emr-skeleton-block class=\"size-8 rounded-sm\"/>\n        }\n      </div>\n    </emr-skeleton>\n  </div>\n  <div class=\"hovered-emoji\">\n    <emr-skeleton>\n      <emr-skeleton-line class=\"h-4\"/>\n    </emr-skeleton>\n  </div>\n}\n", styles: [":host{--emr-emoji-picker-border: none;--emr-emoji-picker-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--emr-emoji-picker-border-radius: .75rem;--emr-emoji-picker-bg: white;--emr-emoji-picker-margin: calc(var(--spacing, .25rem) * 2.5);display:block;width:312px;background:var(--color-surface-container);border-radius:var(--emr-emoji-picker-border-radius);border:var(--emr-emoji-picker-border);box-shadow:var(--emr-emoji-picker-shadow);animation:.15s emr-emoji-picker-animation;margin:var(--emr-emoji-picker-margin) 0}:host emr-skeleton{--emr-skeleton-from-bg: var(--color-surface-container-high);--emr-skeleton-to-bg: var(--color-surface-container-highest)}:host .list{padding:0 calc(var(--spacing, .25rem) * 2) calc(var(--spacing, .25rem) * 2) calc(var(--spacing, .25rem) * 2);height:300px;overflow-x:hidden;overflow-y:auto}:host .hovered-emoji{height:calc(var(--spacing, .25rem) * 11);display:flex;padding:0 calc(var(--spacing, .25rem) * 4);align-items:center;gap:calc(var(--spacing, .25rem) * 3);border-top:1px solid var(--color-border)}:host .emoji-preview{font-size:1.25rem}:host .emoji-label,:host .select-message{font-size:.75rem}:host .select-message{color:var(--color-neutral-500)}:host dt{position:sticky;top:0;left:0;right:0;height:calc(var(--spacing, .25rem) * 10);display:flex;align-items:center;font-weight:600;font-size:.875rem;background:var(--color-surface-container)}:host .skeleton-list,:host .emoji-container{display:flex;flex-wrap:wrap}:host .skeleton-list{align-items:center;justify-content:center;gap:calc(var(--spacing, .25rem) * 2)}:host .button{display:flex;width:calc(var(--spacing, .25rem) * 9);height:calc(var(--spacing, .25rem) * 9);flex:none;cursor:pointer;align-items:center;justify-content:center;border-radius:var(--radius-lg, .5rem);font-size:var(--text-xl, 1.25rem);line-height:var(--tw-leading, var(--text-xl--line-height, calc(1.75 / 1.25)))}:host .button:hover{background:var(--color-surface-container-highest)}:host .skeleton-heading{margin-top:calc(var(--spacing, .25rem) * 3)}:host .skeleton-button{flex:none}@keyframes emr-emoji-picker-animation{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}:host-context(html.dark) emr-skeleton{--emr-skeleton-from-bg: var(--color-surface-container-low);--emr-skeleton-to-bg: var(--color-surface-container-lowest)}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"] }]
+                    }, template: "@if (loaded()) {\n  <dl class=\"list\" (mouseleave)=\"onMouseLeave()\">\n    @for (group of groups(); track group) {\n      <dt class=\"px-2\">{{ group.name }}</dt>\n      <dd>\n        <div class=\"emoji-container\">\n          @for (emoji of group.emoji; track emoji) {\n            <button class=\"button\"\n                    (click)=\"select(emoji)\"\n                    (mouseover)=\"hoverEmoji(emoji)\">\n              {{ emoji.emoji }}\n            </button>\n          }\n        </div>\n      </dd>\n    }\n  </dl>\n  <div class=\"hovered-emoji\">\n    @if (_hoveredEmoji()) {\n      <span class=\"emoji-preview\">{{ _hoveredEmoji().emoji }}</span>\n      <span class=\"emoji-label\">{{ _hoveredEmoji().label }}</span>\n    } @else {\n      <span class=\"select-message\">{{ selectEmojiLabel() }}</span>\n    }\n  </div>\n} @else {\n  <div class=\"list\">\n    <emr-skeleton>\n      <emr-skeleton-line class=\"skeleton-heading\"/>\n      <div class=\"skeleton-list\">\n        @for (block of _skeletonEmoji(); track block) {\n          <emr-skeleton-block class=\"size-8 rounded-sm\"/>\n        }\n      </div>\n    </emr-skeleton>\n  </div>\n  <div class=\"hovered-emoji\">\n    <emr-skeleton>\n      <emr-skeleton-line class=\"h-4\"/>\n    </emr-skeleton>\n  </div>\n}\n", styles: [":host{--emr-emoji-picker-border: none;--emr-emoji-picker-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--emr-emoji-picker-border-radius: .75rem;--emr-emoji-picker-bg: white;--emr-emoji-picker-margin: calc(var(--spacing, .25rem) * 2.5);display:block;width:312px;background:var(--color-surface-container);border-radius:var(--emr-emoji-picker-border-radius);border:var(--emr-emoji-picker-border);box-shadow:var(--emr-emoji-picker-shadow);animation:.15s emr-emoji-picker-animation;margin:var(--emr-emoji-picker-margin) 0}:host emr-skeleton{--emr-skeleton-from-bg: var(--color-surface-container-high);--emr-skeleton-to-bg: var(--color-surface-container-highest)}:host .list{padding:0px calc(var(--spacing, .25rem) * 2) calc(var(--spacing, .25rem) * 2) calc(var(--spacing, .25rem) * 2);height:300px;overflow-x:hidden;overflow-y:auto}:host .hovered-emoji{height:calc(var(--spacing, .25rem) * 11);display:flex;padding:0 calc(var(--spacing, .25rem) * 4);align-items:center;gap:calc(var(--spacing, .25rem) * 3);border-top:1px solid var(--color-border)}:host .emoji-preview{font-size:1.25rem}:host .emoji-label,:host .select-message{font-size:.75rem}:host .select-message{color:var(--color-neutral-500)}:host dt{position:sticky;top:0;left:0;right:0;height:calc(var(--spacing, .25rem) * 10);display:flex;align-items:center;font-weight:600;font-size:.875rem;background:var(--color-surface-container)}:host .skeleton-list,:host .emoji-container{display:flex;flex-wrap:wrap}:host .skeleton-list{align-items:center;justify-content:center;gap:calc(var(--spacing, .25rem) * 2)}:host .button{display:flex;width:calc(var(--spacing, .25rem) * 9);height:calc(var(--spacing, .25rem) * 9);flex:none;cursor:pointer;align-items:center;justify-content:center;border-radius:var(--radius-lg, .5rem);font-size:var(--text-xl, 1.25rem);line-height:var(--tw-leading, var(--text-xl--line-height, calc(1.75 / 1.25)))}:host .button:hover{background:var(--color-surface-container-highest)}:host .skeleton-heading{margin-top:calc(var(--spacing, .25rem) * 3)}:host .skeleton-button{flex:none}@keyframes emr-emoji-picker-animation{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}:host-context(html.dark) emr-skeleton{--emr-skeleton-from-bg: var(--color-surface-container-low);--emr-skeleton-to-bg: var(--color-surface-container-lowest)}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"] }]
         }], propDecorators: { language: [{ type: i0.Input, args: [{ isSignal: true, alias: "language", required: false }] }], selectEmojiLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectEmojiLabel", required: false }] }], emojiSelected: [{ type: i0.Output, args: ["emojiSelected"] }] } });
 class EmojiPickerTriggerForDirective {
@@ -160,10 +160,8 @@ class EmojiPickerTriggerForDirective {
     _injector = inject(Injector);
     _overlayRef = null;
     _destroyRef = inject(DestroyRef);
-    for = input.required(...(ngDevMode ? [{ debugName: "for", alias: 'emrEmojiPickerTriggerFor' }] : [{
-            alias: 'emrEmojiPickerTriggerFor'
-        }]));
-    position = input('below-start', ...(ngDevMode ? [{ debugName: "position" }] : []));
+    for = input.required({ ...(ngDevMode ? { debugName: "for" } : /* istanbul ignore next */ {}), alias: 'emrEmojiPickerTriggerFor' });
+    position = input('below-start', ...(ngDevMode ? [{ debugName: "position" }] : /* istanbul ignore next */ []));
     opened = output();
     closed = output();
     get api() {
@@ -227,10 +225,10 @@ class EmojiPickerTriggerForDirective {
     _getOverlayPositions() {
         return (new PositionManager()).build(this.position());
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: EmojiPickerTriggerForDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.25", type: EmojiPickerTriggerForDirective, isStandalone: true, selector: "[emrEmojiPickerTriggerFor]", inputs: { for: { classPropertyName: "for", publicName: "emrEmojiPickerTriggerFor", isSignal: true, isRequired: true, transformFunction: null }, position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { opened: "opened", closed: "closed" }, host: { listeners: { "click": "_onClick($event)" } }, exportAs: ["emrEmojiPickerTriggerFor"], ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: EmojiPickerTriggerForDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.22", type: EmojiPickerTriggerForDirective, isStandalone: true, selector: "[emrEmojiPickerTriggerFor]", inputs: { for: { classPropertyName: "for", publicName: "emrEmojiPickerTriggerFor", isSignal: true, isRequired: true, transformFunction: null }, position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { opened: "opened", closed: "closed" }, host: { listeners: { "click": "_onClick($event)" } }, exportAs: ["emrEmojiPickerTriggerFor"], ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: EmojiPickerTriggerForDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: EmojiPickerTriggerForDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[emrEmojiPickerTriggerFor]',

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

	@@ -1 +1 @@
1	- {"version":3,"file":"elementar-rt-components-emoji-picker.mjs","sources":["../../../projects/components/emoji-picker/src/types.ts","../../../projects/components/emoji-picker/src/emoji-picker/emoji-picker.component.ts","../../../projects/components/emoji-picker/src/emoji-picker/emoji-picker.component.html","../../../projects/components/emoji-picker/src/emoji-picker-trigger-for.directive.ts","../../../projects/components/emoji-picker/elementar-rt-components-emoji-picker.ts"],"sourcesContent":["import { InjectionToken } from '@angular/core';\n\nexport const EMOJI_PICKER_TRIGGER_FOR = new InjectionToken('EMOJI_PICKER_TRIGGER_FOR');\n","import { Component, inject, input, LOCALE_ID, OnInit, output, signal } from '@angular/core';\nimport { EMOJI_PICKER_TRIGGER_FOR } from '../types';\nimport { SkeletonBlockComponent, SkeletonComponent, SkeletonLineComponent } from '@elementar-rt/components/skeleton';\n\nconst loadedEmoji = new Map<string, { groups: any[] }>();\nconst loadGroups = (language: string) => {\n const imports: any = {\n en: import('emojibase-data/en/messages.json'),\n bn: import('emojibase-data/bn/messages.json'),\n da: import('emojibase-data/da/messages.json'),\n de: import('emojibase-data/de/messages.json'),\n es: import('emojibase-data/es/messages.json'),\n et: import('emojibase-data/et/messages.json'),\n fi: import('emojibase-data/fi/messages.json'),\n fr: import('emojibase-data/fr/messages.json'),\n hi: import('emojibase-data/hi/messages.json'),\n hu: import('emojibase-data/hu/messages.json'),\n it: import('emojibase-data/it/messages.json'),\n ja: import('emojibase-data/ja/messages.json'),\n ko: import('emojibase-data/ko/messages.json'),\n lt: import('emojibase-data/lt/messages.json'),\n ms: import('emojibase-data/ms/messages.json'),\n nb: import('emojibase-data/nb/messages.json'),\n nl: import('emojibase-data/nl/messages.json'),\n pl: import('emojibase-data/pl/messages.json'),\n pt: import('emojibase-data/pt/messages.json'),\n ru: import('emojibase-data/ru/messages.json'),\n sv: import('emojibase-data/sv/messages.json'),\n th: import('emojibase-data/th/messages.json'),\n uk: import('emojibase-data/uk/messages.json'),\n vi: import('emojibase-data/vi/messages.json'),\n zh: import('emojibase-data/zh/messages.json'),\n };\n\n if (imports[language]) {\n return imports[language];\n }\n\n return imports['en'];\n}\n\nconst loadData = (language: string) => {\n const imports: any = {\n en: import('emojibase-data/en/data.json').then(m => m.default),\n bn: import('emojibase-data/bn/data.json').then(m => m.default),\n da: import('emojibase-data/da/data.json').then(m => m.default),\n de: import('emojibase-data/de/data.json').then(m => m.default),\n es: import('emojibase-data/es/data.json').then(m => m.default),\n et: import('emojibase-data/et/data.json').then(m => m.default),\n fi: import('emojibase-data/fi/data.json').then(m => m.default),\n fr: import('emojibase-data/fr/data.json').then(m => m.default),\n hi: import('emojibase-data/hi/data.json').then(m => m.default),\n hu: import('emojibase-data/hu/data.json').then(m => m.default),\n it: import('emojibase-data/it/data.json').then(m => m.default),\n ja: import('emojibase-data/ja/data.json').then(m => m.default),\n ko: import('emojibase-data/ko/data.json').then(m => m.default),\n lt: import('emojibase-data/lt/data.json').then(m => m.default),\n ms: import('emojibase-data/ms/data.json').then(m => m.default),\n nb: import('emojibase-data/nb/data.json').then(m => m.default),\n nl: import('emojibase-data/nl/data.json').then(m => m.default),\n pl: import('emojibase-data/pl/data.json').then(m => m.default),\n pt: import('emojibase-data/pt/data.json').then(m => m.default),\n ru: import('emojibase-data/ru/data.json').then(m => m.default),\n sv: import('emojibase-data/sv/data.json').then(m => m.default),\n th: import('emojibase-data/th/data.json').then(m => m.default),\n uk: import('emojibase-data/uk/data.json').then(m => m.default),\n vi: import('emojibase-data/vi/data.json').then(m => m.default),\n zh: import('emojibase-data/zh/data.json').then(m => m.default),\n };\n\n if (imports[language]) {\n return imports[language];\n }\n\n return imports['en'];\n}\n\n@Component({\n selector: 'emr-emoji-picker',\n exportAs: 'emrEmojiPicker',\n templateUrl: './emoji-picker.component.html',\n styleUrl: './emoji-picker.component.scss',\n imports: [\n SkeletonComponent,\n SkeletonLineComponent,\n SkeletonBlockComponent\n ],\n host: {\n 'class': 'emr-emoji-picker',\n }\n})\nexport class EmojiPickerComponent implements OnInit {\n private _trigger = inject<any>(EMOJI_PICKER_TRIGGER_FOR, { optional: true });\n private _localeId = inject(LOCALE_ID);\n\n language = input('');\n selectEmojiLabel = input('Select an emoji...');\n\n readonly emojiSelected = output<string>();\n\n protected loaded = signal(false);\n protected groups = signal<any[]>([]);\n protected _hoveredEmoji = signal<any>(null);\n protected _skeletonEmoji = signal(Array(42).fill(1).map((x, y) => x + y));\n\n async ngOnInit() {\n let language: string = this.language();\n\n if (!language) {\n language = this._localeId.split('-')[0];\n }\n\n if (loadedEmoji.has(language)) {\n this.groups.set(loadedEmoji.get(language)?.groups as any);\n } else {\n const groupsSubgroups = await loadGroups(language);\n const data = await loadData(language);\n const groups: any[] = [];\n const groupKeyMap = new Map<string, number>();\n groupsSubgroups.groups.forEach((group: any, index: number ) => {\n if (group.key === 'component') {\n return;\n }\n\n groupKeyMap.set(group.key, index);\n });\n groupsSubgroups.groups.forEach((group: any) => {\n if (group.key === 'component') {\n return;\n }\n\n const emoji: any[] = data.filter((emoji: any) => {\n if (emoji.emoji === '🫩') {\n return false;\n }\n\n return emoji.group === groupKeyMap.get(group.key);\n });\n groups.push({\n name: group.message,\n emoji\n });\n });\n this.groups.set(groups);\n loadedEmoji.set(this.language(), { groups });\n }\n\n this.loaded.set(true);\n }\n\n select(emoji: any) {\n this.emojiSelected.emit(emoji.emoji);\n\n if (this._trigger) {\n this._trigger.api.close();\n }\n }\n\n hoverEmoji(emoji: any) {\n this._hoveredEmoji.set(emoji);\n }\n\n onMouseLeave() {\n this._hoveredEmoji.set(null);\n }\n}\n","@if (loaded()) {\n <dl class=\"list\" (mouseleave)=\"onMouseLeave()\">\n @for (group of groups(); track group) {\n <dt class=\"px-2\">{{ group.name }}</dt>\n <dd>\n <div class=\"emoji-container\">\n @for (emoji of group.emoji; track emoji) {\n <button class=\"button\"\n (click)=\"select(emoji)\"\n (mouseover)=\"hoverEmoji(emoji)\">\n {{ emoji.emoji }}\n </button>\n }\n </div>\n </dd>\n }\n </dl>\n <div class=\"hovered-emoji\">\n @if (_hoveredEmoji()) {\n <span class=\"emoji-preview\">{{ _hoveredEmoji().emoji }}</span>\n <span class=\"emoji-label\">{{ _hoveredEmoji().label }}</span>\n } @else {\n <span class=\"select-message\">{{ selectEmojiLabel() }}</span>\n }\n </div>\n} @else {\n <div class=\"list\">\n <emr-skeleton>\n <emr-skeleton-line class=\"skeleton-heading\"/>\n <div class=\"skeleton-list\">\n @for (block of _skeletonEmoji(); track block) {\n <emr-skeleton-block class=\"size-8 rounded-sm\"/>\n }\n </div>\n </emr-skeleton>\n </div>\n <div class=\"hovered-emoji\">\n <emr-skeleton>\n <emr-skeleton-line class=\"h-4\"/>\n </emr-skeleton>\n </div>\n}\n","import {\n DestroyRef,\n Directive,\n ElementRef, forwardRef,\n inject,\n Injector,\n input,\n output,\n TemplateRef,\n ViewContainerRef\n} from '@angular/core';\nimport { PopoverPosition } from '@elementar-rt/components/popover';\nimport {\n ConnectedPosition,\n FlexibleConnectedPositionStrategy,\n Overlay,\n OverlayConfig,\n OverlayRef\n} from '@angular/cdk/overlay';\nimport { Directionality } from '@angular/cdk/bidi';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { _getEventTarget } from '@angular/cdk/platform';\nimport { TemplatePortal } from '@angular/cdk/portal';\nimport { PositionManager } from '@elementar-rt/components/overlay';\nimport { EMOJI_PICKER_TRIGGER_FOR } from './types';\n\n@Directive({\n selector: '[emrEmojiPickerTriggerFor]',\n exportAs: 'emrEmojiPickerTriggerFor',\n host: {\n '(click)': '_onClick($event)'\n }\n})\nexport class EmojiPickerTriggerForDirective {\n private _overlay = inject(Overlay);\n private _elementRef: ElementRef<HTMLElement> = inject(ElementRef);\n private _directionality = inject(Directionality, { optional: true });\n private _viewContainerRef = inject(ViewContainerRef);\n private _injector = inject(Injector);\n private _overlayRef: OverlayRef \| null = null;\n private _destroyRef = inject(DestroyRef);\n\n for = input.required<TemplateRef<any>>({\n alias: 'emrEmojiPickerTriggerFor'\n });\n\n position = input<PopoverPosition>('below-start');\n\n readonly opened = output<void>();\n readonly closed = output<void>();\n\n get api() {\n return {\n close: () => this._close()\n }\n }\n\n protected _onClick(event: Event) {\n event.stopPropagation();\n event.preventDefault();\n\n this.opened.emit();\n this._overlayRef = this._overlay.create(this._getOverlayConfig());\n this._overlayRef.attach(this._getPopoverContentPortal());\n this._subscribeToOutsideClicks();\n }\n\n private _close() {\n this.closed.emit();\n this._overlayRef!?.detach();\n }\n\n private _subscribeToOutsideClicks() {\n if (this._overlayRef) {\n this._overlayRef\n .outsidePointerEvents()\n .pipe(takeUntilDestroyed(this._destroyRef))\n .subscribe(event => {\n const target = _getEventTarget(event) as Element;\n const element = this._elementRef.nativeElement;\n\n if (target !== element && !element.contains(target)) {\n this._close();\n }\n })\n ;\n }\n }\n\n private _getPopoverContentPortal() {\n const injector = Injector.create({\n providers: [\n {\n provide: EMOJI_PICKER_TRIGGER_FOR,\n useValue: this,\n }\n ],\n parent: this._injector\n });\n return new TemplatePortal(\n this.for(),\n this._viewContainerRef,\n null,\n injector\n );\n }\n\n private _getOverlayConfig() {\n return new OverlayConfig({\n positionStrategy: this._getOverlayPositionStrategy(),\n scrollStrategy: this._overlay.scrollStrategies.reposition(),\n direction: this._directionality \|\| undefined\n });\n }\n\n private _getOverlayPositionStrategy(): FlexibleConnectedPositionStrategy {\n return this._overlay\n .position()\n .flexibleConnectedTo(this._elementRef)\n .setOrigin(this._elementRef)\n .withGrowAfterOpen()\n .withPositions(this._getOverlayPositions())\n ;\n }\n\n private _getOverlayPositions(): ConnectedPosition[] {\n return (new PositionManager()).build(this.position());\n }\n}\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":";;;;;;;;;;AAEO,MAAM,wBAAwB,GAAG,IAAI,cAAc,CAAC,0BAA0B,CAAC;;ACEtF,MAAM,WAAW,GAAG,IAAI,GAAG,EAA6B;AACxD,MAAM,UAAU,GAAG,CAAC,QAAgB,KAAI;AACtC,IAAA,MAAM,OAAO,GAAQ;AACnB,QAAA,EAAE,EAAE,OAAO,iCAAiC,CAAC;AAC7C,QAAA,EAAE,EAAE,OAAO,iCAAiC,CAAC;AAC7C,QAAA,EAAE,EAAE,OAAO,iCAAiC,CAAC;AAC7C,QAAA,EAAE,EAAE,OAAO,iCAAiC,CAAC;AAC7C,QAAA,EAAE,EAAE,OAAO,iCAAiC,CAAC;AAC7C,QAAA,EAAE,EAAE,OAAO,iCAAiC,CAAC;AAC7C,QAAA,EAAE,EAAE,OAAO,iCAAiC,CAAC;AAC7C,QAAA,EAAE,EAAE,OAAO,iCAAiC,CAAC;AAC7C,QAAA,EAAE,EAAE,OAAO,iCAAiC,CAAC;AAC7C,QAAA,EAAE,EAAE,OAAO,iCAAiC,CAAC;AAC7C,QAAA,EAAE,EAAE,OAAO,iCAAiC,CAAC;AAC7C,QAAA,EAAE,EAAE,OAAO,iCAAiC,CAAC;AAC7C,QAAA,EAAE,EAAE,OAAO,iCAAiC,CAAC;AAC7C,QAAA,EAAE,EAAE,OAAO,iCAAiC,CAAC;AAC7C,QAAA,EAAE,EAAE,OAAO,iCAAiC,CAAC;AAC7C,QAAA,EAAE,EAAE,OAAO,iCAAiC,CAAC;AAC7C,QAAA,EAAE,EAAE,OAAO,iCAAiC,CAAC;AAC7C,QAAA,EAAE,EAAE,OAAO,iCAAiC,CAAC;AAC7C,QAAA,EAAE,EAAE,OAAO,iCAAiC,CAAC;AAC7C,QAAA,EAAE,EAAE,OAAO,iCAAiC,CAAC;AAC7C,QAAA,EAAE,EAAE,OAAO,iCAAiC,CAAC;AAC7C,QAAA,EAAE,EAAE,OAAO,iCAAiC,CAAC;AAC7C,QAAA,EAAE,EAAE,OAAO,iCAAiC,CAAC;AAC7C,QAAA,EAAE,EAAE,OAAO,iCAAiC,CAAC;AAC7C,QAAA,EAAE,EAAE,OAAO,iCAAiC,CAAC;KAC9C;AAED,IAAA,IAAI,OAAO,CAAC,QAAQ,CAAC,EAAE;AACrB,QAAA,OAAO,OAAO,CAAC,QAAQ,CAAC;IAC1B;AAEA,IAAA,OAAO,OAAO,CAAC,IAAI,CAAC;AACtB,CAAC;AAED,MAAM,QAAQ,GAAG,CAAC,QAAgB,KAAI;AACpC,IAAA,MAAM,OAAO,GAAQ;AACnB,QAAA,EAAE,EAAE,OAAO,6BAA6B,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC;AAC9D,QAAA,EAAE,EAAE,OAAO,6BAA6B,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC;AAC9D,QAAA,EAAE,EAAE,OAAO,6BAA6B,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC;AAC9D,QAAA,EAAE,EAAE,OAAO,6BAA6B,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC;AAC9D,QAAA,EAAE,EAAE,OAAO,6BAA6B,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC;AAC9D,QAAA,EAAE,EAAE,OAAO,6BAA6B,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC;AAC9D,QAAA,EAAE,EAAE,OAAO,6BAA6B,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC;AAC9D,QAAA,EAAE,EAAE,OAAO,6BAA6B,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC;AAC9D,QAAA,EAAE,EAAE,OAAO,6BAA6B,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC;AAC9D,QAAA,EAAE,EAAE,OAAO,6BAA6B,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC;AAC9D,QAAA,EAAE,EAAE,OAAO,6BAA6B,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC;AAC9D,QAAA,EAAE,EAAE,OAAO,6BAA6B,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC;AAC9D,QAAA,EAAE,EAAE,OAAO,6BAA6B,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC;AAC9D,QAAA,EAAE,EAAE,OAAO,6BAA6B,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC;AAC9D,QAAA,EAAE,EAAE,OAAO,6BAA6B,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC;AAC9D,QAAA,EAAE,EAAE,OAAO,6BAA6B,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC;AAC9D,QAAA,EAAE,EAAE,OAAO,6BAA6B,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC;AAC9D,QAAA,EAAE,EAAE,OAAO,6BAA6B,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC;AAC9D,QAAA,EAAE,EAAE,OAAO,6BAA6B,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC;AAC9D,QAAA,EAAE,EAAE,OAAO,6BAA6B,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC;AAC9D,QAAA,EAAE,EAAE,OAAO,6BAA6B,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC;AAC9D,QAAA,EAAE,EAAE,OAAO,6BAA6B,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC;AAC9D,QAAA,EAAE,EAAE,OAAO,6BAA6B,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC;AAC9D,QAAA,EAAE,EAAE,OAAO,6BAA6B,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC;AAC9D,QAAA,EAAE,EAAE,OAAO,6BAA6B,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC;KAC/D;AAED,IAAA,IAAI,OAAO,CAAC,QAAQ,CAAC,EAAE;AACrB,QAAA,OAAO,OAAO,CAAC,QAAQ,CAAC;IAC1B;AAEA,IAAA,OAAO,OAAO,CAAC,IAAI,CAAC;AACtB,CAAC;MAgBY,oBAAoB,CAAA;IACvB,QAAQ,GAAG,MAAM,CAAM,wBAAwB,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;AACpE,IAAA,SAAS,GAAG,MAAM,CAAC,SAAS,CAAC;AAErC,IAAA,QAAQ,GAAG,KAAK,CAAC,EAAE,oDAAC;AACpB,IAAA,gBAAgB,GAAG,KAAK,CAAC,oBAAoB,4DAAC;IAErC,aAAa,GAAG,MAAM,EAAU;AAE/B,IAAA,MAAM,GAAG,MAAM,CAAC,KAAK,kDAAC;AACtB,IAAA,MAAM,GAAG,MAAM,CAAQ,EAAE,kDAAC;AAC1B,IAAA,aAAa,GAAG,MAAM,CAAM,IAAI,yDAAC;IACjC,cAAc,GAAG,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,EAAA,IAAA,SAAA,GAAA,CAAA,EAAA,SAAA,EAAA,gBAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAC;AAEzE,IAAA,MAAM,QAAQ,GAAA;AACZ,QAAA,IAAI,QAAQ,GAAW,IAAI,CAAC,QAAQ,EAAE;QAEtC,IAAI,CAAC,QAAQ,EAAE;AACb,YAAA,QAAQ,GAAG,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;QACzC;AAEA,QAAA,IAAI,WAAW,CAAC,GAAG,CAAC,QAAQ,CAAC,EAAE;AAC7B,YAAA,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,WAAW,CAAC,GAAG,CAAC,QAAQ,CAAC,EAAE,MAAa,CAAC;QAC3D;aAAO;AACL,YAAA,MAAM,eAAe,GAAG,MAAM,UAAU,CAAC,QAAQ,CAAC;AAClD,YAAA,MAAM,IAAI,GAAG,MAAM,QAAQ,CAAC,QAAQ,CAAC;YACrC,MAAM,MAAM,GAAU,EAAE;AACxB,YAAA,MAAM,WAAW,GAAG,IAAI,GAAG,EAAkB;YAC7C,eAAe,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,KAAU,EAAE,KAAa,KAAK;AAC5D,gBAAA,IAAI,KAAK,CAAC,GAAG,KAAK,WAAW,EAAE;oBAC7B;gBACF;gBAEA,WAAW,CAAC,GAAG,CAAC,KAAK,CAAC,GAAG,EAAE,KAAK,CAAC;AACnC,YAAA,CAAC,CAAC;YACF,eAAe,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,KAAU,KAAI;AAC5C,gBAAA,IAAI,KAAK,CAAC,GAAG,KAAK,WAAW,EAAE;oBAC7B;gBACF;gBAEA,MAAM,KAAK,GAAU,IAAI,CAAC,MAAM,CAAC,CAAC,KAAU,KAAI;AAC9C,oBAAA,IAAI,KAAK,CAAC,KAAK,KAAK,IAAI,EAAE;AACxB,wBAAA,OAAO,KAAK;oBACd;AAEA,oBAAA,OAAO,KAAK,CAAC,KAAK,KAAK,WAAW,CAAC,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC;AACnD,gBAAA,CAAC,CAAC;gBACF,MAAM,CAAC,IAAI,CAAC;oBACV,IAAI,EAAE,KAAK,CAAC,OAAO;oBACnB;AACD,iBAAA,CAAC;AACJ,YAAA,CAAC,CAAC;AACF,YAAA,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,MAAM,CAAC;AACvB,YAAA,WAAW,CAAC,GAAG,CAAC,IAAI,CAAC,QAAQ,EAAE,EAAE,EAAE,MAAM,EAAE,CAAC;QAC9C;AAEA,QAAA,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC;IACvB;AAEA,IAAA,MAAM,CAAC,KAAU,EAAA;QACf,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC;AAEpC,QAAA,IAAI,IAAI,CAAC,QAAQ,EAAE;AACjB,YAAA,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,KAAK,EAAE;QAC3B;IACF;AAEA,IAAA,UAAU,CAAC,KAAU,EAAA;AACnB,QAAA,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,KAAK,CAAC;IAC/B;IAEA,YAAY,GAAA;AACV,QAAA,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,IAAI,CAAC;IAC9B;wGAzEW,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAApB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,oBAAoB,2eC3FjC,swCA0CA,EAAA,MAAA,EAAA,CAAA,02EAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDyCI,iBAAiB,EAAA,QAAA,EAAA,cAAA,EAAA,MAAA,EAAA,CAAA,WAAA,CAAA,EAAA,QAAA,EAAA,CAAA,aAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACjB,qBAAqB,6FACrB,sBAAsB,EAAA,QAAA,EAAA,oBAAA,EAAA,QAAA,EAAA,CAAA,kBAAA,CAAA,EAAA,CAAA,EAAA,CAAA;;4FAMb,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBAdhC,SAAS;+BACE,kBAAkB,EAAA,QAAA,EAClB,gBAAgB,EAAA,OAAA,EAGjB;wBACP,iBAAiB;wBACjB,qBAAqB;wBACrB;qBACD,EAAA,IAAA,EACK;AACJ,wBAAA,OAAO,EAAE,kBAAkB;AAC5B,qBAAA,EAAA,QAAA,EAAA,swCAAA,EAAA,MAAA,EAAA,CAAA,02EAAA,CAAA,EAAA;;;MExDU,8BAA8B,CAAA;AACjC,IAAA,QAAQ,GAAG,MAAM,CAAC,OAAO,CAAC;AAC1B,IAAA,WAAW,GAA4B,MAAM,CAAC,UAAU,CAAC;IACzD,eAAe,GAAG,MAAM,CAAC,cAAc,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;AAC5D,IAAA,iBAAiB,GAAG,MAAM,CAAC,gBAAgB,CAAC;AAC5C,IAAA,SAAS,GAAG,MAAM,CAAC,QAAQ,CAAC;IAC5B,WAAW,GAAsB,IAAI;AACrC,IAAA,WAAW,GAAG,MAAM,CAAC,UAAU,CAAC;IAExC,GAAG,GAAG,KAAK,CAAC,QAAQ,sCAClB,KAAK,EAAE,0BAA0B,EAAA,CAAA,GAAA,CADI;AACrC,YAAA,KAAK,EAAE;AACR,SAAA,CAAA,CAAA,CAAC;AAEF,IAAA,QAAQ,GAAG,KAAK,CAAkB,aAAa,oDAAC;IAEvC,MAAM,GAAG,MAAM,EAAQ;IACvB,MAAM,GAAG,MAAM,EAAQ;AAEhC,IAAA,IAAI,GAAG,GAAA;QACL,OAAO;AACL,YAAA,KAAK,EAAE,MAAM,IAAI,CAAC,MAAM;SACzB;IACH;AAEU,IAAA,QAAQ,CAAC,KAAY,EAAA;QAC7B,KAAK,CAAC,eAAe,EAAE;QACvB,KAAK,CAAC,cAAc,EAAE;AAEtB,QAAA,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE;AAClB,QAAA,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,IAAI,CAAC,iBAAiB,EAAE,CAAC;QACjE,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,IAAI,CAAC,wBAAwB,EAAE,CAAC;QACxD,IAAI,CAAC,yBAAyB,EAAE;IAClC;IAEQ,MAAM,GAAA;AACZ,QAAA,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE;AAClB,QAAA,IAAI,CAAC,WAAY,EAAE,MAAM,EAAE;IAC7B;IAEQ,yBAAyB,GAAA;AAC/B,QAAA,IAAI,IAAI,CAAC,WAAW,EAAE;AACpB,YAAA,IAAI,CAAC;AACF,iBAAA,oBAAoB;AACpB,iBAAA,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,WAAW,CAAC;iBACzC,SAAS,CAAC,KAAK,IAAG;AACjB,gBAAA,MAAM,MAAM,GAAG,eAAe,CAAC,KAAK,CAAY;AAChD,gBAAA,MAAM,OAAO,GAAG,IAAI,CAAC,WAAW,CAAC,aAAa;AAE9C,gBAAA,IAAI,MAAM,KAAK,OAAO,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE;oBACnD,IAAI,CAAC,MAAM,EAAE;gBACf;AACF,YAAA,CAAC,CAAC;QAEN;IACF;IAEQ,wBAAwB,GAAA;AAC9B,QAAA,MAAM,QAAQ,GAAG,QAAQ,CAAC,MAAM,CAAC;AAC/B,YAAA,SAAS,EAAE;AACT,gBAAA;AACE,oBAAA,OAAO,EAAE,wBAAwB;AACjC,oBAAA,QAAQ,EAAE,IAAI;AACf;AACF,aAAA;YACD,MAAM,EAAE,IAAI,CAAC;AACd,SAAA,CAAC;AACF,QAAA,OAAO,IAAI,cAAc,CACvB,IAAI,CAAC,GAAG,EAAE,EACV,IAAI,CAAC,iBAAiB,EACtB,IAAI,EACJ,QAAQ,CACT;IACH;IAEQ,iBAAiB,GAAA;QACvB,OAAO,IAAI,aAAa,CAAC;AACvB,YAAA,gBAAgB,EAAE,IAAI,CAAC,2BAA2B,EAAE;YACpD,cAAc,EAAE,IAAI,CAAC,QAAQ,CAAC,gBAAgB,CAAC,UAAU,EAAE;AAC3D,YAAA,SAAS,EAAE,IAAI,CAAC,eAAe,IAAI;AACpC,SAAA,CAAC;IACJ;IAEQ,2BAA2B,GAAA;QACjC,OAAO,IAAI,CAAC;AACT,aAAA,QAAQ;AACR,aAAA,mBAAmB,CAAC,IAAI,CAAC,WAAW;AACpC,aAAA,SAAS,CAAC,IAAI,CAAC,WAAW;AAC1B,aAAA,iBAAiB;AACjB,aAAA,aAAa,CAAC,IAAI,CAAC,oBAAoB,EAAE,CAAC;IAE/C;IAEQ,oBAAoB,GAAA;AAC1B,QAAA,OAAO,CAAC,IAAI,eAAe,EAAE,EAAE,KAAK,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC;IACvD;wGA9FW,8BAA8B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;4FAA9B,8BAA8B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,4BAAA,EAAA,MAAA,EAAA,EAAA,GAAA,EAAA,EAAA,iBAAA,EAAA,KAAA,EAAA,UAAA,EAAA,0BAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,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,MAAA,EAAA,QAAA,EAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,OAAA,EAAA,kBAAA,EAAA,EAAA,EAAA,QAAA,EAAA,CAAA,0BAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;4FAA9B,8BAA8B,EAAA,UAAA,EAAA,CAAA;kBAP1C,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,4BAA4B;AACtC,oBAAA,QAAQ,EAAE,0BAA0B;AACpC,oBAAA,IAAI,EAAE;AACJ,wBAAA,SAAS,EAAE;AACZ;AACF,iBAAA;;;AChCD;;AAEG;;;;"}
1	+ {"version":3,"file":"elementar-rt-components-emoji-picker.mjs","sources":["../../../projects/components/emoji-picker/src/types.ts","../../../projects/components/emoji-picker/src/emoji-picker/emoji-picker.component.ts","../../../projects/components/emoji-picker/src/emoji-picker/emoji-picker.component.html","../../../projects/components/emoji-picker/src/emoji-picker-trigger-for.directive.ts","../../../projects/components/emoji-picker/elementar-rt-components-emoji-picker.ts"],"sourcesContent":["import { InjectionToken } from '@angular/core';\n\nexport const EMOJI_PICKER_TRIGGER_FOR = new InjectionToken('EMOJI_PICKER_TRIGGER_FOR');\n","import { Component, inject, input, LOCALE_ID, OnInit, output, signal } from '@angular/core';\nimport { EMOJI_PICKER_TRIGGER_FOR } from '../types';\nimport { SkeletonBlockComponent, SkeletonComponent, SkeletonLineComponent } from '@elementar-rt/components/skeleton';\n\nconst loadedEmoji = new Map<string, { groups: any[] }>();\nconst loadGroups = (language: string) => {\n const imports: any = {\n en: import('emojibase-data/en/messages.json'),\n bn: import('emojibase-data/bn/messages.json'),\n da: import('emojibase-data/da/messages.json'),\n de: import('emojibase-data/de/messages.json'),\n es: import('emojibase-data/es/messages.json'),\n et: import('emojibase-data/et/messages.json'),\n fi: import('emojibase-data/fi/messages.json'),\n fr: import('emojibase-data/fr/messages.json'),\n hi: import('emojibase-data/hi/messages.json'),\n hu: import('emojibase-data/hu/messages.json'),\n it: import('emojibase-data/it/messages.json'),\n ja: import('emojibase-data/ja/messages.json'),\n ko: import('emojibase-data/ko/messages.json'),\n lt: import('emojibase-data/lt/messages.json'),\n ms: import('emojibase-data/ms/messages.json'),\n nb: import('emojibase-data/nb/messages.json'),\n nl: import('emojibase-data/nl/messages.json'),\n pl: import('emojibase-data/pl/messages.json'),\n pt: import('emojibase-data/pt/messages.json'),\n ru: import('emojibase-data/ru/messages.json'),\n sv: import('emojibase-data/sv/messages.json'),\n th: import('emojibase-data/th/messages.json'),\n uk: import('emojibase-data/uk/messages.json'),\n vi: import('emojibase-data/vi/messages.json'),\n zh: import('emojibase-data/zh/messages.json'),\n };\n\n if (imports[language]) {\n return imports[language];\n }\n\n return imports['en'];\n}\n\nconst loadData = (language: string) => {\n const imports: any = {\n en: import('emojibase-data/en/data.json').then(m => m.default),\n bn: import('emojibase-data/bn/data.json').then(m => m.default),\n da: import('emojibase-data/da/data.json').then(m => m.default),\n de: import('emojibase-data/de/data.json').then(m => m.default),\n es: import('emojibase-data/es/data.json').then(m => m.default),\n et: import('emojibase-data/et/data.json').then(m => m.default),\n fi: import('emojibase-data/fi/data.json').then(m => m.default),\n fr: import('emojibase-data/fr/data.json').then(m => m.default),\n hi: import('emojibase-data/hi/data.json').then(m => m.default),\n hu: import('emojibase-data/hu/data.json').then(m => m.default),\n it: import('emojibase-data/it/data.json').then(m => m.default),\n ja: import('emojibase-data/ja/data.json').then(m => m.default),\n ko: import('emojibase-data/ko/data.json').then(m => m.default),\n lt: import('emojibase-data/lt/data.json').then(m => m.default),\n ms: import('emojibase-data/ms/data.json').then(m => m.default),\n nb: import('emojibase-data/nb/data.json').then(m => m.default),\n nl: import('emojibase-data/nl/data.json').then(m => m.default),\n pl: import('emojibase-data/pl/data.json').then(m => m.default),\n pt: import('emojibase-data/pt/data.json').then(m => m.default),\n ru: import('emojibase-data/ru/data.json').then(m => m.default),\n sv: import('emojibase-data/sv/data.json').then(m => m.default),\n th: import('emojibase-data/th/data.json').then(m => m.default),\n uk: import('emojibase-data/uk/data.json').then(m => m.default),\n vi: import('emojibase-data/vi/data.json').then(m => m.default),\n zh: import('emojibase-data/zh/data.json').then(m => m.default),\n };\n\n if (imports[language]) {\n return imports[language];\n }\n\n return imports['en'];\n}\n\n@Component({\n selector: 'emr-emoji-picker',\n exportAs: 'emrEmojiPicker',\n templateUrl: './emoji-picker.component.html',\n styleUrl: './emoji-picker.component.scss',\n imports: [\n SkeletonComponent,\n SkeletonLineComponent,\n SkeletonBlockComponent\n ],\n host: {\n 'class': 'emr-emoji-picker',\n }\n})\nexport class EmojiPickerComponent implements OnInit {\n private _trigger = inject<any>(EMOJI_PICKER_TRIGGER_FOR, { optional: true });\n private _localeId = inject(LOCALE_ID);\n\n language = input('');\n selectEmojiLabel = input('Select an emoji...');\n\n readonly emojiSelected = output<string>();\n\n protected loaded = signal(false);\n protected groups = signal<any[]>([]);\n protected _hoveredEmoji = signal<any>(null);\n protected _skeletonEmoji = signal(Array(42).fill(1).map((x, y) => x + y));\n\n async ngOnInit() {\n let language: string = this.language();\n\n if (!language) {\n language = this._localeId.split('-')[0];\n }\n\n if (loadedEmoji.has(language)) {\n this.groups.set(loadedEmoji.get(language)?.groups as any);\n } else {\n const groupsSubgroups = await loadGroups(language);\n const data = await loadData(language);\n const groups: any[] = [];\n const groupKeyMap = new Map<string, number>();\n groupsSubgroups.groups.forEach((group: any, index: number ) => {\n if (group.key === 'component') {\n return;\n }\n\n groupKeyMap.set(group.key, index);\n });\n groupsSubgroups.groups.forEach((group: any) => {\n if (group.key === 'component') {\n return;\n }\n\n const emoji: any[] = data.filter((emoji: any) => {\n if (emoji.emoji === '🫩') {\n return false;\n }\n\n return emoji.group === groupKeyMap.get(group.key);\n });\n groups.push({\n name: group.message,\n emoji\n });\n });\n this.groups.set(groups);\n loadedEmoji.set(this.language(), { groups });\n }\n\n this.loaded.set(true);\n }\n\n select(emoji: any) {\n this.emojiSelected.emit(emoji.emoji);\n\n if (this._trigger) {\n this._trigger.api.close();\n }\n }\n\n hoverEmoji(emoji: any) {\n this._hoveredEmoji.set(emoji);\n }\n\n onMouseLeave() {\n this._hoveredEmoji.set(null);\n }\n}\n","@if (loaded()) {\n <dl class=\"list\" (mouseleave)=\"onMouseLeave()\">\n @for (group of groups(); track group) {\n <dt class=\"px-2\">{{ group.name }}</dt>\n <dd>\n <div class=\"emoji-container\">\n @for (emoji of group.emoji; track emoji) {\n <button class=\"button\"\n (click)=\"select(emoji)\"\n (mouseover)=\"hoverEmoji(emoji)\">\n {{ emoji.emoji }}\n </button>\n }\n </div>\n </dd>\n }\n </dl>\n <div class=\"hovered-emoji\">\n @if (_hoveredEmoji()) {\n <span class=\"emoji-preview\">{{ _hoveredEmoji().emoji }}</span>\n <span class=\"emoji-label\">{{ _hoveredEmoji().label }}</span>\n } @else {\n <span class=\"select-message\">{{ selectEmojiLabel() }}</span>\n }\n </div>\n} @else {\n <div class=\"list\">\n <emr-skeleton>\n <emr-skeleton-line class=\"skeleton-heading\"/>\n <div class=\"skeleton-list\">\n @for (block of _skeletonEmoji(); track block) {\n <emr-skeleton-block class=\"size-8 rounded-sm\"/>\n }\n </div>\n </emr-skeleton>\n </div>\n <div class=\"hovered-emoji\">\n <emr-skeleton>\n <emr-skeleton-line class=\"h-4\"/>\n </emr-skeleton>\n </div>\n}\n","import {\n DestroyRef,\n Directive,\n ElementRef, forwardRef,\n inject,\n Injector,\n input,\n output,\n TemplateRef,\n ViewContainerRef\n} from '@angular/core';\nimport { PopoverPosition } from '@elementar-rt/components/popover';\nimport {\n ConnectedPosition,\n FlexibleConnectedPositionStrategy,\n Overlay,\n OverlayConfig,\n OverlayRef\n} from '@angular/cdk/overlay';\nimport { Directionality } from '@angular/cdk/bidi';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { _getEventTarget } from '@angular/cdk/platform';\nimport { TemplatePortal } from '@angular/cdk/portal';\nimport { PositionManager } from '@elementar-rt/components/overlay';\nimport { EMOJI_PICKER_TRIGGER_FOR } from './types';\n\n@Directive({\n selector: '[emrEmojiPickerTriggerFor]',\n exportAs: 'emrEmojiPickerTriggerFor',\n host: {\n '(click)': '_onClick($event)'\n }\n})\nexport class EmojiPickerTriggerForDirective {\n private _overlay = inject(Overlay);\n private _elementRef: ElementRef<HTMLElement> = inject(ElementRef);\n private _directionality = inject(Directionality, { optional: true });\n private _viewContainerRef = inject(ViewContainerRef);\n private _injector = inject(Injector);\n private _overlayRef: OverlayRef \| null = null;\n private _destroyRef = inject(DestroyRef);\n\n for = input.required<TemplateRef<any>>({\n alias: 'emrEmojiPickerTriggerFor'\n });\n\n position = input<PopoverPosition>('below-start');\n\n readonly opened = output<void>();\n readonly closed = output<void>();\n\n get api() {\n return {\n close: () => this._close()\n }\n }\n\n protected _onClick(event: Event) {\n event.stopPropagation();\n event.preventDefault();\n\n this.opened.emit();\n this._overlayRef = this._overlay.create(this._getOverlayConfig());\n this._overlayRef.attach(this._getPopoverContentPortal());\n this._subscribeToOutsideClicks();\n }\n\n private _close() {\n this.closed.emit();\n this._overlayRef!?.detach();\n }\n\n private _subscribeToOutsideClicks() {\n if (this._overlayRef) {\n this._overlayRef\n .outsidePointerEvents()\n .pipe(takeUntilDestroyed(this._destroyRef))\n .subscribe(event => {\n const target = _getEventTarget(event) as Element;\n const element = this._elementRef.nativeElement;\n\n if (target !== element && !element.contains(target)) {\n this._close();\n }\n })\n ;\n }\n }\n\n private _getPopoverContentPortal() {\n const injector = Injector.create({\n providers: [\n {\n provide: EMOJI_PICKER_TRIGGER_FOR,\n useValue: this,\n }\n ],\n parent: this._injector\n });\n return new TemplatePortal(\n this.for(),\n this._viewContainerRef,\n null,\n injector\n );\n }\n\n private _getOverlayConfig() {\n return new OverlayConfig({\n positionStrategy: this._getOverlayPositionStrategy(),\n scrollStrategy: this._overlay.scrollStrategies.reposition(),\n direction: this._directionality \|\| undefined\n });\n }\n\n private _getOverlayPositionStrategy(): FlexibleConnectedPositionStrategy {\n return this._overlay\n .position()\n .flexibleConnectedTo(this._elementRef)\n .setOrigin(this._elementRef)\n .withGrowAfterOpen()\n .withPositions(this._getOverlayPositions())\n ;\n }\n\n private _getOverlayPositions(): ConnectedPosition[] {\n return (new PositionManager()).build(this.position());\n }\n}\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/elementar-rt-components-empty-state.mjs CHANGED Viewed

@@ -9,22 +9,22 @@ const PRESET_CONFIG = {
     'custom': { icon: '', title: '', description: '' },
 };
 class EmptyStateComponent {
-    preset = input('no-data', ...(ngDevMode ? [{ debugName: "preset" }] : []));
-    title = input('', ...(ngDevMode ? [{ debugName: "title" }] : []));
-    description = input('', ...(ngDevMode ? [{ debugName: "description" }] : []));
-    icon = input('', ...(ngDevMode ? [{ debugName: "icon" }] : []));
+    preset = input('no-data', ...(ngDevMode ? [{ debugName: "preset" }] : /* istanbul ignore next */ []));
+    title = input('', ...(ngDevMode ? [{ debugName: "title" }] : /* istanbul ignore next */ []));
+    description = input('', ...(ngDevMode ? [{ debugName: "description" }] : /* istanbul ignore next */ []));
+    icon = input('', ...(ngDevMode ? [{ debugName: "icon" }] : /* istanbul ignore next */ []));
     get _icon() { return this.icon() || PRESET_CONFIG[this.preset()].icon; }
     get _title() { return this.title() || PRESET_CONFIG[this.preset()].title; }
     get _description() { return this.description() || PRESET_CONFIG[this.preset()].description; }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: EmptyStateComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.25", type: EmptyStateComponent, isStandalone: true, selector: "emr-empty-state", inputs: { preset: { classPropertyName: "preset", publicName: "preset", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, description: { classPropertyName: "description", publicName: "description", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.data-preset": "preset()" }, classAttribute: "emr-empty-state" }, exportAs: ["emrEmptyState"], ngImport: i0, template: "<div class=\"es-icon\">\n  <ng-content select=\"[emrEmptyStateIcon]\">\n    <span class=\"es-emoji\">{{ _icon }}</span>\n  </ng-content>\n</div>\n<div class=\"es-body\">\n  <p class=\"es-title\">\n    <ng-content select=\"[emrEmptyStateTitle]\">{{ _title }}</ng-content>\n  </p>\n  <p class=\"es-description\">\n    <ng-content select=\"[emrEmptyStateDescription]\">{{ _description }}</ng-content>\n  </p>\n</div>\n<div class=\"es-actions\">\n  <ng-content select=\"[emrEmptyStateActions]\"/>\n</div>\n", styles: [":host{--emr-es-gap: calc(var(--spacing, .25rem) * 4);--emr-es-icon-size: calc(var(--spacing, .25rem) * 20);--emr-es-title-size: 1.125rem;--emr-es-title-weight: 600;--emr-es-desc-size: .875rem;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:var(--emr-es-gap);padding:calc(var(--spacing, .25rem) * 12) calc(var(--spacing, .25rem) * 6);width:100%}.es-icon{display:flex;align-items:center;justify-content:center;width:var(--emr-es-icon-size);height:var(--emr-es-icon-size)}.es-icon:empty{display:none}.es-emoji{font-size:calc(var(--spacing, .25rem) * 12);line-height:1;display:block}.es-body{display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * 2);max-width:calc(var(--spacing, .25rem) * 96)}.es-title{margin:0;font-size:var(--emr-es-title-size);font-weight:var(--emr-es-title-weight);color:var(--color-on-surface)}.es-description{margin:0;font-size:var(--emr-es-desc-size);color:var(--color-on-surface-variant);line-height:1.6}.es-actions{display:flex;gap:calc(var(--spacing, .25rem) * 3)}.es-actions:empty{display:none}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: EmptyStateComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.22", type: EmptyStateComponent, isStandalone: true, selector: "emr-empty-state", inputs: { preset: { classPropertyName: "preset", publicName: "preset", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, description: { classPropertyName: "description", publicName: "description", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.data-preset": "preset()" }, classAttribute: "emr-empty-state" }, exportAs: ["emrEmptyState"], ngImport: i0, template: "<div class=\"es-icon\">\n  <ng-content select=\"[emrEmptyStateIcon]\">\n    <span class=\"es-emoji\">{{ _icon }}</span>\n  </ng-content>\n</div>\n<div class=\"es-body\">\n  <p class=\"es-title\">\n    <ng-content select=\"[emrEmptyStateTitle]\">{{ _title }}</ng-content>\n  </p>\n  <p class=\"es-description\">\n    <ng-content select=\"[emrEmptyStateDescription]\">{{ _description }}</ng-content>\n  </p>\n</div>\n<div class=\"es-actions\">\n  <ng-content select=\"[emrEmptyStateActions]\"/>\n</div>\n", styles: [":host{--emr-es-gap: calc(var(--spacing, .25rem) * 4);--emr-es-icon-size: calc(var(--spacing, .25rem) * 20);--emr-es-title-size: 1.125rem;--emr-es-title-weight: 600;--emr-es-desc-size: .875rem;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:var(--emr-es-gap);padding:calc(var(--spacing, .25rem) * 12) calc(var(--spacing, .25rem) * 6);width:100%}.es-icon{display:flex;align-items:center;justify-content:center;width:var(--emr-es-icon-size);height:var(--emr-es-icon-size)}.es-icon:empty{display:none}.es-emoji{font-size:calc(var(--spacing, .25rem) * 12);line-height:1;display:block}.es-body{display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * 2);max-width:calc(var(--spacing, .25rem) * 96)}.es-title{margin:0;font-size:var(--emr-es-title-size);font-weight:var(--emr-es-title-weight);color:var(--color-on-surface)}.es-description{margin:0;font-size:var(--emr-es-desc-size);color:var(--color-on-surface-variant);line-height:1.6}.es-actions{display:flex;gap:calc(var(--spacing, .25rem) * 3)}.es-actions:empty{display:none}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: EmptyStateComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: EmptyStateComponent, decorators: [{
             type: Component,
             args: [{ selector: 'emr-empty-state', exportAs: 'emrEmptyState', host: {
                         'class': 'emr-empty-state',
                         '[attr.data-preset]': 'preset()',
-                    }, template: "<div class=\"es-icon\">\n  <ng-content select=\"[emrEmptyStateIcon]\">\n    <span class=\"es-emoji\">{{ _icon }}</span>\n  </ng-content>\n</div>\n<div class=\"es-body\">\n  <p class=\"es-title\">\n    <ng-content select=\"[emrEmptyStateTitle]\">{{ _title }}</ng-content>\n  </p>\n  <p class=\"es-description\">\n    <ng-content select=\"[emrEmptyStateDescription]\">{{ _description }}</ng-content>\n  </p>\n</div>\n<div class=\"es-actions\">\n  <ng-content select=\"[emrEmptyStateActions]\"/>\n</div>\n", styles: [":host{--emr-es-gap: calc(var(--spacing, .25rem) * 4);--emr-es-icon-size: calc(var(--spacing, .25rem) * 20);--emr-es-title-size: 1.125rem;--emr-es-title-weight: 600;--emr-es-desc-size: .875rem;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:var(--emr-es-gap);padding:calc(var(--spacing, .25rem) * 12) calc(var(--spacing, .25rem) * 6);width:100%}.es-icon{display:flex;align-items:center;justify-content:center;width:var(--emr-es-icon-size);height:var(--emr-es-icon-size)}.es-icon:empty{display:none}.es-emoji{font-size:calc(var(--spacing, .25rem) * 12);line-height:1;display:block}.es-body{display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * 2);max-width:calc(var(--spacing, .25rem) * 96)}.es-title{margin:0;font-size:var(--emr-es-title-size);font-weight:var(--emr-es-title-weight);color:var(--color-on-surface)}.es-description{margin:0;font-size:var(--emr-es-desc-size);color:var(--color-on-surface-variant);line-height:1.6}.es-actions{display:flex;gap:calc(var(--spacing, .25rem) * 3)}.es-actions:empty{display:none}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"] }]
+                    }, template: "<div class=\"es-icon\">\n  <ng-content select=\"[emrEmptyStateIcon]\">\n    <span class=\"es-emoji\">{{ _icon }}</span>\n  </ng-content>\n</div>\n<div class=\"es-body\">\n  <p class=\"es-title\">\n    <ng-content select=\"[emrEmptyStateTitle]\">{{ _title }}</ng-content>\n  </p>\n  <p class=\"es-description\">\n    <ng-content select=\"[emrEmptyStateDescription]\">{{ _description }}</ng-content>\n  </p>\n</div>\n<div class=\"es-actions\">\n  <ng-content select=\"[emrEmptyStateActions]\"/>\n</div>\n", styles: [":host{--emr-es-gap: calc(var(--spacing, .25rem) * 4);--emr-es-icon-size: calc(var(--spacing, .25rem) * 20);--emr-es-title-size: 1.125rem;--emr-es-title-weight: 600;--emr-es-desc-size: .875rem;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:var(--emr-es-gap);padding:calc(var(--spacing, .25rem) * 12) calc(var(--spacing, .25rem) * 6);width:100%}.es-icon{display:flex;align-items:center;justify-content:center;width:var(--emr-es-icon-size);height:var(--emr-es-icon-size)}.es-icon:empty{display:none}.es-emoji{font-size:calc(var(--spacing, .25rem) * 12);line-height:1;display:block}.es-body{display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * 2);max-width:calc(var(--spacing, .25rem) * 96)}.es-title{margin:0;font-size:var(--emr-es-title-size);font-weight:var(--emr-es-title-weight);color:var(--color-on-surface)}.es-description{margin:0;font-size:var(--emr-es-desc-size);color:var(--color-on-surface-variant);line-height:1.6}.es-actions{display:flex;gap:calc(var(--spacing, .25rem) * 3)}.es-actions:empty{display:none}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"] }]
         }], propDecorators: { preset: [{ type: i0.Input, args: [{ isSignal: true, alias: "preset", required: false }] }], title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], description: [{ type: i0.Input, args: [{ isSignal: true, alias: "description", required: false }] }], icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }] } });
 /**