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

@elementar-rt/components 0.6.58 → 0.7.1

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

Files changed (414) hide show

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

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"elementar-rt-components-avatar.mjs","sources":["../../../projects/components/avatar/src/types.ts","../../../projects/components/avatar/src/avatar/avatar.component.ts","../../../projects/components/avatar/src/avatar/avatar.component.html","../../../projects/components/avatar/src/avatar-group/avatar-group.component.ts","../../../projects/components/avatar/src/avatar-group/avatar-group.component.html","../../../projects/components/avatar/src/avatar-total/avatar-total.component.ts","../../../projects/components/avatar/src/avatar-total/avatar-total.component.html","../../../projects/components/avatar/src/dicebear/dicebear.component.ts","../../../projects/components/avatar/src/dicebear/dicebear.component.html","../../../projects/components/avatar/src/avatar-more/avatar-more.component.ts","../../../projects/components/avatar/src/avatar-more/avatar-more.component.html","../../../projects/components/avatar/elementar-rt-components-avatar.ts"],"sourcesContent":["import { InjectionToken } from '@angular/core';\n\nexport const AVATAR_ACCESSOR = new InjectionToken('AVATAR_ACCESSOR');\nexport type AvatarPresenceIndicator = 'online' \| 'offline' \| 'away' \| null \| string;\n","import {\n AfterViewInit,\n booleanAttribute,\n Component,\n ElementRef,\n forwardRef,\n inject,\n input,\n OnChanges,\n OnInit,\n SimpleChanges\n} from '@angular/core';\nimport { AVATAR_ACCESSOR, AvatarPresenceIndicator } from '../types';\n\nconst alreadyLoadedImages: string[] = [];\n\n@Component({\n selector: 'emr-avatar,[emr-avatar]',\n exportAs: 'emrAvatar',\n standalone: true,\n templateUrl: './avatar.component.html',\n styleUrls: ['./avatar.component.scss'],\n providers: [\n {\n provide: AVATAR_ACCESSOR,\n useExisting: forwardRef(() => AvatarComponent),\n multi: true\n }\n ],\n host: {\n 'class': 'emr-avatar',\n '[class.is-clickable]': 'clickable()',\n '[class.has-automatic-color]': '!!automaticColor()',\n '[class.has-loaded-image]': 'image() && imageLoaded',\n }\n})\nexport class AvatarComponent implements OnInit, OnChanges, AfterViewInit {\n private _elementRef = inject(ElementRef);\n\n image = input<string>('');\n clickable = input(false, {\n transform: booleanAttribute\n });\n label = input('');\n alt = input('');\n automaticColor = input();\n presenceIndicator = input<AvatarPresenceIndicator>(null);\n\n protected imageLoaded: boolean;\n protected showLabel = false;\n\n ngOnInit() {\n if (!this.image()) {\n return;\n }\n\n this.imageLoaded = alreadyLoadedImages.includes(<string>this.image());\n }\n\n ngAfterViewInit() {\n setTimeout(() => {\n this.showLabel = true;\n }, 0);\n }\n\n ngOnChanges(changes: SimpleChanges) {\n if (changes['automaticColor'] && changes['automaticColor'].currentValue) {\n this._setAutomaticColor(changes['automaticColor'].currentValue);\n }\n }\n\n onImageLoaded(): void {\n if (this.imageLoaded) {\n return;\n }\n\n alreadyLoadedImages.push(<string>this.image());\n this.imageLoaded = true;\n }\n\n private _setAutomaticColor(color: any): void {\n if (!this.isValidHex(color)) {\n throw new Error(`Invalid ${color} color, automatic color supports only a valid hex color`);\n }\n\n const element = this._elementRef.nativeElement as HTMLElement;\n element.style.setProperty('--emr-avatar-bg', color);\n element.style.setProperty('--emr-avatar-border-color', this._newShade(color, -25));\n element.style.setProperty('--emr-avatar-color', this._newShade(color, -150));\n }\n\n private _newShade(hexColor: string, magnitude: number): string {\n hexColor = hexColor.replace(`#`, ``);\n if (hexColor.length === 6) {\n const decimalColor = parseInt(hexColor, 16);\n let r = (decimalColor >> 16) + magnitude;\n r > 255 && (r = 255);\n r < 0 && (r = 0);\n let g = (decimalColor & 0x0000ff) + magnitude;\n g > 255 && (g = 255);\n g < 0 && (g = 0);\n let b = ((decimalColor >> 8) & 0x00ff) + magnitude;\n b > 255 && (b = 255);\n b < 0 && (b = 0);\n return `#${(g \| (b << 8) \| (r << 16)).toString(16)}`;\n } else {\n return hexColor;\n }\n };\n\n isValidHex(color: any): boolean {\n if(!color \|\| typeof color !== 'string') {\n return false;\n }\n\n // Validate hex values\n if(color.substring(0, 1) === '#') {\n color = color.substring(1);\n }\n\n switch(color.length) {\n case 3: {\n return /^[0-9A-F]{3}$/i.test(color);\n }\n case 6: {\n return /^[0-9A-F]{6}$/i.test(color);\n }\n case 8: {\n return /^[0-9A-F]{8}$/i.test(color);\n }\n default: {\n return false;\n }\n }\n }\n}\n","@if (image()) {\n <img class=\"image\" loading=\"lazy\" [src]=\"image()\" [alt]=\"alt()\" (load)=\"onImageLoaded()\">\n}\n\n@if (presenceIndicator()) {\n <div class=\"presence-indicator\"\n [class.is-online]=\"presenceIndicator() === 'online'\"\n [class.is-offline]=\"presenceIndicator() === 'offline'\"\n [class.is-away]=\"presenceIndicator() === 'away'\"></div>\n}\n\n@if (label() && showLabel) {\n <svg viewBox=\"0 0 50 50\" class=\"text\">\n <text\n x=\"50%\"\n y=\"50%\"\n alignment-baseline=\"central\"\n text-anchor=\"middle\"\n font-weight=\"inherit\"\n font-size=\"20\"\n fill=\"currentColor\">{{ label() }}</text>\n </svg>\n}\n\n<ng-content select=\"mat-icon,emr-icon\"/>\n","import { Component } from '@angular/core';\n\n@Component({\n selector: 'emr-avatar-group',\n exportAs: 'emrAvatarGroup',\n standalone: true,\n templateUrl: './avatar-group.component.html',\n styleUrl: './avatar-group.component.scss',\n host: {\n 'class': 'emr-avatar-group'\n }\n})\nexport class AvatarGroupComponent {\n}\n","<ng-content/>\n","import { Component } from '@angular/core';\n\n// DEPRECATED\n@Component({\n selector: 'emr-avatar-total,[emr-avatar-total]',\n exportAs: 'emrAvatarTotal',\n standalone: true,\n templateUrl: './avatar-total.component.html',\n styleUrl: './avatar-total.component.scss',\n host: {\n 'class': 'emr-avatar-total'\n }\n})\nexport class AvatarTotalComponent {\n}\n","<ng-content></ng-content>\n","import {\n booleanAttribute,\n Component,\n forwardRef,\n input, OnInit\n} from '@angular/core';\nimport { AVATAR_ACCESSOR, AvatarPresenceIndicator } from '../types';\nimport { createAvatar } from '@dicebear/core';\nimport { identicon, initials } from '@dicebear/collection';\nimport { v7 as uuid } from 'uuid';\nimport { SafeHtmlPipe } from '@elementar-rt/components/core';\n\nexport interface Preset {\n style: any,\n options?: {\n scale?: number;\n backgroundColor?: string[];\n fontWeight?: number;\n }\n}\n\nconst alreadyLoadedImages: string[] = [];\nconst presets: {[prop: string]: Preset} = {\n 'identicon': {\n style: identicon,\n options: {\n scale: 55,\n backgroundColor: ['cbebf7', 'ebe1fc', 'd1f9db', 'f7e4e7', 'fce8d4', 'dcfcf9']\n }\n },\n 'initials': {\n style: initials,\n options: {\n scale: 75,\n fontWeight: 500\n }\n }\n};\n\n@Component({\n selector: 'emr-dicebear,[emr-dicebear]',\n exportAs: 'emrDicebear',\n templateUrl: './dicebear.component.html',\n styleUrl: './dicebear.component.scss',\n providers: [\n {\n provide: AVATAR_ACCESSOR,\n useExisting: forwardRef(() => DicebearComponent),\n multi: true\n }\n ],\n imports: [\n SafeHtmlPipe,\n ],\n host: {\n 'class': 'emr-avatar emr-dicebear',\n '[class.is-clickable]': 'clickable()',\n '[class.has-loaded-image]': 'image() && imageLoaded',\n }\n})\nexport class DicebearComponent implements OnInit {\n image = input<string>('');\n clickable = input(false, {\n transform: booleanAttribute\n });\n key = input<any>();\n preset = input<string>('identicon');\n alt = input<string>();\n presenceIndicator = input<AvatarPresenceIndicator>(null);\n\n protected imageLoaded: boolean;\n protected svg = '';\n\n ngOnInit() {\n if (this.image()) {\n this.imageLoaded = alreadyLoadedImages.includes(<string>this.image());\n }\n\n const preset = presets[this.preset()];\n const avatar = createAvatar(preset.style, {\n seed: this.key() \|\| '',\n ...preset.options\n });\n this.svg = avatar.toString().replace('viewboxMask', uuid());\n }\n\n onImageLoaded(): void {\n if (this.imageLoaded) {\n return;\n }\n\n alreadyLoadedImages.push(<string>this.image());\n this.imageLoaded = true;\n }\n}\n","@if (image()) {\n <img class=\"image\" loading=\"lazy\" [src]=\"image()\"\n [alt]=\"alt() \|\| ''\" (load)=\"onImageLoaded()\">\n}\n\n@if (presenceIndicator()) {\n <div class=\"presence-indicator\"\n [class.is-online]=\"presenceIndicator() === 'online'\"\n [class.is-offline]=\"presenceIndicator() === 'offline'\"\n [class.is-away]=\"presenceIndicator() === 'away'\"></div>\n}\n\n@if (!image() && svg) {\n <div class=\"svg\" [innerHTML]=\"svg \| safeHtml\"></div>\n}\n","import { Component } from '@angular/core';\n\n@Component({\n selector: 'emr-avatar-more,[emr-avatar-more]',\n exportAs: 'emrAvatarMore',\n imports: [],\n templateUrl: './avatar-more.component.html',\n styleUrl: './avatar-more.component.scss',\n host: {\n 'class': 'emr-avatar-more'\n }\n})\nexport class AvatarMoreComponent {\n\n}\n","<ng-content/>\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":["alreadyLoadedImages","uuid"],"mappings":"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"}
1	+ {"version":3,"file":"elementar-rt-components-avatar.mjs","sources":["../../../projects/components/avatar/src/types.ts","../../../projects/components/avatar/src/avatar/avatar.component.ts","../../../projects/components/avatar/src/avatar/avatar.component.html","../../../projects/components/avatar/src/avatar-group/avatar-group.component.ts","../../../projects/components/avatar/src/avatar-group/avatar-group.component.html","../../../projects/components/avatar/src/avatar-total/avatar-total.component.ts","../../../projects/components/avatar/src/avatar-total/avatar-total.component.html","../../../projects/components/avatar/src/dicebear/dicebear.component.ts","../../../projects/components/avatar/src/dicebear/dicebear.component.html","../../../projects/components/avatar/src/avatar-more/avatar-more.component.ts","../../../projects/components/avatar/src/avatar-more/avatar-more.component.html","../../../projects/components/avatar/elementar-rt-components-avatar.ts"],"sourcesContent":["import { InjectionToken } from '@angular/core';\n\nexport const AVATAR_ACCESSOR = new InjectionToken('AVATAR_ACCESSOR');\nexport type AvatarPresenceIndicator = 'online' \| 'offline' \| 'away' \| null \| string;\n","import {\n AfterViewInit,\n booleanAttribute,\n Component,\n ElementRef,\n forwardRef,\n inject,\n input,\n OnChanges,\n OnInit,\n SimpleChanges\n} from '@angular/core';\nimport { AVATAR_ACCESSOR, AvatarPresenceIndicator } from '../types';\n\nconst alreadyLoadedImages: string[] = [];\n\n@Component({\n selector: 'emr-avatar,[emr-avatar]',\n exportAs: 'emrAvatar',\n standalone: true,\n templateUrl: './avatar.component.html',\n styleUrls: ['./avatar.component.scss'],\n providers: [\n {\n provide: AVATAR_ACCESSOR,\n useExisting: forwardRef(() => AvatarComponent),\n multi: true\n }\n ],\n host: {\n 'class': 'emr-avatar',\n '[class.is-clickable]': 'clickable()',\n '[class.has-automatic-color]': '!!automaticColor()',\n '[class.has-loaded-image]': 'image() && imageLoaded',\n }\n})\nexport class AvatarComponent implements OnInit, OnChanges, AfterViewInit {\n private _elementRef = inject(ElementRef);\n\n image = input<string>('');\n clickable = input(false, {\n transform: booleanAttribute\n });\n label = input('');\n alt = input('');\n automaticColor = input();\n presenceIndicator = input<AvatarPresenceIndicator>(null);\n\n protected imageLoaded: boolean;\n protected showLabel = false;\n\n ngOnInit() {\n if (!this.image()) {\n return;\n }\n\n this.imageLoaded = alreadyLoadedImages.includes(<string>this.image());\n }\n\n ngAfterViewInit() {\n setTimeout(() => {\n this.showLabel = true;\n }, 0);\n }\n\n ngOnChanges(changes: SimpleChanges) {\n if (changes['automaticColor'] && changes['automaticColor'].currentValue) {\n this._setAutomaticColor(changes['automaticColor'].currentValue);\n }\n }\n\n onImageLoaded(): void {\n if (this.imageLoaded) {\n return;\n }\n\n alreadyLoadedImages.push(<string>this.image());\n this.imageLoaded = true;\n }\n\n private _setAutomaticColor(color: any): void {\n if (!this.isValidHex(color)) {\n throw new Error(`Invalid ${color} color, automatic color supports only a valid hex color`);\n }\n\n const element = this._elementRef.nativeElement as HTMLElement;\n element.style.setProperty('--emr-avatar-bg', color);\n element.style.setProperty('--emr-avatar-border-color', this._newShade(color, -25));\n element.style.setProperty('--emr-avatar-color', this._newShade(color, -150));\n }\n\n private _newShade(hexColor: string, magnitude: number): string {\n hexColor = hexColor.replace(`#`, ``);\n if (hexColor.length === 6) {\n const decimalColor = parseInt(hexColor, 16);\n let r = (decimalColor >> 16) + magnitude;\n r > 255 && (r = 255);\n r < 0 && (r = 0);\n let g = (decimalColor & 0x0000ff) + magnitude;\n g > 255 && (g = 255);\n g < 0 && (g = 0);\n let b = ((decimalColor >> 8) & 0x00ff) + magnitude;\n b > 255 && (b = 255);\n b < 0 && (b = 0);\n return `#${(g \| (b << 8) \| (r << 16)).toString(16)}`;\n } else {\n return hexColor;\n }\n };\n\n isValidHex(color: any): boolean {\n if(!color \|\| typeof color !== 'string') {\n return false;\n }\n\n // Validate hex values\n if(color.substring(0, 1) === '#') {\n color = color.substring(1);\n }\n\n switch(color.length) {\n case 3: {\n return /^[0-9A-F]{3}$/i.test(color);\n }\n case 6: {\n return /^[0-9A-F]{6}$/i.test(color);\n }\n case 8: {\n return /^[0-9A-F]{8}$/i.test(color);\n }\n default: {\n return false;\n }\n }\n }\n}\n","@if (image()) {\n <img class=\"image\" loading=\"lazy\" [src]=\"image()\" [alt]=\"alt()\" (load)=\"onImageLoaded()\">\n}\n\n@if (presenceIndicator()) {\n <div class=\"presence-indicator\"\n [class.is-online]=\"presenceIndicator() === 'online'\"\n [class.is-offline]=\"presenceIndicator() === 'offline'\"\n [class.is-away]=\"presenceIndicator() === 'away'\"></div>\n}\n\n@if (label() && showLabel) {\n <svg viewBox=\"0 0 50 50\" class=\"text\">\n <text\n x=\"50%\"\n y=\"50%\"\n alignment-baseline=\"central\"\n text-anchor=\"middle\"\n font-weight=\"inherit\"\n font-size=\"20\"\n fill=\"currentColor\">{{ label() }}</text>\n </svg>\n}\n\n<ng-content select=\"mat-icon,emr-icon\"/>\n","import { Component } from '@angular/core';\n\n@Component({\n selector: 'emr-avatar-group',\n exportAs: 'emrAvatarGroup',\n standalone: true,\n templateUrl: './avatar-group.component.html',\n styleUrl: './avatar-group.component.scss',\n host: {\n 'class': 'emr-avatar-group'\n }\n})\nexport class AvatarGroupComponent {\n}\n","<ng-content/>\n","import { Component } from '@angular/core';\n\n// DEPRECATED\n@Component({\n selector: 'emr-avatar-total,[emr-avatar-total]',\n exportAs: 'emrAvatarTotal',\n standalone: true,\n templateUrl: './avatar-total.component.html',\n styleUrl: './avatar-total.component.scss',\n host: {\n 'class': 'emr-avatar-total'\n }\n})\nexport class AvatarTotalComponent {\n}\n","<ng-content></ng-content>\n","import {\n booleanAttribute,\n Component,\n forwardRef,\n input, OnInit\n} from '@angular/core';\nimport { AVATAR_ACCESSOR, AvatarPresenceIndicator } from '../types';\nimport { createAvatar } from '@dicebear/core';\nimport { identicon, initials } from '@dicebear/collection';\nimport { v7 as uuid } from 'uuid';\nimport { SafeHtmlPipe } from '@elementar-rt/components/core';\n\nexport interface Preset {\n style: any,\n options?: {\n scale?: number;\n backgroundColor?: string[];\n fontWeight?: number;\n }\n}\n\nconst alreadyLoadedImages: string[] = [];\nconst presets: {[prop: string]: Preset} = {\n 'identicon': {\n style: identicon,\n options: {\n scale: 55,\n backgroundColor: ['cbebf7', 'ebe1fc', 'd1f9db', 'f7e4e7', 'fce8d4', 'dcfcf9']\n }\n },\n 'initials': {\n style: initials,\n options: {\n scale: 75,\n fontWeight: 500\n }\n }\n};\n\n@Component({\n selector: 'emr-dicebear,[emr-dicebear]',\n exportAs: 'emrDicebear',\n templateUrl: './dicebear.component.html',\n styleUrl: './dicebear.component.scss',\n providers: [\n {\n provide: AVATAR_ACCESSOR,\n useExisting: forwardRef(() => DicebearComponent),\n multi: true\n }\n ],\n imports: [\n SafeHtmlPipe,\n ],\n host: {\n 'class': 'emr-avatar emr-dicebear',\n '[class.is-clickable]': 'clickable()',\n '[class.has-loaded-image]': 'image() && imageLoaded',\n }\n})\nexport class DicebearComponent implements OnInit {\n image = input<string>('');\n clickable = input(false, {\n transform: booleanAttribute\n });\n key = input<any>();\n preset = input<string>('identicon');\n alt = input<string>();\n presenceIndicator = input<AvatarPresenceIndicator>(null);\n\n protected imageLoaded: boolean;\n protected svg = '';\n\n ngOnInit() {\n if (this.image()) {\n this.imageLoaded = alreadyLoadedImages.includes(<string>this.image());\n }\n\n const preset = presets[this.preset()];\n const avatar = createAvatar(preset.style, {\n seed: this.key() \|\| '',\n ...preset.options\n });\n this.svg = avatar.toString().replace('viewboxMask', uuid());\n }\n\n onImageLoaded(): void {\n if (this.imageLoaded) {\n return;\n }\n\n alreadyLoadedImages.push(<string>this.image());\n this.imageLoaded = true;\n }\n}\n","@if (image()) {\n <img class=\"image\" loading=\"lazy\" [src]=\"image()\"\n [alt]=\"alt() \|\| ''\" (load)=\"onImageLoaded()\">\n}\n\n@if (presenceIndicator()) {\n <div class=\"presence-indicator\"\n [class.is-online]=\"presenceIndicator() === 'online'\"\n [class.is-offline]=\"presenceIndicator() === 'offline'\"\n [class.is-away]=\"presenceIndicator() === 'away'\"></div>\n}\n\n@if (!image() && svg) {\n <div class=\"svg\" [innerHTML]=\"svg \| safeHtml\"></div>\n}\n","import { Component } from '@angular/core';\n\n@Component({\n selector: 'emr-avatar-more,[emr-avatar-more]',\n exportAs: 'emrAvatarMore',\n imports: [],\n templateUrl: './avatar-more.component.html',\n styleUrl: './avatar-more.component.scss',\n host: {\n 'class': 'emr-avatar-more'\n }\n})\nexport class AvatarMoreComponent {\n\n}\n","<ng-content/>\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":["alreadyLoadedImages","uuid"],"mappings":"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"}

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

@@ -2,12 +2,12 @@ import * as i0 from '@angular/core';
 import { input, numberAttribute, booleanAttribute, Component } from '@angular/core';
 class BadgeComponent {
-    value = input(null, ...(ngDevMode ? [{ debugName: "value" }] : []));
-    max = input(99, ...(ngDevMode ? [{ debugName: "max", transform: numberAttribute }] : [{ transform: numberAttribute }]));
-    dot = input(false, ...(ngDevMode ? [{ debugName: "dot", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
-    standalone = input(false, ...(ngDevMode ? [{ debugName: "standalone", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
-    variant = input('default', ...(ngDevMode ? [{ debugName: "variant" }] : []));
-    position = input('top-right', ...(ngDevMode ? [{ debugName: "position" }] : []));
+    value = input(null, ...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
+    max = input(99, { ...(ngDevMode ? { debugName: "max" } : /* istanbul ignore next */ {}), transform: numberAttribute });
+    dot = input(false, { ...(ngDevMode ? { debugName: "dot" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    standalone = input(false, { ...(ngDevMode ? { debugName: "standalone" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    variant = input('default', ...(ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []));
+    position = input('top-right', ...(ngDevMode ? [{ debugName: "position" }] : /* istanbul ignore next */ []));
     get displayValue() {
         const v = this.value();
         if (v === null || this.dot())
@@ -16,10 +16,10 @@ class BadgeComponent {
             return `${this.max()}+`;
         return String(v);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: BadgeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.25", type: BadgeComponent, isStandalone: true, selector: "emr-badge", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, dot: { classPropertyName: "dot", publicName: "dot", isSignal: true, isRequired: false, transformFunction: null }, standalone: { classPropertyName: "standalone", publicName: "standalone", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.is-dot": "dot()", "class.is-standalone": "standalone()", "attr.data-variant": "variant()", "attr.data-position": "position()" }, classAttribute: "emr-badge" }, exportAs: ["emrBadge"], ngImport: i0, template: "<ng-content/>\n<span class=\"badge-indicator\">{{ displayValue }}</span>\n", styles: [":host{--emr-badge-size: calc(var(--spacing, .25rem) * 5);--emr-badge-dot-size: calc(var(--spacing, .25rem) * 2.5);--emr-badge-font-size: .75rem;--emr-badge-font-weight: 600;--emr-badge-bg: var(--color-primary);--emr-badge-color: var(--color-on-primary);--emr-badge-border: 2px solid var(--color-surface);--emr-badge-border-radius: calc(infinity * 1px);--emr-badge-offset: calc(var(--spacing, .25rem) * -1.5);--emr-badge-min-width: var(--emr-badge-size);--emr-badge-padding: 0 calc(var(--spacing, .25rem) * 1.5);position:relative;display:inline-flex;align-items:center;justify-content:center}:host .badge-indicator{position:absolute;display:flex;align-items:center;justify-content:center;min-width:var(--emr-badge-min-width);height:var(--emr-badge-size);padding:var(--emr-badge-padding);background:var(--emr-badge-bg);color:var(--emr-badge-color);font-size:var(--emr-badge-font-size);font-weight:var(--emr-badge-font-weight);border-radius:var(--emr-badge-border-radius);border:var(--emr-badge-border);line-height:1;white-space:nowrap;z-index:1}:host[data-position=top-right] .badge-indicator{top:var(--emr-badge-offset);right:var(--emr-badge-offset);transform:translate(50%,-50%)}:host[data-position=top-left] .badge-indicator{top:var(--emr-badge-offset);left:var(--emr-badge-offset);transform:translate(-50%,-50%)}:host[data-position=bottom-right] .badge-indicator{bottom:var(--emr-badge-offset);right:var(--emr-badge-offset);transform:translate(50%,50%)}:host[data-position=bottom-left] .badge-indicator{bottom:var(--emr-badge-offset);left:var(--emr-badge-offset);transform:translate(-50%,50%)}:host.is-dot .badge-indicator{min-width:var(--emr-badge-dot-size);height:var(--emr-badge-dot-size);padding:0}:host.is-standalone{position:static}:host.is-standalone .badge-indicator{position:static;transform:none}:host[data-variant=primary]{--emr-badge-bg: var(--color-primary);--emr-badge-color: var(--color-on-primary)}:host[data-variant=success]{--emr-badge-bg: var(--color-green);--emr-badge-color: var(--color-on-green)}:host[data-variant=warning]{--emr-badge-bg: var(--color-orange);--emr-badge-color: var(--color-on-orange)}:host[data-variant=danger]{--emr-badge-bg: var(--color-red);--emr-badge-color: var(--color-on-red)}\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: BadgeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.22", type: BadgeComponent, isStandalone: true, selector: "emr-badge", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, dot: { classPropertyName: "dot", publicName: "dot", isSignal: true, isRequired: false, transformFunction: null }, standalone: { classPropertyName: "standalone", publicName: "standalone", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.is-dot": "dot()", "class.is-standalone": "standalone()", "attr.data-variant": "variant()", "attr.data-position": "position()" }, classAttribute: "emr-badge" }, exportAs: ["emrBadge"], ngImport: i0, template: "<ng-content/>\n<span class=\"badge-indicator\">{{ displayValue }}</span>\n", styles: [":host{--emr-badge-size: calc(var(--spacing, .25rem) * 5);--emr-badge-dot-size: calc(var(--spacing, .25rem) * 2.5);--emr-badge-font-size: .75rem;--emr-badge-font-weight: 600;--emr-badge-bg: var(--color-primary);--emr-badge-color: var(--color-on-primary);--emr-badge-border: 2px solid var(--color-surface);--emr-badge-border-radius: calc(infinity * 1px);--emr-badge-offset: calc(var(--spacing, .25rem) * -1.5);--emr-badge-min-width: var(--emr-badge-size);--emr-badge-padding: 0 calc(var(--spacing, .25rem) * 1.5);position:relative;display:inline-flex;align-items:center;justify-content:center}:host .badge-indicator{position:absolute;display:flex;align-items:center;justify-content:center;min-width:var(--emr-badge-min-width);height:var(--emr-badge-size);padding:var(--emr-badge-padding);background:var(--emr-badge-bg);color:var(--emr-badge-color);font-size:var(--emr-badge-font-size);font-weight:var(--emr-badge-font-weight);border-radius:var(--emr-badge-border-radius);border:var(--emr-badge-border);line-height:1;white-space:nowrap;z-index:1}:host[data-position=top-right] .badge-indicator{top:var(--emr-badge-offset);right:var(--emr-badge-offset);transform:translate(50%,-50%)}:host[data-position=top-left] .badge-indicator{top:var(--emr-badge-offset);left:var(--emr-badge-offset);transform:translate(-50%,-50%)}:host[data-position=bottom-right] .badge-indicator{bottom:var(--emr-badge-offset);right:var(--emr-badge-offset);transform:translate(50%,50%)}:host[data-position=bottom-left] .badge-indicator{bottom:var(--emr-badge-offset);left:var(--emr-badge-offset);transform:translate(-50%,50%)}:host.is-dot .badge-indicator{min-width:var(--emr-badge-dot-size);height:var(--emr-badge-dot-size);padding:0}:host.is-standalone{position:static}:host.is-standalone .badge-indicator{position:static;transform:none}:host[data-variant=primary]{--emr-badge-bg: var(--color-primary);--emr-badge-color: var(--color-on-primary)}:host[data-variant=success]{--emr-badge-bg: var(--color-green);--emr-badge-color: var(--color-on-green)}:host[data-variant=warning]{--emr-badge-bg: var(--color-orange);--emr-badge-color: var(--color-on-orange)}:host[data-variant=danger]{--emr-badge-bg: var(--color-red);--emr-badge-color: var(--color-on-red)}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: BadgeComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: BadgeComponent, decorators: [{
             type: Component,
             args: [{ selector: 'emr-badge', exportAs: 'emrBadge', host: {
                         'class': 'emr-badge',
@@ -27,7 +27,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImpo
                         '[class.is-standalone]': 'standalone()',
                         '[attr.data-variant]': 'variant()',
                         '[attr.data-position]': 'position()',
-                    }, template: "<ng-content/>\n<span class=\"badge-indicator\">{{ displayValue }}</span>\n", styles: [":host{--emr-badge-size: calc(var(--spacing, .25rem) * 5);--emr-badge-dot-size: calc(var(--spacing, .25rem) * 2.5);--emr-badge-font-size: .75rem;--emr-badge-font-weight: 600;--emr-badge-bg: var(--color-primary);--emr-badge-color: var(--color-on-primary);--emr-badge-border: 2px solid var(--color-surface);--emr-badge-border-radius: calc(infinity * 1px);--emr-badge-offset: calc(var(--spacing, .25rem) * -1.5);--emr-badge-min-width: var(--emr-badge-size);--emr-badge-padding: 0 calc(var(--spacing, .25rem) * 1.5);position:relative;display:inline-flex;align-items:center;justify-content:center}:host .badge-indicator{position:absolute;display:flex;align-items:center;justify-content:center;min-width:var(--emr-badge-min-width);height:var(--emr-badge-size);padding:var(--emr-badge-padding);background:var(--emr-badge-bg);color:var(--emr-badge-color);font-size:var(--emr-badge-font-size);font-weight:var(--emr-badge-font-weight);border-radius:var(--emr-badge-border-radius);border:var(--emr-badge-border);line-height:1;white-space:nowrap;z-index:1}:host[data-position=top-right] .badge-indicator{top:var(--emr-badge-offset);right:var(--emr-badge-offset);transform:translate(50%,-50%)}:host[data-position=top-left] .badge-indicator{top:var(--emr-badge-offset);left:var(--emr-badge-offset);transform:translate(-50%,-50%)}:host[data-position=bottom-right] .badge-indicator{bottom:var(--emr-badge-offset);right:var(--emr-badge-offset);transform:translate(50%,50%)}:host[data-position=bottom-left] .badge-indicator{bottom:var(--emr-badge-offset);left:var(--emr-badge-offset);transform:translate(-50%,50%)}:host.is-dot .badge-indicator{min-width:var(--emr-badge-dot-size);height:var(--emr-badge-dot-size);padding:0}:host.is-standalone{position:static}:host.is-standalone .badge-indicator{position:static;transform:none}:host[data-variant=primary]{--emr-badge-bg: var(--color-primary);--emr-badge-color: var(--color-on-primary)}:host[data-variant=success]{--emr-badge-bg: var(--color-green);--emr-badge-color: var(--color-on-green)}:host[data-variant=warning]{--emr-badge-bg: var(--color-orange);--emr-badge-color: var(--color-on-orange)}:host[data-variant=danger]{--emr-badge-bg: var(--color-red);--emr-badge-color: var(--color-on-red)}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"] }]
+                    }, template: "<ng-content/>\n<span class=\"badge-indicator\">{{ displayValue }}</span>\n", styles: [":host{--emr-badge-size: calc(var(--spacing, .25rem) * 5);--emr-badge-dot-size: calc(var(--spacing, .25rem) * 2.5);--emr-badge-font-size: .75rem;--emr-badge-font-weight: 600;--emr-badge-bg: var(--color-primary);--emr-badge-color: var(--color-on-primary);--emr-badge-border: 2px solid var(--color-surface);--emr-badge-border-radius: calc(infinity * 1px);--emr-badge-offset: calc(var(--spacing, .25rem) * -1.5);--emr-badge-min-width: var(--emr-badge-size);--emr-badge-padding: 0 calc(var(--spacing, .25rem) * 1.5);position:relative;display:inline-flex;align-items:center;justify-content:center}:host .badge-indicator{position:absolute;display:flex;align-items:center;justify-content:center;min-width:var(--emr-badge-min-width);height:var(--emr-badge-size);padding:var(--emr-badge-padding);background:var(--emr-badge-bg);color:var(--emr-badge-color);font-size:var(--emr-badge-font-size);font-weight:var(--emr-badge-font-weight);border-radius:var(--emr-badge-border-radius);border:var(--emr-badge-border);line-height:1;white-space:nowrap;z-index:1}:host[data-position=top-right] .badge-indicator{top:var(--emr-badge-offset);right:var(--emr-badge-offset);transform:translate(50%,-50%)}:host[data-position=top-left] .badge-indicator{top:var(--emr-badge-offset);left:var(--emr-badge-offset);transform:translate(-50%,-50%)}:host[data-position=bottom-right] .badge-indicator{bottom:var(--emr-badge-offset);right:var(--emr-badge-offset);transform:translate(50%,50%)}:host[data-position=bottom-left] .badge-indicator{bottom:var(--emr-badge-offset);left:var(--emr-badge-offset);transform:translate(-50%,50%)}:host.is-dot .badge-indicator{min-width:var(--emr-badge-dot-size);height:var(--emr-badge-dot-size);padding:0}:host.is-standalone{position:static}:host.is-standalone .badge-indicator{position:static;transform:none}:host[data-variant=primary]{--emr-badge-bg: var(--color-primary);--emr-badge-color: var(--color-on-primary)}:host[data-variant=success]{--emr-badge-bg: var(--color-green);--emr-badge-color: var(--color-on-green)}:host[data-variant=warning]{--emr-badge-bg: var(--color-orange);--emr-badge-color: var(--color-on-orange)}:host[data-variant=danger]{--emr-badge-bg: var(--color-red);--emr-badge-color: var(--color-on-red)}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"] }]
         }], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], max: [{ type: i0.Input, args: [{ isSignal: true, alias: "max", required: false }] }], dot: [{ type: i0.Input, args: [{ isSignal: true, alias: "dot", required: false }] }], standalone: [{ type: i0.Input, args: [{ isSignal: true, alias: "standalone", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], position: [{ type: i0.Input, args: [{ isSignal: true, alias: "position", required: false }] }] } });
 /**

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

	@@ -1 +1 @@
1	- {"version":3,"file":"elementar-rt-components-badge.mjs","sources":["../../../projects/components/badge/src/badge/badge.component.ts","../../../projects/components/badge/src/badge/badge.component.html","../../../projects/components/badge/elementar-rt-components-badge.ts"],"sourcesContent":["import { booleanAttribute, Component, input, numberAttribute } from '@angular/core';\n\nexport type BadgeVariant = 'default' \| 'primary' \| 'success' \| 'warning' \| 'danger' \| string;\nexport type BadgePosition = 'top-right' \| 'top-left' \| 'bottom-right' \| 'bottom-left';\n\n@Component({\n selector: 'emr-badge',\n exportAs: 'emrBadge',\n templateUrl: './badge.component.html',\n styleUrl: './badge.component.scss',\n host: {\n 'class': 'emr-badge',\n '[class.is-dot]': 'dot()',\n '[class.is-standalone]': 'standalone()',\n '[attr.data-variant]': 'variant()',\n '[attr.data-position]': 'position()',\n }\n})\nexport class BadgeComponent {\n value = input<number \| string \| null>(null);\n max = input(99, { transform: numberAttribute });\n dot = input(false, { transform: booleanAttribute });\n standalone = input(false, { transform: booleanAttribute });\n variant = input<BadgeVariant>('default');\n position = input<BadgePosition>('top-right');\n\n protected get displayValue(): string {\n const v = this.value();\n if (v === null \|\| this.dot()) return '';\n if (typeof v === 'number' && v > this.max()) return `${this.max()}+`;\n return String(v);\n }\n}\n","<ng-content/>\n<span class=\"badge-indicator\">{{ displayValue }}</span>\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":";;;MAkBa,cAAc,CAAA;AACzB,IAAA,KAAK,GAAG,KAAK,CAAyB,IAAI,~~iDAAC~~;~~AAC3C~~,~~IAAA,~~GAAG,GAAG,KAAK,CAAC,EAAE,~~uCAAI~~,SAAS,EAAE,eAAe,EAAA,~~CAAA,GAAA,CAA5B,EAAE,SAAS,EAAE,eAAe,EAAE,GAAC~~;~~AAC~~/C,~~IAAA,~~GAAG,GAAG,KAAK,CAAC,KAAK,~~uCAAI~~,SAAS,EAAE,gBAAgB,EAAA,~~CAAA,GAAA,CAA7B,EAAE,SAAS,EAAE,gBAAgB,EAAE,GAAC~~;~~AACnD~~,~~IAAA,~~UAAU,GAAG,KAAK,CAAC,KAAK,~~8CAAI~~,SAAS,EAAE,gBAAgB,EAAA,~~CAAA,GAAA,CAA7B,EAAE,SAAS,EAAE,gBAAgB,EAAE,GAAC~~;AAC1D,IAAA,OAAO,GAAG,KAAK,CAAe,SAAS,~~mDAAC~~;AACxC,IAAA,QAAQ,GAAG,KAAK,CAAgB,WAAW~~,oDAAC~~;AAE5C,IAAA,IAAc,YAAY,GAAA;AACxB,QAAA,MAAM,CAAC,GAAG,IAAI,CAAC,KAAK,EAAE;AACtB,QAAA,IAAI,CAAC,KAAK,IAAI,IAAI,IAAI,CAAC,GAAG,EAAE;AAAE,YAAA,OAAO,EAAE;QACvC,IAAI,OAAO,CAAC,KAAK,QAAQ,IAAI,CAAC,GAAG,IAAI,CAAC,GAAG,EAAE;AAAE,YAAA,OAAO,GAAG,IAAI,CAAC,GAAG,EAAE,GAAG;AACpE,QAAA,OAAO,MAAM,CAAC,CAAC,CAAC;IAClB;wGAbW,cAAc,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAd,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,cAAc,wgCClB3B,4EAEA,EAAA,MAAA,EAAA,CAAA,wvEAAA,CAAA,EAAA,CAAA;;4FDgBa,cAAc,EAAA,UAAA,EAAA,CAAA;kBAb1B,SAAS;+BACE,WAAW,EAAA,QAAA,EACX,UAAU,EAAA,IAAA,EAGd;AACJ,wBAAA,OAAO,EAAE,WAAW;AACpB,wBAAA,gBAAgB,EAAE,OAAO;AACzB,wBAAA,uBAAuB,EAAE,cAAc;AACvC,wBAAA,qBAAqB,EAAE,WAAW;AAClC,wBAAA,sBAAsB,EAAE,YAAY;AACrC,qBAAA,EAAA,QAAA,EAAA,4EAAA,EAAA,MAAA,EAAA,CAAA,wvEAAA,CAAA,EAAA;;;AEhBH;;AAEG~~;;;;~~"}
1	+ {"version":3,"file":"elementar-rt-components-badge.mjs","sources":["../../../projects/components/badge/src/badge/badge.component.ts","../../../projects/components/badge/src/badge/badge.component.html","../../../projects/components/badge/elementar-rt-components-badge.ts"],"sourcesContent":["import { booleanAttribute, Component, input, numberAttribute } from '@angular/core';\n\nexport type BadgeVariant = 'default' \| 'primary' \| 'success' \| 'warning' \| 'danger' \| string;\nexport type BadgePosition = 'top-right' \| 'top-left' \| 'bottom-right' \| 'bottom-left';\n\n@Component({\n selector: 'emr-badge',\n exportAs: 'emrBadge',\n templateUrl: './badge.component.html',\n styleUrl: './badge.component.scss',\n host: {\n 'class': 'emr-badge',\n '[class.is-dot]': 'dot()',\n '[class.is-standalone]': 'standalone()',\n '[attr.data-variant]': 'variant()',\n '[attr.data-position]': 'position()',\n }\n})\nexport class BadgeComponent {\n value = input<number \| string \| null>(null);\n max = input(99, { transform: numberAttribute });\n dot = input(false, { transform: booleanAttribute });\n standalone = input(false, { transform: booleanAttribute });\n variant = input<BadgeVariant>('default');\n position = input<BadgePosition>('top-right');\n\n protected get displayValue(): string {\n const v = this.value();\n if (v === null \|\| this.dot()) return '';\n if (typeof v === 'number' && v > this.max()) return `${this.max()}+`;\n return String(v);\n }\n}\n","<ng-content/>\n<span class=\"badge-indicator\">{{ displayValue }}</span>\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":";;;MAkBa,cAAc,CAAA;AACzB,IAAA,KAAK,GAAG,KAAK,CAAyB,IAAI,4EAAC;IAC3C,GAAG,GAAG,KAAK,CAAC,EAAE,2EAAI,SAAS,EAAE,eAAe,EAAA,CAAG;IAC/C,GAAG,GAAG,KAAK,CAAC,KAAK,2EAAI,SAAS,EAAE,gBAAgB,EAAA,CAAG;IACnD,UAAU,GAAG,KAAK,CAAC,KAAK,kFAAI,SAAS,EAAE,gBAAgB,EAAA,CAAG;AAC1D,IAAA,OAAO,GAAG,KAAK,CAAe,SAAS,8EAAC;AACxC,IAAA,QAAQ,GAAG,KAAK,CAAgB,WAAW,+EAAC;AAE5C,IAAA,IAAc,YAAY,GAAA;AACxB,QAAA,MAAM,CAAC,GAAG,IAAI,CAAC,KAAK,EAAE;AACtB,QAAA,IAAI,CAAC,KAAK,IAAI,IAAI,IAAI,CAAC,GAAG,EAAE;AAAE,YAAA,OAAO,EAAE;QACvC,IAAI,OAAO,CAAC,KAAK,QAAQ,IAAI,CAAC,GAAG,IAAI,CAAC,GAAG,EAAE;AAAE,YAAA,OAAO,GAAG,IAAI,CAAC,GAAG,EAAE,GAAG;AACpE,QAAA,OAAO,MAAM,CAAC,CAAC,CAAC;IAClB;wGAbW,cAAc,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAd,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,cAAc,wgCClB3B,4EAEA,EAAA,MAAA,EAAA,CAAA,wvEAAA,CAAA,EAAA,CAAA;;4FDgBa,cAAc,EAAA,UAAA,EAAA,CAAA;kBAb1B,SAAS;+BACE,WAAW,EAAA,QAAA,EACX,UAAU,EAAA,IAAA,EAGd;AACJ,wBAAA,OAAO,EAAE,WAAW;AACpB,wBAAA,gBAAgB,EAAE,OAAO;AACzB,wBAAA,uBAAuB,EAAE,cAAc;AACvC,wBAAA,qBAAqB,EAAE,WAAW;AAClC,wBAAA,sBAAsB,EAAE,YAAY;AACrC,qBAAA,EAAA,QAAA,EAAA,4EAAA,EAAA,MAAA,EAAA,CAAA,wvEAAA,CAAA,EAAA;;;AEhBH;;AAEG;;"}

package/fesm2022/elementar-rt-components-block-loader.mjs CHANGED Viewed

@@ -13,10 +13,10 @@ class BlockLoaderContainerDirective {
         const element = this.elementRef.nativeElement;
         this.renderer.removeStyle(element, 'position');
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: BlockLoaderContainerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.25", type: BlockLoaderContainerDirective, isStandalone: true, selector: "[emrBlockLoaderContainer]", ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: BlockLoaderContainerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.22", type: BlockLoaderContainerDirective, isStandalone: true, selector: "[emrBlockLoaderContainer]", ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: BlockLoaderContainerDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: BlockLoaderContainerDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[emrBlockLoaderContainer]'
@@ -24,26 +24,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImpo
         }] });
 class BlockLoaderComponent {
-    loading = input(false, ...(ngDevMode ? [{ debugName: "loading", transform: booleanAttribute }] : [{
-            transform: booleanAttribute
-        }]));
-    spinnerDiameter = input(48, ...(ngDevMode ? [{ debugName: "spinnerDiameter", transform: numberAttribute }] : [{
-            transform: numberAttribute
-        }]));
-    spinnerStrokeWidth = input(4, ...(ngDevMode ? [{ debugName: "spinnerStrokeWidth", transform: numberAttribute }] : [{
-            transform: numberAttribute
-        }]));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: BlockLoaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.25", type: BlockLoaderComponent, isStandalone: true, selector: "emr-block-loader", inputs: { loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, spinnerDiameter: { classPropertyName: "spinnerDiameter", publicName: "spinnerDiameter", isSignal: true, isRequired: false, transformFunction: null }, spinnerStrokeWidth: { classPropertyName: "spinnerStrokeWidth", publicName: "spinnerStrokeWidth", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.is-loading": "loading()" }, classAttribute: "emr-block-loader" }, exportAs: ["emrBlockLoader"], ngImport: i0, template: "<mat-spinner [diameter]=\"spinnerDiameter()\"\n             [strokeWidth]=\"spinnerStrokeWidth()\"/>\n<div class=\"message\">\n  <ng-content/>\n</div>\n", styles: [":host{--emr-block-loader-bg: rgba(255, 255, 255, .7);position:absolute;inset:0;background:var(--emr-block-loader-bg);visibility:hidden;z-index:-99;display:flex;align-items:center;justify-content:center;border-radius:inherit;flex-direction:column;gap:calc(var(--spacing, .25rem) * 4);-webkit-user-select:none;user-select:none}:host.is-loading{visibility:visible;z-index:99}:host .message{font-size:.875rem;text-align:center;max-width:800px}:host .message:empty{display:none}:host-context(html.dark){--emr-block-loader-bg: rgba(0, 0, 0, .7)}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "component", type: MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    loading = input(false, { ...(ngDevMode ? { debugName: "loading" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    spinnerDiameter = input(48, { ...(ngDevMode ? { debugName: "spinnerDiameter" } : /* istanbul ignore next */ {}), transform: numberAttribute });
+    spinnerStrokeWidth = input(4, { ...(ngDevMode ? { debugName: "spinnerStrokeWidth" } : /* istanbul ignore next */ {}), transform: numberAttribute });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: BlockLoaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.22", type: BlockLoaderComponent, isStandalone: true, selector: "emr-block-loader", inputs: { loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, spinnerDiameter: { classPropertyName: "spinnerDiameter", publicName: "spinnerDiameter", isSignal: true, isRequired: false, transformFunction: null }, spinnerStrokeWidth: { classPropertyName: "spinnerStrokeWidth", publicName: "spinnerStrokeWidth", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.is-loading": "loading()" }, classAttribute: "emr-block-loader" }, exportAs: ["emrBlockLoader"], ngImport: i0, template: "<mat-spinner [diameter]=\"spinnerDiameter()\"\n             [strokeWidth]=\"spinnerStrokeWidth()\"/>\n<div class=\"message\">\n  <ng-content/>\n</div>\n", styles: [":host{--emr-block-loader-bg: rgba(255, 255, 255, .7);position:absolute;inset:0;background:var(--emr-block-loader-bg);visibility:hidden;z-index:-99;display:flex;align-items:center;justify-content:center;border-radius:inherit;flex-direction:column;gap:calc(var(--spacing, .25rem) * 4);-webkit-user-select:none;user-select:none}:host.is-loading{visibility:visible;z-index:99}:host .message:empty{display:none}:host .message{font-size:.875rem;text-align:center;max-width:800px}:host-context(html.dark){--emr-block-loader-bg: rgba(0, 0, 0, .7)}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "component", type: MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: BlockLoaderComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: BlockLoaderComponent, decorators: [{
             type: Component,
             args: [{ selector: 'emr-block-loader', exportAs: 'emrBlockLoader', imports: [
                         MatProgressSpinner
                     ], changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         'class': 'emr-block-loader',
                         '[class.is-loading]': 'loading()'
-                    }, template: "<mat-spinner [diameter]=\"spinnerDiameter()\"\n             [strokeWidth]=\"spinnerStrokeWidth()\"/>\n<div class=\"message\">\n  <ng-content/>\n</div>\n", styles: [":host{--emr-block-loader-bg: rgba(255, 255, 255, .7);position:absolute;inset:0;background:var(--emr-block-loader-bg);visibility:hidden;z-index:-99;display:flex;align-items:center;justify-content:center;border-radius:inherit;flex-direction:column;gap:calc(var(--spacing, .25rem) * 4);-webkit-user-select:none;user-select:none}:host.is-loading{visibility:visible;z-index:99}:host .message{font-size:.875rem;text-align:center;max-width:800px}:host .message:empty{display:none}:host-context(html.dark){--emr-block-loader-bg: rgba(0, 0, 0, .7)}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"] }]
+                    }, template: "<mat-spinner [diameter]=\"spinnerDiameter()\"\n             [strokeWidth]=\"spinnerStrokeWidth()\"/>\n<div class=\"message\">\n  <ng-content/>\n</div>\n", styles: [":host{--emr-block-loader-bg: rgba(255, 255, 255, .7);position:absolute;inset:0;background:var(--emr-block-loader-bg);visibility:hidden;z-index:-99;display:flex;align-items:center;justify-content:center;border-radius:inherit;flex-direction:column;gap:calc(var(--spacing, .25rem) * 4);-webkit-user-select:none;user-select:none}:host.is-loading{visibility:visible;z-index:99}:host .message:empty{display:none}:host .message{font-size:.875rem;text-align:center;max-width:800px}:host-context(html.dark){--emr-block-loader-bg: rgba(0, 0, 0, .7)}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"] }]
         }], propDecorators: { loading: [{ type: i0.Input, args: [{ isSignal: true, alias: "loading", required: false }] }], spinnerDiameter: [{ type: i0.Input, args: [{ isSignal: true, alias: "spinnerDiameter", required: false }] }], spinnerStrokeWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "spinnerStrokeWidth", required: false }] }] } });
 /**

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

	@@ -1 +1 @@
1	- {"version":3,"file":"elementar-rt-components-block-loader.mjs","sources":["../../../projects/components/block-loader/src/block-loader-container.directive.ts","../../../projects/components/block-loader/src/block-loader/block-loader.component.ts","../../../projects/components/block-loader/src/block-loader/block-loader.component.html","../../../projects/components/block-loader/elementar-rt-components-block-loader.ts"],"sourcesContent":["import { Directive, ElementRef, inject, OnDestroy, OnInit, Renderer2 } from '@angular/core';\n\n@Directive({\n selector: '[emrBlockLoaderContainer]'\n})\nexport class BlockLoaderContainerDirective implements OnInit, OnDestroy {\n private elementRef = inject(ElementRef);\n private renderer = inject(Renderer2);\n\n ngOnInit() {\n const element = this.elementRef.nativeElement as HTMLElement;\n this.renderer.setStyle(element, 'position', 'relative');\n }\n\n ngOnDestroy() {\n const element = this.elementRef.nativeElement as HTMLElement;\n this.renderer.removeStyle(element, 'position');\n }\n}\n","import { booleanAttribute, ChangeDetectionStrategy, Component, input, numberAttribute } from '@angular/core';\nimport { MatProgressSpinner } from '@angular/material/progress-spinner';\n\n@Component({\n selector: 'emr-block-loader',\n exportAs: 'emrBlockLoader',\n imports: [\n MatProgressSpinner\n ],\n templateUrl: './block-loader.component.html',\n styleUrl: './block-loader.component.scss',\n changeDetection: ChangeDetectionStrategy.OnPush,\n host: {\n 'class': 'emr-block-loader',\n '[class.is-loading]': 'loading()'\n }\n})\nexport class BlockLoaderComponent {\n readonly loading = input(false, {\n transform: booleanAttribute\n });\n readonly spinnerDiameter = input(48, {\n transform: numberAttribute\n });\n readonly spinnerStrokeWidth = input(4, {\n transform: numberAttribute\n });\n}\n","<mat-spinner [diameter]=\"spinnerDiameter()\"\n [strokeWidth]=\"spinnerStrokeWidth()\"/>\n<div class=\"message\">\n <ng-content/>\n</div>\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":";;;;MAKa,6BAA6B,CAAA;AAChC,IAAA,UAAU,GAAG,MAAM,CAAC,UAAU,CAAC;AAC/B,IAAA,QAAQ,GAAG,MAAM,CAAC,SAAS,CAAC;IAEpC,QAAQ,GAAA;AACN,QAAA,MAAM,OAAO,GAAG,IAAI,CAAC,UAAU,CAAC,aAA4B;QAC5D,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,OAAO,EAAE,UAAU,EAAE,UAAU,CAAC;IACzD;IAEA,WAAW,GAAA;AACT,QAAA,MAAM,OAAO,GAAG,IAAI,CAAC,UAAU,CAAC,aAA4B;QAC5D,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,OAAO,EAAE,UAAU,CAAC;IAChD;wGAZW,6BAA6B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;4FAA7B,6BAA6B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,2BAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;4FAA7B,6BAA6B,EAAA,UAAA,EAAA,CAAA;kBAHzC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE;AACX,iBAAA;;;MCaY,oBAAoB,CAAA;IACtB,OAAO,GAAG,KAAK,CAAC,KAAK,~~2CAC5B,~~SAAS,EAAE,gBAAgB,EAAA,~~CAAA,GAAA,CADG~~;~~AAC9B,YAAA,SAAS,EAAE;AACZ,SAAA,CAAA,CAAA,CAAC;~~IACO,eAAe,GAAG,KAAK,CAAC,EAAE,~~mDACjC~~,SAAS,EAAE,eAAe,EAAA,~~CAAA,GAAA,CADS~~;~~AACnC,YAAA,SAAS,EAAE;AACZ,SAAA,CAAA,CAAA,CAAC;~~IACO,kBAAkB,GAAG,KAAK,CAAC,CAAC,~~sDACnC~~,SAAS,EAAE,eAAe,EAAA,~~CAAA,GAAA,CADW~~;~~AACrC,YAAA,SAAS,EAAE;AACZ,SAAA,CAAA,CAAA,CAAC;~~wGATS,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;4FAApB,oBAAoB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,eAAA,EAAA,EAAA,iBAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,iBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,kBAAA,EAAA,EAAA,iBAAA,EAAA,oBAAA,EAAA,UAAA,EAAA,oBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,kBAAA,EAAA,WAAA,EAAA,EAAA,cAAA,EAAA,kBAAA,EAAA,EAAA,QAAA,EAAA,CAAA,gBAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECjBjC,0JAKA,EAAA,MAAA,EAAA,CAAA,kmBAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDEI,kBAAkB,EAAA,QAAA,EAAA,mCAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,MAAA,EAAA,OAAA,EAAA,UAAA,EAAA,aAAA,CAAA,EAAA,QAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;4FAUT,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBAdhC,SAAS;+BACE,kBAAkB,EAAA,QAAA,EAClB,gBAAgB,EAAA,OAAA,EACjB;wBACP;qBACD,EAAA,eAAA,EAGgB,uBAAuB,CAAC,MAAM,EAAA,IAAA,EACzC;AACJ,wBAAA,OAAO,EAAE,kBAAkB;AAC3B,wBAAA,oBAAoB,EAAE;AACvB,qBAAA,EAAA,QAAA,EAAA,0JAAA,EAAA,MAAA,EAAA,CAAA,kmBAAA,CAAA,EAAA;;;AEfH;;AAEG~~;;;;~~"}
1	+ {"version":3,"file":"elementar-rt-components-block-loader.mjs","sources":["../../../projects/components/block-loader/src/block-loader-container.directive.ts","../../../projects/components/block-loader/src/block-loader/block-loader.component.ts","../../../projects/components/block-loader/src/block-loader/block-loader.component.html","../../../projects/components/block-loader/elementar-rt-components-block-loader.ts"],"sourcesContent":["import { Directive, ElementRef, inject, OnDestroy, OnInit, Renderer2 } from '@angular/core';\n\n@Directive({\n selector: '[emrBlockLoaderContainer]'\n})\nexport class BlockLoaderContainerDirective implements OnInit, OnDestroy {\n private elementRef = inject(ElementRef);\n private renderer = inject(Renderer2);\n\n ngOnInit() {\n const element = this.elementRef.nativeElement as HTMLElement;\n this.renderer.setStyle(element, 'position', 'relative');\n }\n\n ngOnDestroy() {\n const element = this.elementRef.nativeElement as HTMLElement;\n this.renderer.removeStyle(element, 'position');\n }\n}\n","import { booleanAttribute, ChangeDetectionStrategy, Component, input, numberAttribute } from '@angular/core';\nimport { MatProgressSpinner } from '@angular/material/progress-spinner';\n\n@Component({\n selector: 'emr-block-loader',\n exportAs: 'emrBlockLoader',\n imports: [\n MatProgressSpinner\n ],\n templateUrl: './block-loader.component.html',\n styleUrl: './block-loader.component.scss',\n changeDetection: ChangeDetectionStrategy.OnPush,\n host: {\n 'class': 'emr-block-loader',\n '[class.is-loading]': 'loading()'\n }\n})\nexport class BlockLoaderComponent {\n readonly loading = input(false, {\n transform: booleanAttribute\n });\n readonly spinnerDiameter = input(48, {\n transform: numberAttribute\n });\n readonly spinnerStrokeWidth = input(4, {\n transform: numberAttribute\n });\n}\n","<mat-spinner [diameter]=\"spinnerDiameter()\"\n [strokeWidth]=\"spinnerStrokeWidth()\"/>\n<div class=\"message\">\n <ng-content/>\n</div>\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":"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"}