ngx-tethys 18.2.7 → 19.0.0-next.0

package/fesm2022/ngx-tethys-checkbox.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { forwardRef, Component, Input, NgModule } from '@angular/core';
+import { forwardRef, Input, Component, NgModule } from '@angular/core';
 import { NgClass, CommonModule } from '@angular/common';
 import { NG_VALUE_ACCESSOR, FormsModule } from '@angular/forms';
 import { ThyFormCheckBaseComponent } from 'ngx-tethys/shared';
@@ -23,8 +23,8 @@ class ThyCheckbox extends ThyFormCheckBaseComponent {
     set thyIndeterminate(value) {
         this.isIndeterminate = value;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ThyCheckbox, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: ThyCheckbox, isStandalone: true, selector: "thy-checkbox,[thy-checkbox],[thyCheckbox]", inputs: { thyIndeterminate: ["thyIndeterminate", "thyIndeterminate", coerceBooleanProperty] }, host: { properties: { "attr.tabindex": "-1", "class.disabled": "_disabled" }, classAttribute: "thy-checkbox" }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: ThyCheckbox, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.2", type: ThyCheckbox, isStandalone: true, selector: "thy-checkbox,[thy-checkbox],[thyCheckbox]", inputs: { thyIndeterminate: ["thyIndeterminate", "thyIndeterminate", coerceBooleanProperty] }, host: { properties: { "attr.tabindex": "-1", "class.disabled": "_disabled" }, classAttribute: "thy-checkbox" }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => ThyCheckbox),
@@ -32,7 +32,7 @@ class ThyCheckbox extends ThyFormCheckBaseComponent {
             }
         ], usesInheritance: true, ngImport: i0, template: "<input\n  class=\"form-check-input\"\n  [ngClass]=\"{ 'form-check-indeterminate': isIndeterminate, 'form-check-no-label-text': !_labelText }\"\n  [checked]=\"_innerValue\"\n  (change)=\"change()\"\n  type=\"checkbox\"\n  [attr.tabindex]=\"tabIndex\"\n  [disabled]=\"_disabled\" />\n@if (_labelText) {\n  <span class=\"form-check-label\">{{ _labelText }}</span>\n}\n<ng-content></ng-content>\n", dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ThyCheckbox, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: ThyCheckbox, decorators: [{
             type: Component,
             args: [{ selector: 'thy-checkbox,[thy-checkbox],[thyCheckbox]', providers: [
                         {
@@ -44,18 +44,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         '[attr.tabindex]': '-1',
                         class: 'thy-checkbox',
                         '[class.disabled]': '_disabled'
-                    }, standalone: true, imports: [NgClass], template: "<input\n  class=\"form-check-input\"\n  [ngClass]=\"{ 'form-check-indeterminate': isIndeterminate, 'form-check-no-label-text': !_labelText }\"\n  [checked]=\"_innerValue\"\n  (change)=\"change()\"\n  type=\"checkbox\"\n  [attr.tabindex]=\"tabIndex\"\n  [disabled]=\"_disabled\" />\n@if (_labelText) {\n  <span class=\"form-check-label\">{{ _labelText }}</span>\n}\n<ng-content></ng-content>\n" }]
+                    }, imports: [NgClass], template: "<input\n  class=\"form-check-input\"\n  [ngClass]=\"{ 'form-check-indeterminate': isIndeterminate, 'form-check-no-label-text': !_labelText }\"\n  [checked]=\"_innerValue\"\n  (change)=\"change()\"\n  type=\"checkbox\"\n  [attr.tabindex]=\"tabIndex\"\n  [disabled]=\"_disabled\" />\n@if (_labelText) {\n  <span class=\"form-check-label\">{{ _labelText }}</span>\n}\n<ng-content></ng-content>\n" }]
         }], propDecorators: { thyIndeterminate: [{
                 type: Input,
                 args: [{ transform: coerceBooleanProperty }]
             }] } });
 
 class ThyCheckboxModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ThyCheckboxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: ThyCheckboxModule, imports: [CommonModule, FormsModule, ThyCheckbox], exports: [ThyCheckbox] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ThyCheckboxModule, imports: [CommonModule, FormsModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: ThyCheckboxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.2", ngImport: i0, type: ThyCheckboxModule, imports: [CommonModule, FormsModule, ThyCheckbox], exports: [ThyCheckbox] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: ThyCheckboxModule, imports: [CommonModule, FormsModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ThyCheckboxModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: ThyCheckboxModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule, FormsModule, ThyCheckbox],

package/fesm2022/ngx-tethys-checkbox.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ngx-tethys-checkbox.mjs","sources":["../../../src/checkbox/checkbox.component.ts","../../../src/checkbox/checkbox.component.html","../../../src/checkbox/module.ts","../../../src/checkbox/index.ts","../../../src/checkbox/ngx-tethys-checkbox.ts"],"sourcesContent":["import { Component, forwardRef, Input } from '@angular/core';\nimport { NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { ThyFormCheckBaseComponent } from 'ngx-tethys/shared';\nimport { NgClass } from '@angular/common';\nimport { coerceBooleanProperty } from 'ngx-tethys/util';\n\n/**\n * 多选框组件\n * @name thy-checkbox,[thy-checkbox],[thyCheckbox]\n * @order 10\n */\n@Component({\n    selector: 'thy-checkbox,[thy-checkbox],[thyCheckbox]',\n    templateUrl: './checkbox.component.html',\n    providers: [\n        {\n            provide: NG_VALUE_ACCESSOR,\n            useExisting: forwardRef(() => ThyCheckbox),\n            multi: true\n        }\n    ],\n    host: {\n        '[attr.tabindex]': '-1',\n        class: 'thy-checkbox',\n        '[class.disabled]': '_disabled'\n    },\n    standalone: true,\n    imports: [NgClass]\n})\nexport class ThyCheckbox extends ThyFormCheckBaseComponent {\n    isIndeterminate = false;\n\n    /**\n     * 设置 indeterminate 状态，只负责样式控制\n     * @description.en-us Set the indeterminate state, responsible only for style control\n     * @default false\n     */\n    @Input({ transform: coerceBooleanProperty })\n    set thyIndeterminate(value: boolean) {\n        this.isIndeterminate = value;\n    }\n}\n","<input\n  class=\"form-check-input\"\n  [ngClass]=\"{ 'form-check-indeterminate': isIndeterminate, 'form-check-no-label-text': !_labelText }\"\n  [checked]=\"_innerValue\"\n  (change)=\"change()\"\n  type=\"checkbox\"\n  [attr.tabindex]=\"tabIndex\"\n  [disabled]=\"_disabled\" />\n@if (_labelText) {\n  <span class=\"form-check-label\">{{ _labelText }}</span>\n}\n<ng-content></ng-content>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { FormsModule } from '@angular/forms';\nimport { ThyCheckbox } from './checkbox.component';\n\n@NgModule({\n    imports: [CommonModule, FormsModule, ThyCheckbox],\n    exports: [ThyCheckbox]\n})\nexport class ThyCheckboxModule {}\n","export * from './module';\nexport * from './checkbox.component';\n// export * from './checkbox-group.component';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;AAMA;;;;AAIG;AAmBG,MAAO,WAAY,SAAQ,yBAAyB,CAAA;AAlB1D,IAAA,WAAA,GAAA;;QAmBI,IAAe,CAAA,eAAA,GAAG,KAAK,CAAC;AAW3B,KAAA;AATG;;;;AAIG;IACH,IACI,gBAAgB,CAAC,KAAc,EAAA;AAC/B,QAAA,IAAI,CAAC,eAAe,GAAG,KAAK,CAAC;KAChC;+GAXQ,WAAW,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;mGAAX,WAAW,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,2CAAA,EAAA,MAAA,EAAA,EAAA,gBAAA,EAAA,CAAA,kBAAA,EAAA,kBAAA,EAQA,qBAAqB,CAvB9B,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,eAAA,EAAA,IAAA,EAAA,gBAAA,EAAA,WAAA,EAAA,EAAA,cAAA,EAAA,cAAA,EAAA,EAAA,SAAA,EAAA;AACP,YAAA;AACI,gBAAA,OAAO,EAAE,iBAAiB;AAC1B,gBAAA,WAAW,EAAE,UAAU,CAAC,MAAM,WAAW,CAAC;AAC1C,gBAAA,KAAK,EAAE,IAAI;AACd,aAAA;SACJ,ECpBL,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,0YAYA,4CDec,OAAO,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,SAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA,EAAA;;4FAER,WAAW,EAAA,UAAA,EAAA,CAAA;kBAlBvB,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,2CAA2C,EAE1C,SAAA,EAAA;AACP,wBAAA;AACI,4BAAA,OAAO,EAAE,iBAAiB;AAC1B,4BAAA,WAAW,EAAE,UAAU,CAAC,iBAAiB,CAAC;AAC1C,4BAAA,KAAK,EAAE,IAAI;AACd,yBAAA;qBACJ,EACK,IAAA,EAAA;AACF,wBAAA,iBAAiB,EAAE,IAAI;AACvB,wBAAA,KAAK,EAAE,cAAc;AACrB,wBAAA,kBAAkB,EAAE,WAAW;AAClC,qBAAA,EAAA,UAAA,EACW,IAAI,EAAA,OAAA,EACP,CAAC,OAAO,CAAC,EAAA,QAAA,EAAA,0YAAA,EAAA,CAAA;8BAWd,gBAAgB,EAAA,CAAA;sBADnB,KAAK;uBAAC,EAAE,SAAS,EAAE,qBAAqB,EAAE,CAAA;;;ME5BlC,iBAAiB,CAAA;+GAAjB,iBAAiB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA,EAAA;AAAjB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,iBAAiB,YAHhB,YAAY,EAAE,WAAW,EAAE,WAAW,aACtC,WAAW,CAAA,EAAA,CAAA,CAAA,EAAA;gHAEZ,iBAAiB,EAAA,OAAA,EAAA,CAHhB,YAAY,EAAE,WAAW,CAAA,EAAA,CAAA,CAAA,EAAA;;4FAG1B,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAJ7B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACN,oBAAA,OAAO,EAAE,CAAC,YAAY,EAAE,WAAW,EAAE,WAAW,CAAC;oBACjD,OAAO,EAAE,CAAC,WAAW,CAAC;AACzB,iBAAA,CAAA;;;ACND;;ACFA;;AAEG;;;;"}
+{"version":3,"file":"ngx-tethys-checkbox.mjs","sources":["../../../src/checkbox/checkbox.component.ts","../../../src/checkbox/checkbox.component.html","../../../src/checkbox/module.ts","../../../src/checkbox/index.ts","../../../src/checkbox/ngx-tethys-checkbox.ts"],"sourcesContent":["import { Component, forwardRef, Input } from '@angular/core';\nimport { NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { ThyFormCheckBaseComponent } from 'ngx-tethys/shared';\nimport { NgClass } from '@angular/common';\nimport { coerceBooleanProperty } from 'ngx-tethys/util';\n\n/**\n * 多选框组件\n * @name thy-checkbox,[thy-checkbox],[thyCheckbox]\n * @order 10\n */\n@Component({\n    selector: 'thy-checkbox,[thy-checkbox],[thyCheckbox]',\n    templateUrl: './checkbox.component.html',\n    providers: [\n        {\n            provide: NG_VALUE_ACCESSOR,\n            useExisting: forwardRef(() => ThyCheckbox),\n            multi: true\n        }\n    ],\n    host: {\n        '[attr.tabindex]': '-1',\n        class: 'thy-checkbox',\n        '[class.disabled]': '_disabled'\n    },\n    imports: [NgClass]\n})\nexport class ThyCheckbox extends ThyFormCheckBaseComponent {\n    isIndeterminate = false;\n\n    /**\n     * 设置 indeterminate 状态，只负责样式控制\n     * @description.en-us Set the indeterminate state, responsible only for style control\n     * @default false\n     */\n    @Input({ transform: coerceBooleanProperty })\n    set thyIndeterminate(value: boolean) {\n        this.isIndeterminate = value;\n    }\n}\n","<input\n  class=\"form-check-input\"\n  [ngClass]=\"{ 'form-check-indeterminate': isIndeterminate, 'form-check-no-label-text': !_labelText }\"\n  [checked]=\"_innerValue\"\n  (change)=\"change()\"\n  type=\"checkbox\"\n  [attr.tabindex]=\"tabIndex\"\n  [disabled]=\"_disabled\" />\n@if (_labelText) {\n  <span class=\"form-check-label\">{{ _labelText }}</span>\n}\n<ng-content></ng-content>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { FormsModule } from '@angular/forms';\nimport { ThyCheckbox } from './checkbox.component';\n\n@NgModule({\n    imports: [CommonModule, FormsModule, ThyCheckbox],\n    exports: [ThyCheckbox]\n})\nexport class ThyCheckboxModule {}\n","export * from './module';\nexport * from './checkbox.component';\n// export * from './checkbox-group.component';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;AAMA;;;;AAIG;AAkBG,MAAO,WAAY,SAAQ,yBAAyB,CAAA;AAjB1D,IAAA,WAAA,GAAA;;QAkBI,IAAe,CAAA,eAAA,GAAG,KAAK;AAW1B;AATG;;;;AAIG;IACH,IACI,gBAAgB,CAAC,KAAc,EAAA;AAC/B,QAAA,IAAI,CAAC,eAAe,GAAG,KAAK;;8GAVvB,WAAW,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAAX,WAAW,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,2CAAA,EAAA,MAAA,EAAA,EAAA,gBAAA,EAAA,CAAA,kBAAA,EAAA,kBAAA,EAQA,qBAAqB,CAtB9B,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,eAAA,EAAA,IAAA,EAAA,gBAAA,EAAA,WAAA,EAAA,EAAA,cAAA,EAAA,cAAA,EAAA,EAAA,SAAA,EAAA;AACP,YAAA;AACI,gBAAA,OAAO,EAAE,iBAAiB;AAC1B,gBAAA,WAAW,EAAE,UAAU,CAAC,MAAM,WAAW,CAAC;AAC1C,gBAAA,KAAK,EAAE;AACV;SACJ,ECpBL,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,0YAYA,4CDcc,OAAO,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,SAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA;;2FAER,WAAW,EAAA,UAAA,EAAA,CAAA;kBAjBvB,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,2CAA2C,EAE1C,SAAA,EAAA;AACP,wBAAA;AACI,4BAAA,OAAO,EAAE,iBAAiB;AAC1B,4BAAA,WAAW,EAAE,UAAU,CAAC,iBAAiB,CAAC;AAC1C,4BAAA,KAAK,EAAE;AACV;qBACJ,EACK,IAAA,EAAA;AACF,wBAAA,iBAAiB,EAAE,IAAI;AACvB,wBAAA,KAAK,EAAE,cAAc;AACrB,wBAAA,kBAAkB,EAAE;qBACvB,EACQ,OAAA,EAAA,CAAC,OAAO,CAAC,EAAA,QAAA,EAAA,0YAAA,EAAA;8BAWd,gBAAgB,EAAA,CAAA;sBADnB,KAAK;uBAAC,EAAE,SAAS,EAAE,qBAAqB,EAAE;;;ME3BlC,iBAAiB,CAAA;8GAAjB,iBAAiB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAAjB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,iBAAiB,YAHhB,YAAY,EAAE,WAAW,EAAE,WAAW,aACtC,WAAW,CAAA,EAAA,CAAA,CAAA;+GAEZ,iBAAiB,EAAA,OAAA,EAAA,CAHhB,YAAY,EAAE,WAAW,CAAA,EAAA,CAAA,CAAA;;2FAG1B,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAJ7B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACN,oBAAA,OAAO,EAAE,CAAC,YAAY,EAAE,WAAW,EAAE,WAAW,CAAC;oBACjD,OAAO,EAAE,CAAC,WAAW;AACxB,iBAAA;;;ACND;;ACFA;;AAEG;;;;"}

package/fesm2022/ngx-tethys-collapse.mjs

@@ -3,7 +3,7 @@ import { ThyInputModule } from 'ngx-tethys/input';
 import { OverlayModule } from '@angular/cdk/overlay';
 import { NgTemplateOutlet, CommonModule } from '@angular/common';
 import * as i0 from '@angular/core';
-import { Component, ChangeDetectionStrategy, Input, inject, ChangeDetectorRef, EventEmitter, TemplateRef, Output, NgModule } from '@angular/core';
+import { Input, ChangeDetectionStrategy, Component, inject, ChangeDetectorRef, EventEmitter, TemplateRef, Output, NgModule } from '@angular/core';
 import { FormsModule } from '@angular/forms';
 import { collapseMotion } from 'ngx-tethys/core';
 import { coerceBooleanProperty, isString } from 'ngx-tethys/util';
@@ -48,14 +48,14 @@ class ThyCollapse {
         collapseItem.thyActive = !collapseItem.thyActive;
         collapseItem.thyActiveChange.emit({ active: collapseItem.thyActive, event });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ThyCollapse, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.2.13", type: ThyCollapse, isStandalone: true, selector: "thy-collapse", inputs: { thyTheme: "thyTheme", thyAccordion: ["thyAccordion", "thyAccordion", coerceBooleanProperty], thyArrowIconPosition: "thyArrowIconPosition" }, host: { properties: { "class.thy-collapse-divided": "thyTheme === 'divided'", "class.thy-collapse-bordered": "thyTheme === 'bordered'", "class.thy-collapse-ghost": "thyTheme === 'ghost'", "class.thy-collapse-icon-position-right": "thyArrowIconPosition === 'right'", "class.thy-collapse-icon-position-left": "thyArrowIconPosition === 'left'" }, classAttribute: "thy-collapse" }, ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: ThyCollapse, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.2.2", type: ThyCollapse, isStandalone: true, selector: "thy-collapse", inputs: { thyTheme: "thyTheme", thyAccordion: ["thyAccordion", "thyAccordion", coerceBooleanProperty], thyArrowIconPosition: "thyArrowIconPosition" }, host: { properties: { "class.thy-collapse-divided": "thyTheme === 'divided'", "class.thy-collapse-bordered": "thyTheme === 'bordered'", "class.thy-collapse-ghost": "thyTheme === 'ghost'", "class.thy-collapse-icon-position-right": "thyArrowIconPosition === 'right'", "class.thy-collapse-icon-position-left": "thyArrowIconPosition === 'left'" }, classAttribute: "thy-collapse" }, ngImport: i0, template: `
         <ng-container>
             <ng-content></ng-content>
         </ng-container>
     `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ThyCollapse, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: ThyCollapse, decorators: [{
             type: Component,
             args: [{
                     selector: 'thy-collapse',
@@ -136,17 +136,17 @@ class ThyCollapseItem {
     ngOnDestroy() {
         this.thyCollapseComponent.removePanel(this);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ThyCollapseItem, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: ThyCollapseItem, isStandalone: true, selector: "thy-collapse-panel, thy-collapse-item", inputs: { thyTitle: "thyTitle", thyActive: ["thyActive", "thyActive", coerceBooleanProperty], thyDisabled: ["thyDisabled", "thyDisabled", coerceBooleanProperty], thyHeaderTemplate: "thyHeaderTemplate", thyArrowIcon: "thyArrowIcon", thyExtra: "thyExtra" }, outputs: { thyActiveChange: "thyActiveChange" }, host: { properties: { "class.thy-collapse-item": "true", "class.thy-collapse-no-arrow": "!showArrow", "class.thy-collapse-item-active": "thyActive", "class.thy-collapse-item-disabled": "thyDisabled" } }, exportAs: ["ThyCollapseComponent"], ngImport: i0, template: "<div class=\"thy-collapse-header\" (click)=\"activeChange($event)\">\n  @if (showArrow) {\n    @if (arrowIconTemplate) {\n      <ng-template [ngTemplateOutlet]=\"arrowIconTemplate\"></ng-template>\n    } @else {\n      <thy-icon [thyIconName]=\"arrowIcon || 'angle-right'\" class=\"thy-collapse-icon\" [thyIconRotate]=\"thyActive ? -90 : 0\"></thy-icon>\n    }\n  }\n\n  @if (thyHeaderTemplate) {\n    <ng-template [ngTemplateOutlet]=\"thyHeaderTemplate\"></ng-template>\n  } @else {\n    <ng-container>\n      <span class=\"d-flex thy-collapse-title\"> {{ thyTitle }}</span></ng-container\n      >\n    }\n\n    @if (thyExtra) {\n      <div class=\"thy-collapse-extra\">\n        <ng-template [ngTemplateOutlet]=\"thyExtra\"></ng-template>\n      </div>\n    }\n  </div>\n  <div class=\"thy-collapse-content\" [@collapseMotion]=\"thyActive ? 'expanded' : 'hidden'\">\n    <div class=\"thy-collapse-content-box\">\n      <ng-content></ng-content>\n    </div>\n  </div>\n", dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: ThyIcon, selector: "thy-icon, [thy-icon]", inputs: ["thyIconType", "thyTwotoneColor", "thyIconName", "thyIconRotate", "thyIconSet", "thyIconLegging", "thyIconLinearGradient"] }], animations: [collapseMotion], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: ThyCollapseItem, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.2", type: ThyCollapseItem, isStandalone: true, selector: "thy-collapse-panel, thy-collapse-item", inputs: { thyTitle: "thyTitle", thyActive: ["thyActive", "thyActive", coerceBooleanProperty], thyDisabled: ["thyDisabled", "thyDisabled", coerceBooleanProperty], thyHeaderTemplate: "thyHeaderTemplate", thyArrowIcon: "thyArrowIcon", thyExtra: "thyExtra" }, outputs: { thyActiveChange: "thyActiveChange" }, host: { properties: { "class.thy-collapse-item": "true", "class.thy-collapse-no-arrow": "!showArrow", "class.thy-collapse-item-active": "thyActive", "class.thy-collapse-item-disabled": "thyDisabled" } }, exportAs: ["ThyCollapseComponent"], ngImport: i0, template: "<div class=\"thy-collapse-header\" (click)=\"activeChange($event)\">\n  @if (showArrow) {\n    @if (arrowIconTemplate) {\n      <ng-template [ngTemplateOutlet]=\"arrowIconTemplate\"></ng-template>\n    } @else {\n      <thy-icon [thyIconName]=\"arrowIcon || 'angle-right'\" class=\"thy-collapse-icon\" [thyIconRotate]=\"thyActive ? -90 : 0\"></thy-icon>\n    }\n  }\n\n  @if (thyHeaderTemplate) {\n    <ng-template [ngTemplateOutlet]=\"thyHeaderTemplate\"></ng-template>\n  } @else {\n    <ng-container>\n      <span class=\"d-flex thy-collapse-title\"> {{ thyTitle }}</span></ng-container\n      >\n    }\n\n    @if (thyExtra) {\n      <div class=\"thy-collapse-extra\">\n        <ng-template [ngTemplateOutlet]=\"thyExtra\"></ng-template>\n      </div>\n    }\n  </div>\n  <div class=\"thy-collapse-content\" [@collapseMotion]=\"thyActive ? 'expanded' : 'hidden'\">\n    <div class=\"thy-collapse-content-box\">\n      <ng-content></ng-content>\n    </div>\n  </div>\n", dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: ThyIcon, selector: "thy-icon, [thy-icon]", inputs: ["thyIconType", "thyTwotoneColor", "thyIconName", "thyIconRotate", "thyIconSet", "thyIconLegging", "thyIconLinearGradient"] }], animations: [collapseMotion], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ThyCollapseItem, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: ThyCollapseItem, decorators: [{
             type: Component,
             args: [{ selector: 'thy-collapse-panel, thy-collapse-item', exportAs: 'ThyCollapseComponent', animations: [collapseMotion], host: {
                         '[class.thy-collapse-item]': 'true',
                         '[class.thy-collapse-no-arrow]': '!showArrow',
                         '[class.thy-collapse-item-active]': 'thyActive',
                         '[class.thy-collapse-item-disabled]': 'thyDisabled'
-                    }, changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [NgTemplateOutlet, ThyIcon], template: "<div class=\"thy-collapse-header\" (click)=\"activeChange($event)\">\n  @if (showArrow) {\n    @if (arrowIconTemplate) {\n      <ng-template [ngTemplateOutlet]=\"arrowIconTemplate\"></ng-template>\n    } @else {\n      <thy-icon [thyIconName]=\"arrowIcon || 'angle-right'\" class=\"thy-collapse-icon\" [thyIconRotate]=\"thyActive ? -90 : 0\"></thy-icon>\n    }\n  }\n\n  @if (thyHeaderTemplate) {\n    <ng-template [ngTemplateOutlet]=\"thyHeaderTemplate\"></ng-template>\n  } @else {\n    <ng-container>\n      <span class=\"d-flex thy-collapse-title\"> {{ thyTitle }}</span></ng-container\n      >\n    }\n\n    @if (thyExtra) {\n      <div class=\"thy-collapse-extra\">\n        <ng-template [ngTemplateOutlet]=\"thyExtra\"></ng-template>\n      </div>\n    }\n  </div>\n  <div class=\"thy-collapse-content\" [@collapseMotion]=\"thyActive ? 'expanded' : 'hidden'\">\n    <div class=\"thy-collapse-content-box\">\n      <ng-content></ng-content>\n    </div>\n  </div>\n" }]
+                    }, changeDetection: ChangeDetectionStrategy.OnPush, imports: [NgTemplateOutlet, ThyIcon], template: "<div class=\"thy-collapse-header\" (click)=\"activeChange($event)\">\n  @if (showArrow) {\n    @if (arrowIconTemplate) {\n      <ng-template [ngTemplateOutlet]=\"arrowIconTemplate\"></ng-template>\n    } @else {\n      <thy-icon [thyIconName]=\"arrowIcon || 'angle-right'\" class=\"thy-collapse-icon\" [thyIconRotate]=\"thyActive ? -90 : 0\"></thy-icon>\n    }\n  }\n\n  @if (thyHeaderTemplate) {\n    <ng-template [ngTemplateOutlet]=\"thyHeaderTemplate\"></ng-template>\n  } @else {\n    <ng-container>\n      <span class=\"d-flex thy-collapse-title\"> {{ thyTitle }}</span></ng-container\n      >\n    }\n\n    @if (thyExtra) {\n      <div class=\"thy-collapse-extra\">\n        <ng-template [ngTemplateOutlet]=\"thyExtra\"></ng-template>\n      </div>\n    }\n  </div>\n  <div class=\"thy-collapse-content\" [@collapseMotion]=\"thyActive ? 'expanded' : 'hidden'\">\n    <div class=\"thy-collapse-content-box\">\n      <ng-content></ng-content>\n    </div>\n  </div>\n" }]
         }], propDecorators: { thyTitle: [{
                 type: Input
             }], thyActive: [{
@@ -166,11 +166,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
             }] } });
 
 class ThyCollapseModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ThyCollapseModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: ThyCollapseModule, imports: [CommonModule, FormsModule, OverlayModule, ThyInputModule, ThyIconModule, ThyCollapse, ThyCollapseItem], exports: [ThyCollapse, ThyCollapseItem] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ThyCollapseModule, imports: [CommonModule, FormsModule, OverlayModule, ThyInputModule, ThyIconModule, ThyCollapseItem] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: ThyCollapseModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.2", ngImport: i0, type: ThyCollapseModule, imports: [CommonModule, FormsModule, OverlayModule, ThyInputModule, ThyIconModule, ThyCollapse, ThyCollapseItem], exports: [ThyCollapse, ThyCollapseItem] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: ThyCollapseModule, imports: [CommonModule, FormsModule, OverlayModule, ThyInputModule, ThyIconModule, ThyCollapseItem] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ThyCollapseModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: ThyCollapseModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule, FormsModule, OverlayModule, ThyInputModule, ThyIconModule, ThyCollapse, ThyCollapseItem],

