@acorex/components 7.1.0 → 7.1.2

package/fesm2022/acorex-components-chips.mjs

@@ -4,52 +4,52 @@ import { Component, ChangeDetectionStrategy, ViewEncapsulation, Input, HostBindi
 import * as i1 from '@angular/common';
 import { CommonModule } from '@angular/common';
 
-const AXBaseChipsMixin = _InteractiveComponenetMixin(_ClickableComponenetMixin(AXBaseComponent));
-class AXChipsComponent extends AXBaseChipsMixin {
-    look = 'default';
-    color = 'ghost';
-    text = '';
-    constructor() {
-        super();
-    }
-    ngOnInit() { }
-    get __hostClass() {
-        return `ax-${this.color}-${this.look}`;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXChipsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: AXChipsComponent, selector: "ax-chips", inputs: { tabIndex: "tabIndex", look: "look", color: "color", text: "text" }, host: { properties: { "class": "this.__hostClass" } }, usesInheritance: true, ngImport: i0, template: "<ng-content select=\"ax-prefix\"></ng-content>\r\n<div class=\"ax-chips-text\" *ngIf=\"text\">{{text }}</div>\r\n<ng-content select=\"ax-suffix\"></ng-content>", styles: ["ax-chips{font-size:.875rem;padding:.375rem .5rem;border-radius:99rem;display:inline-flex;align-items:center;cursor:pointer;transition:background-color .3s;-webkit-user-select:none;user-select:none;font-weight:500}ax-chips:focus-visible{outline-offset:2px;outline-width:2px;outline-style:solid;outline-color:rgba(var(--ax-color-ghost-300))}ax-chips .ax-chips-text{padding:0 .5rem}ax-chips ax-prefix,ax-chips ax-suffix{display:flex;align-items:center;font-size:1rem}ax-chips ax-prefix ax-icon,ax-chips ax-suffix ax-icon{font-size:1rem!important}ax-chips.ax-primary-default{background-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}ax-chips.ax-primary-default:hover{background-color:rgba(var(--ax-color-primary-500),.8)}ax-chips.ax-primary-default:focus-visible{outline-color:rgba(var(--ax-color-primary-500))}ax-chips.ax-primary-outline{border:2px solid;border-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-500),.87)}ax-chips.ax-primary-outline:hover{background:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}ax-chips.ax-primary-outline:focus-visible{background-color:rgba(var(--ax-color-primary-500))}ax-chips.ax-secondary-default{background-color:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-fore))}ax-chips.ax-secondary-default:hover{background-color:rgba(var(--ax-color-secondary-500),.8)}ax-chips.ax-secondary-default:focus-visible{outline-color:rgba(var(--ax-color-primary-500))}ax-chips.ax-secondary-outline{border:2px solid;border-color:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-500),.87)}ax-chips.ax-secondary-outline:hover{background:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-fore))}ax-chips.ax-secondary-outline:focus-visible{background-color:rgba(var(--ax-color-primary-500))}ax-chips.ax-success-default{background-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-fore))}ax-chips.ax-success-default:hover{background-color:rgba(var(--ax-color-success-500),.8)}ax-chips.ax-success-default:focus-visible{outline-color:rgba(var(--ax-color-primary-500))}ax-chips.ax-success-outline{border:2px solid;border-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-500),.87)}ax-chips.ax-success-outline:hover{background:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-fore))}ax-chips.ax-success-outline:focus-visible{background-color:rgba(var(--ax-color-primary-500))}ax-chips.ax-warning-default{background-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-fore))}ax-chips.ax-warning-default:hover{background-color:rgba(var(--ax-color-warning-500),.8)}ax-chips.ax-warning-default:focus-visible{outline-color:rgba(var(--ax-color-primary-500))}ax-chips.ax-warning-outline{border:2px solid;border-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-500),.87)}ax-chips.ax-warning-outline:hover{background:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-fore))}ax-chips.ax-warning-outline:focus-visible{background-color:rgba(var(--ax-color-primary-500))}ax-chips.ax-danger-default{background-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-fore))}ax-chips.ax-danger-default:hover{background-color:rgba(var(--ax-color-danger-500),.8)}ax-chips.ax-danger-default:focus-visible{outline-color:rgba(var(--ax-color-primary-500))}ax-chips.ax-danger-outline{border:2px solid;border-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-500),.87)}ax-chips.ax-danger-outline:hover{background:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-fore))}ax-chips.ax-danger-outline:focus-visible{background-color:rgba(var(--ax-color-primary-500))}ax-chips.ax-info-default{background-color:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-fore))}ax-chips.ax-info-default:hover{background-color:rgba(var(--ax-color-info-500),.8)}ax-chips.ax-info-default:focus-visible{outline-color:rgba(var(--ax-color-primary-500))}ax-chips.ax-info-outline{border:2px solid;border-color:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-500),.87)}ax-chips.ax-info-outline:hover{background:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-fore))}ax-chips.ax-info-outline:focus-visible{background-color:rgba(var(--ax-color-primary-500))}ax-chips.ax-ghost-default{background-color:rgba(var(--ax-color-ghost-100));color:rgba(var(--ax-color-ghost-fore))}ax-chips.ax-ghost-default:hover{background-color:rgba(var(--ax-color-ghost-200))}ax-chips.ax-ghost-outline{border:2px solid;border-color:rgba(var(--ax-color-ghost-300));color:rgba(var(--ax-color-ghost-fore))}ax-chips.ax-ghost-outline:hover{background:rgba(var(--ax-color-ghost-200));border-color:rgba(var(--ax-color-ghost-200))}.ax-dark ax-chips.ax-primary-outline{border:2px solid;border-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-50))}.ax-dark ax-chips.ax-primary-outline:hover{background:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}.ax-dark ax-chips.ax-primary-outline:focus-visible{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-chips.ax-secondary-outline{border:2px solid;border-color:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-50))}.ax-dark ax-chips.ax-secondary-outline:hover{background:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-fore))}.ax-dark ax-chips.ax-secondary-outline:focus-visible{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-chips.ax-success-outline{border:2px solid;border-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-50))}.ax-dark ax-chips.ax-success-outline:hover{background:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-fore))}.ax-dark ax-chips.ax-success-outline:focus-visible{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-chips.ax-warning-outline{border:2px solid;border-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-50))}.ax-dark ax-chips.ax-warning-outline:hover{background:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-fore))}.ax-dark ax-chips.ax-warning-outline:focus-visible{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-chips.ax-danger-outline{border:2px solid;border-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-50))}.ax-dark ax-chips.ax-danger-outline:hover{background:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-fore))}.ax-dark ax-chips.ax-danger-outline:focus-visible{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-chips.ax-info-outline{border:2px solid;border-color:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-50))}.ax-dark ax-chips.ax-info-outline:hover{background:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-fore))}.ax-dark ax-chips.ax-info-outline:focus-visible{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-chips.ax-ghost-default{background-color:rgba(var(--ax-color-ghost-300));color:rgba(var(--ax-color-ghost-fore))}.ax-dark ax-chips.ax-ghost-default:hover{background-color:rgba(var(--ax-color-ghost-300))}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXChipsComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'ax-chips', inputs: ['tabIndex'], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<ng-content select=\"ax-prefix\"></ng-content>\r\n<div class=\"ax-chips-text\" *ngIf=\"text\">{{text }}</div>\r\n<ng-content select=\"ax-suffix\"></ng-content>", styles: ["ax-chips{font-size:.875rem;padding:.375rem .5rem;border-radius:99rem;display:inline-flex;align-items:center;cursor:pointer;transition:background-color .3s;-webkit-user-select:none;user-select:none;font-weight:500}ax-chips:focus-visible{outline-offset:2px;outline-width:2px;outline-style:solid;outline-color:rgba(var(--ax-color-ghost-300))}ax-chips .ax-chips-text{padding:0 .5rem}ax-chips ax-prefix,ax-chips ax-suffix{display:flex;align-items:center;font-size:1rem}ax-chips ax-prefix ax-icon,ax-chips ax-suffix ax-icon{font-size:1rem!important}ax-chips.ax-primary-default{background-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}ax-chips.ax-primary-default:hover{background-color:rgba(var(--ax-color-primary-500),.8)}ax-chips.ax-primary-default:focus-visible{outline-color:rgba(var(--ax-color-primary-500))}ax-chips.ax-primary-outline{border:2px solid;border-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-500),.87)}ax-chips.ax-primary-outline:hover{background:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}ax-chips.ax-primary-outline:focus-visible{background-color:rgba(var(--ax-color-primary-500))}ax-chips.ax-secondary-default{background-color:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-fore))}ax-chips.ax-secondary-default:hover{background-color:rgba(var(--ax-color-secondary-500),.8)}ax-chips.ax-secondary-default:focus-visible{outline-color:rgba(var(--ax-color-primary-500))}ax-chips.ax-secondary-outline{border:2px solid;border-color:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-500),.87)}ax-chips.ax-secondary-outline:hover{background:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-fore))}ax-chips.ax-secondary-outline:focus-visible{background-color:rgba(var(--ax-color-primary-500))}ax-chips.ax-success-default{background-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-fore))}ax-chips.ax-success-default:hover{background-color:rgba(var(--ax-color-success-500),.8)}ax-chips.ax-success-default:focus-visible{outline-color:rgba(var(--ax-color-primary-500))}ax-chips.ax-success-outline{border:2px solid;border-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-500),.87)}ax-chips.ax-success-outline:hover{background:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-fore))}ax-chips.ax-success-outline:focus-visible{background-color:rgba(var(--ax-color-primary-500))}ax-chips.ax-warning-default{background-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-fore))}ax-chips.ax-warning-default:hover{background-color:rgba(var(--ax-color-warning-500),.8)}ax-chips.ax-warning-default:focus-visible{outline-color:rgba(var(--ax-color-primary-500))}ax-chips.ax-warning-outline{border:2px solid;border-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-500),.87)}ax-chips.ax-warning-outline:hover{background:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-fore))}ax-chips.ax-warning-outline:focus-visible{background-color:rgba(var(--ax-color-primary-500))}ax-chips.ax-danger-default{background-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-fore))}ax-chips.ax-danger-default:hover{background-color:rgba(var(--ax-color-danger-500),.8)}ax-chips.ax-danger-default:focus-visible{outline-color:rgba(var(--ax-color-primary-500))}ax-chips.ax-danger-outline{border:2px solid;border-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-500),.87)}ax-chips.ax-danger-outline:hover{background:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-fore))}ax-chips.ax-danger-outline:focus-visible{background-color:rgba(var(--ax-color-primary-500))}ax-chips.ax-info-default{background-color:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-fore))}ax-chips.ax-info-default:hover{background-color:rgba(var(--ax-color-info-500),.8)}ax-chips.ax-info-default:focus-visible{outline-color:rgba(var(--ax-color-primary-500))}ax-chips.ax-info-outline{border:2px solid;border-color:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-500),.87)}ax-chips.ax-info-outline:hover{background:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-fore))}ax-chips.ax-info-outline:focus-visible{background-color:rgba(var(--ax-color-primary-500))}ax-chips.ax-ghost-default{background-color:rgba(var(--ax-color-ghost-100));color:rgba(var(--ax-color-ghost-fore))}ax-chips.ax-ghost-default:hover{background-color:rgba(var(--ax-color-ghost-200))}ax-chips.ax-ghost-outline{border:2px solid;border-color:rgba(var(--ax-color-ghost-300));color:rgba(var(--ax-color-ghost-fore))}ax-chips.ax-ghost-outline:hover{background:rgba(var(--ax-color-ghost-200));border-color:rgba(var(--ax-color-ghost-200))}.ax-dark ax-chips.ax-primary-outline{border:2px solid;border-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-50))}.ax-dark ax-chips.ax-primary-outline:hover{background:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}.ax-dark ax-chips.ax-primary-outline:focus-visible{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-chips.ax-secondary-outline{border:2px solid;border-color:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-50))}.ax-dark ax-chips.ax-secondary-outline:hover{background:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-fore))}.ax-dark ax-chips.ax-secondary-outline:focus-visible{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-chips.ax-success-outline{border:2px solid;border-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-50))}.ax-dark ax-chips.ax-success-outline:hover{background:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-fore))}.ax-dark ax-chips.ax-success-outline:focus-visible{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-chips.ax-warning-outline{border:2px solid;border-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-50))}.ax-dark ax-chips.ax-warning-outline:hover{background:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-fore))}.ax-dark ax-chips.ax-warning-outline:focus-visible{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-chips.ax-danger-outline{border:2px solid;border-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-50))}.ax-dark ax-chips.ax-danger-outline:hover{background:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-fore))}.ax-dark ax-chips.ax-danger-outline:focus-visible{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-chips.ax-info-outline{border:2px solid;border-color:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-50))}.ax-dark ax-chips.ax-info-outline:hover{background:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-fore))}.ax-dark ax-chips.ax-info-outline:focus-visible{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-chips.ax-ghost-default{background-color:rgba(var(--ax-color-ghost-300));color:rgba(var(--ax-color-ghost-fore))}.ax-dark ax-chips.ax-ghost-default:hover{background-color:rgba(var(--ax-color-ghost-300))}\n"] }]
-        }], ctorParameters: function () { return []; }, propDecorators: { look: [{
-                type: Input
-            }], color: [{
-                type: Input
-            }], text: [{
-                type: Input
-            }], __hostClass: [{
-                type: HostBinding,
-                args: ['class']
+const AXBaseChipsMixin = _InteractiveComponenetMixin(_ClickableComponenetMixin(AXBaseComponent));
+class AXChipsComponent extends AXBaseChipsMixin {
+    look = 'default';
+    color = 'ghost';
+    text = '';
+    constructor() {
+        super();
+    }
+    ngOnInit() { }
+    get __hostClass() {
+        return `ax-${this.color}-${this.look}`;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXChipsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: AXChipsComponent, selector: "ax-chips", inputs: { tabIndex: "tabIndex", look: "look", color: "color", text: "text" }, host: { properties: { "class": "this.__hostClass" } }, usesInheritance: true, ngImport: i0, template: "<ng-content select=\"ax-prefix\"></ng-content>\r\n<div class=\"ax-chips-text\" *ngIf=\"text\">{{text }}</div>\r\n<ng-content select=\"ax-suffix\"></ng-content>", styles: ["ax-chips{font-size:.875rem;padding:.375rem .5rem;border-radius:99rem;display:inline-flex;align-items:center;cursor:pointer;transition:background-color .3s;-webkit-user-select:none;user-select:none;font-weight:500}ax-chips:focus-visible{outline-offset:2px;outline-width:2px;outline-style:solid;outline-color:rgba(var(--ax-color-ghost-300))}ax-chips .ax-chips-text{padding:0 .5rem}ax-chips ax-prefix,ax-chips ax-suffix{display:flex;align-items:center;font-size:1rem}ax-chips ax-prefix ax-icon,ax-chips ax-suffix ax-icon{font-size:1rem!important}ax-chips.ax-primary-default{background-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}ax-chips.ax-primary-default:hover{background-color:rgba(var(--ax-color-primary-500),.8)}ax-chips.ax-primary-default:focus-visible{outline-color:rgba(var(--ax-color-primary-500))}ax-chips.ax-primary-outline{border:2px solid;border-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-500),.87)}ax-chips.ax-primary-outline:hover{background:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}ax-chips.ax-primary-outline:focus-visible{background-color:rgba(var(--ax-color-primary-500))}ax-chips.ax-secondary-default{background-color:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-fore))}ax-chips.ax-secondary-default:hover{background-color:rgba(var(--ax-color-secondary-500),.8)}ax-chips.ax-secondary-default:focus-visible{outline-color:rgba(var(--ax-color-primary-500))}ax-chips.ax-secondary-outline{border:2px solid;border-color:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-500),.87)}ax-chips.ax-secondary-outline:hover{background:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-fore))}ax-chips.ax-secondary-outline:focus-visible{background-color:rgba(var(--ax-color-primary-500))}ax-chips.ax-success-default{background-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-fore))}ax-chips.ax-success-default:hover{background-color:rgba(var(--ax-color-success-500),.8)}ax-chips.ax-success-default:focus-visible{outline-color:rgba(var(--ax-color-primary-500))}ax-chips.ax-success-outline{border:2px solid;border-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-500),.87)}ax-chips.ax-success-outline:hover{background:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-fore))}ax-chips.ax-success-outline:focus-visible{background-color:rgba(var(--ax-color-primary-500))}ax-chips.ax-warning-default{background-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-fore))}ax-chips.ax-warning-default:hover{background-color:rgba(var(--ax-color-warning-500),.8)}ax-chips.ax-warning-default:focus-visible{outline-color:rgba(var(--ax-color-primary-500))}ax-chips.ax-warning-outline{border:2px solid;border-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-500),.87)}ax-chips.ax-warning-outline:hover{background:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-fore))}ax-chips.ax-warning-outline:focus-visible{background-color:rgba(var(--ax-color-primary-500))}ax-chips.ax-danger-default{background-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-fore))}ax-chips.ax-danger-default:hover{background-color:rgba(var(--ax-color-danger-500),.8)}ax-chips.ax-danger-default:focus-visible{outline-color:rgba(var(--ax-color-primary-500))}ax-chips.ax-danger-outline{border:2px solid;border-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-500),.87)}ax-chips.ax-danger-outline:hover{background:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-fore))}ax-chips.ax-danger-outline:focus-visible{background-color:rgba(var(--ax-color-primary-500))}ax-chips.ax-info-default{background-color:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-fore))}ax-chips.ax-info-default:hover{background-color:rgba(var(--ax-color-info-500),.8)}ax-chips.ax-info-default:focus-visible{outline-color:rgba(var(--ax-color-primary-500))}ax-chips.ax-info-outline{border:2px solid;border-color:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-500),.87)}ax-chips.ax-info-outline:hover{background:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-fore))}ax-chips.ax-info-outline:focus-visible{background-color:rgba(var(--ax-color-primary-500))}ax-chips.ax-ghost-default{background-color:rgba(var(--ax-color-ghost-100));color:rgba(var(--ax-color-ghost-fore))}ax-chips.ax-ghost-default:hover{background-color:rgba(var(--ax-color-ghost-200))}ax-chips.ax-ghost-outline{border:2px solid;border-color:rgba(var(--ax-color-ghost-300));color:rgba(var(--ax-color-ghost-fore))}ax-chips.ax-ghost-outline:hover{background:rgba(var(--ax-color-ghost-200));border-color:rgba(var(--ax-color-ghost-200))}.ax-dark ax-chips.ax-primary-outline{border:2px solid;border-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-50))}.ax-dark ax-chips.ax-primary-outline:hover{background:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}.ax-dark ax-chips.ax-primary-outline:focus-visible{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-chips.ax-secondary-outline{border:2px solid;border-color:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-50))}.ax-dark ax-chips.ax-secondary-outline:hover{background:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-fore))}.ax-dark ax-chips.ax-secondary-outline:focus-visible{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-chips.ax-success-outline{border:2px solid;border-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-50))}.ax-dark ax-chips.ax-success-outline:hover{background:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-fore))}.ax-dark ax-chips.ax-success-outline:focus-visible{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-chips.ax-warning-outline{border:2px solid;border-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-50))}.ax-dark ax-chips.ax-warning-outline:hover{background:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-fore))}.ax-dark ax-chips.ax-warning-outline:focus-visible{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-chips.ax-danger-outline{border:2px solid;border-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-50))}.ax-dark ax-chips.ax-danger-outline:hover{background:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-fore))}.ax-dark ax-chips.ax-danger-outline:focus-visible{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-chips.ax-info-outline{border:2px solid;border-color:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-50))}.ax-dark ax-chips.ax-info-outline:hover{background:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-fore))}.ax-dark ax-chips.ax-info-outline:focus-visible{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-chips.ax-ghost-default{background-color:rgba(var(--ax-color-ghost-300));color:rgba(var(--ax-color-ghost-fore))}.ax-dark ax-chips.ax-ghost-default:hover{background-color:rgba(var(--ax-color-ghost-300))}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXChipsComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ax-chips', inputs: ['tabIndex'], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<ng-content select=\"ax-prefix\"></ng-content>\r\n<div class=\"ax-chips-text\" *ngIf=\"text\">{{text }}</div>\r\n<ng-content select=\"ax-suffix\"></ng-content>", styles: ["ax-chips{font-size:.875rem;padding:.375rem .5rem;border-radius:99rem;display:inline-flex;align-items:center;cursor:pointer;transition:background-color .3s;-webkit-user-select:none;user-select:none;font-weight:500}ax-chips:focus-visible{outline-offset:2px;outline-width:2px;outline-style:solid;outline-color:rgba(var(--ax-color-ghost-300))}ax-chips .ax-chips-text{padding:0 .5rem}ax-chips ax-prefix,ax-chips ax-suffix{display:flex;align-items:center;font-size:1rem}ax-chips ax-prefix ax-icon,ax-chips ax-suffix ax-icon{font-size:1rem!important}ax-chips.ax-primary-default{background-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}ax-chips.ax-primary-default:hover{background-color:rgba(var(--ax-color-primary-500),.8)}ax-chips.ax-primary-default:focus-visible{outline-color:rgba(var(--ax-color-primary-500))}ax-chips.ax-primary-outline{border:2px solid;border-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-500),.87)}ax-chips.ax-primary-outline:hover{background:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}ax-chips.ax-primary-outline:focus-visible{background-color:rgba(var(--ax-color-primary-500))}ax-chips.ax-secondary-default{background-color:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-fore))}ax-chips.ax-secondary-default:hover{background-color:rgba(var(--ax-color-secondary-500),.8)}ax-chips.ax-secondary-default:focus-visible{outline-color:rgba(var(--ax-color-primary-500))}ax-chips.ax-secondary-outline{border:2px solid;border-color:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-500),.87)}ax-chips.ax-secondary-outline:hover{background:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-fore))}ax-chips.ax-secondary-outline:focus-visible{background-color:rgba(var(--ax-color-primary-500))}ax-chips.ax-success-default{background-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-fore))}ax-chips.ax-success-default:hover{background-color:rgba(var(--ax-color-success-500),.8)}ax-chips.ax-success-default:focus-visible{outline-color:rgba(var(--ax-color-primary-500))}ax-chips.ax-success-outline{border:2px solid;border-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-500),.87)}ax-chips.ax-success-outline:hover{background:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-fore))}ax-chips.ax-success-outline:focus-visible{background-color:rgba(var(--ax-color-primary-500))}ax-chips.ax-warning-default{background-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-fore))}ax-chips.ax-warning-default:hover{background-color:rgba(var(--ax-color-warning-500),.8)}ax-chips.ax-warning-default:focus-visible{outline-color:rgba(var(--ax-color-primary-500))}ax-chips.ax-warning-outline{border:2px solid;border-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-500),.87)}ax-chips.ax-warning-outline:hover{background:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-fore))}ax-chips.ax-warning-outline:focus-visible{background-color:rgba(var(--ax-color-primary-500))}ax-chips.ax-danger-default{background-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-fore))}ax-chips.ax-danger-default:hover{background-color:rgba(var(--ax-color-danger-500),.8)}ax-chips.ax-danger-default:focus-visible{outline-color:rgba(var(--ax-color-primary-500))}ax-chips.ax-danger-outline{border:2px solid;border-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-500),.87)}ax-chips.ax-danger-outline:hover{background:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-fore))}ax-chips.ax-danger-outline:focus-visible{background-color:rgba(var(--ax-color-primary-500))}ax-chips.ax-info-default{background-color:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-fore))}ax-chips.ax-info-default:hover{background-color:rgba(var(--ax-color-info-500),.8)}ax-chips.ax-info-default:focus-visible{outline-color:rgba(var(--ax-color-primary-500))}ax-chips.ax-info-outline{border:2px solid;border-color:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-500),.87)}ax-chips.ax-info-outline:hover{background:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-fore))}ax-chips.ax-info-outline:focus-visible{background-color:rgba(var(--ax-color-primary-500))}ax-chips.ax-ghost-default{background-color:rgba(var(--ax-color-ghost-100));color:rgba(var(--ax-color-ghost-fore))}ax-chips.ax-ghost-default:hover{background-color:rgba(var(--ax-color-ghost-200))}ax-chips.ax-ghost-outline{border:2px solid;border-color:rgba(var(--ax-color-ghost-300));color:rgba(var(--ax-color-ghost-fore))}ax-chips.ax-ghost-outline:hover{background:rgba(var(--ax-color-ghost-200));border-color:rgba(var(--ax-color-ghost-200))}.ax-dark ax-chips.ax-primary-outline{border:2px solid;border-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-50))}.ax-dark ax-chips.ax-primary-outline:hover{background:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}.ax-dark ax-chips.ax-primary-outline:focus-visible{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-chips.ax-secondary-outline{border:2px solid;border-color:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-50))}.ax-dark ax-chips.ax-secondary-outline:hover{background:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-fore))}.ax-dark ax-chips.ax-secondary-outline:focus-visible{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-chips.ax-success-outline{border:2px solid;border-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-50))}.ax-dark ax-chips.ax-success-outline:hover{background:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-fore))}.ax-dark ax-chips.ax-success-outline:focus-visible{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-chips.ax-warning-outline{border:2px solid;border-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-50))}.ax-dark ax-chips.ax-warning-outline:hover{background:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-fore))}.ax-dark ax-chips.ax-warning-outline:focus-visible{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-chips.ax-danger-outline{border:2px solid;border-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-50))}.ax-dark ax-chips.ax-danger-outline:hover{background:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-fore))}.ax-dark ax-chips.ax-danger-outline:focus-visible{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-chips.ax-info-outline{border:2px solid;border-color:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-50))}.ax-dark ax-chips.ax-info-outline:hover{background:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-fore))}.ax-dark ax-chips.ax-info-outline:focus-visible{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-chips.ax-ghost-default{background-color:rgba(var(--ax-color-ghost-300));color:rgba(var(--ax-color-ghost-fore))}.ax-dark ax-chips.ax-ghost-default:hover{background-color:rgba(var(--ax-color-ghost-300))}\n"] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { look: [{
+                type: Input
+            }], color: [{
+                type: Input
+            }], text: [{
+                type: Input
+            }], __hostClass: [{
+                type: HostBinding,
+                args: ['class']
             }] } });
 
-class AXChipsModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXChipsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.0", ngImport: i0, type: AXChipsModule, declarations: [AXChipsComponent], imports: [CommonModule], exports: [AXChipsComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXChipsModule, imports: [CommonModule] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXChipsModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [AXChipsComponent],
-                    imports: [CommonModule],
-                    exports: [AXChipsComponent],
-                    providers: [],
-                }]
+class AXChipsModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXChipsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.0", ngImport: i0, type: AXChipsModule, declarations: [AXChipsComponent], imports: [CommonModule], exports: [AXChipsComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXChipsModule, imports: [CommonModule] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXChipsModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [AXChipsComponent],
+                    imports: [CommonModule],
+                    exports: [AXChipsComponent],
+                    providers: [],
+                }]
         }] });
 
