@onemrvapublic/design-system 20.11.3 → 21.0.0-develop.2

package/fesm2022/onemrvapublic-design-system-mat-address.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"onemrvapublic-design-system-mat-address.mjs","sources":["../../../../projects/onemrva/design-system/mat-address/src/onemrva-address.ts","../../../../projects/onemrva/design-system/mat-address/src/onemrva-address.html","../../../../projects/onemrva/design-system/mat-address/index.ts","../../../../projects/onemrva/design-system/mat-address/onemrvapublic-design-system-mat-address.ts"],"sourcesContent":["import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';\n\nimport { MatFormFieldModule } from '@angular/material/form-field';\nimport { FormControl, FormGroup, ReactiveFormsModule } from '@angular/forms';\nimport { OnemrvaMatInputAddressComponent } from '@onemrvapublic/design-system/mat-input-address';\nimport { OnemrvaMatInputCountryComponent } from '@onemrvapublic/design-system/mat-input-country';\nimport { OSMResult } from '@onemrvapublic/design-system/shared';\nimport { MatInputModule } from '@angular/material/input';\nimport { TranslateModule } from '@ngx-translate/core';\nimport { merge } from 'rxjs';\n\n@Component({\n  selector: 'onemrva-address',\n  imports: [\n    MatFormFieldModule,\n    ReactiveFormsModule,\n    OnemrvaMatInputCountryComponent,\n    MatInputModule,\n    TranslateModule,\n    OnemrvaMatInputAddressComponent,\n  ],\n  templateUrl: './onemrva-address.html',\n  standalone: true,\n  styleUrl: './onemrva-address.scss',\n})\nexport class OnemRvaAddress implements OnInit {\n  @Input()\n  defaultCountry = 'be';\n\n  @Input()\n  form = new FormGroup({\n    country: new FormControl(''),\n    street: new FormControl(''),\n    postal_code: new FormControl(''),\n    city: new FormControl(''),\n    street_number: new FormControl(''),\n    box: new FormControl(''),\n  });\n\n  @Output()\n  update = new EventEmitter<{\n    country?: string;\n    street?: string;\n    postal_code?: string;\n    city?: string;\n    street_number?: string;\n    box?: string;\n  }>();\n\n  // Keep existing property names as getters to avoid template changes\n  get countryForm(): FormControl<string | null> {\n    return this.form.get('country') as FormControl<string | null>;\n  }\n  get streetControl(): FormControl<string | null> {\n    return this.form.get('street') as FormControl<string | null>;\n  }\n  get postalCodeControl(): FormControl<string | null> {\n    return this.form.get('postal_code') as FormControl<string | null>;\n  }\n  get cityControl(): FormControl<string | null> {\n    return this.form.get('city') as FormControl<string | null>;\n  }\n  get boxControl(): FormControl<string | null> {\n    return this.form.get('box') as FormControl<string | null>;\n  }\n  get numeroControl(): FormControl<string | null> {\n    return this.form.get('street_number') as FormControl<string | null>;\n  }\n\n  ngOnInit() {\n    // Emit on any form change\n    merge(this.form.valueChanges).subscribe(() => {\n      const v = this.form.value;\n      const change = {\n        country: v.country || undefined,\n        street: v.street || undefined,\n        postal_code: v.postal_code || undefined,\n        city: v.city || undefined,\n        street_number: v.street_number || undefined,\n      };\n      this.update.emit(change);\n    });\n  }\n\n  onAddressSelected(result: OSMResult) {\n    const city =\n      result.address.city || result.address.village || result.address.town;\n    const patch: any = {};\n\n    if (city) {\n      patch.city = city;\n    }\n\n    const houseNumber = result.address.house_number;\n    if (houseNumber) {\n      patch.street_number = houseNumber;\n    }\n\n    const postalCode = result.address.postcode;\n    if (postalCode) {\n      patch.postal_code = postalCode;\n    }\n\n    if (Object.keys(patch).length > 0) {\n      this.form.patchValue(patch);\n    }\n  }\n}\n","<onemrva-mat-input-country\n  [country]=\"countryForm\"\n  label=\"{{ 'input.country.label' | translate }}\"\n  noEntriesFoundLabel=\"{{ 'input.country.not.found' | translate }}\"\n  placeholderLabel=\"{{ 'input.country.search' | translate }}\"\n  searchAriaLabel=\"{{ 'input.country.search' | translate }}\"\n></onemrva-mat-input-country>\n\n<div class=\"container\">\n  <div class=\"row\">\n    <div class=\"col-12-small col-8-medium\">\n      <onemrva-mat-input-address\n        class=\"mr-m\"\n        mode=\"road-only\"\n        [countryCodes]=\"[countryForm.value || '']\"\n        [address]=\"streetControl\"\n        (getAddress)=\"onAddressSelected($event)\"\n      />\n    </div>\n\n    <div class=\"col-6-small col-2-medium\">\n      <mat-form-field class=\"ml-m-medium\">\n        <mat-label>{{ 'input.address.number.label' | translate }}</mat-label>\n        <input\n          matInput\n          [formControl]=\"numeroControl\"\n          [placeholder]=\"'input.address.number.placeholder' | translate\"\n        />\n      </mat-form-field>\n    </div>\n\n    <div class=\"col-6-small col-2-medium\">\n      <mat-form-field class=\"ml-m-medium ml-s-small\">\n        <mat-label>{{'input.address.box.label' | translate}}</mat-label>\n        <input\n          matInput\n          [formControl]=\"boxControl\"\n          [placeholder]=\"'input.address.box.placeholder' | translate\"\n        />\n      </mat-form-field>\n    </div>\n  </div>\n\n  <div class=\"row\">\n    <div class=\"col-12-small col-4-medium\">\n      <mat-form-field class=\"mr-m-medium\">\n        <mat-label\n          >{{ 'input.address.postal-code.label' | translate}}</mat-label\n        >\n        <input\n          matInput\n          [formControl]=\"postalCodeControl\"\n          [placeholder]=\"'input.address.postal-code.label' | translate\"\n        />\n      </mat-form-field>\n    </div>\n\n    <div class=\"col-12-small col-8-medium\">\n      <mat-form-field>\n        <mat-label>{{ 'input.address.city.label' | translate }}</mat-label>\n        <input\n          matInput\n          [formControl]=\"cityControl\"\n          [placeholder]=\"'input.address.city.placeholder' | translate\"\n        />\n      </mat-form-field>\n    </div>\n  </div>\n</div>\n","/*\n * Public API Surface of mat-bank-account-input\n */\n\nexport * from './src/onemrva-address';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"onemrvapublic-design-system-mat-address.mjs","sources":["../../../../projects/onemrva/design-system/mat-address/src/onemrva-address.ts","../../../../projects/onemrva/design-system/mat-address/src/onemrva-address.html","../../../../projects/onemrva/design-system/mat-address/index.ts","../../../../projects/onemrva/design-system/mat-address/onemrvapublic-design-system-mat-address.ts"],"sourcesContent":["import { Component, OnInit, input, output } from '@angular/core';\n\nimport { MatFormFieldModule } from '@angular/material/form-field';\nimport { FormControl, FormGroup, ReactiveFormsModule } from '@angular/forms';\nimport { OnemrvaMatInputAddressComponent } from '@onemrvapublic/design-system/mat-input-address';\nimport { OnemrvaMatInputCountryComponent } from '@onemrvapublic/design-system/mat-input-country';\nimport { OSMResult } from '@onemrvapublic/design-system/shared';\nimport { MatInputModule } from '@angular/material/input';\nimport { TranslateModule } from '@ngx-translate/core';\nimport { merge } from 'rxjs';\n\n@Component({\n  selector: 'onemrva-address',\n  imports: [\n    MatFormFieldModule,\n    ReactiveFormsModule,\n    OnemrvaMatInputCountryComponent,\n    MatInputModule,\n    TranslateModule,\n    OnemrvaMatInputAddressComponent,\n  ],\n  templateUrl: './onemrva-address.html',\n  standalone: true,\n  styleUrl: './onemrva-address.scss',\n})\nexport class OnemRvaAddress implements OnInit {\n  readonly defaultCountry = input('be');\n\n  readonly form = input(\n    new FormGroup({\n      country: new FormControl(''),\n      street: new FormControl(''),\n      postal_code: new FormControl(''),\n      city: new FormControl(''),\n      street_number: new FormControl(''),\n      box: new FormControl(''),\n    }),\n  );\n\n  readonly update = output<{\n    country?: string;\n    street?: string;\n    postal_code?: string;\n    city?: string;\n    street_number?: string;\n    box?: string;\n  }>();\n\n  // Keep existing property names as getters to avoid template changes\n  get countryForm(): FormControl<string | null> {\n    return this.form().get('country') as FormControl<string | null>;\n  }\n  get streetControl(): FormControl<string | null> {\n    return this.form().get('street') as FormControl<string | null>;\n  }\n  get postalCodeControl(): FormControl<string | null> {\n    return this.form().get('postal_code') as FormControl<string | null>;\n  }\n  get cityControl(): FormControl<string | null> {\n    return this.form().get('city') as FormControl<string | null>;\n  }\n  get boxControl(): FormControl<string | null> {\n    return this.form().get('box') as FormControl<string | null>;\n  }\n  get numeroControl(): FormControl<string | null> {\n    return this.form().get('street_number') as FormControl<string | null>;\n  }\n\n  ngOnInit() {\n    // Emit on any form change\n    merge(this.form().valueChanges).subscribe(() => {\n      const v = this.form().value;\n      const change = {\n        country: v.country || undefined,\n        street: v.street || undefined,\n        postal_code: v.postal_code || undefined,\n        city: v.city || undefined,\n        street_number: v.street_number || undefined,\n      };\n      this.update.emit(change);\n    });\n  }\n\n  onAddressSelected(result: OSMResult) {\n    const city =\n      result.address.city || result.address.village || result.address.town;\n    const patch: any = {};\n\n    if (city) {\n      patch.city = city;\n    }\n\n    const houseNumber = result.address.house_number;\n    if (houseNumber) {\n      patch.street_number = houseNumber;\n    }\n\n    const postalCode = result.address.postcode;\n    if (postalCode) {\n      patch.postal_code = postalCode;\n    }\n\n    if (Object.keys(patch).length > 0) {\n      this.form().patchValue(patch);\n    }\n  }\n}\n","<onemrva-mat-input-country\n  [country]=\"countryForm\"\n  label=\"{{ 'input.country.label' | translate }}\"\n  noEntriesFoundLabel=\"{{ 'input.country.not.found' | translate }}\"\n  placeholderLabel=\"{{ 'input.country.search' | translate }}\"\n  searchAriaLabel=\"{{ 'input.country.search' | translate }}\"\n/>\n\n<div class=\"container\">\n  <div class=\"row\">\n    <div class=\"col-12-small col-8-medium\">\n      <onemrva-mat-input-address\n        class=\"mr-m\"\n        mode=\"road-only\"\n        [countryCodes]=\"[countryForm.value || '']\"\n        [address]=\"streetControl\"\n        (getAddress)=\"onAddressSelected($event)\"\n      />\n    </div>\n\n    <div class=\"col-6-small col-2-medium\">\n      <mat-form-field class=\"ml-m-medium\">\n        <mat-label>{{ 'input.address.number.label' | translate }}</mat-label>\n        <input\n          matInput\n          [formControl]=\"numeroControl\"\n          [placeholder]=\"'input.address.number.placeholder' | translate\"\n        />\n      </mat-form-field>\n    </div>\n\n    <div class=\"col-6-small col-2-medium\">\n      <mat-form-field class=\"ml-m-medium ml-s-small\">\n        <mat-label>{{'input.address.box.label' | translate}}</mat-label>\n        <input\n          matInput\n          [formControl]=\"boxControl\"\n          [placeholder]=\"'input.address.box.placeholder' | translate\"\n        />\n      </mat-form-field>\n    </div>\n  </div>\n\n  <div class=\"row\">\n    <div class=\"col-12-small col-4-medium\">\n      <mat-form-field class=\"mr-m-medium\">\n        <mat-label\n          >{{ 'input.address.postal-code.label' | translate}}</mat-label\n        >\n        <input\n          matInput\n          [formControl]=\"postalCodeControl\"\n          [placeholder]=\"'input.address.postal-code.label' | translate\"\n        />\n      </mat-form-field>\n    </div>\n\n    <div class=\"col-12-small col-8-medium\">\n      <mat-form-field>\n        <mat-label>{{ 'input.address.city.label' | translate }}</mat-label>\n        <input\n          matInput\n          [formControl]=\"cityControl\"\n          [placeholder]=\"'input.address.city.placeholder' | translate\"\n        />\n      </mat-form-field>\n    </div>\n  </div>\n</div>\n","/*\n * Public API Surface of mat-bank-account-input\n */\n\nexport * from './src/onemrva-address';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/onemrvapublic-design-system-mat-avatar.mjs

@@ -1,9 +1,8 @@
 import * as i0 from '@angular/core';
-import { inject, ElementRef, TemplateRef, HostBinding, ViewChild, Input, Component, NgModule } from '@angular/core';
+import { input, viewChild, TemplateRef, inject, ElementRef, computed, Component, NgModule } from '@angular/core';
 import { mkenum } from '@onemrvapublic/design-system/utils';
-import * as i1 from '@angular/common';
-import { CommonModule } from '@angular/common';
-import * as i2 from '@angular/material/icon';
+import { NgTemplateOutlet, SlicePipe } from '@angular/common';
+import * as i1 from '@angular/material/icon';
 import { MatIconModule } from '@angular/material/icon';
 
 let NEXT_ID = 0;
@@ -38,187 +37,59 @@ const MatAvatarType = mkenum({
  */
 class OnemrvaMatAvatarComponent {
     constructor() {
-        /**
-         * Returns the `aria-label` attribute of the avatar.
-         *
-         * @example
-         * ```typescript
-         * let ariaLabel = this.avatar.ariaLabel;
-         * ```
-         *
-         */
-        this.ariaLabel = 'avatar';
-        /**
-         * Returns the `role` attribute of the avatar.
-         *
-         * @example
-         * ```typescript
-         * let avatarRole = this.avatar.role;
-         * ```
-         */
-        this.role = 'img';
-        /**
-         * Host `class.onemrva-mat-avatar` binding.
-         *
-         * @hidden
-         * @internal
-         */
-        this.cssClass = 'onemrva-mat-avatar';
-        /**
-         * Returns the type of the avatar.
-         * The avatar can be:
-         * - `"initials type avatar"`
-         * - `"icon type avatar"`
-         * - `"image type avatar"`.
-         * - `"custom type avatar"`.
-         *
-         * @example
-         * ```typescript
-         * let avatarDescription = this.avatar.roleDescription;
-         * ```
-         */
+        this.id = input(`onemrva-mat-avatar-${NEXT_ID++}`, ...(ngDevMode ? [{ debugName: "id" }] : []));
+        this.roundShape = input(true, ...(ngDevMode ? [{ debugName: "roundShape" }] : []));
+        this.initials = input('', ...(ngDevMode ? [{ debugName: "initials" }] : []));
+        this.text = input('', ...(ngDevMode ? [{ debugName: "text" }] : []));
+        this.icon = input('', ...(ngDevMode ? [{ debugName: "icon" }] : []));
+        this.src = input('', ...(ngDevMode ? [{ debugName: "src" }] : []));
+        this.defaultTemplate = viewChild('defaultTemplate', { ...(ngDevMode ? { debugName: "defaultTemplate" } : {}), read: TemplateRef });
+        this.imageTemplate = viewChild('imageTemplate', { ...(ngDevMode ? { debugName: "imageTemplate" } : {}), read: TemplateRef });
+        this.initialsTemplate = viewChild('initialsTemplate', { ...(ngDevMode ? { debugName: "initialsTemplate" } : {}), read: TemplateRef });
+        this.textTemplate = viewChild('textTemplate', { ...(ngDevMode ? { debugName: "textTemplate" } : {}), read: TemplateRef });
+        this.iconTemplate = viewChild('iconTemplate', { ...(ngDevMode ? { debugName: "iconTemplate" } : {}), read: TemplateRef });
         this.roleDescription = '';
-        /**
-         * Sets the `id` of the avatar. If not set, the first avatar component will have `id` = `"onemrva-mat-avatar-0"`.
-         *
-         * @example
-         * ```html
-         * <onemrva-mat-avatar id="my-first-avatar"></onemrva-mat-avatar>
-         * ```
-         */
-        this.id = `onemrva-mat-avatar-${NEXT_ID++}`;
-        /**
-         * Sets a round shape to the avatar, if `[roundShape]` is set to `true`.
-         * By default the shape of the avatar is a square.
-         *
-         * @example
-         * ```html
-         * <onemrva-mat-avatar [roundShape]="true" ></onemrva-mat-avatar>
-         * ```
-         */
-        this.roundShape = true;
-        /**
-         * Sets initials to the avatar.
-         *
-         * @example
-         * ```html
-         * <onemrva-mat-avatar initials="MN"></onemrva-mat-avatar>
-         * ```
-         */
-        this.initials = '';
-        /**
-         * Sets text to the avatar.
-         *
-         * @example
-         * ```html
-         * <onemrva-mat-avatar text="100%"></onemrva-mat-avatar>
-         * ```
-         */
-        this.text = '';
-        /**
-         * Sets an icon to the avatar. All icons from the material icon set are supported.
-         *
-         * @example
-         * ```html
-         * <onemrva-mat-avatar icon="phone"></onemrva-mat-avatar>
-         * ```
-         */
-        this.icon = '';
-        /**
-         * Sets the image source of the avatar.
-         *
-         * @example
-         * ```html
-         * <onemrva-mat-avatar src="images/picture.jpg"></onemrva-mat-avatar>
-         * ```
-         * @MatFriendlyName Image URL
-         */
-        this.src = '';
-        /** @hidden @internal */
-        this.defaultTemplate = null;
-        /** @hidden @internal */
-        this.imageTemplate = null;
-        /** @hidden @internal */
-        this.initialsTemplate = null;
-        /** @hidden @internal */
-        this.textTemplate = null;
-        /** @hidden @internal */
-        this.iconTemplate = null;
         this.elementRef = inject(ElementRef);
+        this._isImageType = computed(() => this.type === MatAvatarType.IMAGE, ...(ngDevMode ? [{ debugName: "_isImageType" }] : []));
+        this._isIconType = computed(() => this.type === MatAvatarType.ICON, ...(ngDevMode ? [{ debugName: "_isIconType" }] : []));
+        this._isInitialsType = computed(() => this.type === MatAvatarType.INITIALS, ...(ngDevMode ? [{ debugName: "_isInitialsType" }] : []));
+        this._isTextType = computed(() => this.type === MatAvatarType.TEXT, ...(ngDevMode ? [{ debugName: "_isTextType" }] : []));
     }
-    /**
-     * Returns the type of the avatar.
-     *
-     * @example
-     * ```typescript
-     * let avatarType = this.avatar.type;
-     * ```
-     */
     get type() {
-        if (this.text) {
+        if (this.text()) {
             return MatAvatarType.TEXT;
         }
-        if (this.src) {
+        if (this.src()) {
             return MatAvatarType.IMAGE;
         }
-        if (this.icon) {
+        if (this.icon()) {
             return MatAvatarType.ICON;
         }
-        if (this.initials) {
+        if (this.initials()) {
             return MatAvatarType.INITIALS;
         }
         return MatAvatarType.CUSTOM;
     }
-    /** @hidden @internal */
-    get _isImageType() {
-        return this.type === MatAvatarType.IMAGE;
-    }
-    /** @hidden @internal */
-    get _isIconType() {
-        return this.type === MatAvatarType.ICON;
-    }
-    /** @hidden @internal */
-    get _isInitialsType() {
-        return this.type === MatAvatarType.INITIALS;
-    }
-    /** @hidden @internal */
-    get _isTextType() {
-        return this.type === MatAvatarType.TEXT;
-    }
-    /**
-     * Returns the template of the avatar.
-     *
-     * @hidden
-     * @internal
-     */
     get template() {
         switch (this.type) {
             case MatAvatarType.IMAGE:
-                return this.imageTemplate;
+                return this.imageTemplate();
             case MatAvatarType.INITIALS:
-                return this.initialsTemplate;
+                return this.initialsTemplate();
             case MatAvatarType.TEXT:
-                return this.textTemplate;
+                return this.textTemplate();
             case MatAvatarType.ICON:
-                return this.iconTemplate;
+                return this.iconTemplate();
             default:
-                return this.defaultTemplate;
+                return this.defaultTemplate();
         }
     }
-    /**
-     * Returns the css url of the image.
-     *
-     * @hidden
-     * @internal
-     */
     getSrcUrl() {
-        return `url(${this.src})`;
+        return `url(${this.src()})`;
     }
-    /** @hidden @internal */
     ngOnInit() {
         this.roleDescription = this.getRole();
     }
-    /** @hidden @internal */
     getRole() {
         switch (this.type) {
             case MatAvatarType.IMAGE:
@@ -231,77 +102,41 @@ class OnemrvaMatAvatarComponent {
                 return 'custom avatar';
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: OnemrvaMatAvatarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: OnemrvaMatAvatarComponent, isStandalone: true, selector: "onemrva-mat-avatar", inputs: { id: "id", roundShape: "roundShape", initials: "initials", text: "text", icon: "icon", src: "src" }, host: { properties: { "attr.aria-label": "this.ariaLabel", "attr.role": "this.role", "class.onemrva-mat-avatar": "this.cssClass", "attr.aria-roledescription": "this.roleDescription", "attr.id": "this.id", "class.onemrva-mat-avatar--rounded": "this.roundShape", "class.onemrva-mat-avatar--image": "this._isImageType", "class.onemrva-mat-avatar--icon": "this._isIconType", "class.onemrva-mat-avatar--initials": "this._isInitialsType", "class.onemrva-mat-avatar--text": "this._isTextType" } }, viewQueries: [{ propertyName: "defaultTemplate", first: true, predicate: ["defaultTemplate"], descendants: true, read: TemplateRef, static: true }, { propertyName: "imageTemplate", first: true, predicate: ["imageTemplate"], descendants: true, read: TemplateRef, static: true }, { propertyName: "initialsTemplate", first: true, predicate: ["initialsTemplate"], descendants: true, read: TemplateRef, static: true }, { propertyName: "textTemplate", first: true, predicate: ["textTemplate"], descendants: true, read: TemplateRef, static: true }, { propertyName: "iconTemplate", first: true, predicate: ["iconTemplate"], descendants: true, read: TemplateRef, static: true }], ngImport: i0, template: "<ng-template #defaultTemplate>\n  <ng-content></ng-content>\n</ng-template>\n\n<ng-template #imageTemplate>\n  <div\n    #image\n    class=\"onemrva-avatar__image\"\n    [style.backgroundImage]=\"getSrcUrl()\"\n  ></div>\n</ng-template>\n\n<ng-template #initialsTemplate>\n  <span>{{ initials | slice: 0 : 2 }}</span>\n</ng-template>\n\n<ng-template #textTemplate>\n  <span>{{ text }}</span>\n</ng-template>\n\n<ng-template #iconTemplate>\n  <mat-icon>{{ icon }}</mat-icon>\n</ng-template>\n\n<ng-container *ngTemplateOutlet=\"template\"></ng-container>\n", styles: [":host{position:relative;display:inline-flex;justify-content:center;align-items:center;-webkit-user-select:none;user-select:none;vertical-align:middle;outline-style:none;flex-shrink:0;font-family:var(--text-font);font-weight:500;font-size:var(--avatar-font-size);line-height:calc(var(--avatar-size) / 2);width:var(--avatar-size);height:var(--avatar-size)}:host.mat-primary,:host.mat-success,:host.mat-info,:host.mat-warn,:host.mat-neutral{background:var(--mat-sys-primary);color:var(--mat-sys-on-primary)}:host.mat-error{background:var(--mat-sys-error);color:var(--mat-sys-on-error)}:host.mat-accent{background:var(--background-gradient);color:var(--on-background-gradient)}:host.onemrva-mat-avatar--icon{background:var(--mat-sys-on-surface);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-variation-settings:\"FILL\" 0,\"wght\" 900,\"GRAD\" 0,\"opsz\" 48}:host.onemrva-mat-avatar--icon.mat-accent{background:var(--background-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}:host.onemrva-mat-avatar--icon.mat-primary,:host.onemrva-mat-avatar--icon.mat-success,:host.onemrva-mat-avatar--icon.mat-info,:host.onemrva-mat-avatar--icon.mat-warn,:host.onemrva-mat-avatar--icon.mat-neutral{background:var(--mat-sys-primary);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}:host.onemrva-mat-avatar--icon.mat-error{background:var(--mat-sys-error);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}:host mat-icon.material-icons{font-size:calc(var(--avatar-size) + var(--avatar-resize));margin-top:calc(-1 * var(--avatar-resize));margin-left:calc(-1 * var(--avatar-resize));width:var(--avatar-size);height:var(--avatar-size);line-height:calc(var(--avatar-size) + var(--avatar-resize))}:host .onemrva-avatar__image{width:100%;height:100%;border-radius:inherit;background-color:var(--mat-sys-background);background-size:cover;background-repeat:no-repeat;background-position:center}:host.onemrva-mat-avatar--rounded{border-radius:var(--avatar-size)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "pipe", type: i1.SlicePipe, name: "slice" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: OnemrvaMatAvatarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.1.1", type: OnemrvaMatAvatarComponent, isStandalone: true, selector: "onemrva-mat-avatar", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, roundShape: { classPropertyName: "roundShape", publicName: "roundShape", isSignal: true, isRequired: false, transformFunction: null }, initials: { classPropertyName: "initials", publicName: "initials", isSignal: true, isRequired: false, transformFunction: null }, text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, src: { classPropertyName: "src", publicName: "src", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.aria-label": "\"avatar\"", "attr.role": "\"img\"", "attr.aria-roledescription": "roleDescription", "attr.id": "id()", "class.onemrva-mat-avatar--rounded": "roundShape()", "class.onemrva-mat-avatar--image": "_isImageType()", "class.onemrva-mat-avatar--icon": "_isIconType()", "class.onemrva-mat-avatar--initials": "_isInitialsType()", "class.onemrva-mat-avatar--text": "_isTextType()" }, classAttribute: "onemrva-mat-avatar" }, viewQueries: [{ propertyName: "defaultTemplate", first: true, predicate: ["defaultTemplate"], descendants: true, read: TemplateRef, isSignal: true }, { propertyName: "imageTemplate", first: true, predicate: ["imageTemplate"], descendants: true, read: TemplateRef, isSignal: true }, { propertyName: "initialsTemplate", first: true, predicate: ["initialsTemplate"], descendants: true, read: TemplateRef, isSignal: true }, { propertyName: "textTemplate", first: true, predicate: ["textTemplate"], descendants: true, read: TemplateRef, isSignal: true }, { propertyName: "iconTemplate", first: true, predicate: ["iconTemplate"], descendants: true, read: TemplateRef, isSignal: true }], ngImport: i0, template: "<ng-template #defaultTemplate>\n  <ng-content />\n</ng-template>\n\n<ng-template #imageTemplate>\n  <div\n    #image\n    class=\"onemrva-avatar__image\"\n    [style.background-image]=\"getSrcUrl()\"\n  ></div>\n</ng-template>\n\n<ng-template #initialsTemplate>\n  <span>{{ initials() | slice: 0 : 2 }}</span>\n</ng-template>\n\n<ng-template #textTemplate>\n  <span>{{ text() }}</span>\n</ng-template>\n\n<ng-template #iconTemplate>\n  <mat-icon>{{ icon() }}</mat-icon>\n</ng-template>\n\n<ng-container *ngTemplateOutlet=\"template\" />\n", styles: [":host{position:relative;display:inline-flex;justify-content:center;align-items:center;-webkit-user-select:none;user-select:none;vertical-align:middle;outline-style:none;flex-shrink:0;font-family:var(--text-font);font-weight:500;font-size:var(--avatar-font-size);line-height:calc(var(--avatar-size) / 2);width:var(--avatar-size);height:var(--avatar-size)}:host.mat-primary,:host.mat-success,:host.mat-info,:host.mat-warn,:host.mat-neutral{background:var(--mat-sys-primary);color:var(--mat-sys-on-primary)}:host.mat-error{background:var(--mat-sys-error);color:var(--mat-sys-on-error)}:host.mat-accent{background:var(--background-gradient);color:var(--on-background-gradient)}:host.onemrva-mat-avatar--icon{background:var(--mat-sys-on-surface);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}:host.onemrva-mat-avatar--icon.mat-accent{background:var(--background-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}:host.onemrva-mat-avatar--icon.mat-primary,:host.onemrva-mat-avatar--icon.mat-success,:host.onemrva-mat-avatar--icon.mat-info,:host.onemrva-mat-avatar--icon.mat-warn,:host.onemrva-mat-avatar--icon.mat-neutral{background:var(--mat-sys-primary);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}:host.onemrva-mat-avatar--icon.mat-error{background:var(--mat-sys-error);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}:host.onemrva-mat-avatar--icon{font-variation-settings:\"FILL\" 0,\"wght\" 900,\"GRAD\" 0,\"opsz\" 48}:host mat-icon.material-icons{font-size:calc(var(--avatar-size) + var(--avatar-resize));margin-top:calc(-1 * var(--avatar-resize));margin-left:calc(-1 * var(--avatar-resize));width:var(--avatar-size);height:var(--avatar-size);line-height:calc(var(--avatar-size) + var(--avatar-resize))}:host .onemrva-avatar__image{width:100%;height:100%;border-radius:inherit;background-color:var(--mat-sys-background);background-size:cover;background-repeat:no-repeat;background-position:center}:host.onemrva-mat-avatar--rounded{border-radius:var(--avatar-size)}\n"], dependencies: [{ kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: SlicePipe, name: "slice" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: OnemrvaMatAvatarComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: OnemrvaMatAvatarComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'onemrva-mat-avatar', standalone: true, imports: [CommonModule, MatIconModule], template: "<ng-template #defaultTemplate>\n  <ng-content></ng-content>\n</ng-template>\n\n<ng-template #imageTemplate>\n  <div\n    #image\n    class=\"onemrva-avatar__image\"\n    [style.backgroundImage]=\"getSrcUrl()\"\n  ></div>\n</ng-template>\n\n<ng-template #initialsTemplate>\n  <span>{{ initials | slice: 0 : 2 }}</span>\n</ng-template>\n\n<ng-template #textTemplate>\n  <span>{{ text }}</span>\n</ng-template>\n\n<ng-template #iconTemplate>\n  <mat-icon>{{ icon }}</mat-icon>\n</ng-template>\n\n<ng-container *ngTemplateOutlet=\"template\"></ng-container>\n", styles: [":host{position:relative;display:inline-flex;justify-content:center;align-items:center;-webkit-user-select:none;user-select:none;vertical-align:middle;outline-style:none;flex-shrink:0;font-family:var(--text-font);font-weight:500;font-size:var(--avatar-font-size);line-height:calc(var(--avatar-size) / 2);width:var(--avatar-size);height:var(--avatar-size)}:host.mat-primary,:host.mat-success,:host.mat-info,:host.mat-warn,:host.mat-neutral{background:var(--mat-sys-primary);color:var(--mat-sys-on-primary)}:host.mat-error{background:var(--mat-sys-error);color:var(--mat-sys-on-error)}:host.mat-accent{background:var(--background-gradient);color:var(--on-background-gradient)}:host.onemrva-mat-avatar--icon{background:var(--mat-sys-on-surface);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-variation-settings:\"FILL\" 0,\"wght\" 900,\"GRAD\" 0,\"opsz\" 48}:host.onemrva-mat-avatar--icon.mat-accent{background:var(--background-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}:host.onemrva-mat-avatar--icon.mat-primary,:host.onemrva-mat-avatar--icon.mat-success,:host.onemrva-mat-avatar--icon.mat-info,:host.onemrva-mat-avatar--icon.mat-warn,:host.onemrva-mat-avatar--icon.mat-neutral{background:var(--mat-sys-primary);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}:host.onemrva-mat-avatar--icon.mat-error{background:var(--mat-sys-error);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}:host mat-icon.material-icons{font-size:calc(var(--avatar-size) + var(--avatar-resize));margin-top:calc(-1 * var(--avatar-resize));margin-left:calc(-1 * var(--avatar-resize));width:var(--avatar-size);height:var(--avatar-size);line-height:calc(var(--avatar-size) + var(--avatar-resize))}:host .onemrva-avatar__image{width:100%;height:100%;border-radius:inherit;background-color:var(--mat-sys-background);background-size:cover;background-repeat:no-repeat;background-position:center}:host.onemrva-mat-avatar--rounded{border-radius:var(--avatar-size)}\n"] }]
-        }], propDecorators: { ariaLabel: [{
-                type: HostBinding,
-                args: ['attr.aria-label']
-            }], role: [{
-                type: HostBinding,
-                args: ['attr.role']
-            }], cssClass: [{
-                type: HostBinding,
-                args: ['class.onemrva-mat-avatar']
-            }], roleDescription: [{
-                type: HostBinding,
-                args: ['attr.aria-roledescription']
-            }], id: [{
-                type: HostBinding,
-                args: ['attr.id']
-            }, {
-                type: Input
-            }], roundShape: [{
-                type: HostBinding,
-                args: ['class.onemrva-mat-avatar--rounded']
-            }, {
-                type: Input
-            }], initials: [{
-                type: Input
-            }], text: [{
-                type: Input
-            }], icon: [{
-                type: Input
-            }], src: [{
-                type: Input
-            }], defaultTemplate: [{
-                type: ViewChild,
-                args: ['defaultTemplate', { read: TemplateRef, static: true }]
-            }], imageTemplate: [{
-                type: ViewChild,
-                args: ['imageTemplate', { read: TemplateRef, static: true }]
-            }], initialsTemplate: [{
-                type: ViewChild,
-                args: ['initialsTemplate', { read: TemplateRef, static: true }]
-            }], textTemplate: [{
-                type: ViewChild,
-                args: ['textTemplate', { read: TemplateRef, static: true }]
-            }], iconTemplate: [{
-                type: ViewChild,
-                args: ['iconTemplate', { read: TemplateRef, static: true }]
-            }], _isImageType: [{
-                type: HostBinding,
-                args: ['class.onemrva-mat-avatar--image']
-            }], _isIconType: [{
-                type: HostBinding,
-                args: ['class.onemrva-mat-avatar--icon']
-            }], _isInitialsType: [{
-                type: HostBinding,
-                args: ['class.onemrva-mat-avatar--initials']
-            }], _isTextType: [{
-                type: HostBinding,
-                args: ['class.onemrva-mat-avatar--text']
-            }] } });
+            args: [{ selector: 'onemrva-mat-avatar', standalone: true, imports: [MatIconModule, NgTemplateOutlet, SlicePipe], host: {
+                        '[attr.aria-label]': '"avatar"',
+                        '[attr.role]': '"img"',
+                        class: 'onemrva-mat-avatar',
+                        '[attr.aria-roledescription]': 'roleDescription',
+                        '[attr.id]': 'id()',
+                        '[class.onemrva-mat-avatar--rounded]': 'roundShape()',
+                        '[class.onemrva-mat-avatar--image]': '_isImageType()',
+                        '[class.onemrva-mat-avatar--icon]': '_isIconType()',
+                        '[class.onemrva-mat-avatar--initials]': '_isInitialsType()',
+                        '[class.onemrva-mat-avatar--text]': '_isTextType()',
+                    }, template: "<ng-template #defaultTemplate>\n  <ng-content />\n</ng-template>\n\n<ng-template #imageTemplate>\n  <div\n    #image\n    class=\"onemrva-avatar__image\"\n    [style.background-image]=\"getSrcUrl()\"\n  ></div>\n</ng-template>\n\n<ng-template #initialsTemplate>\n  <span>{{ initials() | slice: 0 : 2 }}</span>\n</ng-template>\n\n<ng-template #textTemplate>\n  <span>{{ text() }}</span>\n</ng-template>\n\n<ng-template #iconTemplate>\n  <mat-icon>{{ icon() }}</mat-icon>\n</ng-template>\n\n<ng-container *ngTemplateOutlet=\"template\" />\n", styles: [":host{position:relative;display:inline-flex;justify-content:center;align-items:center;-webkit-user-select:none;user-select:none;vertical-align:middle;outline-style:none;flex-shrink:0;font-family:var(--text-font);font-weight:500;font-size:var(--avatar-font-size);line-height:calc(var(--avatar-size) / 2);width:var(--avatar-size);height:var(--avatar-size)}:host.mat-primary,:host.mat-success,:host.mat-info,:host.mat-warn,:host.mat-neutral{background:var(--mat-sys-primary);color:var(--mat-sys-on-primary)}:host.mat-error{background:var(--mat-sys-error);color:var(--mat-sys-on-error)}:host.mat-accent{background:var(--background-gradient);color:var(--on-background-gradient)}:host.onemrva-mat-avatar--icon{background:var(--mat-sys-on-surface);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}:host.onemrva-mat-avatar--icon.mat-accent{background:var(--background-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}:host.onemrva-mat-avatar--icon.mat-primary,:host.onemrva-mat-avatar--icon.mat-success,:host.onemrva-mat-avatar--icon.mat-info,:host.onemrva-mat-avatar--icon.mat-warn,:host.onemrva-mat-avatar--icon.mat-neutral{background:var(--mat-sys-primary);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}:host.onemrva-mat-avatar--icon.mat-error{background:var(--mat-sys-error);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}:host.onemrva-mat-avatar--icon{font-variation-settings:\"FILL\" 0,\"wght\" 900,\"GRAD\" 0,\"opsz\" 48}:host mat-icon.material-icons{font-size:calc(var(--avatar-size) + var(--avatar-resize));margin-top:calc(-1 * var(--avatar-resize));margin-left:calc(-1 * var(--avatar-resize));width:var(--avatar-size);height:var(--avatar-size);line-height:calc(var(--avatar-size) + var(--avatar-resize))}:host .onemrva-avatar__image{width:100%;height:100%;border-radius:inherit;background-color:var(--mat-sys-background);background-size:cover;background-repeat:no-repeat;background-position:center}:host.onemrva-mat-avatar--rounded{border-radius:var(--avatar-size)}\n"] }]
+        }], propDecorators: { id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], roundShape: [{ type: i0.Input, args: [{ isSignal: true, alias: "roundShape", required: false }] }], initials: [{ type: i0.Input, args: [{ isSignal: true, alias: "initials", required: false }] }], text: [{ type: i0.Input, args: [{ isSignal: true, alias: "text", required: false }] }], icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], src: [{ type: i0.Input, args: [{ isSignal: true, alias: "src", required: false }] }], defaultTemplate: [{ type: i0.ViewChild, args: ['defaultTemplate', { ...{
+                            read: TemplateRef,
+                        }, isSignal: true }] }], imageTemplate: [{ type: i0.ViewChild, args: ['imageTemplate', { ...{
+                            read: TemplateRef,
+                        }, isSignal: true }] }], initialsTemplate: [{ type: i0.ViewChild, args: ['initialsTemplate', { ...{
+                            read: TemplateRef,
+                        }, isSignal: true }] }], textTemplate: [{ type: i0.ViewChild, args: ['textTemplate', { ...{
+                            read: TemplateRef,
+                        }, isSignal: true }] }], iconTemplate: [{ type: i0.ViewChild, args: ['iconTemplate', { ...{
+                            read: TemplateRef,
+                        }, isSignal: true }] }] } });
 
 class OnemrvaMatAvatarModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: OnemrvaMatAvatarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.15", ngImport: i0, type: OnemrvaMatAvatarModule, imports: [OnemrvaMatAvatarComponent], exports: [OnemrvaMatAvatarComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: OnemrvaMatAvatarModule, imports: [OnemrvaMatAvatarComponent] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: OnemrvaMatAvatarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.1.1", ngImport: i0, type: OnemrvaMatAvatarModule, imports: [OnemrvaMatAvatarComponent], exports: [OnemrvaMatAvatarComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: OnemrvaMatAvatarModule, imports: [OnemrvaMatAvatarComponent] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: OnemrvaMatAvatarModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: OnemrvaMatAvatarModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [],

package/fesm2022/onemrvapublic-design-system-mat-avatar.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"onemrvapublic-design-system-mat-avatar.mjs","sources":["../../../../projects/onemrva/design-system/mat-avatar/src/onemrva-mat-avatar.component.ts","../../../../projects/onemrva/design-system/mat-avatar/src/onemrva-mat-avatar.component.html","../../../../projects/onemrva/design-system/mat-avatar/src/onemrva-mat-avatar.module.ts","../../../../projects/onemrva/design-system/mat-avatar/onemrvapublic-design-system-mat-avatar.ts"],"sourcesContent":["import {\n  Component,\n  ElementRef,\n  HostBinding,\n  inject,\n  Input,\n  OnInit,\n  TemplateRef,\n  ViewChild,\n} from '@angular/core';\nimport { mkenum } from '@onemrvapublic/design-system/utils';\nimport { CommonModule } from '@angular/common';\nimport { MatIconModule } from '@angular/material/icon';\n\nlet NEXT_ID = 0;\n\nexport const MatAvatarType = mkenum({\n  INITIALS: 'initials',\n  TEXT: 'text',\n  IMAGE: 'image',\n  ICON: 'icon',\n  CUSTOM: 'custom',\n});\nexport type MatAvatarType = (typeof MatAvatarType)[keyof typeof MatAvatarType];\n\n/**\n * Avatar provides a way to display an image, icon or initials to the user.\n *\n * @MatModule OnemrvaMatAvatarModule\n *\n * @MatTheme onemrva-mat-avatar-theme, onemrva-mat-icon-theme\n *\n * @MatKeywords avatar, profile, picture, initials\n *\n * @MatGroup Layouts\n *\n * @remarks\n *\n * The Ignite UI Avatar provides an easy way to add an avatar icon to your application.  This icon can be an\n * image, someone's initials or a material icon from the Google Material icon set.\n *\n * @example\n * ```html\n * <onemrva-mat-avatar initials=\"MS\" [roundShape]=\"true\" size=\"large\">\n * </onemrva-mat-avatar>\n * ```\n */\n@Component({\n  selector: 'onemrva-mat-avatar',\n  templateUrl: 'onemrva-mat-avatar.component.html',\n  styleUrl: 'onemrva-mat-avatar.component.scss',\n  standalone: true,\n  imports: [CommonModule, MatIconModule],\n})\nexport class OnemrvaMatAvatarComponent implements OnInit {\n  /**\n   * Returns the `aria-label` attribute of the avatar.\n   *\n   * @example\n   * ```typescript\n   * let ariaLabel = this.avatar.ariaLabel;\n   * ```\n   *\n   */\n  @HostBinding('attr.aria-label')\n  public ariaLabel = 'avatar';\n\n  /**\n   * Returns the `role` attribute of the avatar.\n   *\n   * @example\n   * ```typescript\n   * let avatarRole = this.avatar.role;\n   * ```\n   */\n  @HostBinding('attr.role')\n  public role = 'img';\n\n  /**\n   * Host `class.onemrva-mat-avatar` binding.\n   *\n   * @hidden\n   * @internal\n   */\n  @HostBinding('class.onemrva-mat-avatar')\n  public cssClass = 'onemrva-mat-avatar';\n\n  /**\n   * Returns the type of the avatar.\n   * The avatar can be:\n   * - `\"initials type avatar\"`\n   * - `\"icon type avatar\"`\n   * - `\"image type avatar\"`.\n   * - `\"custom type avatar\"`.\n   *\n   * @example\n   * ```typescript\n   * let avatarDescription = this.avatar.roleDescription;\n   * ```\n   */\n  @HostBinding('attr.aria-roledescription')\n  public roleDescription = '';\n\n  /**\n   * Sets the `id` of the avatar. If not set, the first avatar component will have `id` = `\"onemrva-mat-avatar-0\"`.\n   *\n   * @example\n   * ```html\n   * <onemrva-mat-avatar id=\"my-first-avatar\"></onemrva-mat-avatar>\n   * ```\n   */\n  @HostBinding('attr.id')\n  @Input()\n  public id = `onemrva-mat-avatar-${NEXT_ID++}`;\n\n  /**\n   * Sets a round shape to the avatar, if `[roundShape]` is set to `true`.\n   * By default the shape of the avatar is a square.\n   *\n   * @example\n   * ```html\n   * <onemrva-mat-avatar [roundShape]=\"true\" ></onemrva-mat-avatar>\n   * ```\n   */\n\n  @HostBinding('class.onemrva-mat-avatar--rounded')\n  @Input()\n  public roundShape = true;\n\n  /**\n   * Sets initials to the avatar.\n   *\n   * @example\n   * ```html\n   * <onemrva-mat-avatar initials=\"MN\"></onemrva-mat-avatar>\n   * ```\n   */\n  @Input()\n  public initials = '';\n\n  /**\n   * Sets text to the avatar.\n   *\n   * @example\n   * ```html\n   * <onemrva-mat-avatar text=\"100%\"></onemrva-mat-avatar>\n   * ```\n   */\n  @Input()\n  public text = '';\n\n  /**\n   * Sets an icon to the avatar. All icons from the material icon set are supported.\n   *\n   * @example\n   * ```html\n   * <onemrva-mat-avatar icon=\"phone\"></onemrva-mat-avatar>\n   * ```\n   */\n  @Input()\n  public icon = '';\n\n  /**\n   * Sets the image source of the avatar.\n   *\n   * @example\n   * ```html\n   * <onemrva-mat-avatar src=\"images/picture.jpg\"></onemrva-mat-avatar>\n   * ```\n   * @MatFriendlyName Image URL\n   */\n  @Input()\n  public src = '';\n\n  /** @hidden @internal */\n  @ViewChild('defaultTemplate', { read: TemplateRef, static: true })\n  protected defaultTemplate: TemplateRef<any> | null = null;\n\n  /** @hidden @internal */\n  @ViewChild('imageTemplate', { read: TemplateRef, static: true })\n  protected imageTemplate: TemplateRef<any> | null = null;\n\n  /** @hidden @internal */\n  @ViewChild('initialsTemplate', { read: TemplateRef, static: true })\n  protected initialsTemplate: TemplateRef<any> | null = null;\n\n  /** @hidden @internal */\n  @ViewChild('textTemplate', { read: TemplateRef, static: true })\n  protected textTemplate: TemplateRef<any> | null = null;\n\n  /** @hidden @internal */\n  @ViewChild('iconTemplate', { read: TemplateRef, static: true })\n  protected iconTemplate: TemplateRef<any> | null = null;\n\n  /**\n   * Returns the type of the avatar.\n   *\n   * @example\n   * ```typescript\n   * let avatarType = this.avatar.type;\n   * ```\n   */\n  public get type(): MatAvatarType {\n    if (this.text) {\n      return MatAvatarType.TEXT;\n    }\n\n    if (this.src) {\n      return MatAvatarType.IMAGE;\n    }\n\n    if (this.icon) {\n      return MatAvatarType.ICON;\n    }\n\n    if (this.initials) {\n      return MatAvatarType.INITIALS;\n    }\n\n    return MatAvatarType.CUSTOM;\n  }\n\n  /** @hidden @internal */\n  @HostBinding('class.onemrva-mat-avatar--image')\n  public get _isImageType(): boolean {\n    return this.type === MatAvatarType.IMAGE;\n  }\n  /** @hidden @internal */\n  @HostBinding('class.onemrva-mat-avatar--icon')\n  public get _isIconType(): boolean {\n    return this.type === MatAvatarType.ICON;\n  }\n  /** @hidden @internal */\n  @HostBinding('class.onemrva-mat-avatar--initials')\n  public get _isInitialsType(): boolean {\n    return this.type === MatAvatarType.INITIALS;\n  }\n  /** @hidden @internal */\n  @HostBinding('class.onemrva-mat-avatar--text')\n  public get _isTextType(): boolean {\n    return this.type === MatAvatarType.TEXT;\n  }\n\n  /**\n   * Returns the template of the avatar.\n   *\n   * @hidden\n   * @internal\n   */\n  public get template(): TemplateRef<any> | null {\n    switch (this.type) {\n      case MatAvatarType.IMAGE:\n        return this.imageTemplate;\n      case MatAvatarType.INITIALS:\n        return this.initialsTemplate;\n      case MatAvatarType.TEXT:\n        return this.textTemplate;\n      case MatAvatarType.ICON:\n        return this.iconTemplate;\n      default:\n        return this.defaultTemplate;\n    }\n  }\n\n  public elementRef = inject(ElementRef);\n\n  /**\n   * Returns the css url of the image.\n   *\n   * @hidden\n   * @internal\n   */\n  public getSrcUrl() {\n    return `url(${this.src})`;\n  }\n\n  /** @hidden @internal */\n  public ngOnInit() {\n    this.roleDescription = this.getRole();\n  }\n\n  /** @hidden @internal */\n  private getRole(): string {\n    switch (this.type) {\n      case MatAvatarType.IMAGE:\n        return 'image avatar';\n      case MatAvatarType.ICON:\n        return 'icon avatar';\n      case MatAvatarType.INITIALS:\n        return 'initials avatar';\n      default:\n        return 'custom avatar';\n    }\n  }\n}\n","<ng-template #defaultTemplate>\n  <ng-content></ng-content>\n</ng-template>\n\n<ng-template #imageTemplate>\n  <div\n    #image\n    class=\"onemrva-avatar__image\"\n    [style.backgroundImage]=\"getSrcUrl()\"\n  ></div>\n</ng-template>\n\n<ng-template #initialsTemplate>\n  <span>{{ initials | slice: 0 : 2 }}</span>\n</ng-template>\n\n<ng-template #textTemplate>\n  <span>{{ text }}</span>\n</ng-template>\n\n<ng-template #iconTemplate>\n  <mat-icon>{{ icon }}</mat-icon>\n</ng-template>\n\n<ng-container *ngTemplateOutlet=\"template\"></ng-container>\n","import { NgModule } from '@angular/core';\nimport { OnemrvaMatAvatarComponent } from './onemrva-mat-avatar.component';\n\n@NgModule({\n  declarations: [],\n  imports: [OnemrvaMatAvatarComponent],\n  exports: [OnemrvaMatAvatarComponent],\n})\nexport class OnemrvaMatAvatarModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"onemrvapublic-design-system-mat-avatar.mjs","sources":["../../../../projects/onemrva/design-system/mat-avatar/src/onemrva-mat-avatar.component.ts","../../../../projects/onemrva/design-system/mat-avatar/src/onemrva-mat-avatar.component.html","../../../../projects/onemrva/design-system/mat-avatar/src/onemrva-mat-avatar.module.ts","../../../../projects/onemrva/design-system/mat-avatar/onemrvapublic-design-system-mat-avatar.ts"],"sourcesContent":["import {\n  Component,\n  ElementRef,\n  inject,\n  OnInit,\n  TemplateRef,\n  input,\n  viewChild,\n  computed,\n} from '@angular/core';\nimport { mkenum } from '@onemrvapublic/design-system/utils';\nimport { NgTemplateOutlet, SlicePipe } from '@angular/common';\nimport { MatIconModule } from '@angular/material/icon';\n\nlet NEXT_ID = 0;\n\nexport const MatAvatarType = mkenum({\n  INITIALS: 'initials',\n  TEXT: 'text',\n  IMAGE: 'image',\n  ICON: 'icon',\n  CUSTOM: 'custom',\n});\nexport type MatAvatarType = (typeof MatAvatarType)[keyof typeof MatAvatarType];\n\n/**\n * Avatar provides a way to display an image, icon or initials to the user.\n *\n * @MatModule OnemrvaMatAvatarModule\n *\n * @MatTheme onemrva-mat-avatar-theme, onemrva-mat-icon-theme\n *\n * @MatKeywords avatar, profile, picture, initials\n *\n * @MatGroup Layouts\n *\n * @remarks\n *\n * The Ignite UI Avatar provides an easy way to add an avatar icon to your application.  This icon can be an\n * image, someone's initials or a material icon from the Google Material icon set.\n *\n * @example\n * ```html\n * <onemrva-mat-avatar initials=\"MS\" [roundShape]=\"true\" size=\"large\">\n * </onemrva-mat-avatar>\n * ```\n */\n@Component({\n  selector: 'onemrva-mat-avatar',\n  templateUrl: 'onemrva-mat-avatar.component.html',\n  styleUrl: 'onemrva-mat-avatar.component.scss',\n  standalone: true,\n  imports: [MatIconModule, NgTemplateOutlet, SlicePipe],\n  host: {\n    '[attr.aria-label]': '\"avatar\"',\n    '[attr.role]': '\"img\"',\n    class: 'onemrva-mat-avatar',\n    '[attr.aria-roledescription]': 'roleDescription',\n    '[attr.id]': 'id()',\n    '[class.onemrva-mat-avatar--rounded]': 'roundShape()',\n    '[class.onemrva-mat-avatar--image]': '_isImageType()',\n    '[class.onemrva-mat-avatar--icon]': '_isIconType()',\n    '[class.onemrva-mat-avatar--initials]': '_isInitialsType()',\n    '[class.onemrva-mat-avatar--text]': '_isTextType()',\n  },\n})\nexport class OnemrvaMatAvatarComponent implements OnInit {\n  readonly id = input(`onemrva-mat-avatar-${NEXT_ID++}`);\n  readonly roundShape = input(true);\n  readonly initials = input('');\n  readonly text = input('');\n  readonly icon = input('');\n  readonly src = input('');\n\n  protected readonly defaultTemplate = viewChild('defaultTemplate', {\n    read: TemplateRef,\n  });\n  protected readonly imageTemplate = viewChild('imageTemplate', {\n    read: TemplateRef,\n  });\n  protected readonly initialsTemplate = viewChild('initialsTemplate', {\n    read: TemplateRef,\n  });\n  protected readonly textTemplate = viewChild('textTemplate', {\n    read: TemplateRef,\n  });\n  protected readonly iconTemplate = viewChild('iconTemplate', {\n    read: TemplateRef,\n  });\n\n  public roleDescription = '';\n  public elementRef = inject(ElementRef);\n\n  protected readonly _isImageType = computed(\n    () => this.type === MatAvatarType.IMAGE,\n  );\n  protected readonly _isIconType = computed(\n    () => this.type === MatAvatarType.ICON,\n  );\n  protected readonly _isInitialsType = computed(\n    () => this.type === MatAvatarType.INITIALS,\n  );\n  protected readonly _isTextType = computed(\n    () => this.type === MatAvatarType.TEXT,\n  );\n\n  public get type(): MatAvatarType {\n    if (this.text()) {\n      return MatAvatarType.TEXT;\n    }\n\n    if (this.src()) {\n      return MatAvatarType.IMAGE;\n    }\n\n    if (this.icon()) {\n      return MatAvatarType.ICON;\n    }\n\n    if (this.initials()) {\n      return MatAvatarType.INITIALS;\n    }\n\n    return MatAvatarType.CUSTOM;\n  }\n\n  public get template(): TemplateRef<any> | undefined {\n    switch (this.type) {\n      case MatAvatarType.IMAGE:\n        return this.imageTemplate();\n      case MatAvatarType.INITIALS:\n        return this.initialsTemplate();\n      case MatAvatarType.TEXT:\n        return this.textTemplate();\n      case MatAvatarType.ICON:\n        return this.iconTemplate();\n      default:\n        return this.defaultTemplate();\n    }\n  }\n\n  public getSrcUrl() {\n    return `url(${this.src()})`;\n  }\n\n  public ngOnInit() {\n    this.roleDescription = this.getRole();\n  }\n\n  private getRole(): string {\n    switch (this.type) {\n      case MatAvatarType.IMAGE:\n        return 'image avatar';\n      case MatAvatarType.ICON:\n        return 'icon avatar';\n      case MatAvatarType.INITIALS:\n        return 'initials avatar';\n      default:\n        return 'custom avatar';\n    }\n  }\n}\n","<ng-template #defaultTemplate>\n  <ng-content />\n</ng-template>\n\n<ng-template #imageTemplate>\n  <div\n    #image\n    class=\"onemrva-avatar__image\"\n    [style.background-image]=\"getSrcUrl()\"\n  ></div>\n</ng-template>\n\n<ng-template #initialsTemplate>\n  <span>{{ initials() | slice: 0 : 2 }}</span>\n</ng-template>\n\n<ng-template #textTemplate>\n  <span>{{ text() }}</span>\n</ng-template>\n\n<ng-template #iconTemplate>\n  <mat-icon>{{ icon() }}</mat-icon>\n</ng-template>\n\n<ng-container *ngTemplateOutlet=\"template\" />\n","import { NgModule } from '@angular/core';\nimport { OnemrvaMatAvatarComponent } from './onemrva-mat-avatar.component';\n\n@NgModule({\n  declarations: [],\n  imports: [OnemrvaMatAvatarComponent],\n  exports: [OnemrvaMatAvatarComponent],\n})\nexport class OnemrvaMatAvatarModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;AAcA,IAAI,OAAO,GAAG,CAAC;AAER,MAAM,aAAa,GAAG,MAAM,CAAC;AAClC,IAAA,QAAQ,EAAE,UAAU;AACpB,IAAA,IAAI,EAAE,MAAM;AACZ,IAAA,KAAK,EAAE,OAAO;AACd,IAAA,IAAI,EAAE,MAAM;AACZ,IAAA,MAAM,EAAE,QAAQ;AACjB,CAAA;AAGD;;;;;;;;;;;;;;;;;;;;;AAqBG;MAoBU,yBAAyB,CAAA;AAnBtC,IAAA,WAAA,GAAA;QAoBW,IAAA,CAAA,EAAE,GAAG,KAAK,CAAC,CAAA,mBAAA,EAAsB,OAAO,EAAE,CAAA,CAAE,8CAAC;AAC7C,QAAA,IAAA,CAAA,UAAU,GAAG,KAAK,CAAC,IAAI,sDAAC;AACxB,QAAA,IAAA,CAAA,QAAQ,GAAG,KAAK,CAAC,EAAE,oDAAC;AACpB,QAAA,IAAA,CAAA,IAAI,GAAG,KAAK,CAAC,EAAE,gDAAC;AAChB,QAAA,IAAA,CAAA,IAAI,GAAG,KAAK,CAAC,EAAE,gDAAC;AAChB,QAAA,IAAA,CAAA,GAAG,GAAG,KAAK,CAAC,EAAE,+CAAC;QAEL,IAAA,CAAA,eAAe,GAAG,SAAS,CAAC,iBAAiB,4DAC9D,IAAI,EAAE,WAAW,EAAA,CACjB;QACiB,IAAA,CAAA,aAAa,GAAG,SAAS,CAAC,eAAe,0DAC1D,IAAI,EAAE,WAAW,EAAA,CACjB;QACiB,IAAA,CAAA,gBAAgB,GAAG,SAAS,CAAC,kBAAkB,6DAChE,IAAI,EAAE,WAAW,EAAA,CACjB;QACiB,IAAA,CAAA,YAAY,GAAG,SAAS,CAAC,cAAc,yDACxD,IAAI,EAAE,WAAW,EAAA,CACjB;QACiB,IAAA,CAAA,YAAY,GAAG,SAAS,CAAC,cAAc,yDACxD,IAAI,EAAE,WAAW,EAAA,CACjB;QAEK,IAAA,CAAA,eAAe,GAAG,EAAE;AACpB,QAAA,IAAA,CAAA,UAAU,GAAG,MAAM,CAAC,UAAU,CAAC;AAEnB,QAAA,IAAA,CAAA,YAAY,GAAG,QAAQ,CACxC,MAAM,IAAI,CAAC,IAAI,KAAK,aAAa,CAAC,KAAK,wDACxC;AACkB,QAAA,IAAA,CAAA,WAAW,GAAG,QAAQ,CACvC,MAAM,IAAI,CAAC,IAAI,KAAK,aAAa,CAAC,IAAI,uDACvC;AACkB,QAAA,IAAA,CAAA,eAAe,GAAG,QAAQ,CAC3C,MAAM,IAAI,CAAC,IAAI,KAAK,aAAa,CAAC,QAAQ,2DAC3C;AACkB,QAAA,IAAA,CAAA,WAAW,GAAG,QAAQ,CACvC,MAAM,IAAI,CAAC,IAAI,KAAK,aAAa,CAAC,IAAI,uDACvC;AAyDF,IAAA;AAvDC,IAAA,IAAW,IAAI,GAAA;AACb,QAAA,IAAI,IAAI,CAAC,IAAI,EAAE,EAAE;YACf,OAAO,aAAa,CAAC,IAAI;QAC3B;AAEA,QAAA,IAAI,IAAI,CAAC,GAAG,EAAE,EAAE;YACd,OAAO,aAAa,CAAC,KAAK;QAC5B;AAEA,QAAA,IAAI,IAAI,CAAC,IAAI,EAAE,EAAE;YACf,OAAO,aAAa,CAAC,IAAI;QAC3B;AAEA,QAAA,IAAI,IAAI,CAAC,QAAQ,EAAE,EAAE;YACnB,OAAO,aAAa,CAAC,QAAQ;QAC/B;QAEA,OAAO,aAAa,CAAC,MAAM;IAC7B;AAEA,IAAA,IAAW,QAAQ,GAAA;AACjB,QAAA,QAAQ,IAAI,CAAC,IAAI;YACf,KAAK,aAAa,CAAC,KAAK;AACtB,gBAAA,OAAO,IAAI,CAAC,aAAa,EAAE;YAC7B,KAAK,aAAa,CAAC,QAAQ;AACzB,gBAAA,OAAO,IAAI,CAAC,gBAAgB,EAAE;YAChC,KAAK,aAAa,CAAC,IAAI;AACrB,gBAAA,OAAO,IAAI,CAAC,YAAY,EAAE;YAC5B,KAAK,aAAa,CAAC,IAAI;AACrB,gBAAA,OAAO,IAAI,CAAC,YAAY,EAAE;AAC5B,YAAA;AACE,gBAAA,OAAO,IAAI,CAAC,eAAe,EAAE;;IAEnC;IAEO,SAAS,GAAA;AACd,QAAA,OAAO,OAAO,IAAI,CAAC,GAAG,EAAE,GAAG;IAC7B;IAEO,QAAQ,GAAA;AACb,QAAA,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,OAAO,EAAE;IACvC;IAEQ,OAAO,GAAA;AACb,QAAA,QAAQ,IAAI,CAAC,IAAI;YACf,KAAK,aAAa,CAAC,KAAK;AACtB,gBAAA,OAAO,cAAc;YACvB,KAAK,aAAa,CAAC,IAAI;AACrB,gBAAA,OAAO,aAAa;YACtB,KAAK,aAAa,CAAC,QAAQ;AACzB,gBAAA,OAAO,iBAAiB;AAC1B,YAAA;AACE,gBAAA,OAAO,eAAe;;IAE5B;8GA9FW,yBAAyB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAzB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,yBAAyB,m1CAS5B,WAAW,EAAA,QAAA,EAAA,IAAA,EAAA,EAAA,EAAA,YAAA,EAAA,eAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,CAAA,eAAA,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,IAAA,EAGX,WAAW,EAAA,QAAA,EAAA,IAAA,EAAA,EAAA,EAAA,YAAA,EAAA,kBAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,CAAA,kBAAA,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,IAAA,EAGX,WAAW,EAAA,QAAA,EAAA,IAAA,EAAA,EAAA,EAAA,YAAA,EAAA,cAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,CAAA,cAAA,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,IAAA,EAGX,WAAW,EAAA,QAAA,EAAA,IAAA,EAAA,EAAA,EAAA,YAAA,EAAA,cAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,CAAA,cAAA,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,IAAA,EAGX,WAAW,6CCvFrB,4hBAyBA,EAAA,MAAA,EAAA,CAAA,slEAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,ED2BY,aAAa,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,SAAA,EAAA,SAAA,EAAA,UAAA,CAAA,EAAA,QAAA,EAAA,CAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,gBAAgB,+IAAE,SAAS,EAAA,IAAA,EAAA,OAAA,EAAA,CAAA,EAAA,CAAA,CAAA;;2FAczC,yBAAyB,EAAA,UAAA,EAAA,CAAA;kBAnBrC,SAAS;+BACE,oBAAoB,EAAA,UAAA,EAGlB,IAAI,EAAA,OAAA,EACP,CAAC,aAAa,EAAE,gBAAgB,EAAE,SAAS,CAAC,EAAA,IAAA,EAC/C;AACJ,wBAAA,mBAAmB,EAAE,UAAU;AAC/B,wBAAA,aAAa,EAAE,OAAO;AACtB,wBAAA,KAAK,EAAE,oBAAoB;AAC3B,wBAAA,6BAA6B,EAAE,iBAAiB;AAChD,wBAAA,WAAW,EAAE,MAAM;AACnB,wBAAA,qCAAqC,EAAE,cAAc;AACrD,wBAAA,mCAAmC,EAAE,gBAAgB;AACrD,wBAAA,kCAAkC,EAAE,eAAe;AACnD,wBAAA,sCAAsC,EAAE,mBAAmB;AAC3D,wBAAA,kCAAkC,EAAE,eAAe;AACpD,qBAAA,EAAA,QAAA,EAAA,4hBAAA,EAAA,MAAA,EAAA,CAAA,slEAAA,CAAA,EAAA;AAU8C,SAAA,CAAA,EAAA,cAAA,EAAA,EAAA,EAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,KAAA,EAAA,IAAA,EAAA,QAAA,EAAA,KAAA,EAAA,CAAA,EAAA,CAAA,EAAA,UAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,KAAA,EAAA,YAAA,EAAA,QAAA,EAAA,KAAA,EAAA,CAAA,EAAA,CAAA,EAAA,QAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,KAAA,EAAA,UAAA,EAAA,QAAA,EAAA,KAAA,EAAA,CAAA,EAAA,CAAA,EAAA,IAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,KAAA,EAAA,MAAA,EAAA,QAAA,EAAA,KAAA,EAAA,CAAA,EAAA,CAAA,EAAA,IAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,KAAA,EAAA,MAAA,EAAA,QAAA,EAAA,KAAA,EAAA,CAAA,EAAA,CAAA,EAAA,GAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,KAAA,EAAA,KAAA,EAAA,QAAA,EAAA,KAAA,EAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,SAAA,EAAA,IAAA,EAAA,CAAA,iBAAiB,EAAA,EAAA,GAAE;AAChE,4BAAA,IAAI,EAAE,WAAW;AAClB,yBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,EAAA,aAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,SAAA,EAAA,IAAA,EAAA,CAC4C,eAAe,EAAA,EAAA,GAAE;AAC5D,4BAAA,IAAI,EAAE,WAAW;AAClB,yBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,EAAA,gBAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,SAAA,EAAA,IAAA,EAAA,CAC+C,kBAAkB,EAAA,EAAA,GAAE;AAClE,4BAAA,IAAI,EAAE,WAAW;AAClB,yBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,SAAA,EAAA,IAAA,EAAA,CAC2C,cAAc,EAAA,EAAA,GAAE;AAC1D,4BAAA,IAAI,EAAE,WAAW;AAClB,yBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,SAAA,EAAA,IAAA,EAAA,CAC2C,cAAc,EAAA,EAAA,GAAE;AAC1D,4BAAA,IAAI,EAAE,WAAW;AAClB,yBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,EAAA,EAAA,CAAA;;MEhFU,sBAAsB,CAAA;8GAAtB,sBAAsB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;+GAAtB,sBAAsB,EAAA,OAAA,EAAA,CAHvB,yBAAyB,CAAA,EAAA,OAAA,EAAA,CACzB,yBAAyB,CAAA,EAAA,CAAA,CAAA;AAExB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,sBAAsB,YAHvB,yBAAyB,CAAA,EAAA,CAAA,CAAA;;2FAGxB,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBALlC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,YAAY,EAAE,EAAE;oBAChB,OAAO,EAAE,CAAC,yBAAyB,CAAC;oBACpC,OAAO,EAAE,CAAC,yBAAyB,CAAC;AACrC,iBAAA;;;ACPD;;AAEG;;;;"}