@acorex/components 19.10.10 → 19.10.11

package/fesm2022/acorex-components-autocomplete.mjs

@@ -0,0 +1,317 @@
+import { MXSelectionValueComponent, MXLookComponent, convertArrayToDataSource, AX_SELECTION_DATA_TOKEN, AXAutocompleteParentComponent, AXComponent, AXFocusableComponent, AXValuableComponent, AXClearableComponent, AXClosbaleComponent, AXSearchableComponent, MXSelectionBridgeService } from '@acorex/components/common';
+import { AXDecoratorGenericComponent, AXDecoratorCloseButtonComponent } from '@acorex/components/decorators';
+import { MXDropdownBoxBaseComponent, AXDropdownBoxComponent } from '@acorex/components/dropdown';
+import { AXListComponent } from '@acorex/components/list';
+import { AXLoadingComponent } from '@acorex/components/loading';
+import { AXTranslatorPipe } from '@acorex/core/translation';
+import { AXUnsubscriber } from '@acorex/core/utils';
+import { AsyncPipe, NgTemplateOutlet } from '@angular/common';
+import * as i0 from '@angular/core';
+import { input, signal, inject, forwardRef, ViewChild, Input, ViewEncapsulation, ChangeDetectionStrategy, Component, NgModule } from '@angular/core';
+import * as i1 from '@angular/forms';
+import { FormsModule, NG_VALUE_ACCESSOR } from '@angular/forms';
+import { classes } from 'polytype';
+import { debounceTime } from 'rxjs';
+
+/**
+ * The Button is a component which detects user interaction and triggers a corresponding event
+ * @category
+ */
+class AXAutocompleteComponent extends classes(MXDropdownBoxBaseComponent, MXSelectionValueComponent, MXLookComponent) {
+    constructor() {
+        super(...arguments);
+        this.delayTime = input(300);
+        this.inputValue = signal('');
+        this.isLoading = signal(false);
+        /** @ignore */
+        this.renderList = false;
+        /** @ignore */
+        this.dropdownSizes = {
+            width: '100%',
+            height: 'auto',
+        };
+        /** @ignore */
+        this._listDataSource = convertArrayToDataSource([], {
+            key: this.valueField,
+            pageSize: 10,
+        });
+        /**
+         * The width of the dropdown in pixels.
+         * @defaultValue 260
+         */
+        this.dropdownWidth = 260;
+        /**
+         * Service for managing selection data, injected via `AX_SELECTION_DATA_TOKEN`.
+         */
+        this.selectionService = inject(AX_SELECTION_DATA_TOKEN);
+        /** @ignore */
+        this._unsubscriber = inject(AXUnsubscriber);
+        this.parent = inject(AXAutocompleteParentComponent);
+    }
+    /**
+     * Gets the data source for the component, which can be either an `AXDataSource` or an array of items.
+     * @returns {AXDataSource<any> | any[]}
+     */
+    get dataSource() {
+        return this._dataSource;
+    }
+    /**
+     * Sets the data source, either as `AXDataSource` or an array. Converts arrays to `AXDataSource` and subscribes to data and loading changes.
+     * @param {AXDataSource<any> | any[]} v
+     */
+    set dataSource(v) {
+        this._dataSource = v;
+        if (Array.isArray(v)) {
+            this._listDataSource = convertArrayToDataSource(v, {
+                key: this.valueField,
+                pageSize: 10,
+            });
+        }
+        else {
+            this._listDataSource = this.dataSource;
+        }
+        //
+        this.onChangedSubscription = this._listDataSource.onChanged.subscribe((data) => {
+            this.setDropdownSize(data.totalCount);
+        });
+        this._listDataSource.onLoadingChanged.pipe(this._unsubscriber.takeUntilDestroy).subscribe((loading) => {
+            this.isLoading.set(loading);
+        });
+    }
+    /** @ignore */
+    ngAfterViewInit() {
+        this.setDropdownSize();
+        this.registerValidation();
+        this.parent.onInputValueChanged.pipe(debounceTime(this.delayTime()), this.parent._unsubscriber.takeUntilDestroy).subscribe((e) => {
+            if (!e.isUserInteraction)
+                return;
+            this.inputValue.set(e.value);
+            if (!e.value) {
+                this.close();
+                return;
+            }
+            this.search(e.value);
+            this.open();
+        });
+        this.parent.onKeyDown.pipe(this.parent._unsubscriber.takeUntilDestroy).subscribe((e) => {
+            if (e.nativeEvent.key === 'ArrowDown') {
+                this.search(this.inputValue());
+                this.open();
+                this.list.focus();
+            }
+        });
+    }
+    /** @ignore */
+    ngOnDestroy() {
+        this.onChangedSubscription.unsubscribe();
+    }
+    /**
+     * Retrieves an item by its key.
+     * @param {any} key
+     */
+    getItemByKey(key) {
+        const startTime = Date.now();
+        const check = async () => {
+            while (Date.now() - startTime < 2000) {
+                if (typeof this._listDataSource.find === 'function') {
+                    return this._listDataSource.find(key);
+                }
+                else {
+                    await new Promise((resolve) => setTimeout(resolve, 50));
+                }
+            }
+            console.warn('Timeout reached without finding the "getItemByKey" method');
+        };
+        return check();
+    }
+    /** @ignore */
+    _handleOnOpenedEvent(e) {
+        if (!this.renderList) {
+            this.renderList = true;
+            this.list?.render();
+        }
+        else if (!this._listDataSource.totalCount || this._listDataSource.totalCount == 0) {
+            this.list?.refresh(false);
+        }
+        //
+        this.onOpened.emit({
+            component: this,
+            isUserInteraction: e.isUserInteraction,
+        });
+    }
+    /** @ignore */
+    _handleOnClosedEvent(e) {
+        this.parent.focus();
+        this.onClosed.emit({
+            component: this,
+            isUserInteraction: e.isUserInteraction,
+        });
+        this._unsubscriber.unsubscribe();
+    }
+    /** @ignore */
+    _handleValueChanged(e) {
+        if (e.isUserInteraction) {
+            if (!this.multiple) {
+                this.close();
+            }
+            this.parent.handleInputValueEmit(e.value, true);
+        }
+    }
+    /** @ignore */
+    setDropdownSize(count = 0) {
+        if (this.dropdown.isActionsheetStyle) {
+            this.dropdownSizes = {
+                width: '100%',
+                height: ['auto', '0px'].includes(this.dropdownSizes.height) ? `${Math.min(15, count) * 40}px` : this.dropdownSizes.height,
+            };
+        }
+        else {
+            const hostWidth = Math.max(this.parent.getHostElement().offsetWidth, this.dropdownWidth);
+            this.dropdownSizes = {
+                width: `${hostWidth}px`,
+                height: count == 0 ? 'auto' : `${Math.min(5, count) * 40}px`,
+            };
+        }
+        setTimeout(() => {
+            this.dropdown.updatePosition();
+        });
+    }
+    /**
+     * Filters the data source based on the provided search term.
+     * @param {string} term
+     */
+    search(term) {
+        if (term) {
+            this._listDataSource.filter({
+                field: this.textField,
+                value: term,
+                operator: { type: 'contains' },
+            });
+        }
+        else {
+            this._listDataSource.clearFilter();
+        }
+        this._listDataSource.refresh();
+    }
+    /**
+     * Refreshes the component by resetting state, clearing selection cache, refreshing the list, and closing the component.
+     */
+    refresh() {
+        this.reset(false);
+        this.clearSelectionCache();
+        this.list?.refresh();
+        this.close();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.8", ngImport: i0, type: AXAutocompleteComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.8", type: AXAutocompleteComponent, isStandalone: true, selector: "ax-autocomplete", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: false, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: false, isRequired: false, transformFunction: null }, tabIndex: { classPropertyName: "tabIndex", publicName: "tabIndex", isSignal: false, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: false, isRequired: false, transformFunction: null }, minValue: { classPropertyName: "minValue", publicName: "minValue", isSignal: false, isRequired: false, transformFunction: null }, maxValue: { classPropertyName: "maxValue", publicName: "maxValue", isSignal: false, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: false, isRequired: false, transformFunction: null }, state: { classPropertyName: "state", publicName: "state", isSignal: false, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: false, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: false, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: false, isRequired: false, transformFunction: null }, look: { classPropertyName: "look", publicName: "look", isSignal: false, isRequired: false, transformFunction: null }, multiple: { classPropertyName: "multiple", publicName: "multiple", isSignal: false, isRequired: false, transformFunction: null }, valueField: { classPropertyName: "valueField", publicName: "valueField", isSignal: false, isRequired: false, transformFunction: null }, textField: { classPropertyName: "textField", publicName: "textField", isSignal: false, isRequired: false, transformFunction: null }, disabledField: { classPropertyName: "disabledField", publicName: "disabledField", isSignal: false, isRequired: false, transformFunction: null }, textTemplate: { classPropertyName: "textTemplate", publicName: "textTemplate", isSignal: false, isRequired: false, transformFunction: null }, selectedItems: { classPropertyName: "selectedItems", publicName: "selectedItems", isSignal: false, isRequired: false, transformFunction: null }, delayTime: { classPropertyName: "delayTime", publicName: "delayTime", isSignal: true, isRequired: false, transformFunction: null }, dataSource: { classPropertyName: "dataSource", publicName: "dataSource", isSignal: false, isRequired: false, transformFunction: null }, caption: { classPropertyName: "caption", publicName: "caption", isSignal: false, isRequired: false, transformFunction: null }, itemTemplate: { classPropertyName: "itemTemplate", publicName: "itemTemplate", isSignal: false, isRequired: false, transformFunction: null }, selectedTemplate: { classPropertyName: "selectedTemplate", publicName: "selectedTemplate", isSignal: false, isRequired: false, transformFunction: null }, emptyTemplate: { classPropertyName: "emptyTemplate", publicName: "emptyTemplate", isSignal: false, isRequired: false, transformFunction: null }, loadingTemplate: { classPropertyName: "loadingTemplate", publicName: "loadingTemplate", isSignal: false, isRequired: false, transformFunction: null }, dropdownWidth: { classPropertyName: "dropdownWidth", publicName: "dropdownWidth", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { valueChange: "valueChange", stateChange: "stateChange", onValueChanged: "onValueChanged", onBlur: "onBlur", onFocus: "onFocus", readonlyChange: "readonlyChange", disabledChange: "disabledChange", onOpened: "onOpened", onClosed: "onClosed" }, host: { attributes: { "ngSkipHydration": "true" } }, providers: [
+            { provide: AXComponent, useExisting: AXAutocompleteComponent },
+            { provide: AXFocusableComponent, useExisting: AXAutocompleteComponent },
+            { provide: AXValuableComponent, useExisting: AXAutocompleteComponent },
+            { provide: AXClearableComponent, useExisting: AXAutocompleteComponent },
+            { provide: AXClosbaleComponent, useExisting: AXAutocompleteComponent },
+            { provide: AXSearchableComponent, useExisting: AXAutocompleteComponent },
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => AXAutocompleteComponent),
+                multi: true,
+            },
+            {
+                provide: AX_SELECTION_DATA_TOKEN,
+                useClass: MXSelectionBridgeService,
+            },
+            AXUnsubscriber,
+        ], viewQueries: [{ propertyName: "list", first: true, predicate: AXListComponent, descendants: true }, { propertyName: "dropdown", first: true, predicate: AXDropdownBoxComponent, descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<ax-dropdown-box\n  [look]=\"look\"\n  [hasInput]=\"false\"\n  [disabled]=\"disabled\"\n  (blur)=\"emitOnBlurEvent($event)\"\n  (focus)=\"emitOnFocusEvent($event)\"\n  [class.ax-state-multiple]=\"multiple\"\n  (onOpened)=\"_handleOnOpenedEvent($event)\"\n  (onClosed)=\"_handleOnClosedEvent($event)\"\n>\n  <ng-container panel>\n    <div #panel class=\"ax-autocomplete-panel\" [style.min-width]=\"dropdownSizes.width\">\n      @if (dropdown.isActionsheetStyle) {\n        <ax-header class=\"ax-solid\">\n          <ax-title>{{ caption || placeholder || 'autocomplete.popover.title' | translate | async }}</ax-title>\n          <ax-close-button [icon]=\"multiple ? 'ax-icon ax-icon-check' : 'ax-icon ax-icon-close'\"></ax-close-button>\n        </ax-header>\n      }\n      @if (renderList) {\n        <ax-list\n          [ngModel]=\"value\"\n          [readonly]=\"readonly\"\n          [multiple]=\"multiple\"\n          [textField]=\"textField\"\n          [selectionMode]=\"'item'\"\n          [valueField]=\"valueField\"\n          [textTemplate]=\"textTemplate\"\n          [itemTemplate]=\"itemTemplate\"\n          [dataSource]=\"_listDataSource\"\n          [loadingTemplate]=\"loadingTemplate\"\n          [style.height]=\"dropdownSizes.height\"\n          [emptyTemplate]=\"emptyTemplate ?? empty\"\n          (onValueChanged)=\"_handleValueChanged($event)\"\n        >\n          <ng-template #empty> {{ 'no-result-found' | translate | async }} </ng-template>\n        </ax-list>\n      }\n\n      @if (isLoading()) {\n        @if (loadingTemplate) {\n          <ng-template *ngTemplateOutlet=\"loadingTemplate\"></ng-template>\n        } @else {\n          <div class=\"ax-autocomplete-loading-container\">\n            <ax-loading></ax-loading>\n          </div>\n        }\n      }\n\n      <ng-content select=\"ax-footer\"> </ng-content>\n    </div>\n  </ng-container>\n</ax-dropdown-box>\n", dependencies: [{ kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: AXListComponent, selector: "ax-list", inputs: ["id", "name", "disabled", "readonly", "valueField", "textField", "textTemplate", "disabledField", "multiple", "selectionMode", "dataSource", "itemHeight", "itemTemplate", "emptyTemplate", "loadingTemplate", "checkbox"], outputs: ["onValueChanged", "disabledChange", "readOnlyChange", "onBlur", "onFocus", "onItemClick", "onScrolledIndexChanged"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: AXTranslatorPipe, name: "translate" }, { kind: "component", type: AXLoadingComponent, selector: "ax-loading", inputs: ["visible", "type", "context"], outputs: ["visibleChange"] }, { kind: "component", type: AXDropdownBoxComponent, selector: "ax-dropdown-box", inputs: ["disabled", "look", "hasInput"], outputs: ["disabledChange", "onBlur", "onFocus", "onClick", "onOpened", "onClosed"] }, { kind: "component", type: AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "component", type: AXDecoratorCloseButtonComponent, selector: "ax-close-button", inputs: ["closeAll", "icon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.8", ngImport: i0, type: AXAutocompleteComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ax-autocomplete', inputs: [
+                        'disabled',
+                        'readonly',
+                        'tabIndex',
+                        'placeholder',
+                        'minValue',
+                        'maxValue',
+                        'value',
+                        'state',
+                        'name',
+                        'id',
+                        'type',
+                        'look',
+                        'multiple',
+                        'valueField',
+                        'textField',
+                        'disabledField',
+                        'textTemplate',
+                        'selectedItems',
+                    ], outputs: ['valueChange', 'stateChange', 'onValueChanged', 'onBlur', 'onFocus', 'readonlyChange', 'disabledChange', 'onOpened', 'onClosed'], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [
+                        { provide: AXComponent, useExisting: AXAutocompleteComponent },
+                        { provide: AXFocusableComponent, useExisting: AXAutocompleteComponent },
+                        { provide: AXValuableComponent, useExisting: AXAutocompleteComponent },
+                        { provide: AXClearableComponent, useExisting: AXAutocompleteComponent },
+                        { provide: AXClosbaleComponent, useExisting: AXAutocompleteComponent },
+                        { provide: AXSearchableComponent, useExisting: AXAutocompleteComponent },
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => AXAutocompleteComponent),
+                            multi: true,
+                        },
+                        {
+                            provide: AX_SELECTION_DATA_TOKEN,
+                            useClass: MXSelectionBridgeService,
+                        },
+                        AXUnsubscriber,
+                    ], host: { ngSkipHydration: 'true' }, imports: [
+                        AsyncPipe,
+                        FormsModule,
+                        AXListComponent,
+                        NgTemplateOutlet,
+                        AXTranslatorPipe,
+                        AXLoadingComponent,
+                        AXDropdownBoxComponent,
+                        AXDecoratorGenericComponent,
+                        AXDecoratorCloseButtonComponent,
+                    ], template: "<ax-dropdown-box\n  [look]=\"look\"\n  [hasInput]=\"false\"\n  [disabled]=\"disabled\"\n  (blur)=\"emitOnBlurEvent($event)\"\n  (focus)=\"emitOnFocusEvent($event)\"\n  [class.ax-state-multiple]=\"multiple\"\n  (onOpened)=\"_handleOnOpenedEvent($event)\"\n  (onClosed)=\"_handleOnClosedEvent($event)\"\n>\n  <ng-container panel>\n    <div #panel class=\"ax-autocomplete-panel\" [style.min-width]=\"dropdownSizes.width\">\n      @if (dropdown.isActionsheetStyle) {\n        <ax-header class=\"ax-solid\">\n          <ax-title>{{ caption || placeholder || 'autocomplete.popover.title' | translate | async }}</ax-title>\n          <ax-close-button [icon]=\"multiple ? 'ax-icon ax-icon-check' : 'ax-icon ax-icon-close'\"></ax-close-button>\n        </ax-header>\n      }\n      @if (renderList) {\n        <ax-list\n          [ngModel]=\"value\"\n          [readonly]=\"readonly\"\n          [multiple]=\"multiple\"\n          [textField]=\"textField\"\n          [selectionMode]=\"'item'\"\n          [valueField]=\"valueField\"\n          [textTemplate]=\"textTemplate\"\n          [itemTemplate]=\"itemTemplate\"\n          [dataSource]=\"_listDataSource\"\n          [loadingTemplate]=\"loadingTemplate\"\n          [style.height]=\"dropdownSizes.height\"\n          [emptyTemplate]=\"emptyTemplate ?? empty\"\n          (onValueChanged)=\"_handleValueChanged($event)\"\n        >\n          <ng-template #empty> {{ 'no-result-found' | translate | async }} </ng-template>\n        </ax-list>\n      }\n\n      @if (isLoading()) {\n        @if (loadingTemplate) {\n          <ng-template *ngTemplateOutlet=\"loadingTemplate\"></ng-template>\n        } @else {\n          <div class=\"ax-autocomplete-loading-container\">\n            <ax-loading></ax-loading>\n          </div>\n        }\n      }\n\n      <ng-content select=\"ax-footer\"> </ng-content>\n    </div>\n  </ng-container>\n</ax-dropdown-box>\n" }]
+        }], propDecorators: { dataSource: [{
+                type: Input
+            }], placeholder: [{
+                type: Input
+            }], caption: [{
+                type: Input
+            }], itemTemplate: [{
+                type: Input
+            }], selectedTemplate: [{
+                type: Input
+            }], emptyTemplate: [{
+                type: Input
+            }], loadingTemplate: [{
+                type: Input
+            }], dropdownWidth: [{
+                type: Input
+            }], list: [{
+                type: ViewChild,
+                args: [AXListComponent]
+            }], dropdown: [{
+                type: ViewChild,
+                args: [AXDropdownBoxComponent, { static: true }]
+            }] } });
+
+class AXAutocompleteModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.8", ngImport: i0, type: AXAutocompleteModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.1.8", ngImport: i0, type: AXAutocompleteModule, imports: [AXAutocompleteComponent], exports: [AXAutocompleteComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.1.8", ngImport: i0, type: AXAutocompleteModule, imports: [AXAutocompleteComponent] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.8", ngImport: i0, type: AXAutocompleteModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [AXAutocompleteComponent],
+                    exports: [AXAutocompleteComponent],
+                    providers: [],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { AXAutocompleteComponent, AXAutocompleteModule };
+//# sourceMappingURL=acorex-components-autocomplete.mjs.map

package/fesm2022/acorex-components-autocomplete.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"acorex-components-autocomplete.mjs","sources":["../../../../libs/components/autocomplete/src/lib/autocomplete.component.ts","../../../../libs/components/autocomplete/src/lib/autocomplete.component.html","../../../../libs/components/autocomplete/src/lib/autocomplete.module.ts","../../../../libs/components/autocomplete/src/acorex-components-autocomplete.ts"],"sourcesContent":["import {\n  AXAutocompleteParentComponent,\n  AXClearableComponent,\n  AXClosbaleComponent,\n  AXComponent,\n  AXDataSource,\n  AXEvent,\n  AXFocusableComponent,\n  AXSearchableComponent,\n  AXValuableComponent,\n  AXValueChangedEvent,\n  AX_SELECTION_DATA_TOKEN,\n  MXLookComponent,\n  MXSelectionBridgeService,\n  MXSelectionValueComponent,\n  convertArrayToDataSource,\n} from '@acorex/components/common';\nimport { AXDecoratorCloseButtonComponent, AXDecoratorGenericComponent } from '@acorex/components/decorators';\nimport { AXDropdownBoxComponent, MXDropdownBoxBaseComponent } from '@acorex/components/dropdown';\nimport { AXListComponent } from '@acorex/components/list';\nimport { AXLoadingComponent } from '@acorex/components/loading';\nimport { AXTranslatorPipe } from '@acorex/core/translation';\nimport { AXUnsubscriber } from '@acorex/core/utils';\nimport { AsyncPipe, NgTemplateOutlet } from '@angular/common';\nimport {\n  AfterViewInit,\n  ChangeDetectionStrategy,\n  Component,\n  Input,\n  OnDestroy,\n  TemplateRef,\n  ViewChild,\n  ViewEncapsulation,\n  forwardRef,\n  inject,\n  input,\n  signal,\n} from '@angular/core';\nimport { FormsModule, NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { classes } from 'polytype';\nimport { Subscription, debounceTime } from 'rxjs';\n\n/**\n * The Button is a component which detects user interaction and triggers a corresponding event\n * @category\n */\n@Component({\n  selector: 'ax-autocomplete',\n  templateUrl: './autocomplete.component.html',\n  inputs: [\n    'disabled',\n    'readonly',\n    'tabIndex',\n    'placeholder',\n    'minValue',\n    'maxValue',\n    'value',\n    'state',\n    'name',\n    'id',\n    'type',\n    'look',\n    'multiple',\n    'valueField',\n    'textField',\n    'disabledField',\n    'textTemplate',\n    'selectedItems',\n  ],\n  outputs: ['valueChange', 'stateChange', 'onValueChanged', 'onBlur', 'onFocus', 'readonlyChange', 'disabledChange', 'onOpened', 'onClosed'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  providers: [\n    { provide: AXComponent, useExisting: AXAutocompleteComponent },\n    { provide: AXFocusableComponent, useExisting: AXAutocompleteComponent },\n    { provide: AXValuableComponent, useExisting: AXAutocompleteComponent },\n    { provide: AXClearableComponent, useExisting: AXAutocompleteComponent },\n    { provide: AXClosbaleComponent, useExisting: AXAutocompleteComponent },\n    { provide: AXSearchableComponent, useExisting: AXAutocompleteComponent },\n    {\n      provide: NG_VALUE_ACCESSOR,\n      useExisting: forwardRef(() => AXAutocompleteComponent),\n      multi: true,\n    },\n    {\n      provide: AX_SELECTION_DATA_TOKEN,\n      useClass: MXSelectionBridgeService,\n    },\n    AXUnsubscriber,\n  ],\n  host: { ngSkipHydration: 'true' },\n  imports: [\n    AsyncPipe,\n    FormsModule,\n    AXListComponent,\n    NgTemplateOutlet,\n    AXTranslatorPipe,\n    AXLoadingComponent,\n    AXDropdownBoxComponent,\n    AXDecoratorGenericComponent,\n    AXDecoratorCloseButtonComponent,\n  ],\n})\nexport class AXAutocompleteComponent\n  extends classes(MXDropdownBoxBaseComponent, MXSelectionValueComponent, MXLookComponent)\n  implements AfterViewInit, OnDestroy\n{\n  delayTime = input(300);\n\n  protected inputValue = signal('');\n  protected isLoading = signal(false);\n\n  /** @ignore */\n  protected renderList = false;\n\n  /** @ignore */\n  protected dropdownSizes: { width: string; height: string } = {\n    width: '100%',\n    height: 'auto',\n  };\n\n  /** @ignore */\n  protected _listDataSource: AXDataSource<any> = convertArrayToDataSource([], {\n    key: this.valueField,\n    pageSize: 10,\n  });\n\n  /** @ignore */\n  private _dataSource: AXDataSource<any> | any[];\n\n  /** @ignore */\n  private onChangedSubscription: Subscription;\n\n  /**\n   * Gets the data source for the component, which can be either an `AXDataSource` or an array of items.\n   * @returns {AXDataSource<any> | any[]}\n   */\n  public get dataSource(): AXDataSource<any> | any[] {\n    return this._dataSource;\n  }\n\n  /**\n   * Sets the data source, either as `AXDataSource` or an array. Converts arrays to `AXDataSource` and subscribes to data and loading changes.\n   * @param {AXDataSource<any> | any[]} v\n   */\n  @Input()\n  public set dataSource(v: AXDataSource<any> | any[]) {\n    this._dataSource = v;\n    if (Array.isArray(v)) {\n      this._listDataSource = convertArrayToDataSource(v, {\n        key: this.valueField,\n        pageSize: 10,\n      });\n    } else {\n      this._listDataSource = this.dataSource as AXDataSource<any>;\n    }\n    //\n    this.onChangedSubscription = this._listDataSource.onChanged.subscribe((data) => {\n      this.setDropdownSize(data.totalCount);\n    });\n    this._listDataSource.onLoadingChanged.pipe(this._unsubscriber.takeUntilDestroy).subscribe((loading) => {\n      this.isLoading.set(loading);\n    });\n  }\n\n  /**\n   * The placeholder text displayed when the component is empty.\n   * @param {string} placeholder\n   */\n  @Input()\n  placeholder: string;\n\n  /**\n   * The caption text to be displayed in the component.\n   * @param {string} caption\n   */\n  @Input()\n  caption: string;\n\n  /**\n   * The template used to customize the rendering of items.\n   * @param {TemplateRef<any>} itemTemplate\n   */\n  @Input()\n  itemTemplate: TemplateRef<any>;\n\n  /**\n   * The template used to customize the rendering of selected items.\n   * @param {TemplateRef<any>} selectedTemplate\n   */\n  @Input()\n  selectedTemplate: TemplateRef<any>;\n\n  /**\n   * The template used to display when there are no items.\n   * @param {TemplateRef<any>} emptyTemplate\n   */\n  @Input()\n  emptyTemplate: TemplateRef<any>;\n\n  /**\n   * The template used to display while loading.\n   * @param {TemplateRef<any>} loadingTemplate\n   */\n  @Input()\n  loadingTemplate: TemplateRef<any>;\n\n  /**\n   * The width of the dropdown in pixels.\n   * @defaultValue 260\n   */\n  @Input()\n  dropdownWidth = 260;\n\n  /** @ignore */\n  @ViewChild(AXListComponent)\n  list: AXListComponent;\n\n  /** @ignore */\n  @ViewChild(AXDropdownBoxComponent, { static: true })\n  protected dropdown: AXDropdownBoxComponent;\n\n  /**\n   * Service for managing selection data, injected via `AX_SELECTION_DATA_TOKEN`.\n   */\n  public selectionService = inject(AX_SELECTION_DATA_TOKEN);\n\n  /** @ignore */\n  private _unsubscriber = inject(AXUnsubscriber);\n\n  parent = inject(AXAutocompleteParentComponent);\n\n  /** @ignore */\n  ngAfterViewInit() {\n    this.setDropdownSize();\n    this.registerValidation();\n\n    this.parent.onInputValueChanged.pipe(debounceTime(this.delayTime()), this.parent._unsubscriber.takeUntilDestroy).subscribe((e) => {\n      if (!e.isUserInteraction) return;\n      this.inputValue.set(e.value);\n      if (!e.value) {\n        this.close();\n        return;\n      }\n      this.search(e.value);\n      this.open();\n    });\n\n    this.parent.onKeyDown.pipe(this.parent._unsubscriber.takeUntilDestroy).subscribe((e) => {\n      if (e.nativeEvent.key === 'ArrowDown') {\n        this.search(this.inputValue());\n        this.open();\n        this.list.focus();\n      }\n    });\n  }\n\n  /** @ignore */\n  override ngOnDestroy(): void {\n    this.onChangedSubscription.unsubscribe();\n  }\n\n  /**\n   * Retrieves an item by its key.\n   * @param {any} key\n   */\n  getItemByKey(key: any): Promise<any> | any {\n    const startTime = Date.now();\n\n    const check = async () => {\n      while (Date.now() - startTime < 2000) {\n        if (typeof this._listDataSource.find === 'function') {\n          return this._listDataSource.find(key);\n        } else {\n          await new Promise((resolve) => setTimeout(resolve, 50));\n        }\n      }\n      console.warn('Timeout reached without finding the \"getItemByKey\" method');\n    };\n    return check();\n  }\n\n  /** @ignore */\n  protected _handleOnOpenedEvent(e: AXEvent) {\n    if (!this.renderList) {\n      this.renderList = true;\n      this.list?.render();\n    } else if (!this._listDataSource.totalCount || this._listDataSource.totalCount == 0) {\n      this.list?.refresh(false);\n    }\n    //\n    this.onOpened.emit({\n      component: this,\n      isUserInteraction: e.isUserInteraction,\n    });\n  }\n\n  /** @ignore */\n  protected _handleOnClosedEvent(e: AXEvent) {\n    this.parent.focus();\n    this.onClosed.emit({\n      component: this,\n      isUserInteraction: e.isUserInteraction,\n    });\n    this._unsubscriber.unsubscribe();\n  }\n\n  /** @ignore */\n  protected _handleValueChanged(e: AXValueChangedEvent) {\n    if (e.isUserInteraction) {\n      if (!this.multiple) {\n        this.close();\n      }\n      this.parent.handleInputValueEmit(e.value, true);\n    }\n  }\n\n  /** @ignore */\n  private setDropdownSize(count = 0) {\n    if (this.dropdown.isActionsheetStyle) {\n      this.dropdownSizes = {\n        width: '100%',\n        height: ['auto', '0px'].includes(this.dropdownSizes.height) ? `${Math.min(15, count) * 40}px` : this.dropdownSizes.height,\n      };\n    } else {\n      const hostWidth = Math.max(this.parent.getHostElement().offsetWidth, this.dropdownWidth);\n      this.dropdownSizes = {\n        width: `${hostWidth}px`,\n        height: count == 0 ? 'auto' : `${Math.min(5, count) * 40}px`,\n      };\n    }\n    setTimeout(() => {\n      this.dropdown.updatePosition();\n    });\n  }\n\n  /**\n   * Filters the data source based on the provided search term.\n   * @param {string} term\n   */\n  search(term: string) {\n    if (term) {\n      this._listDataSource.filter({\n        field: this.textField,\n        value: term,\n        operator: { type: 'contains' },\n      });\n    } else {\n      this._listDataSource.clearFilter();\n    }\n    this._listDataSource.refresh();\n  }\n\n  /**\n   * Refreshes the component by resetting state, clearing selection cache, refreshing the list, and closing the component.\n   */\n  refresh() {\n    this.reset(false);\n    this.clearSelectionCache();\n    this.list?.refresh();\n    this.close();\n  }\n}\n","<ax-dropdown-box\n  [look]=\"look\"\n  [hasInput]=\"false\"\n  [disabled]=\"disabled\"\n  (blur)=\"emitOnBlurEvent($event)\"\n  (focus)=\"emitOnFocusEvent($event)\"\n  [class.ax-state-multiple]=\"multiple\"\n  (onOpened)=\"_handleOnOpenedEvent($event)\"\n  (onClosed)=\"_handleOnClosedEvent($event)\"\n>\n  <ng-container panel>\n    <div #panel class=\"ax-autocomplete-panel\" [style.min-width]=\"dropdownSizes.width\">\n      @if (dropdown.isActionsheetStyle) {\n        <ax-header class=\"ax-solid\">\n          <ax-title>{{ caption || placeholder || 'autocomplete.popover.title' | translate | async }}</ax-title>\n          <ax-close-button [icon]=\"multiple ? 'ax-icon ax-icon-check' : 'ax-icon ax-icon-close'\"></ax-close-button>\n        </ax-header>\n      }\n      @if (renderList) {\n        <ax-list\n          [ngModel]=\"value\"\n          [readonly]=\"readonly\"\n          [multiple]=\"multiple\"\n          [textField]=\"textField\"\n          [selectionMode]=\"'item'\"\n          [valueField]=\"valueField\"\n          [textTemplate]=\"textTemplate\"\n          [itemTemplate]=\"itemTemplate\"\n          [dataSource]=\"_listDataSource\"\n          [loadingTemplate]=\"loadingTemplate\"\n          [style.height]=\"dropdownSizes.height\"\n          [emptyTemplate]=\"emptyTemplate ?? empty\"\n          (onValueChanged)=\"_handleValueChanged($event)\"\n        >\n          <ng-template #empty> {{ 'no-result-found' | translate | async }} </ng-template>\n        </ax-list>\n      }\n\n      @if (isLoading()) {\n        @if (loadingTemplate) {\n          <ng-template *ngTemplateOutlet=\"loadingTemplate\"></ng-template>\n        } @else {\n          <div class=\"ax-autocomplete-loading-container\">\n            <ax-loading></ax-loading>\n          </div>\n        }\n      }\n\n      <ng-content select=\"ax-footer\"> </ng-content>\n    </div>\n  </ng-container>\n</ax-dropdown-box>\n","import { NgModule } from '@angular/core';\nimport { AXAutocompleteComponent } from './autocomplete.component';\n\n@NgModule({\n  imports: [AXAutocompleteComponent],\n  exports: [AXAutocompleteComponent],\n  providers: [],\n})\nexport class AXAutocompleteModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/acorex-components-avatar.mjs

@@ -1,13 +1,13 @@
 import * as i0 from '@angular/core';
-import { Component, contentChildren, model, input, ViewEncapsulation, ChangeDetectionStrategy, HostBinding, NgModule } from '@angular/core';
+import { Component, contentChildren, model, input, HostBinding, ChangeDetectionStrategy, ViewEncapsulation, NgModule } from '@angular/core';
 import { MXColorComponent } from '@acorex/components/common';
 import { CommonModule } from '@angular/common';
 
 class AXAvatarGroupComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: AXAvatarGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.7", type: AXAvatarGroupComponent, isStandalone: true, selector: "ax-avatar-group", ngImport: i0, template: `<ng-content select="ax-avatar"></ng-content>`, isInline: true }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.8", ngImport: i0, type: AXAvatarGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.8", type: AXAvatarGroupComponent, isStandalone: true, selector: "ax-avatar-group", ngImport: i0, template: `<ng-content select="ax-avatar"></ng-content>`, isInline: true }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: AXAvatarGroupComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.8", ngImport: i0, type: AXAvatarGroupComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'ax-avatar-group',
@@ -53,10 +53,10 @@ class AXAvatarComponent extends MXColorComponent {
     get __hostStyle() {
         return `width: ${this.size()}px; height: ${this.size()}px`;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: AXAvatarComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.7", type: AXAvatarComponent, isStandalone: true, selector: "ax-avatar", inputs: { color: { classPropertyName: "color", publicName: "color", isSignal: false, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, shape: { classPropertyName: "shape", publicName: "shape", isSignal: true, isRequired: false, transformFunction: null }, look: { classPropertyName: "look", publicName: "look", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { size: "sizeChange" }, host: { properties: { "class": "this.__hostClass", "style": "this.__hostStyle" } }, queries: [{ propertyName: "children", predicate: ["ax-image, ax-icon, ax-text"], isSignal: true }], usesInheritance: true, ngImport: i0, template: "<ng-content select=\"ax-text, ax-image, ax-icon\"></ng-content>\n\n@if (!children()?.length) {\n  <svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" viewBox=\"0 0 512 512\">\n    <g style=\"isolation: isolate\">\n      <g id=\"Layer_2\" data-name=\"Layer 2\">\n        <g id=\"Layer_1-2\" data-name=\"Layer 1\">\n          <rect style=\"fill: rgba(var(--ax-comp-avatar-bg-color))\" width=\"512\" height=\"512\" />\n          <path\n            d=\"M419.16,511.94s-2.85-154-142.28-176.19a139.93,139.93,0,0,0-22-1.67h0a55.8,55.8,0,0,0-5.93.29C99.25,350.35,96.26,511.94,96.26,511.94\"\n            style=\"fill: rgba(var(--ax-comp-avatar-fill-color)); opacity: 0.7\"\n          />\n          <path\n            d=\"M256,355.18c-17.29,0-32.22-4.63-46.38-12.41-3.86,1.31-8.15,2.93-11.75,4.46A96.48,96.48,0,0,0,256,366.62a100.29,100.29,0,0,0,60.07-20c-3.6-1.49-6.41-2.55-10.27-3.83C291.48,350.79,273.58,355.18,256,355.18Z\"\n            style=\"opacity: 0.05\"\n          />\n          <circle cx=\"257.71\" cy=\"255.94\" r=\"99.24\" style=\"fill: rgba(var(--ax-comp-avatar-fill-color))\" />\n        </g>\n      </g>\n    </g>\n  </svg>\n}\n<ng-content select=\"ax-badge\"></ng-content>\n", styles: ["ax-avatar.ax-solid.ax-default{--ax-comp-avatar-bg-color: var(--ax-sys-color-surface);--ax-comp-avatar-fill-color: var(--ax-sys-color-on-surface);--ax-comp-avatar-text-color: var(--ax-sys-color-on-surface);--ax-comp-avatar-border-color: var(--ax-sys-color-surface)}ax-avatar.ax-solid.ax-primary{--ax-comp-avatar-bg-color: var(--ax-sys-color-primary-surface);--ax-comp-avatar-fill-color: var(--ax-sys-color-on-primary-surface);--ax-comp-avatar-text-color: var(--ax-sys-color-on-primary-surface);--ax-comp-avatar-border-color: var(--ax-sys-color-border-primary-surface)}ax-avatar.ax-solid.ax-secondary{--ax-comp-avatar-bg-color: var(--ax-sys-color-secondary-surface);--ax-comp-avatar-fill-color: var(--ax-sys-color-on-secondary-surface);--ax-comp-avatar-text-color: var(--ax-sys-color-on-secondary-surface);--ax-comp-avatar-border-color: var(--ax-sys-color-border-secondary-surface)}ax-avatar.ax-solid.ax-success{--ax-comp-avatar-bg-color: var(--ax-sys-color-success-surface);--ax-comp-avatar-fill-color: var(--ax-sys-color-on-success-surface);--ax-comp-avatar-text-color: var(--ax-sys-color-on-success-surface);--ax-comp-avatar-border-color: var(--ax-sys-color-border-success-surface)}ax-avatar.ax-solid.ax-warning{--ax-comp-avatar-bg-color: var(--ax-sys-color-warning-surface);--ax-comp-avatar-fill-color: var(--ax-sys-color-on-warning-surface);--ax-comp-avatar-text-color: var(--ax-sys-color-on-warning-surface);--ax-comp-avatar-border-color: var(--ax-sys-color-border-warning-surface)}ax-avatar.ax-solid.ax-danger{--ax-comp-avatar-bg-color: var(--ax-sys-color-danger-surface);--ax-comp-avatar-fill-color: var(--ax-sys-color-on-danger-surface);--ax-comp-avatar-text-color: var(--ax-sys-color-on-danger-surface);--ax-comp-avatar-border-color: var(--ax-sys-color-border-danger-surface)}ax-avatar.ax-solid.ax-default{--ax-comp-avatar-bg-color: var(--ax-sys-color-lightest-surface);--ax-comp-avatar-fill-color: var(--ax-sys-color-on-lightest-surface);--ax-comp-avatar-text-color: var(--ax-sys-color-on-lightest-surface);--ax-comp-avatar-border-color: var(--ax-sys-color-border-lightest-surface)}.ax-dark ax-avatar.ax-solid.ax-default{--ax-comp-avatar-bg-color: var(--ax-sys-color-darkest-surface);--ax-comp-avatar-fill-color: var(--ax-sys-color-on-darkest-surface);--ax-comp-avatar-text-color: var(--ax-sys-color-on-darkest-surface);--ax-comp-avatar-border-color: var(--ax-sys-color-border-darkest-surface)}ax-avatar.ax-twotone.ax-default{--ax-comp-avatar-bg-color: var(--ax-sys-color-surface);--ax-comp-avatar-fill-color: var(--ax-sys-color-on-surface);--ax-comp-avatar-text-color: var(--ax-sys-color-on-surface);--ax-comp-avatar-border-color: var(--ax-sys-color-surface)}ax-avatar.ax-twotone.ax-primary{--ax-comp-avatar-bg-color: var(--ax-sys-color-primary-lightest-surface);--ax-comp-avatar-fill-color: var(--ax-sys-color-on-primary-lightest-surface);--ax-comp-avatar-text-color: var(--ax-sys-color-on-primary-lightest-surface);--ax-comp-avatar-border-color: var(--ax-sys-color-primary-lightest-surface)}ax-avatar.ax-twotone.ax-secondary{--ax-comp-avatar-bg-color: var(--ax-sys-color-secondary-lightest-surface);--ax-comp-avatar-fill-color: var(--ax-sys-color-on-secondary-lightest-surface);--ax-comp-avatar-text-color: var(--ax-sys-color-on-secondary-lightest-surface);--ax-comp-avatar-border-color: var(--ax-sys-color-secondary-lightest-surface)}ax-avatar.ax-twotone.ax-success{--ax-comp-avatar-bg-color: var(--ax-sys-color-success-lightest-surface);--ax-comp-avatar-fill-color: var(--ax-sys-color-on-success-lightest-surface);--ax-comp-avatar-text-color: var(--ax-sys-color-on-success-lightest-surface);--ax-comp-avatar-border-color: var(--ax-sys-color-success-lightest-surface)}ax-avatar.ax-twotone.ax-warning{--ax-comp-avatar-bg-color: var(--ax-sys-color-warning-lightest-surface);--ax-comp-avatar-fill-color: var(--ax-sys-color-on-warning-lightest-surface);--ax-comp-avatar-text-color: var(--ax-sys-color-on-warning-lightest-surface);--ax-comp-avatar-border-color: var(--ax-sys-color-warning-lightest-surface)}ax-avatar.ax-twotone.ax-danger{--ax-comp-avatar-bg-color: var(--ax-sys-color-danger-lightest-surface);--ax-comp-avatar-fill-color: var(--ax-sys-color-on-danger-lightest-surface);--ax-comp-avatar-text-color: var(--ax-sys-color-on-danger-lightest-surface);--ax-comp-avatar-border-color: var(--ax-sys-color-danger-lightest-surface)}ax-avatar-group{display:flex}ax-avatar-group ax-avatar{margin:-.25rem;overflow:hidden;border-width:1px;border-color:rgba(var(--ax-comp-avatar-border-color))}ax-avatar{position:relative;display:flex;justify-content:center}ax-avatar.ax-sharp{border-radius:0}ax-avatar.ax-soft{border-radius:var(--ax-sys-border-radius)}ax-avatar.ax-rounded{border-radius:9999px}ax-avatar *{border-radius:inherit}ax-avatar ax-text{font-size:1.5rem;line-height:2rem}ax-avatar ax-icon,ax-avatar ax-text{display:flex;min-height:100%;min-width:100%;align-items:center;justify-content:center;background-color:rgba(var(--ax-comp-avatar-bg-color));color:rgba(var(--ax-comp-avatar-text-color));fill:rgba(var(--ax-comp-avatar-fill-color));border-width:1px;border-color:rgba(var(--ax-comp-avatar-border-color))}ax-avatar ax-badge{position:absolute}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.8", ngImport: i0, type: AXAvatarComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.8", type: AXAvatarComponent, isStandalone: true, selector: "ax-avatar", inputs: { color: { classPropertyName: "color", publicName: "color", isSignal: false, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, shape: { classPropertyName: "shape", publicName: "shape", isSignal: true, isRequired: false, transformFunction: null }, look: { classPropertyName: "look", publicName: "look", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { size: "sizeChange" }, host: { properties: { "class": "this.__hostClass", "style": "this.__hostStyle" } }, queries: [{ propertyName: "children", predicate: ["ax-image, ax-icon, ax-text"], isSignal: true }], usesInheritance: true, ngImport: i0, template: "<ng-content select=\"ax-text, ax-image, ax-icon\"></ng-content>\n\n@if (!children()?.length) {\n  <svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" viewBox=\"0 0 512 512\">\n    <g style=\"isolation: isolate\">\n      <g id=\"Layer_2\" data-name=\"Layer 2\">\n        <g id=\"Layer_1-2\" data-name=\"Layer 1\">\n          <rect style=\"fill: rgba(var(--ax-comp-avatar-bg-color))\" width=\"512\" height=\"512\" />\n          <path\n            d=\"M419.16,511.94s-2.85-154-142.28-176.19a139.93,139.93,0,0,0-22-1.67h0a55.8,55.8,0,0,0-5.93.29C99.25,350.35,96.26,511.94,96.26,511.94\"\n            style=\"fill: rgba(var(--ax-comp-avatar-fill-color)); opacity: 0.7\"\n          />\n          <path\n            d=\"M256,355.18c-17.29,0-32.22-4.63-46.38-12.41-3.86,1.31-8.15,2.93-11.75,4.46A96.48,96.48,0,0,0,256,366.62a100.29,100.29,0,0,0,60.07-20c-3.6-1.49-6.41-2.55-10.27-3.83C291.48,350.79,273.58,355.18,256,355.18Z\"\n            style=\"opacity: 0.05\"\n          />\n          <circle cx=\"257.71\" cy=\"255.94\" r=\"99.24\" style=\"fill: rgba(var(--ax-comp-avatar-fill-color))\" />\n        </g>\n      </g>\n    </g>\n  </svg>\n}\n<ng-content select=\"ax-badge\"></ng-content>\n", styles: ["ax-avatar.ax-solid.ax-default{--ax-comp-avatar-bg-color: var(--ax-sys-color-surface);--ax-comp-avatar-fill-color: var(--ax-sys-color-on-surface);--ax-comp-avatar-text-color: var(--ax-sys-color-on-surface);--ax-comp-avatar-border-color: var(--ax-sys-color-surface)}ax-avatar.ax-solid.ax-primary{--ax-comp-avatar-bg-color: var(--ax-sys-color-primary-surface);--ax-comp-avatar-fill-color: var(--ax-sys-color-on-primary-surface);--ax-comp-avatar-text-color: var(--ax-sys-color-on-primary-surface);--ax-comp-avatar-border-color: var(--ax-sys-color-border-primary-surface)}ax-avatar.ax-solid.ax-secondary{--ax-comp-avatar-bg-color: var(--ax-sys-color-secondary-surface);--ax-comp-avatar-fill-color: var(--ax-sys-color-on-secondary-surface);--ax-comp-avatar-text-color: var(--ax-sys-color-on-secondary-surface);--ax-comp-avatar-border-color: var(--ax-sys-color-border-secondary-surface)}ax-avatar.ax-solid.ax-success{--ax-comp-avatar-bg-color: var(--ax-sys-color-success-surface);--ax-comp-avatar-fill-color: var(--ax-sys-color-on-success-surface);--ax-comp-avatar-text-color: var(--ax-sys-color-on-success-surface);--ax-comp-avatar-border-color: var(--ax-sys-color-border-success-surface)}ax-avatar.ax-solid.ax-warning{--ax-comp-avatar-bg-color: var(--ax-sys-color-warning-surface);--ax-comp-avatar-fill-color: var(--ax-sys-color-on-warning-surface);--ax-comp-avatar-text-color: var(--ax-sys-color-on-warning-surface);--ax-comp-avatar-border-color: var(--ax-sys-color-border-warning-surface)}ax-avatar.ax-solid.ax-danger{--ax-comp-avatar-bg-color: var(--ax-sys-color-danger-surface);--ax-comp-avatar-fill-color: var(--ax-sys-color-on-danger-surface);--ax-comp-avatar-text-color: var(--ax-sys-color-on-danger-surface);--ax-comp-avatar-border-color: var(--ax-sys-color-border-danger-surface)}ax-avatar.ax-solid.ax-default{--ax-comp-avatar-bg-color: var(--ax-sys-color-lightest-surface);--ax-comp-avatar-fill-color: var(--ax-sys-color-on-lightest-surface);--ax-comp-avatar-text-color: var(--ax-sys-color-on-lightest-surface);--ax-comp-avatar-border-color: var(--ax-sys-color-border-lightest-surface)}.ax-dark ax-avatar.ax-solid.ax-default{--ax-comp-avatar-bg-color: var(--ax-sys-color-darkest-surface);--ax-comp-avatar-fill-color: var(--ax-sys-color-on-darkest-surface);--ax-comp-avatar-text-color: var(--ax-sys-color-on-darkest-surface);--ax-comp-avatar-border-color: var(--ax-sys-color-border-darkest-surface)}ax-avatar.ax-twotone.ax-default{--ax-comp-avatar-bg-color: var(--ax-sys-color-surface);--ax-comp-avatar-fill-color: var(--ax-sys-color-on-surface);--ax-comp-avatar-text-color: var(--ax-sys-color-on-surface);--ax-comp-avatar-border-color: var(--ax-sys-color-surface)}ax-avatar.ax-twotone.ax-primary{--ax-comp-avatar-bg-color: var(--ax-sys-color-primary-lightest-surface);--ax-comp-avatar-fill-color: var(--ax-sys-color-on-primary-lightest-surface);--ax-comp-avatar-text-color: var(--ax-sys-color-on-primary-lightest-surface);--ax-comp-avatar-border-color: var(--ax-sys-color-primary-lightest-surface)}ax-avatar.ax-twotone.ax-secondary{--ax-comp-avatar-bg-color: var(--ax-sys-color-secondary-lightest-surface);--ax-comp-avatar-fill-color: var(--ax-sys-color-on-secondary-lightest-surface);--ax-comp-avatar-text-color: var(--ax-sys-color-on-secondary-lightest-surface);--ax-comp-avatar-border-color: var(--ax-sys-color-secondary-lightest-surface)}ax-avatar.ax-twotone.ax-success{--ax-comp-avatar-bg-color: var(--ax-sys-color-success-lightest-surface);--ax-comp-avatar-fill-color: var(--ax-sys-color-on-success-lightest-surface);--ax-comp-avatar-text-color: var(--ax-sys-color-on-success-lightest-surface);--ax-comp-avatar-border-color: var(--ax-sys-color-success-lightest-surface)}ax-avatar.ax-twotone.ax-warning{--ax-comp-avatar-bg-color: var(--ax-sys-color-warning-lightest-surface);--ax-comp-avatar-fill-color: var(--ax-sys-color-on-warning-lightest-surface);--ax-comp-avatar-text-color: var(--ax-sys-color-on-warning-lightest-surface);--ax-comp-avatar-border-color: var(--ax-sys-color-warning-lightest-surface)}ax-avatar.ax-twotone.ax-danger{--ax-comp-avatar-bg-color: var(--ax-sys-color-danger-lightest-surface);--ax-comp-avatar-fill-color: var(--ax-sys-color-on-danger-lightest-surface);--ax-comp-avatar-text-color: var(--ax-sys-color-on-danger-lightest-surface);--ax-comp-avatar-border-color: var(--ax-sys-color-danger-lightest-surface)}ax-avatar-group{display:flex}ax-avatar-group ax-avatar{margin:-.25rem;overflow:hidden;border-width:1px;border-color:rgba(var(--ax-comp-avatar-border-color))}ax-avatar{position:relative;display:flex;justify-content:center}ax-avatar.ax-sharp{border-radius:0}ax-avatar.ax-soft{border-radius:var(--ax-sys-border-radius)}ax-avatar.ax-rounded{border-radius:9999px}ax-avatar *{border-radius:inherit}ax-avatar ax-text{font-size:1.5rem;line-height:2rem}ax-avatar ax-icon,ax-avatar ax-text{display:flex;min-height:100%;min-width:100%;align-items:center;justify-content:center;background-color:rgba(var(--ax-comp-avatar-bg-color));color:rgba(var(--ax-comp-avatar-text-color));fill:rgba(var(--ax-comp-avatar-fill-color));border-width:1px;border-color:rgba(var(--ax-comp-avatar-border-color))}ax-avatar ax-badge{position:absolute}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: AXAvatarComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.8", ngImport: i0, type: AXAvatarComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ax-avatar', inputs: ['color'], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content select=\"ax-text, ax-image, ax-icon\"></ng-content>\n\n@if (!children()?.length) {\n  <svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" viewBox=\"0 0 512 512\">\n    <g style=\"isolation: isolate\">\n      <g id=\"Layer_2\" data-name=\"Layer 2\">\n        <g id=\"Layer_1-2\" data-name=\"Layer 1\">\n          <rect style=\"fill: rgba(var(--ax-comp-avatar-bg-color))\" width=\"512\" height=\"512\" />\n          <path\n            d=\"M419.16,511.94s-2.85-154-142.28-176.19a139.93,139.93,0,0,0-22-1.67h0a55.8,55.8,0,0,0-5.93.29C99.25,350.35,96.26,511.94,96.26,511.94\"\n            style=\"fill: rgba(var(--ax-comp-avatar-fill-color)); opacity: 0.7\"\n          />\n          <path\n            d=\"M256,355.18c-17.29,0-32.22-4.63-46.38-12.41-3.86,1.31-8.15,2.93-11.75,4.46A96.48,96.48,0,0,0,256,366.62a100.29,100.29,0,0,0,60.07-20c-3.6-1.49-6.41-2.55-10.27-3.83C291.48,350.79,273.58,355.18,256,355.18Z\"\n            style=\"opacity: 0.05\"\n          />\n          <circle cx=\"257.71\" cy=\"255.94\" r=\"99.24\" style=\"fill: rgba(var(--ax-comp-avatar-fill-color))\" />\n        </g>\n      </g>\n    </g>\n  </svg>\n}\n<ng-content select=\"ax-badge\"></ng-content>\n", styles: ["ax-avatar.ax-solid.ax-default{--ax-comp-avatar-bg-color: var(--ax-sys-color-surface);--ax-comp-avatar-fill-color: var(--ax-sys-color-on-surface);--ax-comp-avatar-text-color: var(--ax-sys-color-on-surface);--ax-comp-avatar-border-color: var(--ax-sys-color-surface)}ax-avatar.ax-solid.ax-primary{--ax-comp-avatar-bg-color: var(--ax-sys-color-primary-surface);--ax-comp-avatar-fill-color: var(--ax-sys-color-on-primary-surface);--ax-comp-avatar-text-color: var(--ax-sys-color-on-primary-surface);--ax-comp-avatar-border-color: var(--ax-sys-color-border-primary-surface)}ax-avatar.ax-solid.ax-secondary{--ax-comp-avatar-bg-color: var(--ax-sys-color-secondary-surface);--ax-comp-avatar-fill-color: var(--ax-sys-color-on-secondary-surface);--ax-comp-avatar-text-color: var(--ax-sys-color-on-secondary-surface);--ax-comp-avatar-border-color: var(--ax-sys-color-border-secondary-surface)}ax-avatar.ax-solid.ax-success{--ax-comp-avatar-bg-color: var(--ax-sys-color-success-surface);--ax-comp-avatar-fill-color: var(--ax-sys-color-on-success-surface);--ax-comp-avatar-text-color: var(--ax-sys-color-on-success-surface);--ax-comp-avatar-border-color: var(--ax-sys-color-border-success-surface)}ax-avatar.ax-solid.ax-warning{--ax-comp-avatar-bg-color: var(--ax-sys-color-warning-surface);--ax-comp-avatar-fill-color: var(--ax-sys-color-on-warning-surface);--ax-comp-avatar-text-color: var(--ax-sys-color-on-warning-surface);--ax-comp-avatar-border-color: var(--ax-sys-color-border-warning-surface)}ax-avatar.ax-solid.ax-danger{--ax-comp-avatar-bg-color: var(--ax-sys-color-danger-surface);--ax-comp-avatar-fill-color: var(--ax-sys-color-on-danger-surface);--ax-comp-avatar-text-color: var(--ax-sys-color-on-danger-surface);--ax-comp-avatar-border-color: var(--ax-sys-color-border-danger-surface)}ax-avatar.ax-solid.ax-default{--ax-comp-avatar-bg-color: var(--ax-sys-color-lightest-surface);--ax-comp-avatar-fill-color: var(--ax-sys-color-on-lightest-surface);--ax-comp-avatar-text-color: var(--ax-sys-color-on-lightest-surface);--ax-comp-avatar-border-color: var(--ax-sys-color-border-lightest-surface)}.ax-dark ax-avatar.ax-solid.ax-default{--ax-comp-avatar-bg-color: var(--ax-sys-color-darkest-surface);--ax-comp-avatar-fill-color: var(--ax-sys-color-on-darkest-surface);--ax-comp-avatar-text-color: var(--ax-sys-color-on-darkest-surface);--ax-comp-avatar-border-color: var(--ax-sys-color-border-darkest-surface)}ax-avatar.ax-twotone.ax-default{--ax-comp-avatar-bg-color: var(--ax-sys-color-surface);--ax-comp-avatar-fill-color: var(--ax-sys-color-on-surface);--ax-comp-avatar-text-color: var(--ax-sys-color-on-surface);--ax-comp-avatar-border-color: var(--ax-sys-color-surface)}ax-avatar.ax-twotone.ax-primary{--ax-comp-avatar-bg-color: var(--ax-sys-color-primary-lightest-surface);--ax-comp-avatar-fill-color: var(--ax-sys-color-on-primary-lightest-surface);--ax-comp-avatar-text-color: var(--ax-sys-color-on-primary-lightest-surface);--ax-comp-avatar-border-color: var(--ax-sys-color-primary-lightest-surface)}ax-avatar.ax-twotone.ax-secondary{--ax-comp-avatar-bg-color: var(--ax-sys-color-secondary-lightest-surface);--ax-comp-avatar-fill-color: var(--ax-sys-color-on-secondary-lightest-surface);--ax-comp-avatar-text-color: var(--ax-sys-color-on-secondary-lightest-surface);--ax-comp-avatar-border-color: var(--ax-sys-color-secondary-lightest-surface)}ax-avatar.ax-twotone.ax-success{--ax-comp-avatar-bg-color: var(--ax-sys-color-success-lightest-surface);--ax-comp-avatar-fill-color: var(--ax-sys-color-on-success-lightest-surface);--ax-comp-avatar-text-color: var(--ax-sys-color-on-success-lightest-surface);--ax-comp-avatar-border-color: var(--ax-sys-color-success-lightest-surface)}ax-avatar.ax-twotone.ax-warning{--ax-comp-avatar-bg-color: var(--ax-sys-color-warning-lightest-surface);--ax-comp-avatar-fill-color: var(--ax-sys-color-on-warning-lightest-surface);--ax-comp-avatar-text-color: var(--ax-sys-color-on-warning-lightest-surface);--ax-comp-avatar-border-color: var(--ax-sys-color-warning-lightest-surface)}ax-avatar.ax-twotone.ax-danger{--ax-comp-avatar-bg-color: var(--ax-sys-color-danger-lightest-surface);--ax-comp-avatar-fill-color: var(--ax-sys-color-on-danger-lightest-surface);--ax-comp-avatar-text-color: var(--ax-sys-color-on-danger-lightest-surface);--ax-comp-avatar-border-color: var(--ax-sys-color-danger-lightest-surface)}ax-avatar-group{display:flex}ax-avatar-group ax-avatar{margin:-.25rem;overflow:hidden;border-width:1px;border-color:rgba(var(--ax-comp-avatar-border-color))}ax-avatar{position:relative;display:flex;justify-content:center}ax-avatar.ax-sharp{border-radius:0}ax-avatar.ax-soft{border-radius:var(--ax-sys-border-radius)}ax-avatar.ax-rounded{border-radius:9999px}ax-avatar *{border-radius:inherit}ax-avatar ax-text{font-size:1.5rem;line-height:2rem}ax-avatar ax-icon,ax-avatar ax-text{display:flex;min-height:100%;min-width:100%;align-items:center;justify-content:center;background-color:rgba(var(--ax-comp-avatar-bg-color));color:rgba(var(--ax-comp-avatar-text-color));fill:rgba(var(--ax-comp-avatar-fill-color));border-width:1px;border-color:rgba(var(--ax-comp-avatar-border-color))}ax-avatar ax-badge{position:absolute}\n"] }]
         }], propDecorators: { __hostClass: [{
@@ -70,11 +70,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImpor
 const COMPONENT = [AXAvatarComponent, AXAvatarGroupComponent];
 const MODULES = [CommonModule];
 class AXAvatarModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: AXAvatarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.1.7", ngImport: i0, type: AXAvatarModule, imports: [CommonModule, AXAvatarComponent, AXAvatarGroupComponent], exports: [AXAvatarComponent, AXAvatarGroupComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: AXAvatarModule, imports: [MODULES] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.8", ngImport: i0, type: AXAvatarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.1.8", ngImport: i0, type: AXAvatarModule, imports: [CommonModule, AXAvatarComponent, AXAvatarGroupComponent], exports: [AXAvatarComponent, AXAvatarGroupComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.1.8", ngImport: i0, type: AXAvatarModule, imports: [MODULES] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: AXAvatarModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.8", ngImport: i0, type: AXAvatarModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [...MODULES, ...COMPONENT],

package/fesm2022/acorex-components-badge.mjs

@@ -1,6 +1,6 @@
 import { MXColorComponent } from '@acorex/components/common';
 import * as i0 from '@angular/core';
-import { input, Component, ViewEncapsulation, ChangeDetectionStrategy, HostBinding, NgModule } from '@angular/core';
+import { input, HostBinding, ChangeDetectionStrategy, ViewEncapsulation, Component, NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
 
 class AXBadgeComponent extends MXColorComponent {
@@ -19,10 +19,10 @@ class AXBadgeComponent extends MXColorComponent {
     get __hostClass() {
         return `ax-${this.color} ${!this.text() ? 'ax-mini-badge' : ''} ${this.text()?.length == 1 ? 'ax-single-badge' : ''}`;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: AXBadgeComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.7", type: AXBadgeComponent, isStandalone: true, selector: "ax-badge", inputs: { color: { classPropertyName: "color", publicName: "color", isSignal: false, isRequired: false, transformFunction: null }, look: { classPropertyName: "look", publicName: "look", isSignal: false, isRequired: false, transformFunction: null }, text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "this.__hostClass" } }, usesInheritance: true, ngImport: i0, template: "<ng-content select=\"ax-prefix\"></ng-content>\n@if (text) {\n  <span class=\"ax-badge-text\">{{ text() }}</span>\n}\n<ng-content select=\"ax-suffix\"></ng-content>\n", styles: ["ax-badge{--ax-comp-badge-border-radius: 9999px}ax-badge.ax-default{--ax-comp-badge-bg-color: var(--ax-sys-color-lightest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-lightest-surface);--ax-comp-badge-border-color: var(--ax-sys-color-border-lightest-surface)}.ax-dark ax-badge.ax-default{--ax-comp-badge-bg-color: var(--ax-sys-color-darkest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-darkest-surface);--ax-comp-badge-border-color: var(--ax-sys-color-border-darkest-surface)}ax-badge.ax-primary{--ax-comp-badge-bg-color: var(--ax-sys-color-primary-dark-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-primary-dark-surface);--ax-comp-badge-border-color: var(--ax-sys-color-primary-dark-surface)}ax-badge.ax-secondary{--ax-comp-badge-bg-color: var(--ax-sys-color-secondary-dark-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-secondary-dark-surface);--ax-comp-badge-border-color: var(--ax-sys-color-secondary-dark-surface)}ax-badge.ax-success{--ax-comp-badge-bg-color: var(--ax-sys-color-success-dark-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-success-dark-surface);--ax-comp-badge-border-color: var(--ax-sys-color-success-dark-surface)}ax-badge.ax-warning{--ax-comp-badge-bg-color: var(--ax-sys-color-warning-dark-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-warning-dark-surface);--ax-comp-badge-border-color: var(--ax-sys-color-warning-dark-surface)}ax-badge.ax-danger{--ax-comp-badge-bg-color: var(--ax-sys-color-danger-dark-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-danger-dark-surface);--ax-comp-badge-border-color: var(--ax-sys-color-danger-dark-surface)}.ax-dark ax-badge.ax-primary{--ax-comp-badge-bg-color: var(--ax-sys-color-primary-light-surface);--ax-comp-badge-border-color: var(--ax-sys-color-primary-light-surface)}.ax-dark ax-badge.ax-secondary{--ax-comp-badge-bg-color: var(--ax-sys-color-secondary-light-surface);--ax-comp-badge-border-color: var(--ax-sys-color-secondary-light-surface)}.ax-dark ax-badge.ax-success{--ax-comp-badge-bg-color: var(--ax-sys-color-success-light-surface);--ax-comp-badge-border-color: var(--ax-sys-color-success-light-surface)}.ax-dark ax-badge.ax-warning{--ax-comp-badge-bg-color: var(--ax-sys-color-warning-light-surface);--ax-comp-badge-border-color: var(--ax-sys-color-warning-light-surface)}.ax-dark ax-badge.ax-danger{--ax-comp-badge-bg-color: var(--ax-sys-color-danger-light-surface);--ax-comp-badge-border-color: var(--ax-sys-color-danger-light-surface)}ax-badge{display:inline-block;border-width:1px;border-color:transparent;font-size:.75rem;max-height:fit-content;line-height:1;color:rgba(var(--ax-comp-badge-text-color));border-radius:var(--ax-comp-badge-border-radius);border-color:rgba(var(--ax-comp-badge-border-color));background-color:rgba(var(--ax-comp-badge-bg-color))}ax-badge.ax-mini-badge{min-height:.5rem;width:.5rem}ax-badge.ax-mini-badge .ax-badge-text{display:none}ax-badge.ax-single-badge{display:flex;min-height:1.25rem;width:1.25rem;align-items:center;justify-content:center}ax-badge.ax-single-badge .ax-badge-text{padding:0}ax-badge .ax-badge-text{display:inline-block;white-space:nowrap;word-break:break-all;padding:.25rem .375rem}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.8", ngImport: i0, type: AXBadgeComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.8", type: AXBadgeComponent, isStandalone: true, selector: "ax-badge", inputs: { color: { classPropertyName: "color", publicName: "color", isSignal: false, isRequired: false, transformFunction: null }, look: { classPropertyName: "look", publicName: "look", isSignal: false, isRequired: false, transformFunction: null }, text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "this.__hostClass" } }, usesInheritance: true, ngImport: i0, template: "<ng-content select=\"ax-prefix\"></ng-content>\n@if (text) {\n  <span class=\"ax-badge-text\">{{ text() }}</span>\n}\n<ng-content select=\"ax-suffix\"></ng-content>\n", styles: ["ax-badge{--ax-comp-badge-border-radius: 9999px}ax-badge.ax-default{--ax-comp-badge-bg-color: var(--ax-sys-color-lightest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-lightest-surface);--ax-comp-badge-border-color: var(--ax-sys-color-border-lightest-surface)}.ax-dark ax-badge.ax-default{--ax-comp-badge-bg-color: var(--ax-sys-color-darkest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-darkest-surface);--ax-comp-badge-border-color: var(--ax-sys-color-border-darkest-surface)}ax-badge.ax-primary{--ax-comp-badge-bg-color: var(--ax-sys-color-primary-dark-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-primary-dark-surface);--ax-comp-badge-border-color: var(--ax-sys-color-primary-dark-surface)}ax-badge.ax-secondary{--ax-comp-badge-bg-color: var(--ax-sys-color-secondary-dark-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-secondary-dark-surface);--ax-comp-badge-border-color: var(--ax-sys-color-secondary-dark-surface)}ax-badge.ax-success{--ax-comp-badge-bg-color: var(--ax-sys-color-success-dark-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-success-dark-surface);--ax-comp-badge-border-color: var(--ax-sys-color-success-dark-surface)}ax-badge.ax-warning{--ax-comp-badge-bg-color: var(--ax-sys-color-warning-dark-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-warning-dark-surface);--ax-comp-badge-border-color: var(--ax-sys-color-warning-dark-surface)}ax-badge.ax-danger{--ax-comp-badge-bg-color: var(--ax-sys-color-danger-dark-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-danger-dark-surface);--ax-comp-badge-border-color: var(--ax-sys-color-danger-dark-surface)}.ax-dark ax-badge.ax-primary{--ax-comp-badge-bg-color: var(--ax-sys-color-primary-light-surface);--ax-comp-badge-border-color: var(--ax-sys-color-primary-light-surface)}.ax-dark ax-badge.ax-secondary{--ax-comp-badge-bg-color: var(--ax-sys-color-secondary-light-surface);--ax-comp-badge-border-color: var(--ax-sys-color-secondary-light-surface)}.ax-dark ax-badge.ax-success{--ax-comp-badge-bg-color: var(--ax-sys-color-success-light-surface);--ax-comp-badge-border-color: var(--ax-sys-color-success-light-surface)}.ax-dark ax-badge.ax-warning{--ax-comp-badge-bg-color: var(--ax-sys-color-warning-light-surface);--ax-comp-badge-border-color: var(--ax-sys-color-warning-light-surface)}.ax-dark ax-badge.ax-danger{--ax-comp-badge-bg-color: var(--ax-sys-color-danger-light-surface);--ax-comp-badge-border-color: var(--ax-sys-color-danger-light-surface)}ax-badge{display:inline-block;border-width:1px;border-color:transparent;font-size:.75rem;max-height:fit-content;line-height:1;color:rgba(var(--ax-comp-badge-text-color));border-radius:var(--ax-comp-badge-border-radius);border-color:rgba(var(--ax-comp-badge-border-color));background-color:rgba(var(--ax-comp-badge-bg-color))}ax-badge.ax-mini-badge{min-height:.5rem;width:.5rem}ax-badge.ax-mini-badge .ax-badge-text{display:none}ax-badge.ax-single-badge{display:flex;min-height:1.25rem;width:1.25rem;align-items:center;justify-content:center}ax-badge.ax-single-badge .ax-badge-text{padding:0}ax-badge .ax-badge-text{display:inline-block;white-space:nowrap;word-break:break-all;padding:.25rem .375rem}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: AXBadgeComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.8", ngImport: i0, type: AXBadgeComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ax-badge', inputs: ['color', 'look'], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content select=\"ax-prefix\"></ng-content>\n@if (text) {\n  <span class=\"ax-badge-text\">{{ text() }}</span>\n}\n<ng-content select=\"ax-suffix\"></ng-content>\n", styles: ["ax-badge{--ax-comp-badge-border-radius: 9999px}ax-badge.ax-default{--ax-comp-badge-bg-color: var(--ax-sys-color-lightest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-lightest-surface);--ax-comp-badge-border-color: var(--ax-sys-color-border-lightest-surface)}.ax-dark ax-badge.ax-default{--ax-comp-badge-bg-color: var(--ax-sys-color-darkest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-darkest-surface);--ax-comp-badge-border-color: var(--ax-sys-color-border-darkest-surface)}ax-badge.ax-primary{--ax-comp-badge-bg-color: var(--ax-sys-color-primary-dark-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-primary-dark-surface);--ax-comp-badge-border-color: var(--ax-sys-color-primary-dark-surface)}ax-badge.ax-secondary{--ax-comp-badge-bg-color: var(--ax-sys-color-secondary-dark-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-secondary-dark-surface);--ax-comp-badge-border-color: var(--ax-sys-color-secondary-dark-surface)}ax-badge.ax-success{--ax-comp-badge-bg-color: var(--ax-sys-color-success-dark-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-success-dark-surface);--ax-comp-badge-border-color: var(--ax-sys-color-success-dark-surface)}ax-badge.ax-warning{--ax-comp-badge-bg-color: var(--ax-sys-color-warning-dark-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-warning-dark-surface);--ax-comp-badge-border-color: var(--ax-sys-color-warning-dark-surface)}ax-badge.ax-danger{--ax-comp-badge-bg-color: var(--ax-sys-color-danger-dark-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-danger-dark-surface);--ax-comp-badge-border-color: var(--ax-sys-color-danger-dark-surface)}.ax-dark ax-badge.ax-primary{--ax-comp-badge-bg-color: var(--ax-sys-color-primary-light-surface);--ax-comp-badge-border-color: var(--ax-sys-color-primary-light-surface)}.ax-dark ax-badge.ax-secondary{--ax-comp-badge-bg-color: var(--ax-sys-color-secondary-light-surface);--ax-comp-badge-border-color: var(--ax-sys-color-secondary-light-surface)}.ax-dark ax-badge.ax-success{--ax-comp-badge-bg-color: var(--ax-sys-color-success-light-surface);--ax-comp-badge-border-color: var(--ax-sys-color-success-light-surface)}.ax-dark ax-badge.ax-warning{--ax-comp-badge-bg-color: var(--ax-sys-color-warning-light-surface);--ax-comp-badge-border-color: var(--ax-sys-color-warning-light-surface)}.ax-dark ax-badge.ax-danger{--ax-comp-badge-bg-color: var(--ax-sys-color-danger-light-surface);--ax-comp-badge-border-color: var(--ax-sys-color-danger-light-surface)}ax-badge{display:inline-block;border-width:1px;border-color:transparent;font-size:.75rem;max-height:fit-content;line-height:1;color:rgba(var(--ax-comp-badge-text-color));border-radius:var(--ax-comp-badge-border-radius);border-color:rgba(var(--ax-comp-badge-border-color));background-color:rgba(var(--ax-comp-badge-bg-color))}ax-badge.ax-mini-badge{min-height:.5rem;width:.5rem}ax-badge.ax-mini-badge .ax-badge-text{display:none}ax-badge.ax-single-badge{display:flex;min-height:1.25rem;width:1.25rem;align-items:center;justify-content:center}ax-badge.ax-single-badge .ax-badge-text{padding:0}ax-badge .ax-badge-text{display:inline-block;white-space:nowrap;word-break:break-all;padding:.25rem .375rem}\n"] }]
         }], propDecorators: { __hostClass: [{
@@ -31,11 +31,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImpor
             }] } });
 
 class AXBadgeModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: AXBadgeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.1.7", ngImport: i0, type: AXBadgeModule, imports: [CommonModule, AXBadgeComponent], exports: [AXBadgeComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: AXBadgeModule, imports: [CommonModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.8", ngImport: i0, type: AXBadgeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.1.8", ngImport: i0, type: AXBadgeModule, imports: [CommonModule, AXBadgeComponent], exports: [AXBadgeComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.1.8", ngImport: i0, type: AXBadgeModule, imports: [CommonModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: AXBadgeModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.8", ngImport: i0, type: AXBadgeModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule, AXBadgeComponent],