-/**
- * Generated bundle index. Do not edit.
+/**
+ * Generated bundle index. Do not edit.
  */
 
 export { AXBaseChipsMixin, AXChipsComponent, AXChipsModule };

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

@@ -1 +1 @@
-{"version":3,"file":"acorex-components-chips.mjs","sources":["../../../../projects/acorex/components/chips/src/chips.component.ts","../../../../projects/acorex/components/chips/src/chips.component.html","../../../../projects/acorex/components/chips/src/chips.module.ts","../../../../projects/acorex/components/chips/acorex-components-chips.ts"],"sourcesContent":["import { AXStyleColorType } from '@acorex/components/common';\r\nimport { AXBaseComponent, _ClickableComponenetMixin, _InteractiveComponenetMixin } from '@acorex/components/mixin';\r\nimport { Component, Input, HostBinding, ChangeDetectionStrategy, ViewEncapsulation } from '@angular/core';\r\n\r\nexport const AXBaseChipsMixin = _InteractiveComponenetMixin(_ClickableComponenetMixin(AXBaseComponent));\r\n@Component({\r\n  selector: 'ax-chips',\r\n  templateUrl: './chips.component.html',\r\n  styleUrls: ['./chips.component.scss'],\r\n  inputs: ['tabIndex'],\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  encapsulation: ViewEncapsulation.None,\r\n})\r\nexport class AXChipsComponent extends AXBaseChipsMixin {\r\n  @Input()\r\n  look: 'default' | 'outline' = 'default';\r\n\r\n  @Input()\r\n  color: AXStyleColorType = 'ghost';\r\n\r\n  @Input()\r\n  text: string = '';\r\n\r\n  constructor() {\r\n    super();\r\n  }\r\n\r\n  ngOnInit(): void {}\r\n\r\n  @HostBinding('class')\r\n  private get __hostClass(): string {\r\n    return `ax-${this.color}-${this.look}`;\r\n  }\r\n}\r\n","<ng-content select=\"ax-prefix\"></ng-content>\r\n<div class=\"ax-chips-text\" *ngIf=\"text\">{{text }}</div>\r\n<ng-content select=\"ax-suffix\"></ng-content>","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { AXChipsComponent } from './chips.component';\r\n\r\n@NgModule({\r\n  declarations: [AXChipsComponent],\r\n  imports: [CommonModule],\r\n  exports: [AXChipsComponent],\r\n  providers: [],\r\n})\r\nexport class AXChipsModule {}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;AAIa,MAAA,gBAAgB,GAAG,2BAA2B,CAAC,yBAAyB,CAAC,eAAe,CAAC,EAAE;AASlG,MAAO,gBAAiB,SAAQ,gBAAgB,CAAA;IAEpD,IAAI,GAA0B,SAAS,CAAC;IAGxC,KAAK,GAAqB,OAAO,CAAC;IAGlC,IAAI,GAAW,EAAE,CAAC;AAElB,IAAA,WAAA,GAAA;AACE,QAAA,KAAK,EAAE,CAAC;KACT;AAED,IAAA,QAAQ,MAAW;AAEnB,IAAA,IACY,WAAW,GAAA;QACrB,OAAO,CAAA,GAAA,EAAM,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,IAAI,CAAA,CAAE,CAAC;KACxC;uGAnBU,gBAAgB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAhB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,gBAAgB,4MCb7B,iKAE4C,EAAA,MAAA,EAAA,CAAA,smOAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,IAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;2FDW/B,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAR5B,SAAS;+BACE,UAAU,EAAA,MAAA,EAGZ,CAAC,UAAU,CAAC,EAAA,eAAA,EACH,uBAAuB,CAAC,MAAM,EAAA,aAAA,EAChC,iBAAiB,CAAC,IAAI,EAAA,QAAA,EAAA,iKAAA,EAAA,MAAA,EAAA,CAAA,smOAAA,CAAA,EAAA,CAAA;0EAIrC,IAAI,EAAA,CAAA;sBADH,KAAK;gBAIN,KAAK,EAAA,CAAA;sBADJ,KAAK;gBAIN,IAAI,EAAA,CAAA;sBADH,KAAK;gBAUM,WAAW,EAAA,CAAA;sBADtB,WAAW;uBAAC,OAAO,CAAA;;;MEnBT,aAAa,CAAA;uGAAb,aAAa,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAAb,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,aAAa,EALT,YAAA,EAAA,CAAA,gBAAgB,CACrB,EAAA,OAAA,EAAA,CAAA,YAAY,aACZ,gBAAgB,CAAA,EAAA,CAAA,CAAA;AAGf,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,aAAa,YAJd,YAAY,CAAA,EAAA,CAAA,CAAA;;2FAIX,aAAa,EAAA,UAAA,EAAA,CAAA;kBANzB,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,YAAY,EAAE,CAAC,gBAAgB,CAAC;oBAChC,OAAO,EAAE,CAAC,YAAY,CAAC;oBACvB,OAAO,EAAE,CAAC,gBAAgB,CAAC;AAC3B,oBAAA,SAAS,EAAE,EAAE;AACd,iBAAA,CAAA;;;ACTD;;AAEG;;;;"}
+{"version":3,"file":"acorex-components-chips.mjs","sources":["../../../../projects/acorex/components/chips/src/chips.component.ts","../../../../projects/acorex/components/chips/src/chips.component.html","../../../../projects/acorex/components/chips/src/chips.module.ts","../../../../projects/acorex/components/chips/acorex-components-chips.ts"],"sourcesContent":["import { AXStyleColorType } from '@acorex/components/common';\r\nimport { AXBaseComponent, _ClickableComponenetMixin, _InteractiveComponenetMixin } from '@acorex/components/mixin';\r\nimport { Component, Input, HostBinding, ChangeDetectionStrategy, ViewEncapsulation } from '@angular/core';\r\n\r\nexport const AXBaseChipsMixin = _InteractiveComponenetMixin(_ClickableComponenetMixin(AXBaseComponent));\r\n@Component({\r\n  selector: 'ax-chips',\r\n  templateUrl: './chips.component.html',\r\n  styleUrls: ['./chips.component.scss'],\r\n  inputs: ['tabIndex'],\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  encapsulation: ViewEncapsulation.None,\r\n})\r\nexport class AXChipsComponent extends AXBaseChipsMixin {\r\n  @Input()\r\n  look: 'default' | 'outline' = 'default';\r\n\r\n  @Input()\r\n  color: AXStyleColorType = 'ghost';\r\n\r\n  @Input()\r\n  text: string = '';\r\n\r\n  constructor() {\r\n    super();\r\n  }\r\n\r\n  ngOnInit(): void {}\r\n\r\n  @HostBinding('class')\r\n  private get __hostClass(): string {\r\n    return `ax-${this.color}-${this.look}`;\r\n  }\r\n}\r\n","<ng-content select=\"ax-prefix\"></ng-content>\r\n<div class=\"ax-chips-text\" *ngIf=\"text\">{{text }}</div>\r\n<ng-content select=\"ax-suffix\"></ng-content>","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { AXChipsComponent } from './chips.component';\r\n\r\n@NgModule({\r\n  declarations: [AXChipsComponent],\r\n  imports: [CommonModule],\r\n  exports: [AXChipsComponent],\r\n  providers: [],\r\n})\r\nexport class AXChipsModule {}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;AAIa,MAAA,gBAAgB,GAAG,2BAA2B,CAAC,yBAAyB,CAAC,eAAe,CAAC,EAAE;AACxG,MAQa,gBAAiB,SAAQ,gBAAgB,CAAA;IAEpD,IAAI,GAA0B,SAAS,CAAC;IAGxC,KAAK,GAAqB,OAAO,CAAC;IAGlC,IAAI,GAAW,EAAE,CAAC;AAElB,IAAA,WAAA,GAAA;AACE,QAAA,KAAK,EAAE,CAAC;KACT;AAED,IAAA,QAAQ,MAAW;AAEnB,IAAA,IACY,WAAW,GAAA;QACrB,OAAO,CAAA,GAAA,EAAM,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,IAAI,CAAA,CAAE,CAAC;KACxC;uGAnBU,gBAAgB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAhB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,gBAAgB,4MCb7B,iKAE4C,EAAA,MAAA,EAAA,CAAA,smOAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,IAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;2FDW/B,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAR5B,SAAS;+BACE,UAAU,EAAA,MAAA,EAGZ,CAAC,UAAU,CAAC,EAAA,eAAA,EACH,uBAAuB,CAAC,MAAM,EAAA,aAAA,EAChC,iBAAiB,CAAC,IAAI,EAAA,QAAA,EAAA,iKAAA,EAAA,MAAA,EAAA,CAAA,smOAAA,CAAA,EAAA,CAAA;0EAIrC,IAAI,EAAA,CAAA;sBADH,KAAK;gBAIN,KAAK,EAAA,CAAA;sBADJ,KAAK;gBAIN,IAAI,EAAA,CAAA;sBADH,KAAK;gBAUM,WAAW,EAAA,CAAA;sBADtB,WAAW;uBAAC,OAAO,CAAA;;;AEzBtB,MAMa,aAAa,CAAA;uGAAb,aAAa,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAAb,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,aAAa,EALT,YAAA,EAAA,CAAA,gBAAgB,CACrB,EAAA,OAAA,EAAA,CAAA,YAAY,aACZ,gBAAgB,CAAA,EAAA,CAAA,CAAA;AAGf,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,aAAa,YAJd,YAAY,CAAA,EAAA,CAAA,CAAA;;2FAIX,aAAa,EAAA,UAAA,EAAA,CAAA;kBANzB,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,YAAY,EAAE,CAAC,gBAAgB,CAAC;oBAChC,OAAO,EAAE,CAAC,YAAY,CAAC;oBACvB,OAAO,EAAE,CAAC,gBAAgB,CAAC;AAC3B,oBAAA,SAAS,EAAE,EAAE;AACd,iBAAA,CAAA;;;ACTD;;AAEG;;;;"}

package/fesm2022/acorex-components-collapse.mjs

@@ -4,114 +4,114 @@ import { EventEmitter, Component, ChangeDetectionStrategy, ViewEncapsulation, Ou
 import * as i1 from '@angular/common';
 import { CommonModule } from '@angular/common';
 
-class AXCollapseComponent extends AXBaseComponent {
-    cdr;
-    constructor(elementRef, cdr) {
-        super(elementRef, cdr);
-        this.cdr = cdr;
-    }
-    isCollapsedChange = new EventEmitter();
-    _isCollapsed = false;
-    get isCollapsed() {
-        return this._isCollapsed;
-    }
-    set isCollapsed(v) {
-        if (v != this._isCollapsed) {
-            this._isCollapsed = v;
-            this.isCollapsedChange.emit(v);
-            this._cdr.detectChanges();
-        }
-    }
-    caption = '';
-    icon = '';
-    headerTemplate;
-    handleHeaderClick() {
-        this.isCollapsed = !this.isCollapsed;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXCollapseComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: AXCollapseComponent, selector: "ax-collapse", inputs: { isCollapsed: "isCollapsed", caption: "caption", icon: "icon" }, outputs: { isCollapsedChange: "isCollapsedChange" }, queries: [{ propertyName: "headerTemplate", first: true, predicate: ["collapseHeader"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"ax-collapse-header\" [class.ax-state-collapsed]=\"isCollapsed\" (click)=\"handleHeaderClick()\">\r\n  <ng-container *ngIf=\"headerTemplate; else collapseHeader\">\r\n    <div class=\"ax-collapse-custom-header-container\">\r\n      <ng-container [ngTemplateOutlet]=\"headerTemplate\" [ngTemplateOutletContext]=\"{ $implicit: { caption, isCollapsed } }\"></ng-container>\r\n    </div>\r\n  </ng-container>\r\n  <ng-template #collapseHeader>\r\n    <div class=\"ax-collapse-header-container\">\r\n      <div class=\"ax-collapse-header-start\">\r\n        <span class=\"ax-collapse-header-icon\" [class]=\"icon\"> </span>\r\n        <span>\r\n          {{ caption }}\r\n        </span>\r\n      </div>\r\n      <!-- <span class=\"ax-icon ax-icon-chevron-down ax-collapse-arrow\"\r\n                [ngClass]=\"{'ax-icon-chevron-up': !isCollapsed,'ax-icon-chevrop-down': isCollapsed}\"></span> -->\r\n\r\n      <span\r\n        class=\"ax-icon ax-icon-chevron-left ax-collapse-arrow ax-transition-all\"\r\n        [ngClass]=\"{ '-ax-rotation-90': isCollapsed, 'ax-rotation-90': !isCollapsed }\"></span>\r\n    </div>\r\n  </ng-template>\r\n</div>\r\n\r\n<div class=\"ax-collapse-body\" *ngIf=\"!isCollapsed\">\r\n  <ng-content></ng-content>\r\n</div>\r\n", styles: ["ax-collapse,ax-collapse-group{display:block;border:1px solid;border-color:rgba(var(--ax-color-border-default));border-radius:var(--ax-rounded-border-default);overflow:hidden;font-size:1rem}ax-collapse .ax-collapse-header,ax-collapse .ax-collapse-body{color:rgba(var(--ax-color-text-default));padding:.75rem}ax-collapse .ax-collapse-header{background-color:rgba(var(--ax-color-on-surface));cursor:pointer;-webkit-user-select:none;user-select:none}ax-collapse .ax-collapse-header .ax-collapse-header-container{display:flex;justify-content:space-between}ax-collapse .ax-collapse-header .ax-collapse-header-container .ax-collapse-header-start{display:flex;align-items:center}ax-collapse .ax-collapse-header .ax-collapse-header-container .ax-collapse-header-start .ax-collapse-header-icon{font-size:1.25rem;padding-inline-end:.5rem}ax-collapse .ax-collapse-header .ax-collapse-header-container .ax-collapse-arrow{font-size:1.5rem}ax-collapse .ax-collapse-body{background-color:rgba(var(--ax-color-surface))}ax-collapse-group ax-collapse{border:0!important;border-radius:0!important}ax-collapse-group ax-collapse:not(ax-collapse-group ax-collapse:last-child){border-bottom:1px solid!important;border-color:rgba(var(--ax-color-border-default))!important}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXCollapseComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'ax-collapse', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<div class=\"ax-collapse-header\" [class.ax-state-collapsed]=\"isCollapsed\" (click)=\"handleHeaderClick()\">\r\n  <ng-container *ngIf=\"headerTemplate; else collapseHeader\">\r\n    <div class=\"ax-collapse-custom-header-container\">\r\n      <ng-container [ngTemplateOutlet]=\"headerTemplate\" [ngTemplateOutletContext]=\"{ $implicit: { caption, isCollapsed } }\"></ng-container>\r\n    </div>\r\n  </ng-container>\r\n  <ng-template #collapseHeader>\r\n    <div class=\"ax-collapse-header-container\">\r\n      <div class=\"ax-collapse-header-start\">\r\n        <span class=\"ax-collapse-header-icon\" [class]=\"icon\"> </span>\r\n        <span>\r\n          {{ caption }}\r\n        </span>\r\n      </div>\r\n      <!-- <span class=\"ax-icon ax-icon-chevron-down ax-collapse-arrow\"\r\n                [ngClass]=\"{'ax-icon-chevron-up': !isCollapsed,'ax-icon-chevrop-down': isCollapsed}\"></span> -->\r\n\r\n      <span\r\n        class=\"ax-icon ax-icon-chevron-left ax-collapse-arrow ax-transition-all\"\r\n        [ngClass]=\"{ '-ax-rotation-90': isCollapsed, 'ax-rotation-90': !isCollapsed }\"></span>\r\n    </div>\r\n  </ng-template>\r\n</div>\r\n\r\n<div class=\"ax-collapse-body\" *ngIf=\"!isCollapsed\">\r\n  <ng-content></ng-content>\r\n</div>\r\n", styles: ["ax-collapse,ax-collapse-group{display:block;border:1px solid;border-color:rgba(var(--ax-color-border-default));border-radius:var(--ax-rounded-border-default);overflow:hidden;font-size:1rem}ax-collapse .ax-collapse-header,ax-collapse .ax-collapse-body{color:rgba(var(--ax-color-text-default));padding:.75rem}ax-collapse .ax-collapse-header{background-color:rgba(var(--ax-color-on-surface));cursor:pointer;-webkit-user-select:none;user-select:none}ax-collapse .ax-collapse-header .ax-collapse-header-container{display:flex;justify-content:space-between}ax-collapse .ax-collapse-header .ax-collapse-header-container .ax-collapse-header-start{display:flex;align-items:center}ax-collapse .ax-collapse-header .ax-collapse-header-container .ax-collapse-header-start .ax-collapse-header-icon{font-size:1.25rem;padding-inline-end:.5rem}ax-collapse .ax-collapse-header .ax-collapse-header-container .ax-collapse-arrow{font-size:1.5rem}ax-collapse .ax-collapse-body{background-color:rgba(var(--ax-color-surface))}ax-collapse-group ax-collapse{border:0!important;border-radius:0!important}ax-collapse-group ax-collapse:not(ax-collapse-group ax-collapse:last-child){border-bottom:1px solid!important;border-color:rgba(var(--ax-color-border-default))!important}\n"] }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { isCollapsedChange: [{
-                type: Output
-            }], isCollapsed: [{
-                type: Input
-            }], caption: [{
-                type: Input
-            }], icon: [{
-                type: Input
-            }], headerTemplate: [{
-                type: ContentChild,
-                args: ['collapseHeader', { static: true }]
+class AXCollapseComponent extends AXBaseComponent {
+    cdr;
+    constructor(elementRef, cdr) {
+        super(elementRef, cdr);
+        this.cdr = cdr;
+    }
+    isCollapsedChange = new EventEmitter();
+    _isCollapsed = false;
+    get isCollapsed() {
+        return this._isCollapsed;
+    }
+    set isCollapsed(v) {
+        if (v != this._isCollapsed) {
+            this._isCollapsed = v;
+            this.isCollapsedChange.emit(v);
+            this._cdr.detectChanges();
+        }
+    }
+    caption = '';
+    icon = '';
+    headerTemplate;
+    handleHeaderClick() {
+        this.isCollapsed = !this.isCollapsed;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXCollapseComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: AXCollapseComponent, selector: "ax-collapse", inputs: { isCollapsed: "isCollapsed", caption: "caption", icon: "icon" }, outputs: { isCollapsedChange: "isCollapsedChange" }, queries: [{ propertyName: "headerTemplate", first: true, predicate: ["collapseHeader"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"ax-collapse-header\" [class.ax-state-collapsed]=\"isCollapsed\" (click)=\"handleHeaderClick()\">\r\n  <ng-container *ngIf=\"headerTemplate; else collapseHeader\">\r\n    <div class=\"ax-collapse-custom-header-container\">\r\n      <ng-container [ngTemplateOutlet]=\"headerTemplate\" [ngTemplateOutletContext]=\"{ $implicit: { caption, isCollapsed } }\"></ng-container>\r\n    </div>\r\n  </ng-container>\r\n  <ng-template #collapseHeader>\r\n    <div class=\"ax-collapse-header-container\">\r\n      <div class=\"ax-collapse-header-start\">\r\n        <span class=\"ax-collapse-header-icon\" [class]=\"icon\"> </span>\r\n        <span>\r\n          {{ caption }}\r\n        </span>\r\n      </div>\r\n      <!-- <span class=\"ax-icon ax-icon-chevron-down ax-collapse-arrow\"\r\n                [ngClass]=\"{'ax-icon-chevron-up': !isCollapsed,'ax-icon-chevrop-down': isCollapsed}\"></span> -->\r\n\r\n      <span\r\n        class=\"ax-icon ax-icon-chevron-left ax-collapse-arrow ax-transition-all\"\r\n        [ngClass]=\"{ '-ax-rotation-90': isCollapsed, 'ax-rotation-90': !isCollapsed }\"></span>\r\n    </div>\r\n  </ng-template>\r\n</div>\r\n\r\n<div class=\"ax-collapse-body\" *ngIf=\"!isCollapsed\">\r\n  <ng-content></ng-content>\r\n</div>\r\n", styles: ["ax-collapse,ax-collapse-group{display:block;border:1px solid;border-color:rgba(var(--ax-color-border-default));border-radius:var(--ax-rounded-border-default);overflow:hidden;font-size:1rem}ax-collapse .ax-collapse-header,ax-collapse .ax-collapse-body{color:rgba(var(--ax-color-text-default));padding:.75rem}ax-collapse .ax-collapse-header{background-color:rgba(var(--ax-color-on-surface));cursor:pointer;-webkit-user-select:none;user-select:none}ax-collapse .ax-collapse-header .ax-collapse-header-container{display:flex;justify-content:space-between}ax-collapse .ax-collapse-header .ax-collapse-header-container .ax-collapse-header-start{display:flex;align-items:center}ax-collapse .ax-collapse-header .ax-collapse-header-container .ax-collapse-header-start .ax-collapse-header-icon{font-size:1.25rem;padding-inline-end:.5rem}ax-collapse .ax-collapse-header .ax-collapse-header-container .ax-collapse-arrow{font-size:1.5rem}ax-collapse .ax-collapse-body{background-color:rgba(var(--ax-color-surface))}ax-collapse-group ax-collapse{border:0!important;border-radius:0!important}ax-collapse-group ax-collapse:not(ax-collapse-group ax-collapse:last-child){border-bottom:1px solid!important;border-color:rgba(var(--ax-color-border-default))!important}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXCollapseComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ax-collapse', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<div class=\"ax-collapse-header\" [class.ax-state-collapsed]=\"isCollapsed\" (click)=\"handleHeaderClick()\">\r\n  <ng-container *ngIf=\"headerTemplate; else collapseHeader\">\r\n    <div class=\"ax-collapse-custom-header-container\">\r\n      <ng-container [ngTemplateOutlet]=\"headerTemplate\" [ngTemplateOutletContext]=\"{ $implicit: { caption, isCollapsed } }\"></ng-container>\r\n    </div>\r\n  </ng-container>\r\n  <ng-template #collapseHeader>\r\n    <div class=\"ax-collapse-header-container\">\r\n      <div class=\"ax-collapse-header-start\">\r\n        <span class=\"ax-collapse-header-icon\" [class]=\"icon\"> </span>\r\n        <span>\r\n          {{ caption }}\r\n        </span>\r\n      </div>\r\n      <!-- <span class=\"ax-icon ax-icon-chevron-down ax-collapse-arrow\"\r\n                [ngClass]=\"{'ax-icon-chevron-up': !isCollapsed,'ax-icon-chevrop-down': isCollapsed}\"></span> -->\r\n\r\n      <span\r\n        class=\"ax-icon ax-icon-chevron-left ax-collapse-arrow ax-transition-all\"\r\n        [ngClass]=\"{ '-ax-rotation-90': isCollapsed, 'ax-rotation-90': !isCollapsed }\"></span>\r\n    </div>\r\n  </ng-template>\r\n</div>\r\n\r\n<div class=\"ax-collapse-body\" *ngIf=\"!isCollapsed\">\r\n  <ng-content></ng-content>\r\n</div>\r\n", styles: ["ax-collapse,ax-collapse-group{display:block;border:1px solid;border-color:rgba(var(--ax-color-border-default));border-radius:var(--ax-rounded-border-default);overflow:hidden;font-size:1rem}ax-collapse .ax-collapse-header,ax-collapse .ax-collapse-body{color:rgba(var(--ax-color-text-default));padding:.75rem}ax-collapse .ax-collapse-header{background-color:rgba(var(--ax-color-on-surface));cursor:pointer;-webkit-user-select:none;user-select:none}ax-collapse .ax-collapse-header .ax-collapse-header-container{display:flex;justify-content:space-between}ax-collapse .ax-collapse-header .ax-collapse-header-container .ax-collapse-header-start{display:flex;align-items:center}ax-collapse .ax-collapse-header .ax-collapse-header-container .ax-collapse-header-start .ax-collapse-header-icon{font-size:1.25rem;padding-inline-end:.5rem}ax-collapse .ax-collapse-header .ax-collapse-header-container .ax-collapse-arrow{font-size:1.5rem}ax-collapse .ax-collapse-body{background-color:rgba(var(--ax-color-surface))}ax-collapse-group ax-collapse{border:0!important;border-radius:0!important}ax-collapse-group ax-collapse:not(ax-collapse-group ax-collapse:last-child){border-bottom:1px solid!important;border-color:rgba(var(--ax-color-border-default))!important}\n"] }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { isCollapsedChange: [{
+                type: Output
+            }], isCollapsed: [{
+                type: Input
+            }], caption: [{
+                type: Input
+            }], icon: [{
+                type: Input
+            }], headerTemplate: [{
+                type: ContentChild,
+                args: ['collapseHeader', { static: true }]
             }] } });
 
-class AXCollapseGroupComponent extends AXBaseComponent {
-    cdr;
-    accordion = false;
-    nonCollapsedIndex = 0;
-    _items;
-    _subs = [];
-    constructor(elementRef, cdr) {
-        super(elementRef, cdr);
-        this.cdr = cdr;
-    }
-    onViewInit() {
-        if (this.accordion) {
-            this._items.forEach(c => c.isCollapsed = true);
-            this._items.get(this.nonCollapsedIndex).isCollapsed = false;
-            console.log(this._items[this.nonCollapsedIndex]);
-            this._items.forEach((c1) => {
-                this._subs.push(c1.isCollapsedChange.subscribe(e => {
-                    if (!e)
-                        this._items.toArray().filter(c2 => c2 != c1).forEach(c => c.isCollapsed = true);
-                }));
-            });
-        }
-    }
-    onDestroy() {
-        this._subs.forEach(s => s.unsubscribe());
-        this._subs = [];
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXCollapseGroupComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: AXCollapseGroupComponent, selector: "ax-collapse-group", inputs: { accordion: "accordion", nonCollapsedIndex: "nonCollapsedIndex" }, host: { classAttribute: "ax-collapse-group" }, queries: [{ propertyName: "_items", predicate: AXCollapseComponent }], usesInheritance: true, ngImport: i0, template: `<ng-content select="ax-collapse"></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXCollapseGroupComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'ax-collapse-group',
-                    template: `<ng-content select="ax-collapse"></ng-content>`,
-                    host: { class: 'ax-collapse-group' },
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    encapsulation: ViewEncapsulation.None,
-                }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { accordion: [{
-                type: Input
-            }], nonCollapsedIndex: [{
-                type: Input
-            }], _items: [{
-                type: ContentChildren,
-                args: [AXCollapseComponent]
+class AXCollapseGroupComponent extends AXBaseComponent {
+    cdr;
+    accordion = false;
+    nonCollapsedIndex = 0;
+    _items;
+    _subs = [];
+    constructor(elementRef, cdr) {
+        super(elementRef, cdr);
+        this.cdr = cdr;
+    }
+    onViewInit() {
+        if (this.accordion) {
+            this._items.forEach(c => c.isCollapsed = true);
+            this._items.get(this.nonCollapsedIndex).isCollapsed = false;
+            console.log(this._items[this.nonCollapsedIndex]);
+            this._items.forEach((c1) => {
+                this._subs.push(c1.isCollapsedChange.subscribe(e => {
+                    if (!e)
+                        this._items.toArray().filter(c2 => c2 != c1).forEach(c => c.isCollapsed = true);
+                }));
+            });
+        }
+    }
+    onDestroy() {
+        this._subs.forEach(s => s.unsubscribe());
+        this._subs = [];
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXCollapseGroupComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: AXCollapseGroupComponent, selector: "ax-collapse-group", inputs: { accordion: "accordion", nonCollapsedIndex: "nonCollapsedIndex" }, host: { classAttribute: "ax-collapse-group" }, queries: [{ propertyName: "_items", predicate: AXCollapseComponent }], usesInheritance: true, ngImport: i0, template: `<ng-content select="ax-collapse"></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXCollapseGroupComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ax-collapse-group',
+                    template: `<ng-content select="ax-collapse"></ng-content>`,
+                    host: { class: 'ax-collapse-group' },
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    encapsulation: ViewEncapsulation.None,
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { accordion: [{
+                type: Input
+            }], nonCollapsedIndex: [{
+                type: Input
+            }], _items: [{
+                type: ContentChildren,
+                args: [AXCollapseComponent]
             }] } });
 
-class AXCollapseModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXCollapseModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.0", ngImport: i0, type: AXCollapseModule, declarations: [AXCollapseComponent, AXCollapseGroupComponent], imports: [CommonModule], exports: [AXCollapseComponent, AXCollapseGroupComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXCollapseModule, imports: [CommonModule] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXCollapseModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [AXCollapseComponent, AXCollapseGroupComponent],
-                    imports: [CommonModule],
-                    exports: [AXCollapseComponent, AXCollapseGroupComponent],
-                    providers: [],
-                }]
+class AXCollapseModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXCollapseModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.0", ngImport: i0, type: AXCollapseModule, declarations: [AXCollapseComponent, AXCollapseGroupComponent], imports: [CommonModule], exports: [AXCollapseComponent, AXCollapseGroupComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXCollapseModule, imports: [CommonModule] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXCollapseModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [AXCollapseComponent, AXCollapseGroupComponent],
+                    imports: [CommonModule],
+                    exports: [AXCollapseComponent, AXCollapseGroupComponent],
+                    providers: [],
+                }]
         }] });
 
-/**
- * Generated bundle index. Do not edit.
+/**
+ * Generated bundle index. Do not edit.
  */
 
 export { AXCollapseComponent, AXCollapseGroupComponent, AXCollapseModule };

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

@@ -1 +1 @@
-{"version":3,"file":"acorex-components-collapse.mjs","sources":["../../../../projects/acorex/components/collapse/src/collapse.component.ts","../../../../projects/acorex/components/collapse/src/collapse.component.html","../../../../projects/acorex/components/collapse/src/collapse-group.component.ts","../../../../projects/acorex/components/collapse/src/collapse.module.ts","../../../../projects/acorex/components/collapse/acorex-components-collapse.ts"],"sourcesContent":["import { AXBaseComponent } from '@acorex/components/mixin';\r\nimport {\r\n  ChangeDetectionStrategy,\r\n  ChangeDetectorRef,\r\n  Component,\r\n  ContentChild,\r\n  ElementRef,\r\n  EventEmitter,\r\n  Input,\r\n  Output,\r\n  TemplateRef,\r\n  ViewEncapsulation,\r\n} from '@angular/core';\r\n\r\n@Component({\r\n  selector: 'ax-collapse',\r\n  templateUrl: './collapse.component.html',\r\n  styleUrls: ['./collapse.component.scss'],\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  encapsulation: ViewEncapsulation.None,\r\n})\r\nexport class AXCollapseComponent extends AXBaseComponent {\r\n  constructor(elementRef: ElementRef, private cdr: ChangeDetectorRef) {\r\n    super(elementRef, cdr);\r\n  }\r\n\r\n  @Output()\r\n  isCollapsedChange: EventEmitter<any> = new EventEmitter<any>();\r\n\r\n  private _isCollapsed: boolean = false;\r\n  @Input()\r\n  public get isCollapsed(): boolean {\r\n    return this._isCollapsed;\r\n  }\r\n  public set isCollapsed(v: boolean) {\r\n    if (v != this._isCollapsed) {\r\n      this._isCollapsed = v;\r\n      this.isCollapsedChange.emit(v);\r\n      this._cdr.detectChanges();\r\n    }\r\n  }\r\n\r\n  @Input()\r\n  caption: string = '';\r\n\r\n  @Input()\r\n  icon: string = '';\r\n\r\n  @ContentChild('collapseHeader', { static: true })\r\n  headerTemplate: TemplateRef<any>;\r\n\r\n  handleHeaderClick() {\r\n    this.isCollapsed = !this.isCollapsed;\r\n  }\r\n}\r\n","<div class=\"ax-collapse-header\" [class.ax-state-collapsed]=\"isCollapsed\" (click)=\"handleHeaderClick()\">\r\n  <ng-container *ngIf=\"headerTemplate; else collapseHeader\">\r\n    <div class=\"ax-collapse-custom-header-container\">\r\n      <ng-container [ngTemplateOutlet]=\"headerTemplate\" [ngTemplateOutletContext]=\"{ $implicit: { caption, isCollapsed } }\"></ng-container>\r\n    </div>\r\n  </ng-container>\r\n  <ng-template #collapseHeader>\r\n    <div class=\"ax-collapse-header-container\">\r\n      <div class=\"ax-collapse-header-start\">\r\n        <span class=\"ax-collapse-header-icon\" [class]=\"icon\"> </span>\r\n        <span>\r\n          {{ caption }}\r\n        </span>\r\n      </div>\r\n      <!-- <span class=\"ax-icon ax-icon-chevron-down ax-collapse-arrow\"\r\n                [ngClass]=\"{'ax-icon-chevron-up': !isCollapsed,'ax-icon-chevrop-down': isCollapsed}\"></span> -->\r\n\r\n      <span\r\n        class=\"ax-icon ax-icon-chevron-left ax-collapse-arrow ax-transition-all\"\r\n        [ngClass]=\"{ '-ax-rotation-90': isCollapsed, 'ax-rotation-90': !isCollapsed }\"></span>\r\n    </div>\r\n  </ng-template>\r\n</div>\r\n\r\n<div class=\"ax-collapse-body\" *ngIf=\"!isCollapsed\">\r\n  <ng-content></ng-content>\r\n</div>\r\n","import { AXBaseComponent } from '@acorex/components/mixin';\r\nimport { ChangeDetectionStrategy, ChangeDetectorRef, Component, ContentChildren, ElementRef, Input, QueryList, ViewEncapsulation } from '@angular/core';\r\nimport { Subscription } from 'rxjs';\r\nimport { AXCollapseComponent } from './collapse.component';\r\n\r\n@Component({\r\n    selector: 'ax-collapse-group',\r\n    template: `<ng-content select=\"ax-collapse\"></ng-content>`,\r\n    host: { class: 'ax-collapse-group' },\r\n    changeDetection: ChangeDetectionStrategy.OnPush,\r\n    encapsulation: ViewEncapsulation.None,\r\n})\r\nexport class AXCollapseGroupComponent extends AXBaseComponent {\r\n\r\n    @Input() accordion = false;\r\n\r\n    @Input() nonCollapsedIndex = 0;\r\n\r\n    @ContentChildren(AXCollapseComponent)\r\n    private _items: QueryList<AXCollapseComponent>;\r\n\r\n\r\n    private _subs: Subscription[] = [];\r\n\r\n    constructor(elementRef: ElementRef, private cdr: ChangeDetectorRef) {\r\n        super(elementRef, cdr);\r\n    }\r\n\r\n\r\n    onViewInit(): void {\r\n        if (this.accordion) {\r\n            this._items.forEach(c => c.isCollapsed = true);\r\n            this._items.get(this.nonCollapsedIndex).isCollapsed = false;\r\n            console.log(this._items[this.nonCollapsedIndex]);\r\n            this._items.forEach((c1: AXCollapseComponent) => {\r\n                this._subs.push(c1.isCollapsedChange.subscribe(e => {\r\n                    if (!e)\r\n                        this._items.toArray().filter(c2 => c2 != c1).forEach(c => c.isCollapsed = true);\r\n                }));\r\n            })\r\n        }\r\n    }\r\n\r\n    onDestroy(): void {\r\n        this._subs.forEach(s => s.unsubscribe());\r\n        this._subs = [];\r\n    }\r\n\r\n\r\n}\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { AXCollapseComponent } from './collapse.component';\r\nimport { AXCollapseGroupComponent } from './collapse-group.component';\r\n\r\n@NgModule({\r\n    declarations: [AXCollapseComponent,AXCollapseGroupComponent],\r\n    imports: [ CommonModule ],\r\n    exports: [AXCollapseComponent,AXCollapseGroupComponent],\r\n    providers: [],\r\n})\r\nexport class AXCollapseModule {}","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"acorex-components-collapse.mjs","sources":["../../../../projects/acorex/components/collapse/src/collapse.component.ts","../../../../projects/acorex/components/collapse/src/collapse.component.html","../../../../projects/acorex/components/collapse/src/collapse-group.component.ts","../../../../projects/acorex/components/collapse/src/collapse.module.ts","../../../../projects/acorex/components/collapse/acorex-components-collapse.ts"],"sourcesContent":["import { AXBaseComponent } from '@acorex/components/mixin';\r\nimport {\r\n  ChangeDetectionStrategy,\r\n  ChangeDetectorRef,\r\n  Component,\r\n  ContentChild,\r\n  ElementRef,\r\n  EventEmitter,\r\n  Input,\r\n  Output,\r\n  TemplateRef,\r\n  ViewEncapsulation,\r\n} from '@angular/core';\r\n\r\n@Component({\r\n  selector: 'ax-collapse',\r\n  templateUrl: './collapse.component.html',\r\n  styleUrls: ['./collapse.component.scss'],\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  encapsulation: ViewEncapsulation.None,\r\n})\r\nexport class AXCollapseComponent extends AXBaseComponent {\r\n  constructor(elementRef: ElementRef, private cdr: ChangeDetectorRef) {\r\n    super(elementRef, cdr);\r\n  }\r\n\r\n  @Output()\r\n  isCollapsedChange: EventEmitter<any> = new EventEmitter<any>();\r\n\r\n  private _isCollapsed: boolean = false;\r\n  @Input()\r\n  public get isCollapsed(): boolean {\r\n    return this._isCollapsed;\r\n  }\r\n  public set isCollapsed(v: boolean) {\r\n    if (v != this._isCollapsed) {\r\n      this._isCollapsed = v;\r\n      this.isCollapsedChange.emit(v);\r\n      this._cdr.detectChanges();\r\n    }\r\n  }\r\n\r\n  @Input()\r\n  caption: string = '';\r\n\r\n  @Input()\r\n  icon: string = '';\r\n\r\n  @ContentChild('collapseHeader', { static: true })\r\n  headerTemplate: TemplateRef<any>;\r\n\r\n  handleHeaderClick() {\r\n    this.isCollapsed = !this.isCollapsed;\r\n  }\r\n}\r\n","<div class=\"ax-collapse-header\" [class.ax-state-collapsed]=\"isCollapsed\" (click)=\"handleHeaderClick()\">\r\n  <ng-container *ngIf=\"headerTemplate; else collapseHeader\">\r\n    <div class=\"ax-collapse-custom-header-container\">\r\n      <ng-container [ngTemplateOutlet]=\"headerTemplate\" [ngTemplateOutletContext]=\"{ $implicit: { caption, isCollapsed } }\"></ng-container>\r\n    </div>\r\n  </ng-container>\r\n  <ng-template #collapseHeader>\r\n    <div class=\"ax-collapse-header-container\">\r\n      <div class=\"ax-collapse-header-start\">\r\n        <span class=\"ax-collapse-header-icon\" [class]=\"icon\"> </span>\r\n        <span>\r\n          {{ caption }}\r\n        </span>\r\n      </div>\r\n      <!-- <span class=\"ax-icon ax-icon-chevron-down ax-collapse-arrow\"\r\n                [ngClass]=\"{'ax-icon-chevron-up': !isCollapsed,'ax-icon-chevrop-down': isCollapsed}\"></span> -->\r\n\r\n      <span\r\n        class=\"ax-icon ax-icon-chevron-left ax-collapse-arrow ax-transition-all\"\r\n        [ngClass]=\"{ '-ax-rotation-90': isCollapsed, 'ax-rotation-90': !isCollapsed }\"></span>\r\n    </div>\r\n  </ng-template>\r\n</div>\r\n\r\n<div class=\"ax-collapse-body\" *ngIf=\"!isCollapsed\">\r\n  <ng-content></ng-content>\r\n</div>\r\n","import { AXBaseComponent } from '@acorex/components/mixin';\r\nimport { ChangeDetectionStrategy, ChangeDetectorRef, Component, ContentChildren, ElementRef, Input, QueryList, ViewEncapsulation } from '@angular/core';\r\nimport { Subscription } from 'rxjs';\r\nimport { AXCollapseComponent } from './collapse.component';\r\n\r\n@Component({\r\n    selector: 'ax-collapse-group',\r\n    template: `<ng-content select=\"ax-collapse\"></ng-content>`,\r\n    host: { class: 'ax-collapse-group' },\r\n    changeDetection: ChangeDetectionStrategy.OnPush,\r\n    encapsulation: ViewEncapsulation.None,\r\n})\r\nexport class AXCollapseGroupComponent extends AXBaseComponent {\r\n\r\n    @Input() accordion = false;\r\n\r\n    @Input() nonCollapsedIndex = 0;\r\n\r\n    @ContentChildren(AXCollapseComponent)\r\n    private _items: QueryList<AXCollapseComponent>;\r\n\r\n\r\n    private _subs: Subscription[] = [];\r\n\r\n    constructor(elementRef: ElementRef, private cdr: ChangeDetectorRef) {\r\n        super(elementRef, cdr);\r\n    }\r\n\r\n\r\n    onViewInit(): void {\r\n        if (this.accordion) {\r\n            this._items.forEach(c => c.isCollapsed = true);\r\n            this._items.get(this.nonCollapsedIndex).isCollapsed = false;\r\n            console.log(this._items[this.nonCollapsedIndex]);\r\n            this._items.forEach((c1: AXCollapseComponent) => {\r\n                this._subs.push(c1.isCollapsedChange.subscribe(e => {\r\n                    if (!e)\r\n                        this._items.toArray().filter(c2 => c2 != c1).forEach(c => c.isCollapsed = true);\r\n                }));\r\n            })\r\n        }\r\n    }\r\n\r\n    onDestroy(): void {\r\n        this._subs.forEach(s => s.unsubscribe());\r\n        this._subs = [];\r\n    }\r\n\r\n\r\n}\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { AXCollapseComponent } from './collapse.component';\r\nimport { AXCollapseGroupComponent } from './collapse-group.component';\r\n\r\n@NgModule({\r\n    declarations: [AXCollapseComponent,AXCollapseGroupComponent],\r\n    imports: [ CommonModule ],\r\n    exports: [AXCollapseComponent,AXCollapseGroupComponent],\r\n    providers: [],\r\n})\r\nexport class AXCollapseModule {}","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}