@elementar-rt/components 0.6.55

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"elementar-rt-components-alert.mjs","sources":["../../../projects/components/alert/src/alert.properties.ts","../../../projects/components/alert/src/alert-icon.directive.ts","../../../projects/components/alert/src/alert/alert.component.ts","../../../projects/components/alert/src/alert/alert.component.html","../../../projects/components/alert/src/alert-title.directive.ts","../../../projects/components/alert/src/alert-close.directive.ts","../../../projects/components/alert/src/alert-action.directive.ts","../../../projects/components/alert/elementar-rt-components-alert.ts"],"sourcesContent":["import { InjectionToken } from '@angular/core';\r\n\r\nexport const ALERT = new InjectionToken('Alert');\r\nexport type AlertVariant = 'default' | 'secondary' | 'positive' | 'informative' | 'negative' | 'notice' | string;\r\n","import { Directive, inject, TemplateRef } from '@angular/core';\r\n\r\n@Directive({\r\n    selector: '[emrAlertIcon]',\r\n    exportAs: 'emrAlertIcon',\r\n    host: {\r\n        'class': 'emr-alert-icon'\r\n    }\r\n})\r\nexport class AlertIconDirective {\r\n  public readonly templateRef = inject(TemplateRef, { optional: true });\r\n}\r\n","import {\r\n  booleanAttribute,\r\n  Component,\r\n  ElementRef,\r\n  inject,\r\n  Input,\r\n  OnInit,\r\n  Renderer2,\r\n  contentChild, TemplateRef, input, numberAttribute, effect, output, OnChanges, SimpleChanges\r\n} from '@angular/core';\r\nimport { ALERT, AlertVariant } from '../alert.properties';\r\nimport { AlertIconDirective } from '../alert-icon.directive';\r\nimport { NgTemplateOutlet } from '@angular/common';\r\n\r\n@Component({\r\n  selector: 'emr-alert',\r\n  exportAs: 'emrAlert',\r\n  imports: [NgTemplateOutlet],\r\n  templateUrl: './alert.component.html',\r\n  styleUrl: './alert.component.scss',\r\n  providers: [\r\n    {\r\n      provide: ALERT,\r\n      useExisting: AlertComponent\r\n    }\r\n  ],\r\n  host: {\r\n    'class': 'emr-alert',\r\n    '[class.is-bordered]': 'bordered()',\r\n  }\r\n})\r\nexport class AlertComponent {\r\n  private _renderer = inject(Renderer2);\r\n  private _elementRef = inject(ElementRef);\r\n  readonly iconRef = contentChild(AlertIconDirective);\r\n\r\n  autoClose = input(null, {\r\n    transform: numberAttribute\r\n  });\r\n  bordered = input(false, {\r\n    transform: booleanAttribute\r\n  });\r\n  variant = input<AlertVariant>('default');\r\n\r\n  readonly closed = output<void>();\r\n  private _autoCloseTimeout: any = undefined;\r\n\r\n  constructor() {\r\n    effect(() => {\r\n      this._renderer.setAttribute(this._elementRef.nativeElement, 'emr-alert-variant', this.variant());\r\n\r\n      clearTimeout(this._autoCloseTimeout);\r\n\r\n      if (!this.autoClose()) {\r\n        return;\r\n      }\r\n\r\n      this._autoCloseTimeout = setTimeout(() => {\r\n        this._close();\r\n      }, this.autoClose() as number);\r\n    });\r\n  }\r\n\r\n  get api() {\r\n    return {\r\n      close: () => this._close()\r\n    };\r\n  }\r\n\r\n  protected get iconRefTemplate(): TemplateRef<any> {\r\n    return this.iconRef()?.templateRef as TemplateRef<any>;\r\n  }\r\n\r\n  private _close() {\r\n    clearTimeout(this._autoCloseTimeout);\r\n    this._elementRef.nativeElement.remove();\r\n  }\r\n}\r\n","<div class=\"thumbnail\">\r\n  <ng-content select=\"[emrAlertIcon]\"/>\r\n  @if (iconRef()) {\r\n    <ng-container [ngTemplateOutlet]=\"iconRefTemplate\"/>\r\n  }\r\n</div>\r\n<div class=\"content\">\r\n  <div class=\"title\">\r\n    <ng-content select=\"emr-alert-title,[emrAlertTitle]\"/>\r\n  </div>\r\n  <ng-content/>\r\n</div>\r\n<div class=\"actions\">\r\n  <ng-content select=\"[emrAlertAction]\"/>\r\n</div>\r\n","import { Directive } from '@angular/core';\r\n\r\n@Directive({\r\n    selector: 'emr-alert-title,[emrAlertTitle]',\r\n    exportAs: 'emrAlertTitle',\r\n    host: {\r\n        'class': 'emr-alert-title'\r\n    }\r\n})\r\nexport class AlertTitleDirective {\r\n}\r\n","import { Directive, inject } from '@angular/core';\r\nimport { ALERT } from './alert.properties';\r\nimport { AlertComponent } from './alert/alert.component';\r\n\r\n@Directive({\r\n    selector: '[emrAlertClose]',\r\n    exportAs: 'emrAlertClose',\r\n    host: {\r\n      'class': 'emr-alert-close',\r\n      '(click)': '_handleClick()'\r\n    }\r\n})\r\nexport class AlertCloseDirective {\r\n  private _alert = inject<AlertComponent>(ALERT);\r\n\r\n  protected _handleClick() {\r\n    this._alert.api.close();\r\n  }\r\n}\r\n","import { Directive } from '@angular/core';\r\nimport { MatRipple } from \"@angular/material/core\";\r\n\r\n@Directive({\r\n    selector: '[emrAlertAction]',\r\n    exportAs: 'emrAlertAction',\r\n    host: {\r\n        'class': 'emr-alert-action'\r\n    },\r\n    hostDirectives: [MatRipple]\r\n})\r\nexport class AlertActionDirective {\r\n}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,73 @@
+import * as i0 from '@angular/core';
+import { inject, ElementRef, Renderer2, input, booleanAttribute, output, effect, Component, computed } from '@angular/core';
+import { MatIcon } from '@angular/material/icon';
+import { MatIconButton } from '@angular/material/button';
+import { signalStore, withState, withMethods, patchState } from '@ngrx/signals';
+
+class AnnouncementComponent {
+    _elementRef = inject(ElementRef);
+    _renderer = inject(Renderer2);
+    variant = input('neutral', ...(ngDevMode ? [{ debugName: "variant" }] : []));
+    iconName = input('', ...(ngDevMode ? [{ debugName: "iconName" }] : []));
+    closable = input(false, ...(ngDevMode ? [{ debugName: "closable", transform: booleanAttribute }] : [{
+            transform: booleanAttribute
+        }]));
+    closed = output();
+    constructor() {
+        effect(() => {
+            this._renderer.setAttribute(this._elementRef.nativeElement, 'data-variant', this.variant() || 'neutral');
+        });
+    }
+    close() {
+        this.closed.emit();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: AnnouncementComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.10", type: AnnouncementComponent, isStandalone: true, selector: "emr-announcement", inputs: { variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, iconName: { classPropertyName: "iconName", publicName: "iconName", isSignal: true, isRequired: false, transformFunction: null }, closable: { classPropertyName: "closable", publicName: "closable", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { closed: "closed" }, host: { classAttribute: "emr-announcement" }, exportAs: ["emrAnnouncement"], ngImport: i0, template: "<div class=\"content\">\r\n  @if (iconName()) {\r\n    <div class=\"icon\">\r\n      <mat-icon>{{ iconName() }}</mat-icon>\r\n    </div>\r\n  }\r\n  <ng-content/>\r\n</div>\r\n@if (closable()) {\r\n  <div class=\"close\">\r\n    <button mat-icon-button (click)=\"close()\">\r\n      <mat-icon>close</mat-icon>\r\n    </button>\r\n  </div>\r\n}\r\n", styles: [":host{--emr-announcement-close-icon-color: var(--color-neutral-800);padding-inline-start:calc(var(--spacing, .25rem) * 5);padding-inline-end:calc(var(--spacing, .25rem) * 3);height:calc(var(--spacing, .25rem) * 11);display:flex;align-items:center;justify-content:space-between;font-size:.875rem}:host:has(.icon){padding-inline-start:calc(var(--spacing, .25rem) * 3.5)}:host .content{display:flex;align-items:center;gap:calc(var(--spacing, .25rem) * 2.5)}:host .icon{display:inline-flex;align-items:center;justify-content:center}:host .close{display:inline-flex;align-items:center;justify-content:center}:host .close:hover{opacity:100%}:host:has(.close){padding-inline-end:calc(var(--spacing, .25rem) * 1.5)}:host[data-variant=default],:host[data-variant=neutral]{background:var(--color-surface-container)}:host[data-variant=default] .icon,:host[data-variant=neutral] .icon{color:var(--color-on-surface)}:host[data-variant=info],:host[data-variant=informative]{background:var(--color-blue-container)}:host[data-variant=info] .icon,:host[data-variant=informative] .icon{color:var(--color-on-blue-container)}:host[data-variant=danger],:host[data-variant=negative]{background:var(--color-red-container)}:host[data-variant=danger] .icon,:host[data-variant=negative] .icon{color:var(--color-on-red-container)}:host[data-variant=success],:host[data-variant=positive]{background:var(--color-green-container)}:host[data-variant=success] .icon,:host[data-variant=positive] .icon{color:var(--color-on-green-container)}:host[data-variant=warning],:host[data-variant=notice]{background:var(--color-orange-container)}:host[data-variant=warning] .icon,:host[data-variant=notice] .icon{color:var(--color-on-orange-container)}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: AnnouncementComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'emr-announcement', exportAs: 'emrAnnouncement', imports: [
+                        MatIcon,
+                        MatIconButton
+                    ], host: {
+                        'class': 'emr-announcement'
+                    }, template: "<div class=\"content\">\r\n  @if (iconName()) {\r\n    <div class=\"icon\">\r\n      <mat-icon>{{ iconName() }}</mat-icon>\r\n    </div>\r\n  }\r\n  <ng-content/>\r\n</div>\r\n@if (closable()) {\r\n  <div class=\"close\">\r\n    <button mat-icon-button (click)=\"close()\">\r\n      <mat-icon>close</mat-icon>\r\n    </button>\r\n  </div>\r\n}\r\n", styles: [":host{--emr-announcement-close-icon-color: var(--color-neutral-800);padding-inline-start:calc(var(--spacing, .25rem) * 5);padding-inline-end:calc(var(--spacing, .25rem) * 3);height:calc(var(--spacing, .25rem) * 11);display:flex;align-items:center;justify-content:space-between;font-size:.875rem}:host:has(.icon){padding-inline-start:calc(var(--spacing, .25rem) * 3.5)}:host .content{display:flex;align-items:center;gap:calc(var(--spacing, .25rem) * 2.5)}:host .icon{display:inline-flex;align-items:center;justify-content:center}:host .close{display:inline-flex;align-items:center;justify-content:center}:host .close:hover{opacity:100%}:host:has(.close){padding-inline-end:calc(var(--spacing, .25rem) * 1.5)}:host[data-variant=default],:host[data-variant=neutral]{background:var(--color-surface-container)}:host[data-variant=default] .icon,:host[data-variant=neutral] .icon{color:var(--color-on-surface)}:host[data-variant=info],:host[data-variant=informative]{background:var(--color-blue-container)}:host[data-variant=info] .icon,:host[data-variant=informative] .icon{color:var(--color-on-blue-container)}:host[data-variant=danger],:host[data-variant=negative]{background:var(--color-red-container)}:host[data-variant=danger] .icon,:host[data-variant=negative] .icon{color:var(--color-on-red-container)}:host[data-variant=success],:host[data-variant=positive]{background:var(--color-green-container)}:host[data-variant=success] .icon,:host[data-variant=positive] .icon{color:var(--color-on-green-container)}:host[data-variant=warning],:host[data-variant=notice]{background:var(--color-orange-container)}:host[data-variant=warning] .icon,:host[data-variant=notice] .icon{color:var(--color-on-orange-container)}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"] }]
+        }], ctorParameters: () => [], propDecorators: { variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], iconName: [{ type: i0.Input, args: [{ isSignal: true, alias: "iconName", required: false }] }], closable: [{ type: i0.Input, args: [{ isSignal: true, alias: "closable", required: false }] }], closed: [{ type: i0.Output, args: ["closed"] }] } });
+
+const initialState = {
+    announcement: null,
+};
+const AnnouncementStore = signalStore({ providedIn: 'root' }, withState(initialState), withMethods((store) => ({
+    show(announcement) {
+        patchState(store, { announcement });
+    },
+    hide() {
+        patchState(store, { announcement: null });
+    }
+})));
+
+class AnnouncementGlobalComponent {
+    _announcementStore = inject(AnnouncementStore);
+    announcement = computed(() => {
+        return this._announcementStore.announcement();
+    }, ...(ngDevMode ? [{ debugName: "announcement" }] : []));
+    announcementClose = output();
+    onClose() {
+        this._announcementStore.hide();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: AnnouncementGlobalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.10", type: AnnouncementGlobalComponent, isStandalone: true, selector: "emr-announcement-global", outputs: { announcementClose: "announcementClose" }, exportAs: ["emrAnnouncementGlobal"], ngImport: i0, template: "@if (announcement()) {\r\n  <emr-announcement closable\r\n                    [iconName]=\"announcement()?.iconName || ''\"\r\n                    [variant]=\"announcement()?.variant || ''\"\r\n                    (closed)=\"onClose()\">\r\n    {{ announcement()?.message }}\r\n  </emr-announcement>\r\n}\r\n", styles: [":host{display:contents}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "component", type: AnnouncementComponent, selector: "emr-announcement", inputs: ["variant", "iconName", "closable"], outputs: ["closed"], exportAs: ["emrAnnouncement"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: AnnouncementGlobalComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'emr-announcement-global', exportAs: 'emrAnnouncementGlobal', imports: [
+                        AnnouncementComponent
+                    ], template: "@if (announcement()) {\r\n  <emr-announcement closable\r\n                    [iconName]=\"announcement()?.iconName || ''\"\r\n                    [variant]=\"announcement()?.variant || ''\"\r\n                    (closed)=\"onClose()\">\r\n    {{ announcement()?.message }}\r\n  </emr-announcement>\r\n}\r\n", styles: [":host{display:contents}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"] }]
+        }], propDecorators: { announcementClose: [{ type: i0.Output, args: ["announcementClose"] }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { AnnouncementComponent, AnnouncementGlobalComponent, AnnouncementStore };
+//# sourceMappingURL=elementar-rt-components-announcement.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"elementar-rt-components-announcement.mjs","sources":["../../../projects/components/announcement/src/announcement/announcement.component.ts","../../../projects/components/announcement/src/announcement/announcement.component.html","../../../projects/components/announcement/src/announcement.store.ts","../../../projects/components/announcement/src/announcement-global/announcement-global.component.ts","../../../projects/components/announcement/src/announcement-global/announcement-global.component.html","../../../projects/components/announcement/elementar-rt-components-announcement.ts"],"sourcesContent":["import {\r\n  booleanAttribute,\r\n  Component, effect,\r\n  ElementRef,\r\n  inject,\r\n  input,\r\n  output,\r\n  Renderer2\r\n} from '@angular/core';\r\nimport { MatIcon } from '@angular/material/icon';\r\nimport { MatIconButton } from '@angular/material/button';\r\nimport { AnnouncementVariant } from '../types';\r\n\r\n@Component({\r\n  selector: 'emr-announcement',\r\n  exportAs: 'emrAnnouncement',\r\n  imports: [\r\n    MatIcon,\r\n    MatIconButton\r\n  ],\r\n  templateUrl: './announcement.component.html',\r\n  styleUrl: './announcement.component.scss',\r\n  host: {\r\n    'class': 'emr-announcement'\r\n  }\r\n})\r\nexport class AnnouncementComponent {\r\n  private _elementRef = inject(ElementRef);\r\n  private _renderer = inject(Renderer2);\r\n\r\n  variant = input<AnnouncementVariant>('neutral');\r\n  iconName = input('');\r\n  closable = input(false, {\r\n    transform: booleanAttribute\r\n  });\r\n\r\n  readonly closed = output<void>();\r\n\r\n  constructor() {\r\n    effect(() => {\r\n      this._renderer.setAttribute(this._elementRef.nativeElement, 'data-variant', this.variant() || 'neutral');\r\n    });\r\n  }\r\n\r\n  protected close() {\r\n    this.closed.emit();\r\n  }\r\n}\r\n","<div class=\"content\">\r\n  @if (iconName()) {\r\n    <div class=\"icon\">\r\n      <mat-icon>{{ iconName() }}</mat-icon>\r\n    </div>\r\n  }\r\n  <ng-content/>\r\n</div>\r\n@if (closable()) {\r\n  <div class=\"close\">\r\n    <button mat-icon-button (click)=\"close()\">\r\n      <mat-icon>close</mat-icon>\r\n    </button>\r\n  </div>\r\n}\r\n","import { patchState, signalStore, withMethods, withState } from '@ngrx/signals';\r\nimport { Announcement } from './types';\r\n\r\nexport interface AnnouncementState {\r\n  announcement: Announcement | null;\r\n}\r\n\r\nconst initialState: AnnouncementState = {\r\n  announcement: null,\r\n};\r\n\r\nexport const AnnouncementStore = signalStore(\r\n  { providedIn: 'root' },\r\n  withState(initialState),\r\n  withMethods((store) => ({\r\n    show(announcement: Announcement): void {\r\n      patchState(store, { announcement });\r\n    },\r\n    hide() {\r\n      patchState(store, { announcement: null });\r\n    }\r\n  }))\r\n);\r\n","import { Component, computed, inject, output } from '@angular/core';\r\nimport { AnnouncementStore } from '../announcement.store';\r\nimport { Announcement } from '../types';\r\nimport { AnnouncementComponent } from '../announcement/announcement.component';\r\n\r\n@Component({\r\n  selector: 'emr-announcement-global',\r\n  exportAs: 'emrAnnouncementGlobal',\r\n  imports: [\r\n    AnnouncementComponent\r\n  ],\r\n  templateUrl: './announcement-global.component.html',\r\n  styleUrl: './announcement-global.component.scss'\r\n})\r\nexport class AnnouncementGlobalComponent {\r\n  private _announcementStore = inject(AnnouncementStore);\r\n\r\n  announcement = computed<Announcement | null>(() => {\r\n    return this._announcementStore.announcement();\r\n  });\r\n\r\n  readonly announcementClose = output<void>();\r\n\r\n  onClose() {\r\n    this._announcementStore.hide();\r\n  }\r\n}\r\n","@if (announcement()) {\r\n  <emr-announcement closable\r\n                    [iconName]=\"announcement()?.iconName || ''\"\r\n                    [variant]=\"announcement()?.variant || ''\"\r\n                    (closed)=\"onClose()\">\r\n    {{ announcement()?.message }}\r\n  </emr-announcement>\r\n}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,234 @@
+import * as i0 from '@angular/core';
+import { InjectionToken, inject, ElementRef, input, booleanAttribute, forwardRef, Component } from '@angular/core';
+import { createAvatar } from '@dicebear/core';
+import { initials, identicon } from '@dicebear/collection';
+import { v7 } from 'uuid';
+import { SafeHtmlPipe } from '@elementar-rt/components/core';
+
+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" }] : []));
+    imageLoaded;
+    showLabel = false;
+    ngOnInit() {
+        if (!this.image()) {
+            return;
+        }
+        this.imageLoaded = alreadyLoadedImages$1.includes(this.image());
+    }
+    ngAfterViewInit() {
+        setTimeout(() => {
+            this.showLabel = true;
+        }, 0);
+    }
+    ngOnChanges(changes) {
+        if (changes['automaticColor'] && changes['automaticColor'].currentValue) {
+            this._setAutomaticColor(changes['automaticColor'].currentValue);
+        }
+    }
+    onImageLoaded() {
+        if (this.imageLoaded) {
+            return;
+        }
+        alreadyLoadedImages$1.push(this.image());
+        this.imageLoaded = true;
+    }
+    _setAutomaticColor(color) {
+        if (!this.isValidHex(color)) {
+            throw new Error(`Invalid ${color} color, automatic color supports only a valid hex color`);
+        }
+        const element = this._elementRef.nativeElement;
+        element.style.setProperty('--emr-avatar-bg', color);
+        element.style.setProperty('--emr-avatar-border-color', this._newShade(color, -25));
+        element.style.setProperty('--emr-avatar-color', this._newShade(color, -150));
+    }
+    _newShade(hexColor, magnitude) {
+        hexColor = hexColor.replace(`#`, ``);
+        if (hexColor.length === 6) {
+            const decimalColor = parseInt(hexColor, 16);
+            let r = (decimalColor >> 16) + magnitude;
+            r > 255 && (r = 255);
+            r < 0 && (r = 0);
+            let g = (decimalColor & 0x0000ff) + magnitude;
+            g > 255 && (g = 255);
+            g < 0 && (g = 0);
+            let b = ((decimalColor >> 8) & 0x00ff) + magnitude;
+            b > 255 && (b = 255);
+            b < 0 && (b = 0);
+            return `#${(g | (b << 8) | (r << 16)).toString(16)}`;
+        }
+        else {
+            return hexColor;
+        }
+    }
+    ;
+    isValidHex(color) {
+        if (!color || typeof color !== 'string') {
+            return false;
+        }
+        // Validate hex values
+        if (color.substring(0, 1) === '#') {
+            color = color.substring(1);
+        }
+        switch (color.length) {
+            case 3: {
+                return /^[0-9A-F]{3}$/i.test(color);
+            }
+            case 6: {
+                return /^[0-9A-F]{6}$/i.test(color);
+            }
+            case 8: {
+                return /^[0-9A-F]{8}$/i.test(color);
+            }
+            default: {
+                return false;
+            }
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: AvatarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.10", type: AvatarComponent, isStandalone: true, selector: "emr-avatar,[emr-avatar]", inputs: { image: { classPropertyName: "image", publicName: "image", isSignal: true, isRequired: false, transformFunction: null }, clickable: { classPropertyName: "clickable", publicName: "clickable", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, alt: { classPropertyName: "alt", publicName: "alt", isSignal: true, isRequired: false, transformFunction: null }, automaticColor: { classPropertyName: "automaticColor", publicName: "automaticColor", isSignal: true, isRequired: false, transformFunction: null }, presenceIndicator: { classPropertyName: "presenceIndicator", publicName: "presenceIndicator", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.is-clickable": "clickable()", "class.has-automatic-color": "!!automaticColor()", "class.has-loaded-image": "image() && imageLoaded" }, classAttribute: "emr-avatar" }, providers: [
+            {
+                provide: AVATAR_ACCESSOR,
+                useExisting: forwardRef(() => AvatarComponent),
+                multi: true
+            }
+        ], exportAs: ["emrAvatar"], usesOnChanges: true, ngImport: i0, template: "@if (image()) {\r\n  <img class=\"image\" loading=\"lazy\" [src]=\"image()\" [alt]=\"alt()\" (load)=\"onImageLoaded()\">\r\n}\r\n\r\n@if (presenceIndicator()) {\r\n  <div class=\"presence-indicator\"\r\n       [class.is-online]=\"presenceIndicator() === 'online'\"\r\n       [class.is-offline]=\"presenceIndicator() === 'offline'\"\r\n       [class.is-away]=\"presenceIndicator() === 'away'\"></div>\r\n}\r\n\r\n@if (label() && showLabel) {\r\n  <svg viewBox=\"0 0 50 50\" class=\"text\">\r\n    <text\r\n      x=\"50%\"\r\n      y=\"50%\"\r\n      alignment-baseline=\"central\"\r\n      text-anchor=\"middle\"\r\n      font-weight=\"inherit\"\r\n      font-size=\"20\"\r\n      fill=\"currentColor\">{{ label() }}</text>\r\n  </svg>\r\n}\r\n\r\n<ng-content select=\"mat-icon,emr-icon\"/>\r\n", styles: [":host{--emr-avatar-font-weight: 500;--emr-avatar-size: calc(var(--spacing, .25rem) * 10);--emr-avatar-border-radius: calc(infinity * 1px);--emr-avatar-bg: #778da9;--emr-avatar-color: #fff;--emr-avatar-presence-indicator-size: 20%;--emr-avatar-presence-indicator-position-top: 5%;--emr-avatar-presence-indicator-position-end: 5%;--emr-avatar-presence-indicator-online-bg: #57cc99;--emr-avatar-presence-indicator-offline-bg: var(--color-surface-variant);--emr-avatar-presence-indicator-away-bg: #ffd60a;--emr-avatar-presence-indicator-outline: white solid 2px;--emr-avatar-inner-border: inset 0 0 2px var(--color-border);display:inline-flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;flex:none;text-transform:uppercase;position:relative;font-weight:var(--emr-avatar-font-weight)}:host:not([class*=shadow-]){box-shadow:var(--emr-avatar-inner-border)}:host:not([class*=text-]){color:var(--emr-avatar-color)}:host:not([class*=rounded]){border-radius:var(--emr-avatar-border-radius)}:host:not([class*=w-]):not([class*=size-]){width:var(--emr-avatar-size)}:host:not([class*=h-]):not([class*=size-]){height:var(--emr-avatar-size)}:host:not([class*=bg-]):not(.has-loaded-image){background:var(--emr-avatar-bg)}:host .text{z-index:0;width:100%;height:100%}:host.has-loaded-image .text{display:none}:host.is-clickable{cursor:pointer}:host.is-hidden{display:none}:host.is-clickable:active{scale:.97}:host .image{display:inline;object-fit:cover;position:absolute;width:100%;height:100%;border-radius:inherit;z-index:1}:host .presence-indicator{position:absolute;z-index:1;outline:var(--emr-avatar-presence-indicator-outline);border-radius:6.1875rem;width:var(--emr-avatar-presence-indicator-size);height:var(--emr-avatar-presence-indicator-size);top:var(--emr-avatar-presence-indicator-position-top);inset-inline-end:var(--emr-avatar-presence-indicator-position-end)}:host .presence-indicator.is-online{background:var(--emr-avatar-presence-indicator-online-bg)}:host .presence-indicator.is-offline{background:var(--emr-avatar-presence-indicator-offline-bg)}:host .presence-indicator.is-away{background:var(--emr-avatar-presence-indicator-away-bg)}:host ::ng-deep .mat-icon{display:flex;align-items:center;justify-content:center}:host.has-automatic-color{border:1px solid var(--emr-avatar-border-color)}:host-context(html.dark){--emr-avatar-group-item-border: .125rem solid var(--color-neutral-950);--emr-avatar-presence-indicator-outline: var(--color-neutral-950) solid 2px}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: AvatarComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'emr-avatar,[emr-avatar]', exportAs: 'emrAvatar', standalone: true, providers: [
+                        {
+                            provide: AVATAR_ACCESSOR,
+                            useExisting: forwardRef(() => AvatarComponent),
+                            multi: true
+                        }
+                    ], host: {
+                        'class': 'emr-avatar',
+                        '[class.is-clickable]': 'clickable()',
+                        '[class.has-automatic-color]': '!!automaticColor()',
+                        '[class.has-loaded-image]': 'image() && imageLoaded',
+                    }, template: "@if (image()) {\r\n  <img class=\"image\" loading=\"lazy\" [src]=\"image()\" [alt]=\"alt()\" (load)=\"onImageLoaded()\">\r\n}\r\n\r\n@if (presenceIndicator()) {\r\n  <div class=\"presence-indicator\"\r\n       [class.is-online]=\"presenceIndicator() === 'online'\"\r\n       [class.is-offline]=\"presenceIndicator() === 'offline'\"\r\n       [class.is-away]=\"presenceIndicator() === 'away'\"></div>\r\n}\r\n\r\n@if (label() && showLabel) {\r\n  <svg viewBox=\"0 0 50 50\" class=\"text\">\r\n    <text\r\n      x=\"50%\"\r\n      y=\"50%\"\r\n      alignment-baseline=\"central\"\r\n      text-anchor=\"middle\"\r\n      font-weight=\"inherit\"\r\n      font-size=\"20\"\r\n      fill=\"currentColor\">{{ label() }}</text>\r\n  </svg>\r\n}\r\n\r\n<ng-content select=\"mat-icon,emr-icon\"/>\r\n", styles: [":host{--emr-avatar-font-weight: 500;--emr-avatar-size: calc(var(--spacing, .25rem) * 10);--emr-avatar-border-radius: calc(infinity * 1px);--emr-avatar-bg: #778da9;--emr-avatar-color: #fff;--emr-avatar-presence-indicator-size: 20%;--emr-avatar-presence-indicator-position-top: 5%;--emr-avatar-presence-indicator-position-end: 5%;--emr-avatar-presence-indicator-online-bg: #57cc99;--emr-avatar-presence-indicator-offline-bg: var(--color-surface-variant);--emr-avatar-presence-indicator-away-bg: #ffd60a;--emr-avatar-presence-indicator-outline: white solid 2px;--emr-avatar-inner-border: inset 0 0 2px var(--color-border);display:inline-flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;flex:none;text-transform:uppercase;position:relative;font-weight:var(--emr-avatar-font-weight)}:host:not([class*=shadow-]){box-shadow:var(--emr-avatar-inner-border)}:host:not([class*=text-]){color:var(--emr-avatar-color)}:host:not([class*=rounded]){border-radius:var(--emr-avatar-border-radius)}:host:not([class*=w-]):not([class*=size-]){width:var(--emr-avatar-size)}:host:not([class*=h-]):not([class*=size-]){height:var(--emr-avatar-size)}:host:not([class*=bg-]):not(.has-loaded-image){background:var(--emr-avatar-bg)}:host .text{z-index:0;width:100%;height:100%}:host.has-loaded-image .text{display:none}:host.is-clickable{cursor:pointer}:host.is-hidden{display:none}:host.is-clickable:active{scale:.97}:host .image{display:inline;object-fit:cover;position:absolute;width:100%;height:100%;border-radius:inherit;z-index:1}:host .presence-indicator{position:absolute;z-index:1;outline:var(--emr-avatar-presence-indicator-outline);border-radius:6.1875rem;width:var(--emr-avatar-presence-indicator-size);height:var(--emr-avatar-presence-indicator-size);top:var(--emr-avatar-presence-indicator-position-top);inset-inline-end:var(--emr-avatar-presence-indicator-position-end)}:host .presence-indicator.is-online{background:var(--emr-avatar-presence-indicator-online-bg)}:host .presence-indicator.is-offline{background:var(--emr-avatar-presence-indicator-offline-bg)}:host .presence-indicator.is-away{background:var(--emr-avatar-presence-indicator-away-bg)}:host ::ng-deep .mat-icon{display:flex;align-items:center;justify-content:center}:host.has-automatic-color{border:1px solid var(--emr-avatar-border-color)}:host-context(html.dark){--emr-avatar-group-item-border: .125rem solid var(--color-neutral-950);--emr-avatar-presence-indicator-outline: var(--color-neutral-950) solid 2px}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"] }]
+        }], propDecorators: { image: [{ type: i0.Input, args: [{ isSignal: true, alias: "image", required: false }] }], clickable: [{ type: i0.Input, args: [{ isSignal: true, alias: "clickable", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], alt: [{ type: i0.Input, args: [{ isSignal: true, alias: "alt", required: false }] }], automaticColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "automaticColor", required: false }] }], presenceIndicator: [{ type: i0.Input, args: [{ isSignal: true, alias: "presenceIndicator", required: false }] }] } });
+
+class AvatarGroupComponent {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: AvatarGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.10", type: AvatarGroupComponent, isStandalone: true, selector: "emr-avatar-group", host: { classAttribute: "emr-avatar-group" }, exportAs: ["emrAvatarGroup"], ngImport: i0, template: "<ng-content/>\r\n", styles: [":host{--emr-avatar-group-item-offset: calc(var(--spacing) * 2.5);--emr-avatar-group-item-border: 2px solid white;display:flex;flex:none;position:relative;align-items:center}:host ::ng-deep *+*{margin-left:calc(var(--emr-avatar-group-item-offset) * -1)}:host ::ng-deep .emr-avatar,:host ::ng-deep .emr-avatar-total,:host ::ng-deep .emr-avatar-more{border:var(--emr-avatar-group-item-border);z-index:0}:host ::ng-deep .emr-avatar:hover,:host ::ng-deep .emr-avatar-total:hover,:host ::ng-deep .emr-avatar-more:hover{z-index:1}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: AvatarGroupComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'emr-avatar-group', exportAs: 'emrAvatarGroup', standalone: true, host: {
+                        'class': 'emr-avatar-group'
+                    }, template: "<ng-content/>\r\n", styles: [":host{--emr-avatar-group-item-offset: calc(var(--spacing) * 2.5);--emr-avatar-group-item-border: 2px solid white;display:flex;flex:none;position:relative;align-items:center}:host ::ng-deep *+*{margin-left:calc(var(--emr-avatar-group-item-offset) * -1)}:host ::ng-deep .emr-avatar,:host ::ng-deep .emr-avatar-total,:host ::ng-deep .emr-avatar-more{border:var(--emr-avatar-group-item-border);z-index:0}:host ::ng-deep .emr-avatar:hover,:host ::ng-deep .emr-avatar-total:hover,:host ::ng-deep .emr-avatar-more:hover{z-index:1}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"] }]
+        }] });
+
+// DEPRECATED
+class AvatarTotalComponent {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: AvatarTotalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.10", type: AvatarTotalComponent, isStandalone: true, selector: "emr-avatar-total,[emr-avatar-total]", host: { classAttribute: "emr-avatar-total" }, exportAs: ["emrAvatarTotal"], ngImport: i0, template: "<ng-content></ng-content>\r\n", styles: [":host{--emr-avatar-font-weight: 500;--emr-avatar-size: calc(var(--spacing) * 10);--emr-avatar-border-radius: calc(infinity * 1px);--emr-avatar-bg: oklch(69.6% .17 162.48);--emr-avatar-color: white;--emr-avatar-inner-border: inset 0 0 2px var(--color-border);--emr-avatar-total-font-size: var(--text-xs);--emr-avatar-total-font-weight: 500;--emr-avatar-total-color: white;--emr-avatar-total-bg: var(--color-neutral-700);--emr-avatar-total-hover-bg: var(--color-neutral-600);background:var(--emr-avatar-total-bg);font-size:var(--emr-avatar-total-font-size);font-weight:var(--emr-avatar-total-font-weight);color:var(--emr-avatar-total-color);border-radius:var(--emr-avatar-border-radius);flex:none;display:flex;align-items:center;justify-content:center}:host:hover{background:var(--emr-avatar-total-hover-bg)}:host:not([class*=w-]):not([class*=size-]){width:var(--emr-avatar-size)}:host:not([class*=h-]):not([class*=size-]){height:var(--emr-avatar-size)}:host-context(html.dark){--emr-avatar-group-item-border: .125rem solid var(--color-neutral-950);--emr-avatar-presence-indicator-outline: var(--color-neutral-950) solid 2px}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: AvatarTotalComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'emr-avatar-total,[emr-avatar-total]', exportAs: 'emrAvatarTotal', standalone: true, host: {
+                        'class': 'emr-avatar-total'
+                    }, template: "<ng-content></ng-content>\r\n", styles: [":host{--emr-avatar-font-weight: 500;--emr-avatar-size: calc(var(--spacing) * 10);--emr-avatar-border-radius: calc(infinity * 1px);--emr-avatar-bg: oklch(69.6% .17 162.48);--emr-avatar-color: white;--emr-avatar-inner-border: inset 0 0 2px var(--color-border);--emr-avatar-total-font-size: var(--text-xs);--emr-avatar-total-font-weight: 500;--emr-avatar-total-color: white;--emr-avatar-total-bg: var(--color-neutral-700);--emr-avatar-total-hover-bg: var(--color-neutral-600);background:var(--emr-avatar-total-bg);font-size:var(--emr-avatar-total-font-size);font-weight:var(--emr-avatar-total-font-weight);color:var(--emr-avatar-total-color);border-radius:var(--emr-avatar-border-radius);flex:none;display:flex;align-items:center;justify-content:center}:host:hover{background:var(--emr-avatar-total-hover-bg)}:host:not([class*=w-]):not([class*=size-]){width:var(--emr-avatar-size)}:host:not([class*=h-]):not([class*=size-]){height:var(--emr-avatar-size)}:host-context(html.dark){--emr-avatar-group-item-border: .125rem solid var(--color-neutral-950);--emr-avatar-presence-indicator-outline: var(--color-neutral-950) solid 2px}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"] }]
+        }] });
+
+const alreadyLoadedImages = [];
+const presets = {
+    'identicon': {
+        style: identicon,
+        options: {
+            scale: 55,
+            backgroundColor: ['cbebf7', 'ebe1fc', 'd1f9db', 'f7e4e7', 'fce8d4', 'dcfcf9']
+        }
+    },
+    'initials': {
+        style: initials,
+        options: {
+            scale: 75,
+            fontWeight: 500
+        }
+    }
+};
+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" }] : []));
+    imageLoaded;
+    svg = '';
+    ngOnInit() {
+        if (this.image()) {
+            this.imageLoaded = alreadyLoadedImages.includes(this.image());
+        }
+        const preset = presets[this.preset()];
+        const avatar = createAvatar(preset.style, {
+            seed: this.key() || '',
+            ...preset.options
+        });
+        this.svg = avatar.toString().replace('viewboxMask', v7());
+    }
+    onImageLoaded() {
+        if (this.imageLoaded) {
+            return;
+        }
+        alreadyLoadedImages.push(this.image());
+        this.imageLoaded = true;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: DicebearComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.10", type: DicebearComponent, isStandalone: true, selector: "emr-dicebear,[emr-dicebear]", inputs: { image: { classPropertyName: "image", publicName: "image", isSignal: true, isRequired: false, transformFunction: null }, clickable: { classPropertyName: "clickable", publicName: "clickable", isSignal: true, isRequired: false, transformFunction: null }, key: { classPropertyName: "key", publicName: "key", isSignal: true, isRequired: false, transformFunction: null }, preset: { classPropertyName: "preset", publicName: "preset", isSignal: true, isRequired: false, transformFunction: null }, alt: { classPropertyName: "alt", publicName: "alt", isSignal: true, isRequired: false, transformFunction: null }, presenceIndicator: { classPropertyName: "presenceIndicator", publicName: "presenceIndicator", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.is-clickable": "clickable()", "class.has-loaded-image": "image() && imageLoaded" }, classAttribute: "emr-avatar emr-dicebear" }, providers: [
+            {
+                provide: AVATAR_ACCESSOR,
+                useExisting: forwardRef(() => DicebearComponent),
+                multi: true
+            }
+        ], exportAs: ["emrDicebear"], ngImport: i0, template: "@if (image()) {\r\n  <img class=\"image\" loading=\"lazy\" [src]=\"image()\"\r\n       [alt]=\"alt() || ''\" (load)=\"onImageLoaded()\">\r\n}\r\n\r\n@if (presenceIndicator()) {\r\n  <div class=\"presence-indicator\"\r\n       [class.is-online]=\"presenceIndicator() === 'online'\"\r\n       [class.is-offline]=\"presenceIndicator() === 'offline'\"\r\n       [class.is-away]=\"presenceIndicator() === 'away'\"></div>\r\n}\r\n\r\n@if (!image() && svg) {\r\n  <div class=\"svg\" [innerHTML]=\"svg | safeHtml\"></div>\r\n}\r\n", styles: [":host{--emr-avatar-font-weight: 500;--emr-avatar-size: calc(var(--spacing, .25rem) * 10);--emr-avatar-border-radius: calc(infinity * 1px);--emr-avatar-bg: #778da9;--emr-avatar-color: white;--emr-avatar-presence-indicator-size: 20%;--emr-avatar-presence-indicator-position-top: 5%;--emr-avatar-presence-indicator-position-end: 5%;--emr-avatar-presence-indicator-online-bg: #57cc99;--emr-avatar-presence-indicator-offline-bg: var(--color-surface-variant);--emr-avatar-presence-indicator-away-bg: #ffd60a;--emr-avatar-presence-indicator-outline: white solid 2px;--emr-avatar-inner-border: inset 0 0 2px var(--color-border);display:inline-flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;flex:none;text-transform:uppercase;position:relative;font-weight:var(--emr-avatar-font-weight)}:host:not([class*=shadow-]){box-shadow:var(--emr-avatar-inner-border)}:host .svg{overflow:hidden;border-radius:inherit;position:absolute;inset:0;z-index:0}:host:not([class*=rounded]),:host:not([class*=rounded]) .svg{border-radius:var(--emr-avatar-border-radius)}:host:not([class*=w-]):not([class*=size-]){width:var(--emr-avatar-size)}:host:not([class*=h-]):not([class*=size-]){height:var(--emr-avatar-size)}:host.is-clickable{cursor:pointer}:host.is-hidden{display:none}:host.is-clickable:active{scale:.97}:host .image{display:inline;object-fit:cover;position:absolute;width:100%;height:100%;border-radius:inherit;z-index:1}:host .presence-indicator{position:absolute;z-index:1;outline:var(--emr-avatar-presence-indicator-outline);border-radius:6.1875rem;width:var(--emr-avatar-presence-indicator-size);height:var(--emr-avatar-presence-indicator-size);top:var(--emr-avatar-presence-indicator-position-top);inset-inline-end:var(--emr-avatar-presence-indicator-position-end)}:host .presence-indicator.is-online{background:var(--emr-avatar-presence-indicator-online-bg)}:host .presence-indicator.is-offline{background:var(--emr-avatar-presence-indicator-offline-bg)}:host .presence-indicator.is-away{background:var(--emr-avatar-presence-indicator-away-bg)}:host-context(html.dark){--emr-avatar-group-item-border: .125rem solid var(--color-neutral-950);--emr-avatar-presence-indicator-outline: var(--color-neutral-950) solid 2px}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "pipe", type: SafeHtmlPipe, name: "safeHtml" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: DicebearComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'emr-dicebear,[emr-dicebear]', exportAs: 'emrDicebear', providers: [
+                        {
+                            provide: AVATAR_ACCESSOR,
+                            useExisting: forwardRef(() => DicebearComponent),
+                            multi: true
+                        }
+                    ], imports: [
+                        SafeHtmlPipe,
+                    ], host: {
+                        'class': 'emr-avatar emr-dicebear',
+                        '[class.is-clickable]': 'clickable()',
+                        '[class.has-loaded-image]': 'image() && imageLoaded',
+                    }, template: "@if (image()) {\r\n  <img class=\"image\" loading=\"lazy\" [src]=\"image()\"\r\n       [alt]=\"alt() || ''\" (load)=\"onImageLoaded()\">\r\n}\r\n\r\n@if (presenceIndicator()) {\r\n  <div class=\"presence-indicator\"\r\n       [class.is-online]=\"presenceIndicator() === 'online'\"\r\n       [class.is-offline]=\"presenceIndicator() === 'offline'\"\r\n       [class.is-away]=\"presenceIndicator() === 'away'\"></div>\r\n}\r\n\r\n@if (!image() && svg) {\r\n  <div class=\"svg\" [innerHTML]=\"svg | safeHtml\"></div>\r\n}\r\n", styles: [":host{--emr-avatar-font-weight: 500;--emr-avatar-size: calc(var(--spacing, .25rem) * 10);--emr-avatar-border-radius: calc(infinity * 1px);--emr-avatar-bg: #778da9;--emr-avatar-color: white;--emr-avatar-presence-indicator-size: 20%;--emr-avatar-presence-indicator-position-top: 5%;--emr-avatar-presence-indicator-position-end: 5%;--emr-avatar-presence-indicator-online-bg: #57cc99;--emr-avatar-presence-indicator-offline-bg: var(--color-surface-variant);--emr-avatar-presence-indicator-away-bg: #ffd60a;--emr-avatar-presence-indicator-outline: white solid 2px;--emr-avatar-inner-border: inset 0 0 2px var(--color-border);display:inline-flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;flex:none;text-transform:uppercase;position:relative;font-weight:var(--emr-avatar-font-weight)}:host:not([class*=shadow-]){box-shadow:var(--emr-avatar-inner-border)}:host .svg{overflow:hidden;border-radius:inherit;position:absolute;inset:0;z-index:0}:host:not([class*=rounded]),:host:not([class*=rounded]) .svg{border-radius:var(--emr-avatar-border-radius)}:host:not([class*=w-]):not([class*=size-]){width:var(--emr-avatar-size)}:host:not([class*=h-]):not([class*=size-]){height:var(--emr-avatar-size)}:host.is-clickable{cursor:pointer}:host.is-hidden{display:none}:host.is-clickable:active{scale:.97}:host .image{display:inline;object-fit:cover;position:absolute;width:100%;height:100%;border-radius:inherit;z-index:1}:host .presence-indicator{position:absolute;z-index:1;outline:var(--emr-avatar-presence-indicator-outline);border-radius:6.1875rem;width:var(--emr-avatar-presence-indicator-size);height:var(--emr-avatar-presence-indicator-size);top:var(--emr-avatar-presence-indicator-position-top);inset-inline-end:var(--emr-avatar-presence-indicator-position-end)}:host .presence-indicator.is-online{background:var(--emr-avatar-presence-indicator-online-bg)}:host .presence-indicator.is-offline{background:var(--emr-avatar-presence-indicator-offline-bg)}:host .presence-indicator.is-away{background:var(--emr-avatar-presence-indicator-away-bg)}:host-context(html.dark){--emr-avatar-group-item-border: .125rem solid var(--color-neutral-950);--emr-avatar-presence-indicator-outline: var(--color-neutral-950) solid 2px}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"] }]
+        }], propDecorators: { image: [{ type: i0.Input, args: [{ isSignal: true, alias: "image", required: false }] }], clickable: [{ type: i0.Input, args: [{ isSignal: true, alias: "clickable", required: false }] }], key: [{ type: i0.Input, args: [{ isSignal: true, alias: "key", required: false }] }], preset: [{ type: i0.Input, args: [{ isSignal: true, alias: "preset", required: false }] }], alt: [{ type: i0.Input, args: [{ isSignal: true, alias: "alt", required: false }] }], presenceIndicator: [{ type: i0.Input, args: [{ isSignal: true, alias: "presenceIndicator", required: false }] }] } });
+
+class AvatarMoreComponent {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: AvatarMoreComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.10", type: AvatarMoreComponent, isStandalone: true, selector: "emr-avatar-more,[emr-avatar-more]", host: { classAttribute: "emr-avatar-more" }, exportAs: ["emrAvatarMore"], ngImport: i0, template: "<ng-content/>\r\n", styles: [":host{--emr-avatar-font-weight: 500;--emr-avatar-size: calc(var(--spacing, .25rem) * 10);--emr-avatar-border-radius: calc(infinity * 1px);--emr-avatar-bg: oklch(69.6% .17 162.48);--emr-avatar-color: white;--emr-avatar-inner-border: inset 0 0 2px var(--color-border);--emr-avatar-total-font-size: var(--text-xs);--emr-avatar-total-font-weight: 500;--emr-avatar-total-color: white;--emr-avatar-total-bg: var(--color-neutral-700);--emr-avatar-total-hover-bg: var(--color-neutral-600);background:var(--emr-avatar-total-bg);font-size:var(--emr-avatar-total-font-size);font-weight:var(--emr-avatar-total-font-weight);color:var(--emr-avatar-total-color);border-radius:var(--emr-avatar-border-radius);flex:none;display:flex;align-items:center;justify-content:center}:host:hover{background:var(--emr-avatar-total-hover-bg)}:host:not([class*=w-]):not([class*=size-]){width:var(--emr-avatar-size)}:host:not([class*=h-]):not([class*=size-]){height:var(--emr-avatar-size)}:host-context(html.dark){--emr-avatar-group-item-border: .125rem solid var(--color-neutral-950);--emr-avatar-presence-indicator-outline: var(--color-neutral-950) solid 2px}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: AvatarMoreComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'emr-avatar-more,[emr-avatar-more]', exportAs: 'emrAvatarMore', imports: [], host: {
+                        'class': 'emr-avatar-more'
+                    }, template: "<ng-content/>\r\n", styles: [":host{--emr-avatar-font-weight: 500;--emr-avatar-size: calc(var(--spacing, .25rem) * 10);--emr-avatar-border-radius: calc(infinity * 1px);--emr-avatar-bg: oklch(69.6% .17 162.48);--emr-avatar-color: white;--emr-avatar-inner-border: inset 0 0 2px var(--color-border);--emr-avatar-total-font-size: var(--text-xs);--emr-avatar-total-font-weight: 500;--emr-avatar-total-color: white;--emr-avatar-total-bg: var(--color-neutral-700);--emr-avatar-total-hover-bg: var(--color-neutral-600);background:var(--emr-avatar-total-bg);font-size:var(--emr-avatar-total-font-size);font-weight:var(--emr-avatar-total-font-weight);color:var(--emr-avatar-total-color);border-radius:var(--emr-avatar-border-radius);flex:none;display:flex;align-items:center;justify-content:center}:host:hover{background:var(--emr-avatar-total-hover-bg)}:host:not([class*=w-]):not([class*=size-]){width:var(--emr-avatar-size)}:host:not([class*=h-]):not([class*=size-]){height:var(--emr-avatar-size)}:host-context(html.dark){--emr-avatar-group-item-border: .125rem solid var(--color-neutral-950);--emr-avatar-presence-indicator-outline: var(--color-neutral-950) solid 2px}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"] }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { AVATAR_ACCESSOR, AvatarComponent, AvatarGroupComponent, AvatarMoreComponent, AvatarTotalComponent, DicebearComponent };
+//# sourceMappingURL=elementar-rt-components-avatar.mjs.map

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

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