@acorex/components 19.15.0-next.24 → 19.15.0-next.26

package/fesm2022/acorex-components-wysiwyg.mjs

@@ -22,10 +22,10 @@ class AXWysiwygService {
         this.currentSelectedElemList = signal('');
         this.currentSelectedElemAlign = signal('');
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.13", ngImport: i0, type: AXWysiwygService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.13", ngImport: i0, type: AXWysiwygService }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: AXWysiwygService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: AXWysiwygService }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.13", ngImport: i0, type: AXWysiwygService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: AXWysiwygService, decorators: [{
             type: Injectable
         }] });
 
@@ -142,8 +142,8 @@ class AXWysiwygContainerComponent extends classes((MXInputBaseValueComponent), M
     blur() {
         this.service.wysiwyg().blur();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.13", ngImport: i0, type: AXWysiwygContainerComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.13", type: AXWysiwygContainerComponent, isStandalone: true, selector: "ax-wysiwyg-container", inputs: { look: { classPropertyName: "look", publicName: "look", isSignal: false, isRequired: false, transformFunction: null }, placeHolder: { classPropertyName: "placeHolder", publicName: "placeHolder", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onValueChanged: "onValueChanged" }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: AXWysiwygContainerComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.14", type: AXWysiwygContainerComponent, isStandalone: true, selector: "ax-wysiwyg-container", inputs: { look: { classPropertyName: "look", publicName: "look", isSignal: false, isRequired: false, transformFunction: null }, placeHolder: { classPropertyName: "placeHolder", publicName: "placeHolder", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onValueChanged: "onValueChanged" }, providers: [
             AXWysiwygService,
             { provide: AXComponent, useExisting: AXWysiwygContainerComponent },
             { provide: AXFocusableComponent, useExisting: AXWysiwygContainerComponent },
@@ -155,7 +155,7 @@ class AXWysiwygContainerComponent extends classes((MXInputBaseValueComponent), M
             },
         ], usesInheritance: true, ngImport: i0, template: "<div class=\"ax-editor-container ax-{{ look }}\">\n  <ng-content></ng-content>\n  <ng-content select=\"ax-validation-rule\"> </ng-content>\n</div>\n<div class=\"ax-error-container\"></div>\n", styles: [".ql-container{box-sizing:border-box;font-family:Helvetica,Arial,sans-serif;font-size:13px;height:100%;margin:0;position:relative}.ql-container.ql-disabled .ql-tooltip{visibility:hidden}.ql-container:not(.ql-disabled) li[data-list=checked]>.ql-ui,.ql-container:not(.ql-disabled) li[data-list=unchecked]>.ql-ui{cursor:pointer}.ql-clipboard{left:-100000px;height:1px;overflow-y:hidden;position:absolute;top:50%}.ql-clipboard p{margin:0;padding:0}.ql-editor{box-sizing:border-box;counter-reset:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;line-height:1.42;height:100%;outline:none;overflow-y:auto;padding:12px 15px;tab-size:4;-moz-tab-size:4;text-align:left;white-space:pre-wrap;word-wrap:break-word}.ql-editor>*{cursor:text}.ql-editor p,.ql-editor ol,.ql-editor pre,.ql-editor blockquote,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{margin:0;padding:0}@supports (counter-set:none){.ql-editor p,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{counter-set:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor p,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{counter-reset:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor table{border-collapse:collapse}.ql-editor td{border:1px solid #000;padding:2px 5px}.ql-editor ol{padding-left:1.5em}.ql-editor li{list-style-type:none;padding-left:1.5em;position:relative}.ql-editor li>.ql-ui:before{display:inline-block;margin-left:-1.5em;margin-right:.3em;text-align:right;white-space:nowrap;width:1.2em}.ql-editor li[data-list=checked]>.ql-ui,.ql-editor li[data-list=unchecked]>.ql-ui{color:#777}.ql-editor li[data-list=bullet]>.ql-ui:before{content:\"\\2022\"}.ql-editor li[data-list=checked]>.ql-ui:before{content:\"\\2611\"}.ql-editor li[data-list=unchecked]>.ql-ui:before{content:\"\\2610\"}@supports (counter-set:none){.ql-editor li[data-list]{counter-set:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list]{counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered]{counter-increment:list-0}.ql-editor li[data-list=ordered]>.ql-ui:before{content:counter(list-0,decimal) \". \"}.ql-editor li[data-list=ordered].ql-indent-1{counter-increment:list-1}.ql-editor li[data-list=ordered].ql-indent-1>.ql-ui:before{content:counter(list-1,lower-alpha) \". \"}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-1{counter-set:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-1{counter-reset:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-2{counter-increment:list-2}.ql-editor li[data-list=ordered].ql-indent-2>.ql-ui:before{content:counter(list-2,lower-roman) \". \"}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-2{counter-set:list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-2{counter-reset:list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-3{counter-increment:list-3}.ql-editor li[data-list=ordered].ql-indent-3>.ql-ui:before{content:counter(list-3,decimal) \". \"}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-3{counter-set:list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-3{counter-reset:list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-4{counter-increment:list-4}.ql-editor li[data-list=ordered].ql-indent-4>.ql-ui:before{content:counter(list-4,lower-alpha) \". \"}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-4{counter-set:list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-4{counter-reset:list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-5{counter-increment:list-5}.ql-editor li[data-list=ordered].ql-indent-5>.ql-ui:before{content:counter(list-5,lower-roman) \". \"}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-5{counter-set:list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-5{counter-reset:list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-6{counter-increment:list-6}.ql-editor li[data-list=ordered].ql-indent-6>.ql-ui:before{content:counter(list-6,decimal) \". \"}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-6{counter-set:list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-6{counter-reset:list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-7{counter-increment:list-7}.ql-editor li[data-list=ordered].ql-indent-7>.ql-ui:before{content:counter(list-7,lower-alpha) \". \"}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-7{counter-set:list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-7{counter-reset:list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-8{counter-increment:list-8}.ql-editor li[data-list=ordered].ql-indent-8>.ql-ui:before{content:counter(list-8,lower-roman) \". \"}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-8{counter-set:list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-8{counter-reset:list-9}}.ql-editor li[data-list=ordered].ql-indent-9{counter-increment:list-9}.ql-editor li[data-list=ordered].ql-indent-9>.ql-ui:before{content:counter(list-9,decimal) \". \"}.ql-editor .ql-indent-1:not(.ql-direction-rtl){padding-left:3em}.ql-editor li.ql-indent-1:not(.ql-direction-rtl){padding-left:4.5em}.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:3em}.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:4.5em}.ql-editor .ql-indent-2:not(.ql-direction-rtl){padding-left:6em}.ql-editor li.ql-indent-2:not(.ql-direction-rtl){padding-left:7.5em}.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:6em}.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:7.5em}.ql-editor .ql-indent-3:not(.ql-direction-rtl){padding-left:9em}.ql-editor li.ql-indent-3:not(.ql-direction-rtl){padding-left:10.5em}.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:9em}.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:10.5em}.ql-editor .ql-indent-4:not(.ql-direction-rtl){padding-left:12em}.ql-editor li.ql-indent-4:not(.ql-direction-rtl){padding-left:13.5em}.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:12em}.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:13.5em}.ql-editor .ql-indent-5:not(.ql-direction-rtl){padding-left:15em}.ql-editor li.ql-indent-5:not(.ql-direction-rtl){padding-left:16.5em}.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:15em}.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:16.5em}.ql-editor .ql-indent-6:not(.ql-direction-rtl){padding-left:18em}.ql-editor li.ql-indent-6:not(.ql-direction-rtl){padding-left:19.5em}.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:18em}.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:19.5em}.ql-editor .ql-indent-7:not(.ql-direction-rtl){padding-left:21em}.ql-editor li.ql-indent-7:not(.ql-direction-rtl){padding-left:22.5em}.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:21em}.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:22.5em}.ql-editor .ql-indent-8:not(.ql-direction-rtl){padding-left:24em}.ql-editor li.ql-indent-8:not(.ql-direction-rtl){padding-left:25.5em}.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:24em}.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:25.5em}.ql-editor .ql-indent-9:not(.ql-direction-rtl){padding-left:27em}.ql-editor li.ql-indent-9:not(.ql-direction-rtl){padding-left:28.5em}.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:27em}.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:28.5em}.ql-editor li.ql-direction-rtl{padding-right:1.5em}.ql-editor li.ql-direction-rtl>.ql-ui:before{margin-left:.3em;margin-right:-1.5em;text-align:left}.ql-editor table{table-layout:fixed;width:100%}.ql-editor table td{outline:none}.ql-editor .ql-code-block-container{font-family:monospace}.ql-editor .ql-video{display:block;max-width:100%}.ql-editor .ql-video.ql-align-center{margin:0 auto}.ql-editor .ql-video.ql-align-right{margin:0 0 0 auto}.ql-editor .ql-bg-black{background-color:#000}.ql-editor .ql-bg-red{background-color:#e60000}.ql-editor .ql-bg-orange{background-color:#f90}.ql-editor .ql-bg-yellow{background-color:#ff0}.ql-editor .ql-bg-green{background-color:#008a00}.ql-editor .ql-bg-blue{background-color:#06c}.ql-editor .ql-bg-purple{background-color:#93f}.ql-editor .ql-color-white{color:#fff}.ql-editor .ql-color-red{color:#e60000}.ql-editor .ql-color-orange{color:#f90}.ql-editor .ql-color-yellow{color:#ff0}.ql-editor .ql-color-green{color:#008a00}.ql-editor .ql-color-blue{color:#06c}.ql-editor .ql-color-purple{color:#93f}.ql-editor .ql-font-serif{font-family:Georgia,Times New Roman,serif}.ql-editor .ql-font-monospace{font-family:Monaco,Courier New,monospace}.ql-editor .ql-size-small{font-size:.75em}.ql-editor .ql-size-large{font-size:1.5em}.ql-editor .ql-size-huge{font-size:2.5em}.ql-editor .ql-direction-rtl{direction:rtl;text-align:inherit}.ql-editor .ql-align-center{text-align:center}.ql-editor .ql-align-justify{text-align:justify}.ql-editor .ql-align-right{text-align:right}.ql-editor .ql-ui{position:absolute}.ql-editor.ql-blank:before{color:#0009;content:attr(data-placeholder);font-style:italic;left:15px;pointer-events:none;position:absolute;right:15px}ax-wysiwyg-container{width:100%;display:block}ax-wysiwyg-container>.ax-editor-container{display:block;height:100%!important;--ax-comp-editor-space-start-size: 0;--ax-comp-editor-space-end-size: 0}\n/*! Bundled license information:\n\nquill/dist/quill.core.css:\n  (*!\n   * Quill Editor v2.0.3\n   * https://quilljs.com\n   * Copyright (c) 2017-2024, Slab\n   * Copyright (c) 2014, Jason Chen\n   * Copyright (c) 2013, salesforce.com\n   *)\n*/\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.13", ngImport: i0, type: AXWysiwygContainerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: AXWysiwygContainerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ax-wysiwyg-container', inputs: ['look'], outputs: ['onValueChanged'], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [
                         AXWysiwygService,
@@ -212,10 +212,10 @@ class AXWysiwygAlignmentComponent {
         this.alignState.set(e);
         this.service.wysiwyg().align(e);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.13", ngImport: i0, type: AXWysiwygAlignmentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.13", type: AXWysiwygAlignmentComponent, isStandalone: true, selector: "ax-wysiwyg-alignment", providers: [{ provide: AXComponent, useExisting: AXWysiwygAlignmentComponent }], ngImport: i0, template: "<ax-button look=\"blank\" #alignPop>\n  <ax-icon class=\"ax-icon ax-icon-align-left\"></ax-icon>\n</ax-button>\n<ax-popover\n  [adaptivityEnabled]=\"true\"\n  [openOn]=\"popoverOption.openOn\"\n  [closeOn]=\"popoverOption.closeOn\"\n  [target]=\"alignPop\"\n  [placement]=\"popoverOption.placement\"\n>\n  <div class=\"ax-overlay-pane ax-alignment-container\">\n    <ax-button\n      (click)=\"alignStateHandler('left')\"\n      look=\"blank\"\n      [selected]=\"alignState() === 'left' ? true : false\"\n    >\n      <ax-icon class=\"ax-icon ax-icon-align-left\"></ax-icon>\n    </ax-button>\n\n    <ax-button\n      (click)=\"alignStateHandler('center')\"\n      look=\"blank\"\n      [selected]=\"alignState() === 'center' ? true : false\"\n    >\n      <ax-icon class=\"ax-icon ax-icon-align-center\"></ax-icon>\n    </ax-button>\n\n    <ax-button\n      (click)=\"alignStateHandler('right')\"\n      look=\"blank\"\n      [selected]=\"alignState() === 'right' ? true : false\"\n    >\n      <ax-icon class=\"ax-icon ax-icon-align-right\"></ax-icon>\n    </ax-button>\n  </div>\n</ax-popover>\n", styles: [".ax-alignment-container{padding:.5rem}\n"], dependencies: [{ kind: "component", type: AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "component", type: AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: AXPopoverComponent, selector: "ax-popover", inputs: ["offsetX", "offsetY", "target", "placement", "content", "openOn", "closeOn", "hasBackdrop", "openAfter", "closeAfter", "backdropClass", "panelClass", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: AXWysiwygAlignmentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: AXWysiwygAlignmentComponent, isStandalone: true, selector: "ax-wysiwyg-alignment", providers: [{ provide: AXComponent, useExisting: AXWysiwygAlignmentComponent }], ngImport: i0, template: "<ax-button look=\"blank\" #alignPop>\n  <ax-icon class=\"ax-icon ax-icon-align-left\"></ax-icon>\n</ax-button>\n<ax-popover\n  [adaptivityEnabled]=\"true\"\n  [openOn]=\"popoverOption.openOn\"\n  [closeOn]=\"popoverOption.closeOn\"\n  [target]=\"alignPop\"\n  [placement]=\"popoverOption.placement\"\n>\n  <div class=\"ax-overlay-pane ax-alignment-container\">\n    <ax-button\n      (click)=\"alignStateHandler('left')\"\n      look=\"blank\"\n      [selected]=\"alignState() === 'left' ? true : false\"\n    >\n      <ax-icon class=\"ax-icon ax-icon-align-left\"></ax-icon>\n    </ax-button>\n\n    <ax-button\n      (click)=\"alignStateHandler('center')\"\n      look=\"blank\"\n      [selected]=\"alignState() === 'center' ? true : false\"\n    >\n      <ax-icon class=\"ax-icon ax-icon-align-center\"></ax-icon>\n    </ax-button>\n\n    <ax-button\n      (click)=\"alignStateHandler('right')\"\n      look=\"blank\"\n      [selected]=\"alignState() === 'right' ? true : false\"\n    >\n      <ax-icon class=\"ax-icon ax-icon-align-right\"></ax-icon>\n    </ax-button>\n  </div>\n</ax-popover>\n", styles: [".ax-alignment-container{padding:.5rem}\n"], dependencies: [{ kind: "component", type: AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "component", type: AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: AXPopoverComponent, selector: "ax-popover", inputs: ["offsetX", "offsetY", "target", "placement", "content", "openOn", "closeOn", "hasBackdrop", "openAfter", "closeAfter", "backdropClass", "panelClass", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.13", ngImport: i0, type: AXWysiwygAlignmentComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: AXWysiwygAlignmentComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ax-wysiwyg-alignment', imports: [AXButtonComponent, AXDecoratorIconComponent, AXPopoverComponent], providers: [{ provide: AXComponent, useExisting: AXWysiwygAlignmentComponent }], template: "<ax-button look=\"blank\" #alignPop>\n  <ax-icon class=\"ax-icon ax-icon-align-left\"></ax-icon>\n</ax-button>\n<ax-popover\n  [adaptivityEnabled]=\"true\"\n  [openOn]=\"popoverOption.openOn\"\n  [closeOn]=\"popoverOption.closeOn\"\n  [target]=\"alignPop\"\n  [placement]=\"popoverOption.placement\"\n>\n  <div class=\"ax-overlay-pane ax-alignment-container\">\n    <ax-button\n      (click)=\"alignStateHandler('left')\"\n      look=\"blank\"\n      [selected]=\"alignState() === 'left' ? true : false\"\n    >\n      <ax-icon class=\"ax-icon ax-icon-align-left\"></ax-icon>\n    </ax-button>\n\n    <ax-button\n      (click)=\"alignStateHandler('center')\"\n      look=\"blank\"\n      [selected]=\"alignState() === 'center' ? true : false\"\n    >\n      <ax-icon class=\"ax-icon ax-icon-align-center\"></ax-icon>\n    </ax-button>\n\n    <ax-button\n      (click)=\"alignStateHandler('right')\"\n      look=\"blank\"\n      [selected]=\"alignState() === 'right' ? true : false\"\n    >\n      <ax-icon class=\"ax-icon ax-icon-align-right\"></ax-icon>\n    </ax-button>\n  </div>\n</ax-popover>\n", styles: [".ax-alignment-container{padding:.5rem}\n"] }]
         }], ctorParameters: () => [] });
@@ -280,10 +280,10 @@ class AXWysiwygColorsComponent {
         this.userInteractColor.set(true);
         this.service.wysiwyg().color('rgb(151, 148, 148)');
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.13", ngImport: i0, type: AXWysiwygColorsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.13", type: AXWysiwygColorsComponent, isStandalone: true, selector: "ax-wysiwyg-colors", providers: [{ provide: AXComponent, useExisting: AXWysiwygColorsComponent }], ngImport: i0, template: "<div class=\"ax-color-picker-wysiwyg-container\">\n  <div (click)=\"initialColorHandler()\">\n    <ax-button #colorBtn look=\"blank\">\n      <ax-icon class=\"ax-icon ax-icon-color-palette\"></ax-icon>\n    </ax-button>\n    <ax-color-indicator [previewColor]=\"selectedColor()\"></ax-color-indicator>\n  </div>\n\n  <div (click)=\"initialHighlightHandler()\">\n    <ax-button #highlightBtn look=\"blank\">\n      <ax-icon class=\"ax-icon ax-icon-highlight\"></ax-icon>\n    </ax-button>\n    <ax-color-indicator [previewColor]=\"selectedHighlightColor()\"></ax-color-indicator>\n  </div>\n</div>\n\n<ax-popover\n  [adaptivityEnabled]=\"true\"\n  [openOn]=\"popoverOption.openOn\"\n  [closeOn]=\"popoverOption.closeOn\"\n  [target]=\"colorBtn\"\n  [placement]=\"popoverOption.placement\"\n>\n  <div class=\"ax-overlay-pane\">\n    <ax-color-palette (ngModelChange)=\"changeColorHandler($event)\" [ngModel]=\"selectedColor()\">\n      <ax-color-palette-preview></ax-color-palette-preview>\n      <ax-color-palette-picker></ax-color-palette-picker>\n      <ax-color-palette-input></ax-color-palette-input>\n    </ax-color-palette>\n  </div>\n</ax-popover>\n\n<ax-popover\n  [adaptivityEnabled]=\"true\"\n  [openOn]=\"popoverOption.openOn\"\n  [closeOn]=\"popoverOption.closeOn\"\n  [target]=\"highlightBtn\"\n  [placement]=\"popoverOption.placement\"\n>\n  <div class=\"ax-overlay-pane\">\n    <ax-color-palette (ngModelChange)=\"changeHighlightColorHandler($event)\" [ngModel]=\"selectedHighlightColor()\">\n      <ax-color-palette-preview></ax-color-palette-preview>\n      <ax-color-palette-picker></ax-color-palette-picker>\n      <ax-color-palette-input></ax-color-palette-input>\n    </ax-color-palette>\n  </div>\n</ax-popover>\n", styles: [".ax-color-picker-wysiwyg-container{display:flex;align-items:center}.ax-color-picker-wysiwyg-container ax-prefix{padding:0}\n"], dependencies: [{ kind: "component", type: AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "component", type: AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: AXDecoratorColorIndicatorComponent, selector: "ax-color-indicator", inputs: ["previewColor"] }, { kind: "component", type: AXPopoverComponent, selector: "ax-popover", inputs: ["offsetX", "offsetY", "target", "placement", "content", "openOn", "closeOn", "hasBackdrop", "openAfter", "closeAfter", "backdropClass", "panelClass", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "component", type: AXColorPalleteComponent, selector: "ax-color-palette", inputs: ["disabled", "tabIndex", "readonly", "value", "state", "name", "checked"], outputs: ["onBlur", "onFocus", "valueChange", "stateChange", "onValueChanged", "readonlyChange", "disabledChange"] }, { 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: AXColorPalettePreviewComponent, selector: "ax-color-palette-preview" }, { kind: "component", type: AXColorPalettePickerComponent, selector: "ax-color-palette-picker" }, { kind: "component", type: AXColorPaletteInputComponent, selector: "ax-color-palette-input" }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: AXWysiwygColorsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: AXWysiwygColorsComponent, isStandalone: true, selector: "ax-wysiwyg-colors", providers: [{ provide: AXComponent, useExisting: AXWysiwygColorsComponent }], ngImport: i0, template: "<div class=\"ax-color-picker-wysiwyg-container\">\n  <div (click)=\"initialColorHandler()\">\n    <ax-button #colorBtn look=\"blank\">\n      <ax-icon class=\"ax-icon ax-icon-color-palette\"></ax-icon>\n    </ax-button>\n    <ax-color-indicator [previewColor]=\"selectedColor()\"></ax-color-indicator>\n  </div>\n\n  <div (click)=\"initialHighlightHandler()\">\n    <ax-button #highlightBtn look=\"blank\">\n      <ax-icon class=\"ax-icon ax-icon-highlight\"></ax-icon>\n    </ax-button>\n    <ax-color-indicator [previewColor]=\"selectedHighlightColor()\"></ax-color-indicator>\n  </div>\n</div>\n\n<ax-popover\n  [adaptivityEnabled]=\"true\"\n  [openOn]=\"popoverOption.openOn\"\n  [closeOn]=\"popoverOption.closeOn\"\n  [target]=\"colorBtn\"\n  [placement]=\"popoverOption.placement\"\n>\n  <div class=\"ax-overlay-pane\">\n    <ax-color-palette (ngModelChange)=\"changeColorHandler($event)\" [ngModel]=\"selectedColor()\">\n      <ax-color-palette-preview></ax-color-palette-preview>\n      <ax-color-palette-picker></ax-color-palette-picker>\n      <ax-color-palette-input></ax-color-palette-input>\n    </ax-color-palette>\n  </div>\n</ax-popover>\n\n<ax-popover\n  [adaptivityEnabled]=\"true\"\n  [openOn]=\"popoverOption.openOn\"\n  [closeOn]=\"popoverOption.closeOn\"\n  [target]=\"highlightBtn\"\n  [placement]=\"popoverOption.placement\"\n>\n  <div class=\"ax-overlay-pane\">\n    <ax-color-palette (ngModelChange)=\"changeHighlightColorHandler($event)\" [ngModel]=\"selectedHighlightColor()\">\n      <ax-color-palette-preview></ax-color-palette-preview>\n      <ax-color-palette-picker></ax-color-palette-picker>\n      <ax-color-palette-input></ax-color-palette-input>\n    </ax-color-palette>\n  </div>\n</ax-popover>\n", styles: [".ax-color-picker-wysiwyg-container{display:flex;align-items:center}.ax-color-picker-wysiwyg-container ax-prefix{padding:0}\n"], dependencies: [{ kind: "component", type: AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "component", type: AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: AXDecoratorColorIndicatorComponent, selector: "ax-color-indicator", inputs: ["previewColor"] }, { kind: "component", type: AXPopoverComponent, selector: "ax-popover", inputs: ["offsetX", "offsetY", "target", "placement", "content", "openOn", "closeOn", "hasBackdrop", "openAfter", "closeAfter", "backdropClass", "panelClass", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "component", type: AXColorPalleteComponent, selector: "ax-color-palette", inputs: ["disabled", "tabIndex", "readonly", "value", "state", "name", "checked"], outputs: ["onBlur", "onFocus", "valueChange", "stateChange", "onValueChanged", "readonlyChange", "disabledChange"] }, { 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: AXColorPalettePreviewComponent, selector: "ax-color-palette-preview" }, { kind: "component", type: AXColorPalettePickerComponent, selector: "ax-color-palette-picker" }, { kind: "component", type: AXColorPaletteInputComponent, selector: "ax-color-palette-input" }], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.13", ngImport: i0, type: AXWysiwygColorsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: AXWysiwygColorsComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ax-wysiwyg-colors', encapsulation: ViewEncapsulation.None, imports: [
                         AXButtonComponent,
@@ -411,10 +411,10 @@ class AXWysiwygFontStyleComponent {
             this.selectedFont.set(e);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.13", ngImport: i0, type: AXWysiwygFontStyleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.13", type: AXWysiwygFontStyleComponent, isStandalone: true, selector: "ax-wysiwyg-font-style", providers: [{ provide: AXComponent, useExisting: AXWysiwygFontStyleComponent }], ngImport: i0, template: "<div class=\"ax-wysiwyg-font-style-container\">\n  <ax-button (click)=\"bold()\" look=\"blank\" [selected]=\"boldState() ? true : false\">\n    <ax-icon class=\"ax-icon ax-icon-bold\"></ax-icon>\n  </ax-button>\n\n  <ax-button (click)=\"italic()\" look=\"blank\" [selected]=\"italicState() ? true : false\">\n    <ax-icon class=\"ax-icon ax-icon-italic\"></ax-icon>\n  </ax-button>\n\n  <ax-button (click)=\"underLine()\" look=\"blank\" [selected]=\"underLineState() ? true : false\">\n    <ax-icon class=\"ax-icon ax-icon-under-line\"></ax-icon>\n  </ax-button>\n\n  <ax-button (click)=\"strike()\" look=\"blank\" [selected]=\"strikeLineState() ? true : false\">\n    <ax-icon class=\"ax-icon ax-icon-strike\"></ax-icon>\n  </ax-button>\n\n  <ax-select-box\n    [look]=\"this.parent.look\"\n    (ngModelChange)=\"fontSizeHandler($event)\"\n    [ngModel]=\"selectedFont()\"\n    [dataSource]=\"['small', 'medium', 'large', 'huge']\"\n    placeholder=\"Choose...\"\n  >\n  </ax-select-box>\n</div>\n", styles: [".ax-wysiwyg-font-style-container{display:flex;justify-content:flex-start;align-items:center}\n"], dependencies: [{ kind: "component", type: AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "component", type: AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: AXSelectBoxComponent, selector: "ax-select-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "minValue", "maxValue", "value", "state", "name", "id", "type", "look", "multiple", "valueField", "textField", "disabledField", "textTemplate", "selectedItems", "dataSource", "minRecordsForSearch", "caption", "itemTemplate", "selectedTemplate", "emptyTemplate", "loadingTemplate", "dropdownWidth", "searchBoxAutoFocus"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange", "onOpened", "onClosed"] }, { 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"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: AXWysiwygFontStyleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: AXWysiwygFontStyleComponent, isStandalone: true, selector: "ax-wysiwyg-font-style", providers: [{ provide: AXComponent, useExisting: AXWysiwygFontStyleComponent }], ngImport: i0, template: "<div class=\"ax-wysiwyg-font-style-container\">\n  <ax-button (click)=\"bold()\" look=\"blank\" [selected]=\"boldState() ? true : false\">\n    <ax-icon class=\"ax-icon ax-icon-bold\"></ax-icon>\n  </ax-button>\n\n  <ax-button (click)=\"italic()\" look=\"blank\" [selected]=\"italicState() ? true : false\">\n    <ax-icon class=\"ax-icon ax-icon-italic\"></ax-icon>\n  </ax-button>\n\n  <ax-button (click)=\"underLine()\" look=\"blank\" [selected]=\"underLineState() ? true : false\">\n    <ax-icon class=\"ax-icon ax-icon-under-line\"></ax-icon>\n  </ax-button>\n\n  <ax-button (click)=\"strike()\" look=\"blank\" [selected]=\"strikeLineState() ? true : false\">\n    <ax-icon class=\"ax-icon ax-icon-strike\"></ax-icon>\n  </ax-button>\n\n  <ax-select-box\n    [look]=\"this.parent.look\"\n    (ngModelChange)=\"fontSizeHandler($event)\"\n    [ngModel]=\"selectedFont()\"\n    [dataSource]=\"['small', 'medium', 'large', 'huge']\"\n    placeholder=\"Choose...\"\n  >\n  </ax-select-box>\n</div>\n", styles: [".ax-wysiwyg-font-style-container{display:flex;justify-content:flex-start;align-items:center}\n"], dependencies: [{ kind: "component", type: AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "component", type: AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: AXSelectBoxComponent, selector: "ax-select-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "minValue", "maxValue", "value", "state", "name", "id", "type", "look", "multiple", "valueField", "textField", "disabledField", "textTemplate", "selectedItems", "dataSource", "minRecordsForSearch", "caption", "itemTemplate", "selectedTemplate", "emptyTemplate", "loadingTemplate", "dropdownWidth", "searchBoxAutoFocus"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange", "onOpened", "onClosed"] }, { 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"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.13", ngImport: i0, type: AXWysiwygFontStyleComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: AXWysiwygFontStyleComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ax-wysiwyg-font-style', imports: [AXButtonComponent, AXDecoratorIconComponent, AXSelectBoxComponent, FormsModule], providers: [{ provide: AXComponent, useExisting: AXWysiwygFontStyleComponent }], template: "<div class=\"ax-wysiwyg-font-style-container\">\n  <ax-button (click)=\"bold()\" look=\"blank\" [selected]=\"boldState() ? true : false\">\n    <ax-icon class=\"ax-icon ax-icon-bold\"></ax-icon>\n  </ax-button>\n\n  <ax-button (click)=\"italic()\" look=\"blank\" [selected]=\"italicState() ? true : false\">\n    <ax-icon class=\"ax-icon ax-icon-italic\"></ax-icon>\n  </ax-button>\n\n  <ax-button (click)=\"underLine()\" look=\"blank\" [selected]=\"underLineState() ? true : false\">\n    <ax-icon class=\"ax-icon ax-icon-under-line\"></ax-icon>\n  </ax-button>\n\n  <ax-button (click)=\"strike()\" look=\"blank\" [selected]=\"strikeLineState() ? true : false\">\n    <ax-icon class=\"ax-icon ax-icon-strike\"></ax-icon>\n  </ax-button>\n\n  <ax-select-box\n    [look]=\"this.parent.look\"\n    (ngModelChange)=\"fontSizeHandler($event)\"\n    [ngModel]=\"selectedFont()\"\n    [dataSource]=\"['small', 'medium', 'large', 'huge']\"\n    placeholder=\"Choose...\"\n  >\n  </ax-select-box>\n</div>\n", styles: [".ax-wysiwyg-font-style-container{display:flex;justify-content:flex-start;align-items:center}\n"] }]
         }], ctorParameters: () => [] });
@@ -436,10 +436,10 @@ class AXWysiwygHistoryComponent {
     redo() {
         this.service.wysiwyg().redo();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.13", ngImport: i0, type: AXWysiwygHistoryComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.13", type: AXWysiwygHistoryComponent, isStandalone: true, selector: "ax-wysiwyg-history", providers: [{ provide: AXComponent, useExisting: AXWysiwygHistoryComponent }], ngImport: i0, template: "<ax-button (click)=\"undo()\" look=\"blank\">\n  <ax-icon class=\"ax-icon ax-icon-undo\"></ax-icon>\n</ax-button>\n\n<ax-button (click)=\"redo()\" look=\"blank\">\n  <ax-icon class=\"ax-icon ax-icon-redo\"></ax-icon>\n</ax-button>\n", styles: ["ax-wysiwyg-history{display:flex}\n"], dependencies: [{ kind: "component", type: AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "component", type: AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: AXWysiwygHistoryComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: AXWysiwygHistoryComponent, isStandalone: true, selector: "ax-wysiwyg-history", providers: [{ provide: AXComponent, useExisting: AXWysiwygHistoryComponent }], ngImport: i0, template: "<ax-button (click)=\"undo()\" look=\"blank\">\n  <ax-icon class=\"ax-icon ax-icon-undo\"></ax-icon>\n</ax-button>\n\n<ax-button (click)=\"redo()\" look=\"blank\">\n  <ax-icon class=\"ax-icon ax-icon-redo\"></ax-icon>\n</ax-button>\n", styles: ["ax-wysiwyg-history{display:flex}\n"], dependencies: [{ kind: "component", type: AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "component", type: AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.13", ngImport: i0, type: AXWysiwygHistoryComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: AXWysiwygHistoryComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ax-wysiwyg-history', encapsulation: ViewEncapsulation.None, imports: [AXButtonComponent, AXDecoratorIconComponent], providers: [{ provide: AXComponent, useExisting: AXWysiwygHistoryComponent }], template: "<ax-button (click)=\"undo()\" look=\"blank\">\n  <ax-icon class=\"ax-icon ax-icon-undo\"></ax-icon>\n</ax-button>\n\n<ax-button (click)=\"redo()\" look=\"blank\">\n  <ax-icon class=\"ax-icon ax-icon-redo\"></ax-icon>\n</ax-button>\n", styles: ["ax-wysiwyg-history{display:flex}\n"] }]
         }] });
@@ -471,10 +471,10 @@ class AXWysiwygInsertComponent {
     submitLink() {
         this.service.wysiwyg().addImage(this.textBoxOptions.text);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.13", ngImport: i0, type: AXWysiwygInsertComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.13", type: AXWysiwygInsertComponent, isStandalone: true, selector: "ax-wysiwyg-insert", providers: [{ provide: AXComponent, useExisting: AXWysiwygInsertComponent }], ngImport: i0, template: "<ax-button #linkBtn look=\"blank\">\n  <ax-icon class=\"ax-icon ax-icon-image\"></ax-icon>\n</ax-button>\n\n<ax-popover\n  [adaptivityEnabled]=\"true\"\n  [openOn]=\"popoverOption.openOn\"\n  [closeOn]=\"popoverOption.closeOn\"\n  [target]=\"linkBtn\"\n  [placement]=\"popoverOption.placement\"\n>\n  <div class=\"ax-overlay-pane ax-insert-container\">\n    <ax-text-box\n      class=\"{{ textBoxOptions.size }}\"\n      [(ngModel)]=\"textBoxOptions.text\"\n      [placeholder]=\"textBoxOptions.placeholder\"\n    >\n      <ax-suffix>\n        <ax-button (click)=\"submitLink()\" color=\"secondary\" text=\"Add\"> </ax-button>\n      </ax-suffix>\n    </ax-text-box>\n  </div>\n</ax-popover>\n", styles: [".ax-insert-container{display:flex;padding:.5rem}\n"], dependencies: [{ kind: "component", type: AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "component", type: AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: AXPopoverComponent, selector: "ax-popover", inputs: ["offsetX", "offsetY", "target", "placement", "content", "openOn", "closeOn", "hasBackdrop", "openAfter", "closeAfter", "backdropClass", "panelClass", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "component", type: AXTextBoxComponent, selector: "ax-text-box", inputs: ["disabled", "tabIndex", "readonly", "value", "state", "name", "id", "placeholder", "maxLength", "allowNull", "type", "autoComplete", "look", "mask-options", "class"], outputs: ["onBlur", "onFocus", "valueChange", "stateChange", "onValueChanged", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress"] }, { 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: 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" }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: AXWysiwygInsertComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: AXWysiwygInsertComponent, isStandalone: true, selector: "ax-wysiwyg-insert", providers: [{ provide: AXComponent, useExisting: AXWysiwygInsertComponent }], ngImport: i0, template: "<ax-button #linkBtn look=\"blank\">\n  <ax-icon class=\"ax-icon ax-icon-image\"></ax-icon>\n</ax-button>\n\n<ax-popover\n  [adaptivityEnabled]=\"true\"\n  [openOn]=\"popoverOption.openOn\"\n  [closeOn]=\"popoverOption.closeOn\"\n  [target]=\"linkBtn\"\n  [placement]=\"popoverOption.placement\"\n>\n  <div class=\"ax-overlay-pane ax-insert-container\">\n    <ax-text-box\n      class=\"{{ textBoxOptions.size }}\"\n      [(ngModel)]=\"textBoxOptions.text\"\n      [placeholder]=\"textBoxOptions.placeholder\"\n    >\n      <ax-suffix>\n        <ax-button (click)=\"submitLink()\" color=\"secondary\" text=\"Add\"> </ax-button>\n      </ax-suffix>\n    </ax-text-box>\n  </div>\n</ax-popover>\n", styles: [".ax-insert-container{display:flex;padding:.5rem}\n"], dependencies: [{ kind: "component", type: AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "component", type: AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: AXPopoverComponent, selector: "ax-popover", inputs: ["offsetX", "offsetY", "target", "placement", "content", "openOn", "closeOn", "hasBackdrop", "openAfter", "closeAfter", "backdropClass", "panelClass", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "component", type: AXTextBoxComponent, selector: "ax-text-box", inputs: ["disabled", "tabIndex", "readonly", "value", "state", "name", "id", "placeholder", "maxLength", "allowNull", "type", "autoComplete", "look", "mask-options", "class"], outputs: ["onBlur", "onFocus", "valueChange", "stateChange", "onValueChanged", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress"] }, { 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: 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" }], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.13", ngImport: i0, type: AXWysiwygInsertComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: AXWysiwygInsertComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ax-wysiwyg-insert', encapsulation: ViewEncapsulation.None, imports: [
                         AXButtonComponent,
@@ -537,10 +537,10 @@ class AXWysiwygListComponent {
             this.listState.set('');
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.13", ngImport: i0, type: AXWysiwygListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.13", type: AXWysiwygListComponent, isStandalone: true, selector: "ax-wysiwyg-list", providers: [{ provide: AXComponent, useExisting: AXWysiwygListComponent }], ngImport: i0, template: "<ax-button (click)=\"orderList()\" look=\"blank\" [selected]=\"listState() === 'ordered' ? true : false\">\n  <ax-icon class=\"ax-icon ax-icon-order-list\"></ax-icon>\n</ax-button>\n\n<ax-button (click)=\"unOrderList()\" look=\"blank\" [selected]=\"listState() === 'bullet' ? true : false\">\n  <ax-icon class=\"ax-icon ax-icon-un-order-list\"></ax-icon>\n</ax-button>\n", styles: ["ax-wysiwyg-list{display:flex}\n"], dependencies: [{ kind: "component", type: AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "component", type: AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: AXWysiwygListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: AXWysiwygListComponent, isStandalone: true, selector: "ax-wysiwyg-list", providers: [{ provide: AXComponent, useExisting: AXWysiwygListComponent }], ngImport: i0, template: "<ax-button (click)=\"orderList()\" look=\"blank\" [selected]=\"listState() === 'ordered' ? true : false\">\n  <ax-icon class=\"ax-icon ax-icon-order-list\"></ax-icon>\n</ax-button>\n\n<ax-button (click)=\"unOrderList()\" look=\"blank\" [selected]=\"listState() === 'bullet' ? true : false\">\n  <ax-icon class=\"ax-icon ax-icon-un-order-list\"></ax-icon>\n</ax-button>\n", styles: ["ax-wysiwyg-list{display:flex}\n"], dependencies: [{ kind: "component", type: AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "component", type: AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.13", ngImport: i0, type: AXWysiwygListComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: AXWysiwygListComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ax-wysiwyg-list', encapsulation: ViewEncapsulation.None, imports: [AXButtonComponent, AXDecoratorIconComponent], providers: [{ provide: AXComponent, useExisting: AXWysiwygListComponent }], template: "<ax-button (click)=\"orderList()\" look=\"blank\" [selected]=\"listState() === 'ordered' ? true : false\">\n  <ax-icon class=\"ax-icon ax-icon-order-list\"></ax-icon>\n</ax-button>\n\n<ax-button (click)=\"unOrderList()\" look=\"blank\" [selected]=\"listState() === 'bullet' ? true : false\">\n  <ax-icon class=\"ax-icon ax-icon-un-order-list\"></ax-icon>\n</ax-button>\n", styles: ["ax-wysiwyg-list{display:flex}\n"] }]
         }], ctorParameters: () => [] });
@@ -574,10 +574,10 @@ class AXWysiwygViewComponent {
             e.target.classList.value,
         ]);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.13", ngImport: i0, type: AXWysiwygViewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.13", type: AXWysiwygViewComponent, isStandalone: true, selector: "ax-wysiwyg-view", inputs: { classes: { classPropertyName: "classes", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "keydown.Backspace": "onKeydownHandler($event)", "click": "editorStateHandler($event)" }, properties: { "class": "this.__hostClass" } }, providers: [{ provide: AXComponent, useExisting: AXWysiwygViewComponent }], ngImport: i0, template: "\n", styles: ["ax-wysiwyg-view{display:flex;flex-direction:column;width:100%;border-bottom:1px solid rgb(var(--ax-sys-color-border-lightest-surface))}.ql-container{flex-grow:1;height:0;font-family:inherit}.ql-editor.ql-blank:before{opacity:.5;font-weight:600;font-style:normal;color:rgba(var(--ax-sys-color-on-lightest-surface))}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: AXWysiwygViewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.14", type: AXWysiwygViewComponent, isStandalone: true, selector: "ax-wysiwyg-view", inputs: { classes: { classPropertyName: "classes", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "keydown.Backspace": "onKeydownHandler($event)", "click": "editorStateHandler($event)" }, properties: { "class": "this.__hostClass" } }, providers: [{ provide: AXComponent, useExisting: AXWysiwygViewComponent }], ngImport: i0, template: "\n", styles: ["ax-wysiwyg-view{display:flex;flex-direction:column;width:100%;border-bottom:1px solid rgb(var(--ax-sys-color-border-lightest-surface))}.ql-container{flex-grow:1;height:0;font-family:inherit}.ql-editor.ql-blank:before{opacity:.5;font-weight:600;font-style:normal;color:rgba(var(--ax-sys-color-on-lightest-surface))}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.13", ngImport: i0, type: AXWysiwygViewComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: AXWysiwygViewComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ax-wysiwyg-view', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [{ provide: AXComponent, useExisting: AXWysiwygViewComponent }], template: "\n", styles: ["ax-wysiwyg-view{display:flex;flex-direction:column;width:100%;border-bottom:1px solid rgb(var(--ax-sys-color-border-lightest-surface))}.ql-container{flex-grow:1;height:0;font-family:inherit}.ql-editor.ql-blank:before{opacity:.5;font-weight:600;font-style:normal;color:rgba(var(--ax-sys-color-on-lightest-surface))}\n"] }]
         }], propDecorators: { __hostClass: [{
@@ -611,8 +611,8 @@ const MODULES = [
     AXTextBoxModule,
 ];
 class AXWysiwygModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.13", ngImport: i0, type: AXWysiwygModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.13", ngImport: i0, type: AXWysiwygModule, imports: [AXButtonModule,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: AXWysiwygModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.14", ngImport: i0, type: AXWysiwygModule, imports: [AXButtonModule,
             AXDecoratorModule,
             AXSelectBoxModule,
             FormsModule,
@@ -633,14 +633,14 @@ class AXWysiwygModule {
             AXWysiwygHistoryComponent,
             AXWysiwygInsertComponent,
             AXWysiwygListComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.13", ngImport: i0, type: AXWysiwygModule, imports: [MODULES, AXWysiwygAlignmentComponent,
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: AXWysiwygModule, imports: [MODULES, AXWysiwygAlignmentComponent,
             AXWysiwygColorsComponent,
             AXWysiwygFontStyleComponent,
             AXWysiwygHistoryComponent,
             AXWysiwygInsertComponent,
             AXWysiwygListComponent] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.13", ngImport: i0, type: AXWysiwygModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: AXWysiwygModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [...MODULES, ...COMPONENT],

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@acorex/components",
-  "version": "19.15.0-next.24",
+  "version": "19.15.0-next.26",
   "peerDependencies": {
     "@angular/common": "^19.0.0",
     "@angular/core": "^19.0.0",
@@ -25,6 +25,10 @@
       "types": "./index.d.ts",
       "default": "./fesm2022/acorex-components.mjs"
     },
+    "./accordion": {
+      "types": "./accordion/index.d.ts",
+      "default": "./fesm2022/acorex-components-accordion.mjs"
+    },
     "./action-sheet": {
       "types": "./action-sheet/index.d.ts",
       "default": "./fesm2022/acorex-components-action-sheet.mjs"
@@ -85,10 +89,6 @@
       "types": "./collapse/index.d.ts",
       "default": "./fesm2022/acorex-components-collapse.mjs"
     },
-    "./collapse2": {
-      "types": "./collapse2/index.d.ts",
-      "default": "./fesm2022/acorex-components-collapse2.mjs"
-    },
     "./color-box": {
       "types": "./color-box/index.d.ts",
       "default": "./fesm2022/acorex-components-color-box.mjs"
@@ -325,6 +325,10 @@
       "types": "./selection-list/index.d.ts",
       "default": "./fesm2022/acorex-components-selection-list.mjs"
     },
+    "./selection-list-2": {
+      "types": "./selection-list-2/index.d.ts",
+      "default": "./fesm2022/acorex-components-selection-list-2.mjs"
+    },
     "./side-menu": {
       "types": "./side-menu/index.d.ts",
       "default": "./fesm2022/acorex-components-side-menu.mjs"

package/scheduler/lib/scheduler.class.d.ts

@@ -14,9 +14,9 @@ export type AXSchedulerAppointment = {
     startDate: Date;
     allDay?: boolean;
     readonly?: boolean;
-    textColor?: string;
+    cssClass?: string;
     description?: string;
-    backgroundColor?: string;
+    priority?: 'highest' | 'high' | 'medium' | 'low' | 'lowest';
 };
 export type AXSchedulerAppointmentSegment = AXSchedulerAppointment & {
     isContinuationFromPreviousDay: boolean;

package/selection-list-2/README.md

@@ -0,0 +1,3 @@
+# @acorex/components/selection-list-2
+
+Secondary entry point of `@acorex/components`. It can be used by importing from `@acorex/components/selection-list-2`.

package/selection-list-2/index.d.ts

@@ -0,0 +1,3 @@
+export * from './lib/selection-list2.component';
+export * from './lib/selection-list2.module';
+export * from './lib/selection-list2.type';

package/selection-list-2/lib/selection-list2.component.d.ts

@@ -0,0 +1,29 @@
+import { AXDirection, AXSelectionValueChangedEvent, MXSelectionValueComponent } from '@acorex/cdk/common';
+import { TemplateRef } from '@angular/core';
+import { AXSelectionList2Item, AXSelectionListLook } from './selection-list2.type';
+import * as i0 from "@angular/core";
+/**
+ * The Button is a component which detects user interaction and triggers a corresponding event
+ *
+ * @category Components
+ */
+export declare class AXSelectionList2Component extends MXSelectionValueComponent {
+    direction: import("@angular/core").InputSignal<AXDirection>;
+    customTemplate: import("@angular/core").InputSignal<TemplateRef<unknown>>;
+    look: import("@angular/core").InputSignal<AXSelectionListLook>;
+    onSelectionChanged: import("@angular/core").OutputEmitterRef<AXSelectionValueChangedEvent>;
+    protected changeState(e: AXSelectionValueChangedEvent): void;
+    private _showControl;
+    get showControl(): boolean;
+    set showControl(v: boolean);
+    private _items;
+    get items(): AXSelectionList2Item[];
+    set items(v: AXSelectionList2Item[]);
+    private _hintField;
+    get hintField(): string;
+    set hintField(v: string);
+    getItemByKey(key: unknown): unknown;
+    private get __hostClass();
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXSelectionList2Component, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXSelectionList2Component, "ax-selection-list2", never, { "id": { "alias": "id"; "required": false; }; "name": { "alias": "name"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "size": { "alias": "size"; "required": false; }; "value": { "alias": "value"; "required": false; }; "valueField": { "alias": "valueField"; "required": false; }; "textField": { "alias": "textField"; "required": false; }; "disabledField": { "alias": "disabledField"; "required": false; }; "readonlyField": { "alias": "readonlyField"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "direction": { "alias": "direction"; "required": false; "isSignal": true; }; "customTemplate": { "alias": "customTemplate"; "required": false; "isSignal": true; }; "look": { "alias": "look"; "required": false; "isSignal": true; }; "showControl": { "alias": "showControl"; "required": false; }; "items": { "alias": "items"; "required": false; }; }, { "onValueChanged": "onValueChanged"; "onBlur": "onBlur"; "onFocus": "onFocus"; "onSelectionChanged": "onSelectionChanged"; }, never, ["ax-validation-rule"], true, never>;
+}

package/selection-list-2/lib/selection-list2.module.d.ts

@@ -0,0 +1,13 @@
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "@angular/forms";
+import * as i3 from "@acorex/components/check-box";
+import * as i4 from "@acorex/components/radio";
+import * as i5 from "@acorex/components/label";
+import * as i6 from "@acorex/components/form";
+import * as i7 from "./selection-list2.component";
+export declare class AXSelectionList2Module {
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXSelectionList2Module, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AXSelectionList2Module, never, [typeof i1.CommonModule, typeof i2.FormsModule, typeof i3.AXCheckBoxModule, typeof i4.AXRadioModule, typeof i5.AXLabelModule, typeof i6.AXFormModule, typeof i7.AXSelectionList2Component], [typeof i7.AXSelectionList2Component]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<AXSelectionList2Module>;
+}

package/selection-list-2/lib/selection-list2.type.d.ts

@@ -0,0 +1,7 @@
+export type AXSelectionListLook = 'solid' | 'divided' | 'card';
+export type AXSelectionList2Item = {
+    id: string | number;
+    text: string;
+    hint?: string;
+    disabled?: boolean;
+};

package/side-menu/lib/side-menu.directive.d.ts

@@ -9,6 +9,7 @@ export declare class AXOutlineSideMenuDirective {
     container: AXOutlineContainerDirective;
     private unsubscriber;
     private updateSideMenu;
+    private textReplace;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXOutlineSideMenuDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<AXOutlineSideMenuDirective, "[axOutlineSideMenu]", ["axOutlineSideMenu"], {}, {}, never, never, true, never>;
 }

package/collapse2/README.md

@@ -1,3 +0,0 @@
-# @acorex/components/collapse2
-
-Secondary entry point of `@acorex/components`. It can be used by importing from `@acorex/components/collapse2`.

package/collapse2/index.d.ts

@@ -1,3 +0,0 @@
-export * from './lib/collapse2-group/collapse2-group.component';
-export * from './lib/collapse2-item/collapse2-item.component';
-export * from './lib/collapse2.module';

package/collapse2/lib/collapse2.module.d.ts

@@ -1,8 +0,0 @@
-import * as i0 from "@angular/core";
-import * as i1 from "./collapse2-item/collapse2-item.component";
-import * as i2 from "./collapse2-group/collapse2-group.component";
-export declare class AXCollapse2Module {
-    static ɵfac: i0.ɵɵFactoryDeclaration<AXCollapse2Module, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<AXCollapse2Module, never, [typeof i1.AXCollapse2ItemComponent, typeof i2.AXCollapse2GroupComponent], [typeof i1.AXCollapse2ItemComponent, typeof i2.AXCollapse2GroupComponent]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<AXCollapse2Module>;
-}

package/fesm2022/acorex-components-collapse2.mjs

@@ -1,120 +0,0 @@
-import * as i1 from '@acorex/cdk/collapse';
-import { AXCollapseGroupDirective, AXCollapseItemDirective, AXCollapseItemHeaderDirective, AXCollapseItemContentDirective } from '@acorex/cdk/collapse';
-import { MXLookableComponent, AXComponent } from '@acorex/cdk/common';
-import { AXCollapseGroupComponent } from '@acorex/components/collapse';
-import * as i2 from '@acorex/components/loading';
-import { AXLoadingModule } from '@acorex/components/loading';
-import * as i3 from '@angular/common';
-import { CommonModule } from '@angular/common';
-import * as i0 from '@angular/core';
-import { inject, input, output, afterNextRender, effect, HostBinding, ViewEncapsulation, ChangeDetectionStrategy, Component, model, NgModule } from '@angular/core';
-
-class AXCollapse2GroupComponent {
-    constructor() {
-        this.collapseGroup = inject(AXCollapseGroupDirective);
-        this.accordion = input(true);
-        this.activeIndex = input(null);
-        this.look = input('solid');
-        this.activeIndexChange = output();
-        this.#init = afterNextRender(() => {
-            this.collapseGroup.activeIndexChange.subscribe((index) => {
-                this.activeIndexChange.emit(index);
-            });
-        });
-        this.#eff = effect(() => {
-            this.collapseGroup.accordion.set(this.accordion());
-            this.collapseGroup.activeIndex.set(this.activeIndex());
-        });
-    }
-    #init;
-    #eff;
-    get __hostClass() {
-        return `ax-${this.look()}`;
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.13", ngImport: i0, type: AXCollapse2GroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.13", type: AXCollapse2GroupComponent, isStandalone: true, selector: "ax-collapse2-group", inputs: { accordion: { classPropertyName: "accordion", publicName: "accordion", isSignal: true, isRequired: false, transformFunction: null }, activeIndex: { classPropertyName: "activeIndex", publicName: "activeIndex", isSignal: true, isRequired: false, transformFunction: null }, look: { classPropertyName: "look", publicName: "look", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { activeIndexChange: "activeIndexChange" }, host: { properties: { "class": "this.__hostClass" } }, providers: [
-            {
-                provide: MXLookableComponent,
-                useExisting: AXCollapseGroupComponent,
-            },
-            { provide: AXComponent, useExisting: AXCollapseGroupComponent },
-        ], hostDirectives: [{ directive: i1.AXCollapseGroupDirective }], ngImport: i0, template: `<ng-content select="ax-collapse2-item"></ng-content>`, isInline: true, styles: ["ax-collapse2-group ax-collapse2-item.ax-solid{--ax-comp-collapse-bg-color: var(--ax-sys-color-lightest-surface);--ax-comp-collapse-border-color: var(--ax-sys-color-border-lightest-surface);--ax-comp-collapse-border-width: 1px}.ax-dark ax-collapse2-group ax-collapse2-item.ax-solid{--ax-comp-collapse-bg-color: var(--ax-sys-color-darkest-surface);--ax-comp-collapse-border-color: var(--ax-sys-color-border-darkest-surface)}ax-collapse2-group ax-collapse2-item.ax-fill{--ax-comp-collapse-bg-color: var(--ax-sys-color-surface)}ax-collapse2-group ax-collapse2-item.ax-flat{--ax-comp-collapse-border-color: var(--ax-sys-color-border-lightest-surface);--ax-comp-collapse-border-width: 1px}ax-collapse2-group ax-collapse2-item.ax-outline{--ax-comp-collapse-border-color: var(--ax-sys-color-border-surface);--ax-comp-collapse-border-width: 1px}ax-collapse2-group ax-collapse2-item{--ax-comp-collapse-margin: .5rem}ax-collapse2-group{display:block;width:100%;overflow:hidden;font-size:1rem;line-height:1.5rem}ax-collapse2-group ax-collapse2-item{margin-bottom:var(--ax-comp-collapse-margin)}ax-collapse2-group ax-collapse2-item.ax-solid{border-radius:var(--ax-sys-border-radius);border-width:var(--ax-comp-collapse-border-width);border-color:rgba(var(--ax-comp-collapse-border-color))}ax-collapse2-group ax-collapse2-item.ax-solid .ax-collapse-header{background-color:rgba(var(--ax-comp-collapse-bg-color))}ax-collapse2-group ax-collapse2-item.ax-fill .ax-collapse-header{border-radius:var(--ax-sys-border-radius);background-color:rgba(var(--ax-comp-collapse-bg-color))}ax-collapse2-group ax-collapse2-item.ax-outline{border-radius:var(--ax-sys-border-radius);border-width:var(--ax-comp-collapse-border-width);border-color:rgba(var(--ax-comp-collapse-border-color))}ax-collapse2-group ax-collapse2-item.ax-outline .ax-collapse-header{background-color:transparent}ax-collapse2-group ax-collapse2-item.ax-flat{border-bottom-width:var(--ax-comp-collapse-border-width);border-color:rgba(var(--ax-comp-collapse-border-color))}ax-collapse2-group ax-collapse2-item.ax-flat .ax-collapse-header{background-color:transparent}\n"], dependencies: [{ kind: "ngmodule", type: AXLoadingModule }, { kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.13", ngImport: i0, type: AXCollapse2GroupComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'ax-collapse2-group', imports: [AXLoadingModule, CommonModule], hostDirectives: [AXCollapseGroupDirective], template: `<ng-content select="ax-collapse2-item"></ng-content>`, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [
-                        {
-                            provide: MXLookableComponent,
-                            useExisting: AXCollapseGroupComponent,
-                        },
-                        { provide: AXComponent, useExisting: AXCollapseGroupComponent },
-                    ], styles: ["ax-collapse2-group ax-collapse2-item.ax-solid{--ax-comp-collapse-bg-color: var(--ax-sys-color-lightest-surface);--ax-comp-collapse-border-color: var(--ax-sys-color-border-lightest-surface);--ax-comp-collapse-border-width: 1px}.ax-dark ax-collapse2-group ax-collapse2-item.ax-solid{--ax-comp-collapse-bg-color: var(--ax-sys-color-darkest-surface);--ax-comp-collapse-border-color: var(--ax-sys-color-border-darkest-surface)}ax-collapse2-group ax-collapse2-item.ax-fill{--ax-comp-collapse-bg-color: var(--ax-sys-color-surface)}ax-collapse2-group ax-collapse2-item.ax-flat{--ax-comp-collapse-border-color: var(--ax-sys-color-border-lightest-surface);--ax-comp-collapse-border-width: 1px}ax-collapse2-group ax-collapse2-item.ax-outline{--ax-comp-collapse-border-color: var(--ax-sys-color-border-surface);--ax-comp-collapse-border-width: 1px}ax-collapse2-group ax-collapse2-item{--ax-comp-collapse-margin: .5rem}ax-collapse2-group{display:block;width:100%;overflow:hidden;font-size:1rem;line-height:1.5rem}ax-collapse2-group ax-collapse2-item{margin-bottom:var(--ax-comp-collapse-margin)}ax-collapse2-group ax-collapse2-item.ax-solid{border-radius:var(--ax-sys-border-radius);border-width:var(--ax-comp-collapse-border-width);border-color:rgba(var(--ax-comp-collapse-border-color))}ax-collapse2-group ax-collapse2-item.ax-solid .ax-collapse-header{background-color:rgba(var(--ax-comp-collapse-bg-color))}ax-collapse2-group ax-collapse2-item.ax-fill .ax-collapse-header{border-radius:var(--ax-sys-border-radius);background-color:rgba(var(--ax-comp-collapse-bg-color))}ax-collapse2-group ax-collapse2-item.ax-outline{border-radius:var(--ax-sys-border-radius);border-width:var(--ax-comp-collapse-border-width);border-color:rgba(var(--ax-comp-collapse-border-color))}ax-collapse2-group ax-collapse2-item.ax-outline .ax-collapse-header{background-color:transparent}ax-collapse2-group ax-collapse2-item.ax-flat{border-bottom-width:var(--ax-comp-collapse-border-width);border-color:rgba(var(--ax-comp-collapse-border-color))}ax-collapse2-group ax-collapse2-item.ax-flat .ax-collapse-header{background-color:transparent}\n"] }]
-        }], propDecorators: { __hostClass: [{
-                type: HostBinding,
-                args: ['class']
-            }] } });
-
-class AXCollapse2ItemComponent {
-    constructor() {
-        this.showHeader = input(true);
-        this.isCollapsed = model(true);
-        this.icon = input('');
-        this.caption = input('');
-        this.isLoading = input(false);
-        this.headerTemplate = input(null);
-        this.look = input('solid');
-        this.disabled = input(false);
-        this.collapseItem = inject(AXCollapseItemDirective);
-        this.parent = inject(AXCollapse2GroupComponent);
-        this.onClick = output();
-        this.isCollapsedChange = output();
-        this.#init = afterNextRender(() => {
-            this.collapseItem.collapse.subscribe((isCollapsed) => {
-                this.isCollapsed.set(isCollapsed);
-                this.isCollapsedChange.emit(isCollapsed);
-            });
-            this.collapseItem.onClick.subscribe((e) => {
-                this.onClick.emit(e);
-            });
-        });
-    }
-    #init;
-    get __hostClass() {
-        return [
-            `${this.disabled() ? 'ax-state-disabled' : ''}`,
-            `ax-${this.parent?.look() ? this.parent.look() : this.look()}`,
-        ];
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.13", ngImport: i0, type: AXCollapse2ItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.13", type: AXCollapse2ItemComponent, isStandalone: true, selector: "ax-collapse2-item", inputs: { showHeader: { classPropertyName: "showHeader", publicName: "showHeader", isSignal: true, isRequired: false, transformFunction: null }, isCollapsed: { classPropertyName: "isCollapsed", publicName: "isCollapsed", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, caption: { classPropertyName: "caption", publicName: "caption", isSignal: true, isRequired: false, transformFunction: null }, isLoading: { classPropertyName: "isLoading", publicName: "isLoading", isSignal: true, isRequired: false, transformFunction: null }, headerTemplate: { classPropertyName: "headerTemplate", publicName: "headerTemplate", isSignal: true, isRequired: false, transformFunction: null }, look: { classPropertyName: "look", publicName: "look", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { isCollapsed: "isCollapsedChange", onClick: "onClick", isCollapsedChange: "isCollapsedChange" }, host: { properties: { "class": "this.__hostClass" } }, hostDirectives: [{ directive: i1.AXCollapseItemDirective }], ngImport: i0, template: "@if (showHeader()) {\n  <div axCollapseItemHeader class=\"ax-collapse-header\">\n    @if (headerTemplate()) {\n      <div class=\"ax-collapse-custom-header-container\">\n        <ng-container\n          [ngTemplateOutlet]=\"headerTemplate()\"\n          [ngTemplateOutletContext]=\"{ $implicit: { caption: caption(), isCollapsed: isCollapsed() } }\"\n        ></ng-container>\n      </div>\n    } @else {\n      <div class=\"ax-collapse-header-container\">\n        <div class=\"ax-collapse-header-start\">\n          <span class=\"ax-collapse-header-icon\" [class]=\"icon()\"> </span>\n          <span>\n            {{ caption() }}\n          </span>\n        </div>\n        <div class=\"ax-collapse-header-end\">\n          @if (isLoading()) {\n            <ax-loading></ax-loading>\n          } @else {\n            <span\n              class=\"ax-icon ax-icon-chevron-left ax-collapse-arrow\"\n              [ngClass]=\"{ '-rotation-90': isCollapsed(), 'rotation-90': !isCollapsed() }\"\n            ></span>\n          }\n        </div>\n      </div>\n    }\n  </div>\n}\n\n<div axCollapseItemContent class=\"ax-collapse-body\">\n  <div class=\"ax-collapse-body-content\">\n    <ng-content></ng-content>\n  </div>\n</div>\n", styles: ["ax-collapse2-group ax-collapse2-item.ax-solid{--ax-comp-collapse-bg-color: var(--ax-sys-color-lightest-surface);--ax-comp-collapse-border-color: var(--ax-sys-color-border-lightest-surface);--ax-comp-collapse-border-width: 1px}.ax-dark ax-collapse2-group ax-collapse2-item.ax-solid{--ax-comp-collapse-bg-color: var(--ax-sys-color-darkest-surface);--ax-comp-collapse-border-color: var(--ax-sys-color-border-darkest-surface)}ax-collapse2-group ax-collapse2-item.ax-fill{--ax-comp-collapse-bg-color: var(--ax-sys-color-surface)}ax-collapse2-group ax-collapse2-item.ax-flat{--ax-comp-collapse-border-color: var(--ax-sys-color-border-lightest-surface);--ax-comp-collapse-border-width: 1px}ax-collapse2-group ax-collapse2-item.ax-outline{--ax-comp-collapse-border-color: var(--ax-sys-color-border-surface);--ax-comp-collapse-border-width: 1px}ax-collapse2-group ax-collapse2-item{--ax-comp-collapse-margin: .5rem}ax-collapse2-item{display:block;width:100%;overflow:hidden;font-size:1rem;line-height:1.5rem}ax-collapse2-item.ax-state-disabled{cursor:not-allowed;opacity:.5}ax-collapse2-item .ax-collapse-header,ax-collapse2-item .ax-collapse-body{font-size:.875rem;line-height:1.25rem;color:rgba(var(--ax-sys-color-on-surface-high))!important}ax-collapse2-item .ax-collapse-header{cursor:pointer;-webkit-user-select:none;user-select:none;padding:.75rem}ax-collapse2-item .ax-collapse-header .ax-collapse-header-container{display:flex;justify-content:space-between}ax-collapse2-item .ax-collapse-header .ax-collapse-header-container .ax-collapse-header-start{display:flex;align-items:center}ax-collapse2-item .ax-collapse-header .ax-collapse-header-container .ax-collapse-header-start:not(:empty) .ax-collapse-header-icon{padding-inline-end:.5rem}ax-collapse2-item .ax-collapse-header .ax-collapse-header-container .ax-collapse-header-end{display:flex;height:1.5rem;width:1.5rem;align-items:center;justify-content:center}ax-collapse2-item .ax-collapse-header .ax-collapse-header-container .ax-collapse-header-end .ax-collapse-arrow{transition-property:all;transition-duration:var(--ax-sys-transition-duration);transition-timing-function:var(--ax-sys-transition-timing-function);display:block}ax-collapse2-item .ax-collapse-header .ax-collapse-header-container .ax-collapse-header-end .ax-collapse-arrow.-rotation-90{transform:rotate(-90deg)}ax-collapse2-item .ax-collapse-header .ax-collapse-header-container .ax-collapse-header-end .ax-collapse-arrow.rotation-90{transform:rotate(90deg)}ax-collapse2-item .ax-collapse-body .ax-collapse-body-content{padding:1rem;padding-inline-end:1rem;padding-inline-start:1.25rem}\n"], dependencies: [{ kind: "ngmodule", type: AXLoadingModule }, { kind: "component", type: i2.AXLoadingComponent, selector: "ax-loading", inputs: ["visible", "type", "context"], outputs: ["visibleChange"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: AXCollapseItemHeaderDirective, selector: "[axCollapseItemHeader]", exportAs: ["axCollapseItemHeader"] }, { kind: "directive", type: AXCollapseItemContentDirective, selector: "[axCollapseItemContent]", inputs: ["transition"], exportAs: ["axCollapseItemContent"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.13", ngImport: i0, type: AXCollapse2ItemComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'ax-collapse2-item', imports: [AXLoadingModule, CommonModule, AXCollapseItemHeaderDirective, AXCollapseItemContentDirective], hostDirectives: [AXCollapseItemDirective], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "@if (showHeader()) {\n  <div axCollapseItemHeader class=\"ax-collapse-header\">\n    @if (headerTemplate()) {\n      <div class=\"ax-collapse-custom-header-container\">\n        <ng-container\n          [ngTemplateOutlet]=\"headerTemplate()\"\n          [ngTemplateOutletContext]=\"{ $implicit: { caption: caption(), isCollapsed: isCollapsed() } }\"\n        ></ng-container>\n      </div>\n    } @else {\n      <div class=\"ax-collapse-header-container\">\n        <div class=\"ax-collapse-header-start\">\n          <span class=\"ax-collapse-header-icon\" [class]=\"icon()\"> </span>\n          <span>\n            {{ caption() }}\n          </span>\n        </div>\n        <div class=\"ax-collapse-header-end\">\n          @if (isLoading()) {\n            <ax-loading></ax-loading>\n          } @else {\n            <span\n              class=\"ax-icon ax-icon-chevron-left ax-collapse-arrow\"\n              [ngClass]=\"{ '-rotation-90': isCollapsed(), 'rotation-90': !isCollapsed() }\"\n            ></span>\n          }\n        </div>\n      </div>\n    }\n  </div>\n}\n\n<div axCollapseItemContent class=\"ax-collapse-body\">\n  <div class=\"ax-collapse-body-content\">\n    <ng-content></ng-content>\n  </div>\n</div>\n", styles: ["ax-collapse2-group ax-collapse2-item.ax-solid{--ax-comp-collapse-bg-color: var(--ax-sys-color-lightest-surface);--ax-comp-collapse-border-color: var(--ax-sys-color-border-lightest-surface);--ax-comp-collapse-border-width: 1px}.ax-dark ax-collapse2-group ax-collapse2-item.ax-solid{--ax-comp-collapse-bg-color: var(--ax-sys-color-darkest-surface);--ax-comp-collapse-border-color: var(--ax-sys-color-border-darkest-surface)}ax-collapse2-group ax-collapse2-item.ax-fill{--ax-comp-collapse-bg-color: var(--ax-sys-color-surface)}ax-collapse2-group ax-collapse2-item.ax-flat{--ax-comp-collapse-border-color: var(--ax-sys-color-border-lightest-surface);--ax-comp-collapse-border-width: 1px}ax-collapse2-group ax-collapse2-item.ax-outline{--ax-comp-collapse-border-color: var(--ax-sys-color-border-surface);--ax-comp-collapse-border-width: 1px}ax-collapse2-group ax-collapse2-item{--ax-comp-collapse-margin: .5rem}ax-collapse2-item{display:block;width:100%;overflow:hidden;font-size:1rem;line-height:1.5rem}ax-collapse2-item.ax-state-disabled{cursor:not-allowed;opacity:.5}ax-collapse2-item .ax-collapse-header,ax-collapse2-item .ax-collapse-body{font-size:.875rem;line-height:1.25rem;color:rgba(var(--ax-sys-color-on-surface-high))!important}ax-collapse2-item .ax-collapse-header{cursor:pointer;-webkit-user-select:none;user-select:none;padding:.75rem}ax-collapse2-item .ax-collapse-header .ax-collapse-header-container{display:flex;justify-content:space-between}ax-collapse2-item .ax-collapse-header .ax-collapse-header-container .ax-collapse-header-start{display:flex;align-items:center}ax-collapse2-item .ax-collapse-header .ax-collapse-header-container .ax-collapse-header-start:not(:empty) .ax-collapse-header-icon{padding-inline-end:.5rem}ax-collapse2-item .ax-collapse-header .ax-collapse-header-container .ax-collapse-header-end{display:flex;height:1.5rem;width:1.5rem;align-items:center;justify-content:center}ax-collapse2-item .ax-collapse-header .ax-collapse-header-container .ax-collapse-header-end .ax-collapse-arrow{transition-property:all;transition-duration:var(--ax-sys-transition-duration);transition-timing-function:var(--ax-sys-transition-timing-function);display:block}ax-collapse2-item .ax-collapse-header .ax-collapse-header-container .ax-collapse-header-end .ax-collapse-arrow.-rotation-90{transform:rotate(-90deg)}ax-collapse2-item .ax-collapse-header .ax-collapse-header-container .ax-collapse-header-end .ax-collapse-arrow.rotation-90{transform:rotate(90deg)}ax-collapse2-item .ax-collapse-body .ax-collapse-body-content{padding:1rem;padding-inline-end:1rem;padding-inline-start:1.25rem}\n"] }]
-        }], propDecorators: { __hostClass: [{
-                type: HostBinding,
-                args: ['class']
-            }] } });
-
-const COMPONENT = [AXCollapse2ItemComponent, AXCollapse2GroupComponent];
-const MODULES = [];
-class AXCollapse2Module {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.13", ngImport: i0, type: AXCollapse2Module, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.13", ngImport: i0, type: AXCollapse2Module, imports: [AXCollapse2ItemComponent, AXCollapse2GroupComponent], exports: [AXCollapse2ItemComponent, AXCollapse2GroupComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.13", ngImport: i0, type: AXCollapse2Module, imports: [MODULES, COMPONENT] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.13", ngImport: i0, type: AXCollapse2Module, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [...MODULES, ...COMPONENT],
-                    exports: [...COMPONENT],
-                    providers: [],
-                }]
-        }] });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { AXCollapse2GroupComponent, AXCollapse2ItemComponent, AXCollapse2Module };
-//# sourceMappingURL=acorex-components-collapse2.mjs.map