package/fesm2022/ngx-tethys-collapse.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ngx-tethys-collapse.mjs","sources":["../../../src/collapse/collapse.component.ts","../../../src/collapse/collapse-item.component.ts","../../../src/collapse/collapse-item.component.html","../../../src/collapse/module.ts","../../../src/collapse/ngx-tethys-collapse.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Input, OnInit } from '@angular/core';\n\nimport { ThyCollapseItem } from './collapse-item.component';\nimport { coerceBooleanProperty } from 'ngx-tethys/util';\n\nexport type ThyCollapseTheme = 'divided' | 'bordered' | 'ghost';\n\nexport type ThyCollapsedIconPosition = 'left' | 'right';\n\n/**\n * 折叠面板组件\n * @name thy-collapse\n * @order 10\n */\n@Component({\n    selector: 'thy-collapse',\n    template: `\n        <ng-container>\n            <ng-content></ng-content>\n        </ng-container>\n    `,\n    host: {\n        class: 'thy-collapse',\n        '[class.thy-collapse-divided]': `thyTheme === 'divided'`,\n        '[class.thy-collapse-bordered]': `thyTheme === 'bordered'`,\n        '[class.thy-collapse-ghost]': `thyTheme === 'ghost'`,\n        '[class.thy-collapse-icon-position-right]': `thyArrowIconPosition === 'right'`,\n        '[class.thy-collapse-icon-position-left]': `thyArrowIconPosition === 'left'`\n    },\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    standalone: true\n})\nexport class ThyCollapse implements OnInit {\n    /**\n     * 折叠面板主题，支持 `divided` | `bordered` | `ghost`\n     */\n    @Input() thyTheme: ThyCollapseTheme = 'divided';\n\n    /**\n     * 是否为手风琴模式，手风琴模式下，只能展开一个面板\n     * @default false\n     */\n    @Input({ transform: coerceBooleanProperty }) thyAccordion: boolean;\n\n    /**\n     * 展开收起图标的位置\n     * @type left | right\n     */\n    @Input() thyArrowIconPosition: ThyCollapsedIconPosition = 'left';\n\n    private listOfCollapsePanelComponent: ThyCollapseItem[] = [];\n\n    constructor() {}\n\n    ngOnInit() {}\n\n    addPanel(value: ThyCollapseItem): void {\n        this.listOfCollapsePanelComponent.push(value);\n    }\n\n    removePanel(value: ThyCollapseItem): void {\n        this.listOfCollapsePanelComponent.splice(this.listOfCollapsePanelComponent.indexOf(value), 1);\n    }\n\n    click(collapseItem: ThyCollapseItem, event: Event): void {\n        if (this.thyAccordion && !collapseItem.thyActive) {\n            this.listOfCollapsePanelComponent\n                .filter(item => item !== collapseItem)\n                .forEach(item => {\n                    if (item.thyActive) {\n                        item.thyActive = false;\n                        item.thyActiveChange.emit({ active: collapseItem.thyActive, event });\n                        item.markForCheck();\n                    }\n                });\n        }\n        collapseItem.thyActive = !collapseItem.thyActive;\n        collapseItem.thyActiveChange.emit({ active: collapseItem.thyActive, event });\n    }\n}\n","import { collapseMotion } from 'ngx-tethys/core';\n\nimport {\n    ChangeDetectorRef,\n    Component,\n    EventEmitter,\n    ChangeDetectionStrategy,\n    Input,\n    OnDestroy,\n    OnInit,\n    Output,\n    TemplateRef,\n    inject\n} from '@angular/core';\n\nimport { ThyCollapse } from './collapse.component';\nimport { SafeAny } from 'ngx-tethys/types';\nimport { coerceBooleanProperty, isString } from 'ngx-tethys/util';\nimport { ThyIcon } from 'ngx-tethys/icon';\nimport { NgTemplateOutlet } from '@angular/common';\n\nconst DEFAULT_ARROW_ICON = 'angle-right';\n\n/**\n * 折叠面板项组件\n * @name thy-collapse-panel,thy-collapse-item\n * @order 20\n */\n@Component({\n    selector: 'thy-collapse-panel, thy-collapse-item',\n    templateUrl: './collapse-item.component.html',\n    exportAs: 'ThyCollapseComponent',\n    animations: [collapseMotion],\n    host: {\n        '[class.thy-collapse-item]': 'true',\n        '[class.thy-collapse-no-arrow]': '!showArrow',\n        '[class.thy-collapse-item-active]': 'thyActive',\n        '[class.thy-collapse-item-disabled]': 'thyDisabled'\n    },\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    standalone: true,\n    imports: [NgTemplateOutlet, ThyIcon]\n})\nexport class ThyCollapseItem implements OnInit, OnDestroy {\n    private cdr = inject(ChangeDetectorRef);\n    private thyCollapseComponent = inject(ThyCollapse, { host: true });\n\n    public showArrow: boolean = true;\n\n    public arrowIconTemplate: TemplateRef<SafeAny>;\n\n    public arrowIcon: string = DEFAULT_ARROW_ICON;\n\n    /**\n     * 标题\n     */\n    @Input() thyTitle: string;\n\n    /**\n     * 是否处于激活展开状态\n     */\n    @Input({ transform: coerceBooleanProperty }) thyActive: boolean = false;\n\n    /**\n     * 是否禁用当前面板\n     * @default false\n     */\n    @Input({ transform: coerceBooleanProperty }) thyDisabled: boolean;\n\n    /**\n     * 自定义面板头\n     * @type TemplateRef\n     */\n    @Input() thyHeaderTemplate: TemplateRef<SafeAny>;\n\n    /**\n     * 自定义箭头(展开收起)图标，设置为 false 表示隐藏图标\n     * @type {string | TemplateRef<SafeAny> | false}\n     */\n    @Input()\n    set thyArrowIcon(value: string | TemplateRef<SafeAny> | boolean) {\n        if (value instanceof TemplateRef) {\n            this.arrowIconTemplate = value as TemplateRef<SafeAny>;\n        } else if (isString(value)) {\n            this.arrowIcon = value as string;\n        } else {\n            this.showArrow = value;\n            this.arrowIconTemplate = null;\n            this.arrowIcon = DEFAULT_ARROW_ICON;\n        }\n    }\n\n    /**\n     * 额外附加模板\n     * @type TemplateRef\n     */\n    @Input() thyExtra: TemplateRef<SafeAny>;\n\n    /**\n     * 展开收起事件\n     */\n    @Output() thyActiveChange = new EventEmitter<{ active: boolean; event: Event }>();\n\n    ngOnInit() {\n        this.thyCollapseComponent.addPanel(this);\n    }\n\n    markForCheck(): void {\n        this.cdr.markForCheck();\n    }\n\n    activeChange(event: Event) {\n        if (!this.thyDisabled) {\n            this.thyCollapseComponent.click(this, event);\n        }\n    }\n\n    ngOnDestroy(): void {\n        this.thyCollapseComponent.removePanel(this);\n    }\n}\n","<div class=\"thy-collapse-header\" (click)=\"activeChange($event)\">\n  @if (showArrow) {\n    @if (arrowIconTemplate) {\n      <ng-template [ngTemplateOutlet]=\"arrowIconTemplate\"></ng-template>\n    } @else {\n      <thy-icon [thyIconName]=\"arrowIcon || 'angle-right'\" class=\"thy-collapse-icon\" [thyIconRotate]=\"thyActive ? -90 : 0\"></thy-icon>\n    }\n  }\n\n  @if (thyHeaderTemplate) {\n    <ng-template [ngTemplateOutlet]=\"thyHeaderTemplate\"></ng-template>\n  } @else {\n    <ng-container>\n      <span class=\"d-flex thy-collapse-title\"> {{ thyTitle }}</span></ng-container\n      >\n    }\n\n    @if (thyExtra) {\n      <div class=\"thy-collapse-extra\">\n        <ng-template [ngTemplateOutlet]=\"thyExtra\"></ng-template>\n      </div>\n    }\n  </div>\n  <div class=\"thy-collapse-content\" [@collapseMotion]=\"thyActive ? 'expanded' : 'hidden'\">\n    <div class=\"thy-collapse-content-box\">\n      <ng-content></ng-content>\n    </div>\n  </div>\n","import { ThyIconModule } from 'ngx-tethys/icon';\nimport { ThyInputModule } from 'ngx-tethys/input';\n\nimport { OverlayModule } from '@angular/cdk/overlay';\nimport { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\n\nimport { ThyCollapseItem } from './collapse-item.component';\nimport { ThyCollapse } from './collapse.component';\n\n@NgModule({\n    imports: [CommonModule, FormsModule, OverlayModule, ThyInputModule, ThyIconModule, ThyCollapse, ThyCollapseItem],\n    exports: [ThyCollapse, ThyCollapseItem]\n})\nexport class ThyCollapseModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ngx-tethys-collapse.mjs","sources":["../../../src/collapse/collapse.component.ts","../../../src/collapse/collapse-item.component.ts","../../../src/collapse/collapse-item.component.html","../../../src/collapse/module.ts","../../../src/collapse/ngx-tethys-collapse.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Input, OnInit } from '@angular/core';\n\nimport { ThyCollapseItem } from './collapse-item.component';\nimport { coerceBooleanProperty } from 'ngx-tethys/util';\n\nexport type ThyCollapseTheme = 'divided' | 'bordered' | 'ghost';\n\nexport type ThyCollapsedIconPosition = 'left' | 'right';\n\n/**\n * 折叠面板组件\n * @name thy-collapse\n * @order 10\n */\n@Component({\n    selector: 'thy-collapse',\n    template: `\n        <ng-container>\n            <ng-content></ng-content>\n        </ng-container>\n    `,\n    host: {\n        class: 'thy-collapse',\n        '[class.thy-collapse-divided]': `thyTheme === 'divided'`,\n        '[class.thy-collapse-bordered]': `thyTheme === 'bordered'`,\n        '[class.thy-collapse-ghost]': `thyTheme === 'ghost'`,\n        '[class.thy-collapse-icon-position-right]': `thyArrowIconPosition === 'right'`,\n        '[class.thy-collapse-icon-position-left]': `thyArrowIconPosition === 'left'`\n    },\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    standalone: true\n})\nexport class ThyCollapse implements OnInit {\n    /**\n     * 折叠面板主题，支持 `divided` | `bordered` | `ghost`\n     */\n    @Input() thyTheme: ThyCollapseTheme = 'divided';\n\n    /**\n     * 是否为手风琴模式，手风琴模式下，只能展开一个面板\n     * @default false\n     */\n    @Input({ transform: coerceBooleanProperty }) thyAccordion: boolean;\n\n    /**\n     * 展开收起图标的位置\n     * @type left | right\n     */\n    @Input() thyArrowIconPosition: ThyCollapsedIconPosition = 'left';\n\n    private listOfCollapsePanelComponent: ThyCollapseItem[] = [];\n\n    constructor() {}\n\n    ngOnInit() {}\n\n    addPanel(value: ThyCollapseItem): void {\n        this.listOfCollapsePanelComponent.push(value);\n    }\n\n    removePanel(value: ThyCollapseItem): void {\n        this.listOfCollapsePanelComponent.splice(this.listOfCollapsePanelComponent.indexOf(value), 1);\n    }\n\n    click(collapseItem: ThyCollapseItem, event: Event): void {\n        if (this.thyAccordion && !collapseItem.thyActive) {\n            this.listOfCollapsePanelComponent\n                .filter(item => item !== collapseItem)\n                .forEach(item => {\n                    if (item.thyActive) {\n                        item.thyActive = false;\n                        item.thyActiveChange.emit({ active: collapseItem.thyActive, event });\n                        item.markForCheck();\n                    }\n                });\n        }\n        collapseItem.thyActive = !collapseItem.thyActive;\n        collapseItem.thyActiveChange.emit({ active: collapseItem.thyActive, event });\n    }\n}\n","import { collapseMotion } from 'ngx-tethys/core';\n\nimport {\n    ChangeDetectorRef,\n    Component,\n    EventEmitter,\n    ChangeDetectionStrategy,\n    Input,\n    OnDestroy,\n    OnInit,\n    Output,\n    TemplateRef,\n    inject\n} from '@angular/core';\n\nimport { ThyCollapse } from './collapse.component';\nimport { SafeAny } from 'ngx-tethys/types';\nimport { coerceBooleanProperty, isString } from 'ngx-tethys/util';\nimport { ThyIcon } from 'ngx-tethys/icon';\nimport { NgTemplateOutlet } from '@angular/common';\n\nconst DEFAULT_ARROW_ICON = 'angle-right';\n\n/**\n * 折叠面板项组件\n * @name thy-collapse-panel,thy-collapse-item\n * @order 20\n */\n@Component({\n    selector: 'thy-collapse-panel, thy-collapse-item',\n    templateUrl: './collapse-item.component.html',\n    exportAs: 'ThyCollapseComponent',\n    animations: [collapseMotion],\n    host: {\n        '[class.thy-collapse-item]': 'true',\n        '[class.thy-collapse-no-arrow]': '!showArrow',\n        '[class.thy-collapse-item-active]': 'thyActive',\n        '[class.thy-collapse-item-disabled]': 'thyDisabled'\n    },\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    imports: [NgTemplateOutlet, ThyIcon]\n})\nexport class ThyCollapseItem implements OnInit, OnDestroy {\n    private cdr = inject(ChangeDetectorRef);\n    private thyCollapseComponent = inject(ThyCollapse, { host: true });\n\n    public showArrow: boolean = true;\n\n    public arrowIconTemplate: TemplateRef<SafeAny>;\n\n    public arrowIcon: string = DEFAULT_ARROW_ICON;\n\n    /**\n     * 标题\n     */\n    @Input() thyTitle: string;\n\n    /**\n     * 是否处于激活展开状态\n     */\n    @Input({ transform: coerceBooleanProperty }) thyActive: boolean = false;\n\n    /**\n     * 是否禁用当前面板\n     * @default false\n     */\n    @Input({ transform: coerceBooleanProperty }) thyDisabled: boolean;\n\n    /**\n     * 自定义面板头\n     * @type TemplateRef\n     */\n    @Input() thyHeaderTemplate: TemplateRef<SafeAny>;\n\n    /**\n     * 自定义箭头(展开收起)图标，设置为 false 表示隐藏图标\n     * @type {string | TemplateRef<SafeAny> | false}\n     */\n    @Input()\n    set thyArrowIcon(value: string | TemplateRef<SafeAny> | boolean) {\n        if (value instanceof TemplateRef) {\n            this.arrowIconTemplate = value as TemplateRef<SafeAny>;\n        } else if (isString(value)) {\n            this.arrowIcon = value as string;\n        } else {\n            this.showArrow = value;\n            this.arrowIconTemplate = null;\n            this.arrowIcon = DEFAULT_ARROW_ICON;\n        }\n    }\n\n    /**\n     * 额外附加模板\n     * @type TemplateRef\n     */\n    @Input() thyExtra: TemplateRef<SafeAny>;\n\n    /**\n     * 展开收起事件\n     */\n    @Output() thyActiveChange = new EventEmitter<{ active: boolean; event: Event }>();\n\n    ngOnInit() {\n        this.thyCollapseComponent.addPanel(this);\n    }\n\n    markForCheck(): void {\n        this.cdr.markForCheck();\n    }\n\n    activeChange(event: Event) {\n        if (!this.thyDisabled) {\n            this.thyCollapseComponent.click(this, event);\n        }\n    }\n\n    ngOnDestroy(): void {\n        this.thyCollapseComponent.removePanel(this);\n    }\n}\n","<div class=\"thy-collapse-header\" (click)=\"activeChange($event)\">\n  @if (showArrow) {\n    @if (arrowIconTemplate) {\n      <ng-template [ngTemplateOutlet]=\"arrowIconTemplate\"></ng-template>\n    } @else {\n      <thy-icon [thyIconName]=\"arrowIcon || 'angle-right'\" class=\"thy-collapse-icon\" [thyIconRotate]=\"thyActive ? -90 : 0\"></thy-icon>\n    }\n  }\n\n  @if (thyHeaderTemplate) {\n    <ng-template [ngTemplateOutlet]=\"thyHeaderTemplate\"></ng-template>\n  } @else {\n    <ng-container>\n      <span class=\"d-flex thy-collapse-title\"> {{ thyTitle }}</span></ng-container\n      >\n    }\n\n    @if (thyExtra) {\n      <div class=\"thy-collapse-extra\">\n        <ng-template [ngTemplateOutlet]=\"thyExtra\"></ng-template>\n      </div>\n    }\n  </div>\n  <div class=\"thy-collapse-content\" [@collapseMotion]=\"thyActive ? 'expanded' : 'hidden'\">\n    <div class=\"thy-collapse-content-box\">\n      <ng-content></ng-content>\n    </div>\n  </div>\n","import { ThyIconModule } from 'ngx-tethys/icon';\nimport { ThyInputModule } from 'ngx-tethys/input';\n\nimport { OverlayModule } from '@angular/cdk/overlay';\nimport { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\n\nimport { ThyCollapseItem } from './collapse-item.component';\nimport { ThyCollapse } from './collapse.component';\n\n@NgModule({\n    imports: [CommonModule, FormsModule, OverlayModule, ThyInputModule, ThyIconModule, ThyCollapse, ThyCollapseItem],\n    exports: [ThyCollapse, ThyCollapseItem]\n})\nexport class ThyCollapseModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/ngx-tethys-color-picker.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { EventEmitter, Component, HostBinding, Input, Output, inject, ElementRef, Directive, HostListener, Renderer2, ChangeDetectionStrategy, ViewChild, ViewContainerRef, NgZone, numberAttribute, forwardRef, NgModule } from '@angular/core';
+import { EventEmitter, Output, Input, HostBinding, Component, inject, ElementRef, HostListener, Directive, Renderer2, ViewChild, ChangeDetectionStrategy, ViewContainerRef, NgZone, forwardRef, numberAttribute, NgModule } from '@angular/core';
 import * as i1 from '@angular/forms';
 import { FormsModule, NG_VALUE_ACCESSOR } from '@angular/forms';
 import { ThyInputDirective, ThyInputGroup, ThyInputModule } from 'ngx-tethys/input';
@@ -522,12 +522,12 @@ class ThyColorInputs {
         }
         this.colorChange.emit(newColor);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ThyColorInputs, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ThyColorInputs, isStandalone: true, selector: "thy-color-inputs", inputs: { color: "color" }, outputs: { colorChange: "colorChange" }, host: { properties: { "class.thy-color-inputs": "this.className" } }, ngImport: i0, template: "<div class=\"hex-column\">\n  <thy-input-group class=\"hex-input-group\">\n    <ng-template #prefix>\n      <span>#</span>\n    </ng-template>\n    <input\n      class=\"px-0 form-control-xs\"\n      thyInput\n      [(ngModel)]=\"hex\"\n      maxlength=\"6\"\n      (blur)=\"onInputChange($event, 'hex')\"\n      (thyEnter)=\"onInputChange($event, 'hex')\" />\n  </thy-input-group>\n  <span>HEX</span>\n</div>\n<div class=\"column\">\n  <thy-input-number\n    thySize=\"xs\"\n    [thyMin]=\"0\"\n    [thyMax]=\"255\"\n    class=\"px-0 text-center\"\n    [(ngModel)]=\"color.rgba.red\"\n    (thyBlur)=\"onInputChange($event, 'R')\"\n    (thyEnter)=\"onInputChange($event, 'R')\"></thy-input-number>\n  <span>R</span>\n</div>\n<div class=\"column\">\n  <thy-input-number\n    thySize=\"xs\"\n    [thyMin]=\"0\"\n    [thyMax]=\"255\"\n    class=\"px-0 text-center\"\n    [(ngModel)]=\"color.rgba.green\"\n    (thyBlur)=\"onInputChange($event, 'G')\"\n    (thyEnter)=\"onInputChange($event, 'G')\"></thy-input-number>\n  <span>G</span>\n</div>\n<div class=\"column\">\n  <thy-input-number\n    thySize=\"xs\"\n    [thyMin]=\"0\"\n    [thyMax]=\"255\"\n    class=\"px-0 text-center\"\n    [(ngModel)]=\"color.rgba.blue\"\n    (thyBlur)=\"onInputChange($event, 'B')\"\n    (thyEnter)=\"onInputChange($event, 'B')\"></thy-input-number>\n  <span>B</span>\n</div>\n<div class=\"column\">\n  <thy-input-number\n    [thyMin]=\"0\"\n    [thyMax]=\"100\"\n    thySize=\"xs\"\n    class=\"px-0 text-center\"\n    [(ngModel)]=\"alpha\"\n    (thyBlur)=\"onInputChange($event, 'A')\"\n    (thyEnter)=\"onInputChange($event, 'A')\"></thy-input-number>\n  <span>A</span>\n</div>\n", dependencies: [{ kind: "directive", type: ThyInputDirective, selector: "input[thyInput], select[thyInput], textarea[thyInput]", inputs: ["thySize"], exportAs: ["thyInput"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: ThyEnterDirective, selector: "[thyEnter]", outputs: ["thyEnter"] }, { kind: "component", type: ThyInputNumber, selector: "thy-input-number", inputs: ["thyAutoFocus", "thyPlaceholder", "thyDisabled", "thyMax", "thyMin", "thyStep", "thyStepDelay", "thySize", "thyPrecision", "thySuffix"], outputs: ["thyBlur", "thyFocus", "thyStepChange"] }, { kind: "component", type: ThyInputGroup, selector: "thy-input-group", inputs: ["thyAppendText", "thyAppendTextTranslateKey", "thyPrependText", "thyPrependTextTranslateKey", "thySize"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: ThyColorInputs, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.2", type: ThyColorInputs, isStandalone: true, selector: "thy-color-inputs", inputs: { color: "color" }, outputs: { colorChange: "colorChange" }, host: { properties: { "class.thy-color-inputs": "this.className" } }, ngImport: i0, template: "<div class=\"hex-column\">\n  <thy-input-group class=\"hex-input-group\">\n    <ng-template #prefix>\n      <span>#</span>\n    </ng-template>\n    <input\n      class=\"px-0 form-control-xs\"\n      thyInput\n      [(ngModel)]=\"hex\"\n      maxlength=\"6\"\n      (blur)=\"onInputChange($event, 'hex')\"\n      (thyEnter)=\"onInputChange($event, 'hex')\" />\n  </thy-input-group>\n  <span>HEX</span>\n</div>\n<div class=\"column\">\n  <thy-input-number\n    thySize=\"xs\"\n    [thyMin]=\"0\"\n    [thyMax]=\"255\"\n    class=\"px-0 text-center\"\n    [(ngModel)]=\"color.rgba.red\"\n    (thyBlur)=\"onInputChange($event, 'R')\"\n    (thyEnter)=\"onInputChange($event, 'R')\"></thy-input-number>\n  <span>R</span>\n</div>\n<div class=\"column\">\n  <thy-input-number\n    thySize=\"xs\"\n    [thyMin]=\"0\"\n    [thyMax]=\"255\"\n    class=\"px-0 text-center\"\n    [(ngModel)]=\"color.rgba.green\"\n    (thyBlur)=\"onInputChange($event, 'G')\"\n    (thyEnter)=\"onInputChange($event, 'G')\"></thy-input-number>\n  <span>G</span>\n</div>\n<div class=\"column\">\n  <thy-input-number\n    thySize=\"xs\"\n    [thyMin]=\"0\"\n    [thyMax]=\"255\"\n    class=\"px-0 text-center\"\n    [(ngModel)]=\"color.rgba.blue\"\n    (thyBlur)=\"onInputChange($event, 'B')\"\n    (thyEnter)=\"onInputChange($event, 'B')\"></thy-input-number>\n  <span>B</span>\n</div>\n<div class=\"column\">\n  <thy-input-number\n    [thyMin]=\"0\"\n    [thyMax]=\"100\"\n    thySize=\"xs\"\n    class=\"px-0 text-center\"\n    [(ngModel)]=\"alpha\"\n    (thyBlur)=\"onInputChange($event, 'A')\"\n    (thyEnter)=\"onInputChange($event, 'A')\"></thy-input-number>\n  <span>A</span>\n</div>\n", dependencies: [{ kind: "directive", type: ThyInputDirective, selector: "input[thyInput], select[thyInput], textarea[thyInput]", inputs: ["thySize"], exportAs: ["thyInput"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: ThyEnterDirective, selector: "[thyEnter]", outputs: ["thyEnter"] }, { kind: "component", type: ThyInputNumber, selector: "thy-input-number", inputs: ["thyAutoFocus", "thyPlaceholder", "thyDisabled", "thyMax", "thyMin", "thyStep", "thyStepDelay", "thySize", "thyPrecision", "thySuffix"], outputs: ["thyBlur", "thyFocus", "thyStepChange"] }, { kind: "component", type: ThyInputGroup, selector: "thy-input-group", inputs: ["thyAppendText", "thyAppendTextTranslateKey", "thyPrependText", "thyPrependTextTranslateKey", "thySize"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ThyColorInputs, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: ThyColorInputs, decorators: [{
             type: Component,
-            args: [{ selector: 'thy-color-inputs', standalone: true, imports: [ThyInputDirective, FormsModule, ThyEnterDirective, ThyInputNumber, ThyInputGroup], template: "<div class=\"hex-column\">\n  <thy-input-group class=\"hex-input-group\">\n    <ng-template #prefix>\n      <span>#</span>\n    </ng-template>\n    <input\n      class=\"px-0 form-control-xs\"\n      thyInput\n      [(ngModel)]=\"hex\"\n      maxlength=\"6\"\n      (blur)=\"onInputChange($event, 'hex')\"\n      (thyEnter)=\"onInputChange($event, 'hex')\" />\n  </thy-input-group>\n  <span>HEX</span>\n</div>\n<div class=\"column\">\n  <thy-input-number\n    thySize=\"xs\"\n    [thyMin]=\"0\"\n    [thyMax]=\"255\"\n    class=\"px-0 text-center\"\n    [(ngModel)]=\"color.rgba.red\"\n    (thyBlur)=\"onInputChange($event, 'R')\"\n    (thyEnter)=\"onInputChange($event, 'R')\"></thy-input-number>\n  <span>R</span>\n</div>\n<div class=\"column\">\n  <thy-input-number\n    thySize=\"xs\"\n    [thyMin]=\"0\"\n    [thyMax]=\"255\"\n    class=\"px-0 text-center\"\n    [(ngModel)]=\"color.rgba.green\"\n    (thyBlur)=\"onInputChange($event, 'G')\"\n    (thyEnter)=\"onInputChange($event, 'G')\"></thy-input-number>\n  <span>G</span>\n</div>\n<div class=\"column\">\n  <thy-input-number\n    thySize=\"xs\"\n    [thyMin]=\"0\"\n    [thyMax]=\"255\"\n    class=\"px-0 text-center\"\n    [(ngModel)]=\"color.rgba.blue\"\n    (thyBlur)=\"onInputChange($event, 'B')\"\n    (thyEnter)=\"onInputChange($event, 'B')\"></thy-input-number>\n  <span>B</span>\n</div>\n<div class=\"column\">\n  <thy-input-number\n    [thyMin]=\"0\"\n    [thyMax]=\"100\"\n    thySize=\"xs\"\n    class=\"px-0 text-center\"\n    [(ngModel)]=\"alpha\"\n    (thyBlur)=\"onInputChange($event, 'A')\"\n    (thyEnter)=\"onInputChange($event, 'A')\"></thy-input-number>\n  <span>A</span>\n</div>\n" }]
+            args: [{ selector: 'thy-color-inputs', imports: [ThyInputDirective, FormsModule, ThyEnterDirective, ThyInputNumber, ThyInputGroup], template: "<div class=\"hex-column\">\n  <thy-input-group class=\"hex-input-group\">\n    <ng-template #prefix>\n      <span>#</span>\n    </ng-template>\n    <input\n      class=\"px-0 form-control-xs\"\n      thyInput\n      [(ngModel)]=\"hex\"\n      maxlength=\"6\"\n      (blur)=\"onInputChange($event, 'hex')\"\n      (thyEnter)=\"onInputChange($event, 'hex')\" />\n  </thy-input-group>\n  <span>HEX</span>\n</div>\n<div class=\"column\">\n  <thy-input-number\n    thySize=\"xs\"\n    [thyMin]=\"0\"\n    [thyMax]=\"255\"\n    class=\"px-0 text-center\"\n    [(ngModel)]=\"color.rgba.red\"\n    (thyBlur)=\"onInputChange($event, 'R')\"\n    (thyEnter)=\"onInputChange($event, 'R')\"></thy-input-number>\n  <span>R</span>\n</div>\n<div class=\"column\">\n  <thy-input-number\n    thySize=\"xs\"\n    [thyMin]=\"0\"\n    [thyMax]=\"255\"\n    class=\"px-0 text-center\"\n    [(ngModel)]=\"color.rgba.green\"\n    (thyBlur)=\"onInputChange($event, 'G')\"\n    (thyEnter)=\"onInputChange($event, 'G')\"></thy-input-number>\n  <span>G</span>\n</div>\n<div class=\"column\">\n  <thy-input-number\n    thySize=\"xs\"\n    [thyMin]=\"0\"\n    [thyMax]=\"255\"\n    class=\"px-0 text-center\"\n    [(ngModel)]=\"color.rgba.blue\"\n    (thyBlur)=\"onInputChange($event, 'B')\"\n    (thyEnter)=\"onInputChange($event, 'B')\"></thy-input-number>\n  <span>B</span>\n</div>\n<div class=\"column\">\n  <thy-input-number\n    [thyMin]=\"0\"\n    [thyMax]=\"100\"\n    thySize=\"xs\"\n    class=\"px-0 text-center\"\n    [(ngModel)]=\"alpha\"\n    (thyBlur)=\"onInputChange($event, 'A')\"\n    (thyEnter)=\"onInputChange($event, 'A')\"></thy-input-number>\n  <span>A</span>\n</div>\n" }]
         }], propDecorators: { className: [{
                 type: HostBinding,
                 args: ['class.thy-color-inputs']
@@ -547,10 +547,10 @@ class ThyIndicator {
     get backgroundColor() {
         return this.color.rgba.toString();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ThyIndicator, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ThyIndicator, isStandalone: true, selector: "thy-indicator", inputs: { color: "color" }, host: { properties: { "class.thy-indicator": "this.className" } }, ngImport: i0, template: "<div [style.backgroundColor]=\"backgroundColor\" class=\"icon-container\"></div>\n" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: ThyIndicator, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.2", type: ThyIndicator, isStandalone: true, selector: "thy-indicator", inputs: { color: "color" }, host: { properties: { "class.thy-indicator": "this.className" } }, ngImport: i0, template: "<div [style.backgroundColor]=\"backgroundColor\" class=\"icon-container\"></div>\n" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ThyIndicator, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: ThyIndicator, decorators: [{
             type: Component,
             args: [{ selector: 'thy-indicator', standalone: true, template: "<div [style.backgroundColor]=\"backgroundColor\" class=\"icon-container\"></div>\n" }]
         }], propDecorators: { className: [{
@@ -607,10 +607,10 @@ class ThyCoordinatesDirective {
     ngOnDestroy() {
         this.sub?.unsubscribe();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ThyCoordinatesDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: ThyCoordinatesDirective, isStandalone: true, selector: "[thyColorCoordinates]", outputs: { coordinatesChange: "coordinatesChange" }, host: { listeners: { "mousedown": "mousedown($event,$event.pageX,$event.pageY)", "window:mousemove": "mousemove($event,$event.pageX,$event.pageY)", "window:mouseup": "mouseup()" } }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: ThyCoordinatesDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.2", type: ThyCoordinatesDirective, isStandalone: true, selector: "[thyColorCoordinates]", outputs: { coordinatesChange: "coordinatesChange" }, host: { listeners: { "mousedown": "mousedown($event,$event.pageX,$event.pageY)", "window:mousemove": "mousemove($event,$event.pageX,$event.pageY)", "window:mouseup": "mouseup()" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ThyCoordinatesDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: ThyCoordinatesDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[thyColorCoordinates]',
@@ -668,12 +668,12 @@ class ThyAlpha {
         this.changePointerPosition(x);
         this.colorChange.emit(new ThyColor({ h: this.color.hue, s: this.color.saturation, v: this.color.value, alpha: x }));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ThyAlpha, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ThyAlpha, isStandalone: true, selector: "thy-alpha", inputs: { color: "color" }, outputs: { colorChange: "colorChange" }, host: { properties: { "class.thy-alpha": "this.className" } }, viewQueries: [{ propertyName: "pointer", first: true, predicate: ["pointer"], descendants: true, static: true }, { propertyName: "gradient", first: true, predicate: ["gradient"], descendants: true, static: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"gradient-container\" thyColorCoordinates (coordinatesChange)=\"handleChange($event)\">\n  <div class=\"gradient-color\" #gradient>\n    <div class=\"pointer-container\">\n      <div class=\"pointer\" #pointer></div>\n    </div>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: ThyCoordinatesDirective, selector: "[thyColorCoordinates]", outputs: ["coordinatesChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: ThyAlpha, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.2", type: ThyAlpha, isStandalone: true, selector: "thy-alpha", inputs: { color: "color" }, outputs: { colorChange: "colorChange" }, host: { properties: { "class.thy-alpha": "this.className" } }, viewQueries: [{ propertyName: "pointer", first: true, predicate: ["pointer"], descendants: true, static: true }, { propertyName: "gradient", first: true, predicate: ["gradient"], descendants: true, static: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"gradient-container\" thyColorCoordinates (coordinatesChange)=\"handleChange($event)\">\n  <div class=\"gradient-color\" #gradient>\n    <div class=\"pointer-container\">\n      <div class=\"pointer\" #pointer></div>\n    </div>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: ThyCoordinatesDirective, selector: "[thyColorCoordinates]", outputs: ["coordinatesChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ThyAlpha, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: ThyAlpha, decorators: [{
             type: Component,
-            args: [{ selector: 'thy-alpha', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [ThyCoordinatesDirective], template: "<div class=\"gradient-container\" thyColorCoordinates (coordinatesChange)=\"handleChange($event)\">\n  <div class=\"gradient-color\" #gradient>\n    <div class=\"pointer-container\">\n      <div class=\"pointer\" #pointer></div>\n    </div>\n  </div>\n</div>\n" }]
+            args: [{ selector: 'thy-alpha', changeDetection: ChangeDetectionStrategy.OnPush, imports: [ThyCoordinatesDirective], template: "<div class=\"gradient-container\" thyColorCoordinates (coordinatesChange)=\"handleChange($event)\">\n  <div class=\"gradient-color\" #gradient>\n    <div class=\"pointer-container\">\n      <div class=\"pointer\" #pointer></div>\n    </div>\n  </div>\n</div>\n" }]
         }], propDecorators: { className: [{
                 type: HostBinding,
                 args: ['class.thy-alpha']
@@ -721,12 +721,12 @@ class ThyHue {
         this.changePointerPosition(x * 360);
         this.colorChange.emit(new ThyColor({ h: x * 360, s: this.color.saturation, v: this.color.value, alpha: this.color.alpha }));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ThyHue, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ThyHue, isStandalone: true, selector: "thy-hue", inputs: { color: "color" }, outputs: { colorChange: "colorChange" }, host: { properties: { "class.thy-hue": "this.className" } }, viewQueries: [{ propertyName: "pointer", first: true, predicate: ["pointer"], descendants: true, static: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"hue-contianer\">\n  <div class=\"pointer-container\" thyColorCoordinates (coordinatesChange)=\"handleChange($event)\">\n    <div class=\"pointer\" #pointer></div>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: ThyCoordinatesDirective, selector: "[thyColorCoordinates]", outputs: ["coordinatesChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: ThyHue, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.2", type: ThyHue, isStandalone: true, selector: "thy-hue", inputs: { color: "color" }, outputs: { colorChange: "colorChange" }, host: { properties: { "class.thy-hue": "this.className" } }, viewQueries: [{ propertyName: "pointer", first: true, predicate: ["pointer"], descendants: true, static: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"hue-contianer\">\n  <div class=\"pointer-container\" thyColorCoordinates (coordinatesChange)=\"handleChange($event)\">\n    <div class=\"pointer\" #pointer></div>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: ThyCoordinatesDirective, selector: "[thyColorCoordinates]", outputs: ["coordinatesChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ThyHue, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: ThyHue, decorators: [{
             type: Component,
-            args: [{ selector: 'thy-hue', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [ThyCoordinatesDirective], template: "<div class=\"hue-contianer\">\n  <div class=\"pointer-container\" thyColorCoordinates (coordinatesChange)=\"handleChange($event)\">\n    <div class=\"pointer\" #pointer></div>\n  </div>\n</div>\n" }]
+            args: [{ selector: 'thy-hue', changeDetection: ChangeDetectionStrategy.OnPush, imports: [ThyCoordinatesDirective], template: "<div class=\"hue-contianer\">\n  <div class=\"pointer-container\" thyColorCoordinates (coordinatesChange)=\"handleChange($event)\">\n    <div class=\"pointer\" #pointer></div>\n  </div>\n</div>\n" }]
         }], propDecorators: { className: [{
                 type: HostBinding,
                 args: ['class.thy-hue']
@@ -782,12 +782,12 @@ class ThySaturation {
         this.changePointerPosition(s * 100, v * 100);
         this.colorChange.emit(new ThyColor({ h: this.color.hue, s: s * 100, v: v * 100, alpha: this.color.alpha }));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ThySaturation, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ThySaturation, isStandalone: true, selector: "thy-saturation", inputs: { color: "color" }, outputs: { colorChange: "colorChange" }, host: { properties: { "class.thy-saturation": "this.className" } }, viewQueries: [{ propertyName: "panel", first: true, predicate: ["panel"], descendants: true, static: true }, { propertyName: "pointer", first: true, predicate: ["pointer"], descendants: true, static: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"color-panel\" #panel thyColorCoordinates (coordinatesChange)=\"handleChange($event)\">\n  <div class=\"color-panel-white\"></div>\n  <div class=\"color-panel-black\"></div>\n  <div class=\"color-panel-pointer\" #pointer></div>\n</div>\n", dependencies: [{ kind: "directive", type: ThyCoordinatesDirective, selector: "[thyColorCoordinates]", outputs: ["coordinatesChange"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: ThySaturation, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.2", type: ThySaturation, isStandalone: true, selector: "thy-saturation", inputs: { color: "color" }, outputs: { colorChange: "colorChange" }, host: { properties: { "class.thy-saturation": "this.className" } }, viewQueries: [{ propertyName: "panel", first: true, predicate: ["panel"], descendants: true, static: true }, { propertyName: "pointer", first: true, predicate: ["pointer"], descendants: true, static: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"color-panel\" #panel thyColorCoordinates (coordinatesChange)=\"handleChange($event)\">\n  <div class=\"color-panel-white\"></div>\n  <div class=\"color-panel-black\"></div>\n  <div class=\"color-panel-pointer\" #pointer></div>\n</div>\n", dependencies: [{ kind: "directive", type: ThyCoordinatesDirective, selector: "[thyColorCoordinates]", outputs: ["coordinatesChange"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ThySaturation, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: ThySaturation, decorators: [{
             type: Component,
-            args: [{ selector: 'thy-saturation', standalone: true, imports: [ThyCoordinatesDirective], template: "<div class=\"color-panel\" #panel thyColorCoordinates (coordinatesChange)=\"handleChange($event)\">\n  <div class=\"color-panel-white\"></div>\n  <div class=\"color-panel-black\"></div>\n  <div class=\"color-panel-pointer\" #pointer></div>\n</div>\n" }]
+            args: [{ selector: 'thy-saturation', imports: [ThyCoordinatesDirective], template: "<div class=\"color-panel\" #panel thyColorCoordinates (coordinatesChange)=\"handleChange($event)\">\n  <div class=\"color-panel-white\"></div>\n  <div class=\"color-panel-black\"></div>\n  <div class=\"color-panel-pointer\" #pointer></div>\n</div>\n" }]
         }], propDecorators: { className: [{
                 type: HostBinding,
                 args: ['class.thy-saturation']
@@ -818,12 +818,12 @@ class ThyColorPickerCustomPanel {
         this.color = this.colorInstance.displayValue;
         this.pickerColorChange(this.color);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ThyColorPickerCustomPanel, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ThyColorPickerCustomPanel, isStandalone: true, selector: "thy-color-picker-custom-panel", inputs: { color: "color", pickerColorChange: "pickerColorChange" }, host: { properties: { "class.thy-color-picker-custom-panel": "this.className" } }, ngImport: i0, template: "<thy-saturation [color]=\"colorInstance\" (colorChange)=\"colorChangeEvent($event)\"></thy-saturation>\n<div class=\"controls\">\n  <div class=\"indicator-hue-alp\">\n    <div class=\"rows\">\n      <thy-hue [color]=\"colorInstance\" (colorChange)=\"colorChangeEvent($event)\"></thy-hue>\n      <thy-alpha [color]=\"colorInstance\" (colorChange)=\"colorChangeEvent($event)\"></thy-alpha>\n    </div>\n    <thy-indicator [color]=\"colorInstance\" (colorChange)=\"colorChangeEvent($event)\"></thy-indicator>\n  </div>\n</div>\n<thy-color-inputs [color]=\"colorInstance\" (colorChange)=\"colorChangeEvent($event)\"></thy-color-inputs>\n", dependencies: [{ kind: "component", type: ThySaturation, selector: "thy-saturation", inputs: ["color"], outputs: ["colorChange"] }, { kind: "component", type: ThyHue, selector: "thy-hue", inputs: ["color"], outputs: ["colorChange"] }, { kind: "component", type: ThyAlpha, selector: "thy-alpha", inputs: ["color"], outputs: ["colorChange"] }, { kind: "component", type: ThyIndicator, selector: "thy-indicator", inputs: ["color"] }, { kind: "component", type: ThyColorInputs, selector: "thy-color-inputs", inputs: ["color"], outputs: ["colorChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: ThyColorPickerCustomPanel, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.2", type: ThyColorPickerCustomPanel, isStandalone: true, selector: "thy-color-picker-custom-panel", inputs: { color: "color", pickerColorChange: "pickerColorChange" }, host: { properties: { "class.thy-color-picker-custom-panel": "this.className" } }, ngImport: i0, template: "<thy-saturation [color]=\"colorInstance\" (colorChange)=\"colorChangeEvent($event)\"></thy-saturation>\n<div class=\"controls\">\n  <div class=\"indicator-hue-alp\">\n    <div class=\"rows\">\n      <thy-hue [color]=\"colorInstance\" (colorChange)=\"colorChangeEvent($event)\"></thy-hue>\n      <thy-alpha [color]=\"colorInstance\" (colorChange)=\"colorChangeEvent($event)\"></thy-alpha>\n    </div>\n    <thy-indicator [color]=\"colorInstance\" (colorChange)=\"colorChangeEvent($event)\"></thy-indicator>\n  </div>\n</div>\n<thy-color-inputs [color]=\"colorInstance\" (colorChange)=\"colorChangeEvent($event)\"></thy-color-inputs>\n", dependencies: [{ kind: "component", type: ThySaturation, selector: "thy-saturation", inputs: ["color"], outputs: ["colorChange"] }, { kind: "component", type: ThyHue, selector: "thy-hue", inputs: ["color"], outputs: ["colorChange"] }, { kind: "component", type: ThyAlpha, selector: "thy-alpha", inputs: ["color"], outputs: ["colorChange"] }, { kind: "component", type: ThyIndicator, selector: "thy-indicator", inputs: ["color"] }, { kind: "component", type: ThyColorInputs, selector: "thy-color-inputs", inputs: ["color"], outputs: ["colorChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ThyColorPickerCustomPanel, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: ThyColorPickerCustomPanel, decorators: [{
             type: Component,
-            args: [{ selector: 'thy-color-picker-custom-panel', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [ThySaturation, ThyHue, ThyAlpha, ThyIndicator, ThyColorInputs], template: "<thy-saturation [color]=\"colorInstance\" (colorChange)=\"colorChangeEvent($event)\"></thy-saturation>\n<div class=\"controls\">\n  <div class=\"indicator-hue-alp\">\n    <div class=\"rows\">\n      <thy-hue [color]=\"colorInstance\" (colorChange)=\"colorChangeEvent($event)\"></thy-hue>\n      <thy-alpha [color]=\"colorInstance\" (colorChange)=\"colorChangeEvent($event)\"></thy-alpha>\n    </div>\n    <thy-indicator [color]=\"colorInstance\" (colorChange)=\"colorChangeEvent($event)\"></thy-indicator>\n  </div>\n</div>\n<thy-color-inputs [color]=\"colorInstance\" (colorChange)=\"colorChangeEvent($event)\"></thy-color-inputs>\n" }]
+            args: [{ selector: 'thy-color-picker-custom-panel', changeDetection: ChangeDetectionStrategy.OnPush, imports: [ThySaturation, ThyHue, ThyAlpha, ThyIndicator, ThyColorInputs], template: "<thy-saturation [color]=\"colorInstance\" (colorChange)=\"colorChangeEvent($event)\"></thy-saturation>\n<div class=\"controls\">\n  <div class=\"indicator-hue-alp\">\n    <div class=\"rows\">\n      <thy-hue [color]=\"colorInstance\" (colorChange)=\"colorChangeEvent($event)\"></thy-hue>\n      <thy-alpha [color]=\"colorInstance\" (colorChange)=\"colorChangeEvent($event)\"></thy-alpha>\n    </div>\n    <thy-indicator [color]=\"colorInstance\" (colorChange)=\"colorChangeEvent($event)\"></thy-indicator>\n  </div>\n</div>\n<thy-color-inputs [color]=\"colorInstance\" (colorChange)=\"colorChangeEvent($event)\"></thy-color-inputs>\n" }]
         }], ctorParameters: () => [], propDecorators: { className: [{
                 type: HostBinding,
                 args: ['class.thy-color-picker-custom-panel']
@@ -900,14 +900,14 @@ class ThyColorPickerPanel {
         const hsp = 0.299 * rgba.red + 0.587 * rgba.green + 0.114 * rgba.blue;
         return hsp > 192 ? 'black' : 'white';
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ThyColorPickerPanel, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: ThyColorPickerPanel, isStandalone: true, selector: "thy-color-picker-panel", inputs: { color: "color", colorChange: "colorChange", defaultColor: "defaultColor", transparentColorSelectable: ["transparentColorSelectable", "transparentColorSelectable", coerceBooleanProperty], defaultColors: "defaultColors" }, host: { properties: { "class.pt-4": "!transparentColorSelectable", "class.thy-color-picker-panel": "this.className" } }, ngImport: i0, template: "@if (customDefaultColor) {\n  <div class=\"quick-color\" [ngClass]=\"transparentColorSelectable ? ' mb-0 pb-0' : ''\" (click)=\"selectColor(defaultColor)\">\n    <ng-template [ngTemplateOutlet]=\"checkIconTpl\" [ngTemplateOutletContext]=\"{ $implicit: defaultColor }\"></ng-template>\n    <span class=\"ml-2 font-size-sm text-secondary\">{{ locale().defaultColor }}</span>\n  </div>\n}\n@if (transparentColorSelectable) {\n  <div class=\"quick-color\" [ngClass]=\"customDefaultColor ? 'mt-0 pt-0' : ''\" (click)=\"selectColor('transparent')\">\n    <div class=\"color-block\"></div>\n    <span class=\"ml-2 font-size-sm text-secondary\">{{ locale().noFillColor }}</span>\n  </div>\n}\n<div class=\"main-content\">\n  <div class=\"default-color\">\n    @for (item of defaultColors; track $index) {\n      <ng-template [ngTemplateOutlet]=\"checkIconTpl\" [ngTemplateOutletContext]=\"{ $implicit: item }\"></ng-template>\n    }\n  </div>\n  <p class=\"font-size-sm text-secondary recent-text\">{{ locale().recentUsedColor }}</p>\n  <div class=\"recent-color-container\">\n    @for (item of recentColors; track $index) {\n      <ng-template [ngTemplateOutlet]=\"checkIconTpl\" [ngTemplateOutletContext]=\"{ $implicit: item }\"></ng-template>\n    }\n    @if (recentColors.length === 0) {\n      <div class=\"font-size-sm px-1 text-muted\">{{ locale().none }}</div>\n    }\n  </div>\n</div>\n<div class=\"more-color\" (click)=\"showMoreColor($event)\">\n  <thy-icon thyIconName=\"palette\" class=\"mr-2\"></thy-icon>\n  <span class=\"font-size-sm custom-text\">{{ locale().customColor }}</span>\n  <thy-icon thyDropdownMenuItemExtendIcon thyIconName=\"angle-right\"></thy-icon>\n</div>\n\n<ng-template #checkIconTpl let-colorItem>\n  <div\n    class=\"color-item\"\n    [ngStyle]=\"{ background: colorItem }\"\n    [ngClass]=\"colorItem === '#FFFFFF' ? 'item-border' : ''\"\n    (click)=\"selectColor(colorItem)\">\n    <thy-icon\n      thyIconName=\"check-thick\"\n      class=\"check-icon\"\n      [ngClass]=\"\n        color === colorItem ? (getIconColor(colorItem) === 'white' ? 'checked white-check' : 'checked black-check') : ''\n      \"></thy-icon>\n  </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: ThyIcon, selector: "thy-icon, [thy-icon]", inputs: ["thyIconType", "thyTwotoneColor", "thyIconName", "thyIconRotate", "thyIconSet", "thyIconLegging", "thyIconLinearGradient"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: ThyColorPickerPanel, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.2", type: ThyColorPickerPanel, isStandalone: true, selector: "thy-color-picker-panel", inputs: { color: "color", colorChange: "colorChange", defaultColor: "defaultColor", transparentColorSelectable: ["transparentColorSelectable", "transparentColorSelectable", coerceBooleanProperty], defaultColors: "defaultColors" }, host: { properties: { "class.pt-4": "!transparentColorSelectable", "class.thy-color-picker-panel": "this.className" } }, ngImport: i0, template: "@if (customDefaultColor) {\n  <div class=\"quick-color\" [ngClass]=\"transparentColorSelectable ? ' mb-0 pb-0' : ''\" (click)=\"selectColor(defaultColor)\">\n    <ng-template [ngTemplateOutlet]=\"checkIconTpl\" [ngTemplateOutletContext]=\"{ $implicit: defaultColor }\"></ng-template>\n    <span class=\"ml-2 font-size-sm text-secondary\">{{ locale().defaultColor }}</span>\n  </div>\n}\n@if (transparentColorSelectable) {\n  <div class=\"quick-color\" [ngClass]=\"customDefaultColor ? 'mt-0 pt-0' : ''\" (click)=\"selectColor('transparent')\">\n    <div class=\"color-block\"></div>\n    <span class=\"ml-2 font-size-sm text-secondary\">{{ locale().noFillColor }}</span>\n  </div>\n}\n<div class=\"main-content\">\n  <div class=\"default-color\">\n    @for (item of defaultColors; track $index) {\n      <ng-template [ngTemplateOutlet]=\"checkIconTpl\" [ngTemplateOutletContext]=\"{ $implicit: item }\"></ng-template>\n    }\n  </div>\n  <p class=\"font-size-sm text-secondary recent-text\">{{ locale().recentUsedColor }}</p>\n  <div class=\"recent-color-container\">\n    @for (item of recentColors; track $index) {\n      <ng-template [ngTemplateOutlet]=\"checkIconTpl\" [ngTemplateOutletContext]=\"{ $implicit: item }\"></ng-template>\n    }\n    @if (recentColors.length === 0) {\n      <div class=\"font-size-sm px-1 text-muted\">{{ locale().none }}</div>\n    }\n  </div>\n</div>\n<div class=\"more-color\" (click)=\"showMoreColor($event)\">\n  <thy-icon thyIconName=\"palette\" class=\"mr-2\"></thy-icon>\n  <span class=\"font-size-sm custom-text\">{{ locale().customColor }}</span>\n  <thy-icon thyDropdownMenuItemExtendIcon thyIconName=\"angle-right\"></thy-icon>\n</div>\n\n<ng-template #checkIconTpl let-colorItem>\n  <div\n    class=\"color-item\"\n    [ngStyle]=\"{ background: colorItem }\"\n    [ngClass]=\"colorItem === '#FFFFFF' ? 'item-border' : ''\"\n    (click)=\"selectColor(colorItem)\">\n    <thy-icon\n      thyIconName=\"check-thick\"\n      class=\"check-icon\"\n      [ngClass]=\"\n        color === colorItem ? (getIconColor(colorItem) === 'white' ? 'checked white-check' : 'checked black-check') : ''\n      \"></thy-icon>\n  </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: ThyIcon, selector: "thy-icon, [thy-icon]", inputs: ["thyIconType", "thyTwotoneColor", "thyIconName", "thyIconRotate", "thyIconSet", "thyIconLegging", "thyIconLinearGradient"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ThyColorPickerPanel, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: ThyColorPickerPanel, decorators: [{
             type: Component,
             args: [{ selector: 'thy-color-picker-panel', changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         '[class.pt-4]': '!transparentColorSelectable'
-                    }, standalone: true, imports: [NgClass, NgTemplateOutlet, ThyIcon, NgStyle], template: "@if (customDefaultColor) {\n  <div class=\"quick-color\" [ngClass]=\"transparentColorSelectable ? ' mb-0 pb-0' : ''\" (click)=\"selectColor(defaultColor)\">\n    <ng-template [ngTemplateOutlet]=\"checkIconTpl\" [ngTemplateOutletContext]=\"{ $implicit: defaultColor }\"></ng-template>\n    <span class=\"ml-2 font-size-sm text-secondary\">{{ locale().defaultColor }}</span>\n  </div>\n}\n@if (transparentColorSelectable) {\n  <div class=\"quick-color\" [ngClass]=\"customDefaultColor ? 'mt-0 pt-0' : ''\" (click)=\"selectColor('transparent')\">\n    <div class=\"color-block\"></div>\n    <span class=\"ml-2 font-size-sm text-secondary\">{{ locale().noFillColor }}</span>\n  </div>\n}\n<div class=\"main-content\">\n  <div class=\"default-color\">\n    @for (item of defaultColors; track $index) {\n      <ng-template [ngTemplateOutlet]=\"checkIconTpl\" [ngTemplateOutletContext]=\"{ $implicit: item }\"></ng-template>\n    }\n  </div>\n  <p class=\"font-size-sm text-secondary recent-text\">{{ locale().recentUsedColor }}</p>\n  <div class=\"recent-color-container\">\n    @for (item of recentColors; track $index) {\n      <ng-template [ngTemplateOutlet]=\"checkIconTpl\" [ngTemplateOutletContext]=\"{ $implicit: item }\"></ng-template>\n    }\n    @if (recentColors.length === 0) {\n      <div class=\"font-size-sm px-1 text-muted\">{{ locale().none }}</div>\n    }\n  </div>\n</div>\n<div class=\"more-color\" (click)=\"showMoreColor($event)\">\n  <thy-icon thyIconName=\"palette\" class=\"mr-2\"></thy-icon>\n  <span class=\"font-size-sm custom-text\">{{ locale().customColor }}</span>\n  <thy-icon thyDropdownMenuItemExtendIcon thyIconName=\"angle-right\"></thy-icon>\n</div>\n\n<ng-template #checkIconTpl let-colorItem>\n  <div\n    class=\"color-item\"\n    [ngStyle]=\"{ background: colorItem }\"\n    [ngClass]=\"colorItem === '#FFFFFF' ? 'item-border' : ''\"\n    (click)=\"selectColor(colorItem)\">\n    <thy-icon\n      thyIconName=\"check-thick\"\n      class=\"check-icon\"\n      [ngClass]=\"\n        color === colorItem ? (getIconColor(colorItem) === 'white' ? 'checked white-check' : 'checked black-check') : ''\n      \"></thy-icon>\n  </div>\n</ng-template>\n" }]
+                    }, imports: [NgClass, NgTemplateOutlet, ThyIcon, NgStyle], template: "@if (customDefaultColor) {\n  <div class=\"quick-color\" [ngClass]=\"transparentColorSelectable ? ' mb-0 pb-0' : ''\" (click)=\"selectColor(defaultColor)\">\n    <ng-template [ngTemplateOutlet]=\"checkIconTpl\" [ngTemplateOutletContext]=\"{ $implicit: defaultColor }\"></ng-template>\n    <span class=\"ml-2 font-size-sm text-secondary\">{{ locale().defaultColor }}</span>\n  </div>\n}\n@if (transparentColorSelectable) {\n  <div class=\"quick-color\" [ngClass]=\"customDefaultColor ? 'mt-0 pt-0' : ''\" (click)=\"selectColor('transparent')\">\n    <div class=\"color-block\"></div>\n    <span class=\"ml-2 font-size-sm text-secondary\">{{ locale().noFillColor }}</span>\n  </div>\n}\n<div class=\"main-content\">\n  <div class=\"default-color\">\n    @for (item of defaultColors; track $index) {\n      <ng-template [ngTemplateOutlet]=\"checkIconTpl\" [ngTemplateOutletContext]=\"{ $implicit: item }\"></ng-template>\n    }\n  </div>\n  <p class=\"font-size-sm text-secondary recent-text\">{{ locale().recentUsedColor }}</p>\n  <div class=\"recent-color-container\">\n    @for (item of recentColors; track $index) {\n      <ng-template [ngTemplateOutlet]=\"checkIconTpl\" [ngTemplateOutletContext]=\"{ $implicit: item }\"></ng-template>\n    }\n    @if (recentColors.length === 0) {\n      <div class=\"font-size-sm px-1 text-muted\">{{ locale().none }}</div>\n    }\n  </div>\n</div>\n<div class=\"more-color\" (click)=\"showMoreColor($event)\">\n  <thy-icon thyIconName=\"palette\" class=\"mr-2\"></thy-icon>\n  <span class=\"font-size-sm custom-text\">{{ locale().customColor }}</span>\n  <thy-icon thyDropdownMenuItemExtendIcon thyIconName=\"angle-right\"></thy-icon>\n</div>\n\n<ng-template #checkIconTpl let-colorItem>\n  <div\n    class=\"color-item\"\n    [ngStyle]=\"{ background: colorItem }\"\n    [ngClass]=\"colorItem === '#FFFFFF' ? 'item-border' : ''\"\n    (click)=\"selectColor(colorItem)\">\n    <thy-icon\n      thyIconName=\"check-thick\"\n      class=\"check-icon\"\n      [ngClass]=\"\n        color === colorItem ? (getIconColor(colorItem) === 'white' ? 'checked white-check' : 'checked black-check') : ''\n      \"></thy-icon>\n  </div>\n</ng-template>\n" }]
         }], propDecorators: { className: [{
                 type: HostBinding,
                 args: ['class.thy-color-picker-panel']
@@ -1214,8 +1214,8 @@ class ThyColorPickerDirective extends _BaseMixin {
         this.dispose();
         this.popoverRef = null;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ThyColorPickerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "18.2.13", type: ThyColorPickerDirective, isStandalone: true, selector: "[thyColorPicker]", inputs: { thyOffset: ["thyOffset", "thyOffset", numberAttribute], thyHasBackdrop: ["thyHasBackdrop", "thyHasBackdrop", coerceBooleanProperty], thyDefaultColor: "thyDefaultColor", thyTransparentColorSelectable: ["thyTransparentColorSelectable", "thyTransparentColorSelectable", coerceBooleanProperty], thyPresetColors: "thyPresetColors", thyPlacement: "thyPlacement", thyTrigger: "thyTrigger", thyShowDelay: ["thyShowDelay", "thyShowDelay", numberAttribute], thyHideDelay: ["thyHideDelay", "thyHideDelay", numberAttribute], thyDisabled: ["thyDisabled", "thyDisabled", coerceBooleanProperty] }, outputs: { thyPanelOpen: "thyPanelOpen", thyPanelClose: "thyPanelClose" }, host: { properties: { "attr.tabindex": "tabIndex", "class.thy-color-picker-disabled": "disabled" }, classAttribute: "thy-color-picker" }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: ThyColorPickerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "19.2.2", type: ThyColorPickerDirective, isStandalone: true, selector: "[thyColorPicker]", inputs: { thyOffset: ["thyOffset", "thyOffset", numberAttribute], thyHasBackdrop: ["thyHasBackdrop", "thyHasBackdrop", coerceBooleanProperty], thyDefaultColor: "thyDefaultColor", thyTransparentColorSelectable: ["thyTransparentColorSelectable", "thyTransparentColorSelectable", coerceBooleanProperty], thyPresetColors: "thyPresetColors", thyPlacement: "thyPlacement", thyTrigger: "thyTrigger", thyShowDelay: ["thyShowDelay", "thyShowDelay", numberAttribute], thyHideDelay: ["thyHideDelay", "thyHideDelay", numberAttribute], thyDisabled: ["thyDisabled", "thyDisabled", coerceBooleanProperty] }, outputs: { thyPanelOpen: "thyPanelOpen", thyPanelClose: "thyPanelClose" }, host: { properties: { "attr.tabindex": "tabIndex", "class.thy-color-picker-disabled": "disabled" }, classAttribute: "thy-color-picker" }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
                 multi: true,
@@ -1223,7 +1223,7 @@ class ThyColorPickerDirective extends _BaseMixin {
             }
         ], usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ThyColorPickerDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: ThyColorPickerDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[thyColorPicker]',
@@ -1274,8 +1274,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
             }] } });
 
 class ThyColorPickerModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ThyColorPickerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: ThyColorPickerModule, imports: [CommonModule,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: ThyColorPickerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.2", ngImport: i0, type: ThyColorPickerModule, imports: [CommonModule,
             ThyDialogModule,
             ThyInputModule,
             ThyIconModule,
@@ -1291,7 +1291,7 @@ class ThyColorPickerModule {
             ThyCoordinatesDirective,
             ThyColorPickerPanel,
             ThyColorInputs], exports: [ThyColorPickerDirective] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ThyColorPickerModule, imports: [CommonModule,
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: ThyColorPickerModule, imports: [CommonModule,
             ThyDialogModule,
             ThyInputModule,
             ThyIconModule,
@@ -1302,7 +1302,7 @@ class ThyColorPickerModule {
             ThyColorPickerPanel,
             ThyColorInputs] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ThyColorPickerModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: ThyColorPickerModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [