ngx-tethys 19.1.13 → 20.0.0-next.0

package/fesm2022/ngx-tethys-checkbox.mjs

@@ -17,10 +17,10 @@ class ThyCheckbox extends ThyFormCheckBaseComponent {
          * 设置 indeterminate 状态，只负责样式控制
          * @description.en-us Set the indeterminate state, responsible only for style control
          */
-        this.thyIndeterminate = input(false, { transform: coerceBooleanProperty });
+        this.thyIndeterminate = input(false, ...(ngDevMode ? [{ debugName: "thyIndeterminate", transform: coerceBooleanProperty }] : [{ transform: coerceBooleanProperty }]));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyCheckbox, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.8", type: ThyCheckbox, isStandalone: true, selector: "thy-checkbox,[thy-checkbox],[thyCheckbox]", inputs: { thyIndeterminate: { classPropertyName: "thyIndeterminate", publicName: "thyIndeterminate", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.tabindex": "-1", "class.disabled": "_disabled" }, classAttribute: "thy-checkbox" }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThyCheckbox, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.10", type: ThyCheckbox, isStandalone: true, selector: "thy-checkbox,[thy-checkbox],[thyCheckbox]", inputs: { thyIndeterminate: { classPropertyName: "thyIndeterminate", publicName: "thyIndeterminate", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.tabindex": "-1", "class.disabled": "_disabled" }, classAttribute: "thy-checkbox" }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => ThyCheckbox),
@@ -28,7 +28,7 @@ class ThyCheckbox extends ThyFormCheckBaseComponent {
             }
         ], usesInheritance: true, ngImport: i0, template: "<input\n  class=\"form-check-input\"\n  [ngClass]=\"{ 'form-check-indeterminate': thyIndeterminate(), '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: "19.2.8", ngImport: i0, type: ThyCheckbox, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThyCheckbox, decorators: [{
             type: Component,
             args: [{ selector: 'thy-checkbox,[thy-checkbox],[thyCheckbox]', providers: [
                         {
@@ -41,14 +41,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImpor
                         class: 'thy-checkbox',
                         '[class.disabled]': '_disabled'
                     }, imports: [NgClass], template: "<input\n  class=\"form-check-input\"\n  [ngClass]=\"{ 'form-check-indeterminate': thyIndeterminate(), '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: i0.Input, args: [{ isSignal: true, alias: "thyIndeterminate", required: false }] }] } });
 
 class ThyCheckboxModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyCheckboxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.8", ngImport: i0, type: ThyCheckboxModule, imports: [CommonModule, FormsModule, ThyCheckbox], exports: [ThyCheckbox] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyCheckboxModule, imports: [CommonModule, FormsModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThyCheckboxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.10", ngImport: i0, type: ThyCheckboxModule, imports: [CommonModule, FormsModule, ThyCheckbox], exports: [ThyCheckbox] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThyCheckboxModule, imports: [CommonModule, FormsModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyCheckboxModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", 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    imports: [NgClass]\n})\nexport class ThyCheckbox extends ThyFormCheckBaseComponent {\n    /**\n     * 设置 indeterminate 状态，只负责样式控制\n     * @description.en-us Set the indeterminate state, responsible only for style control\n     */\n    readonly thyIndeterminate = input(false, { transform: coerceBooleanProperty });\n}\n","<input\n  class=\"form-check-input\"\n  [ngClass]=\"{ 'form-check-indeterminate': thyIndeterminate(), '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;;AAkBI;;;AAGG;QACM,IAAgB,CAAA,gBAAA,GAAG,KAAK,CAAC,KAAK,EAAE,EAAE,SAAS,EAAE,qBAAqB,EAAE,CAAC;AACjF;8GANY,WAAW,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAX,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,WAAW,EAdT,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,2CAAA,EAAA,MAAA,EAAA,EAAA,gBAAA,EAAA,EAAA,iBAAA,EAAA,kBAAA,EAAA,UAAA,EAAA,kBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,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,mZAYA,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,mZAAA,EAAA;;;MEjBT,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;;;;"}
+{"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    /**\n     * 设置 indeterminate 状态，只负责样式控制\n     * @description.en-us Set the indeterminate state, responsible only for style control\n     */\n    readonly thyIndeterminate = input(false, { transform: coerceBooleanProperty });\n}\n","<input\n  class=\"form-check-input\"\n  [ngClass]=\"{ 'form-check-indeterminate': thyIndeterminate(), '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;;AAkBI;;;AAGG;AACM,QAAA,IAAA,CAAA,gBAAgB,GAAG,KAAK,CAAC,KAAK,oDAAI,SAAS,EAAE,qBAAqB,EAAA,CAAA,GAAA,CAAlC,EAAE,SAAS,EAAE,qBAAqB,EAAE,GAAC;AACjF,IAAA;+GANY,WAAW,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAX,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,WAAW,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,2CAAA,EAAA,MAAA,EAAA,EAAA,gBAAA,EAAA,EAAA,iBAAA,EAAA,kBAAA,EAAA,UAAA,EAAA,kBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,eAAA,EAAA,IAAA,EAAA,gBAAA,EAAA,WAAA,EAAA,EAAA,cAAA,EAAA,cAAA,EAAA,EAAA,SAAA,EAdT;AACP,YAAA;AACI,gBAAA,OAAO,EAAE,iBAAiB;AAC1B,gBAAA,WAAW,EAAE,UAAU,CAAC,MAAM,WAAW,CAAC;AAC1C,gBAAA,KAAK,EAAE;AACV;SACJ,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECpBL,mZAYA,4CDcc,OAAO,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,SAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA;;4FAER,WAAW,EAAA,UAAA,EAAA,CAAA;kBAjBvB,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,2CAA2C,EAAA,SAAA,EAE1C;AACP,wBAAA;AACI,4BAAA,OAAO,EAAE,iBAAiB;AAC1B,4BAAA,WAAW,EAAE,UAAU,CAAC,iBAAiB,CAAC;AAC1C,4BAAA,KAAK,EAAE;AACV;qBACJ,EAAA,IAAA,EACK;AACF,wBAAA,iBAAiB,EAAE,IAAI;AACvB,wBAAA,KAAK,EAAE,cAAc;AACrB,wBAAA,kBAAkB,EAAE;qBACvB,EAAA,OAAA,EACQ,CAAC,OAAO,CAAC,EAAA,QAAA,EAAA,mZAAA,EAAA;;;MEjBT,iBAAiB,CAAA;+GAAjB,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,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,iBAAiB,YAHhB,YAAY,EAAE,WAAW,EAAE,WAAW,aACtC,WAAW,CAAA,EAAA,CAAA,CAAA;gHAEZ,iBAAiB,EAAA,OAAA,EAAA,CAHhB,YAAY,EAAE,WAAW,CAAA,EAAA,CAAA,CAAA;;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;AACxB,iBAAA;;;ACND;;ACFA;;AAEG;;;;"}

package/fesm2022/ngx-tethys-collapse.mjs

@@ -23,42 +23,42 @@ class ThyCollapseItem {
         /**
          * 标题
          */
-        this.thyTitle = input();
+        this.thyTitle = input(...(ngDevMode ? [undefined, { debugName: "thyTitle" }] : []));
         /**
          * 是否处于激活展开状态
          */
-        this.thyActive = model(false);
+        this.thyActive = model(false, ...(ngDevMode ? [{ debugName: "thyActive" }] : []));
         /**
          * 是否禁用当前面板
          */
-        this.thyDisabled = input(false, { transform: coerceBooleanProperty });
+        this.thyDisabled = input(false, ...(ngDevMode ? [{ debugName: "thyDisabled", transform: coerceBooleanProperty }] : [{ transform: coerceBooleanProperty }]));
         /**
          * 自定义面板头
          */
-        this.thyHeaderTemplate = input();
+        this.thyHeaderTemplate = input(...(ngDevMode ? [undefined, { debugName: "thyHeaderTemplate" }] : []));
         /**
          * 自定义箭头(展开收起)图标，设置为 false 表示隐藏图标
          */
-        this.thyArrowIcon = model(DEFAULT_ARROW_ICON);
+        this.thyArrowIcon = model(DEFAULT_ARROW_ICON, ...(ngDevMode ? [{ debugName: "thyArrowIcon" }] : []));
         this.arrowIconTemplate = computed(() => {
             const arrowIcon = this.thyArrowIcon();
             return arrowIcon instanceof TemplateRef ? arrowIcon : null;
-        });
+        }, ...(ngDevMode ? [{ debugName: "arrowIconTemplate" }] : []));
         this.arrowIcon = computed(() => {
             const arrowIcon = this.thyArrowIcon();
             return isString(arrowIcon) ? arrowIcon : DEFAULT_ARROW_ICON;
-        });
+        }, ...(ngDevMode ? [{ debugName: "arrowIcon" }] : []));
         this.showArrow = computed(() => {
             const arrowIcon = this.thyArrowIcon();
             if (!(arrowIcon instanceof TemplateRef) && !isString(arrowIcon)) {
                 return this.thyArrowIcon();
             }
             return true;
-        });
+        }, ...(ngDevMode ? [{ debugName: "showArrow" }] : []));
         /**
          * 额外附加模板
          */
-        this.thyExtra = input();
+        this.thyExtra = input(...(ngDevMode ? [undefined, { debugName: "thyExtra" }] : []));
         /**
          * 展开收起事件
          */
@@ -78,10 +78,10 @@ class ThyCollapseItem {
     ngOnDestroy() {
         this.thyCollapseComponent.removePanel(this);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyCollapseItem, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.8", type: ThyCollapseItem, isStandalone: true, selector: "thy-collapse-panel, thy-collapse-item", inputs: { thyTitle: { classPropertyName: "thyTitle", publicName: "thyTitle", isSignal: true, isRequired: false, transformFunction: null }, thyActive: { classPropertyName: "thyActive", publicName: "thyActive", isSignal: true, isRequired: false, transformFunction: null }, thyDisabled: { classPropertyName: "thyDisabled", publicName: "thyDisabled", isSignal: true, isRequired: false, transformFunction: null }, thyHeaderTemplate: { classPropertyName: "thyHeaderTemplate", publicName: "thyHeaderTemplate", isSignal: true, isRequired: false, transformFunction: null }, thyArrowIcon: { classPropertyName: "thyArrowIcon", publicName: "thyArrowIcon", isSignal: true, isRequired: false, transformFunction: null }, thyExtra: { classPropertyName: "thyExtra", publicName: "thyExtra", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { thyActive: "thyActiveChange", thyArrowIcon: "thyArrowIconChange", 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: "20.3.10", ngImport: i0, type: ThyCollapseItem, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.10", type: ThyCollapseItem, isStandalone: true, selector: "thy-collapse-panel, thy-collapse-item", inputs: { thyTitle: { classPropertyName: "thyTitle", publicName: "thyTitle", isSignal: true, isRequired: false, transformFunction: null }, thyActive: { classPropertyName: "thyActive", publicName: "thyActive", isSignal: true, isRequired: false, transformFunction: null }, thyDisabled: { classPropertyName: "thyDisabled", publicName: "thyDisabled", isSignal: true, isRequired: false, transformFunction: null }, thyHeaderTemplate: { classPropertyName: "thyHeaderTemplate", publicName: "thyHeaderTemplate", isSignal: true, isRequired: false, transformFunction: null }, thyArrowIcon: { classPropertyName: "thyArrowIcon", publicName: "thyArrowIcon", isSignal: true, isRequired: false, transformFunction: null }, thyExtra: { classPropertyName: "thyExtra", publicName: "thyExtra", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { thyActive: "thyActiveChange", thyArrowIcon: "thyArrowIconChange", 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: "19.2.8", ngImport: i0, type: ThyCollapseItem, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", 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',
@@ -89,7 +89,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImpor
                         '[class.thy-collapse-item-active]': 'thyActive()',
                         '[class.thy-collapse-item-disabled]': 'thyDisabled()'
                     }, 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: i0.Input, args: [{ isSignal: true, alias: "thyTitle", required: false }] }], thyActive: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyActive", required: false }] }, { type: i0.Output, args: ["thyActiveChange"] }], thyDisabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyDisabled", required: false }] }], thyHeaderTemplate: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyHeaderTemplate", required: false }] }], thyArrowIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyArrowIcon", required: false }] }, { type: i0.Output, args: ["thyArrowIconChange"] }], thyExtra: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyExtra", required: false }] }], thyActiveChange: [{ type: i0.Output, args: ["thyActiveChange"] }] } });
 
 /**
  * 折叠面板组件
@@ -101,15 +101,15 @@ class ThyCollapse {
         /**
          * 折叠面板主题，支持 `divided` | `bordered` | `ghost`
          */
-        this.thyTheme = input('divided');
+        this.thyTheme = input('divided', ...(ngDevMode ? [{ debugName: "thyTheme" }] : []));
         /**
          * 是否为手风琴模式，手风琴模式下，只能展开一个面板
          */
-        this.thyAccordion = input(false, { transform: coerceBooleanProperty });
+        this.thyAccordion = input(false, ...(ngDevMode ? [{ debugName: "thyAccordion", transform: coerceBooleanProperty }] : [{ transform: coerceBooleanProperty }]));
         /**
          * 展开收起图标的位置，支持 `left` | `right`
          */
-        this.thyArrowIconPosition = input('left');
+        this.thyArrowIconPosition = input('left', ...(ngDevMode ? [{ debugName: "thyArrowIconPosition" }] : []));
         this.listOfCollapsePanelComponent = [];
     }
     addPanel(value) {
@@ -133,8 +133,8 @@ class ThyCollapse {
         collapseItem.thyActive.set(!collapseItem.thyActive());
         collapseItem.thyActiveChange.emit({ active: collapseItem.thyActive(), event });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyCollapse, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.8", type: ThyCollapse, isStandalone: true, selector: "thy-collapse", inputs: { thyTheme: { classPropertyName: "thyTheme", publicName: "thyTheme", isSignal: true, isRequired: false, transformFunction: null }, thyAccordion: { classPropertyName: "thyAccordion", publicName: "thyAccordion", isSignal: true, isRequired: false, transformFunction: null }, thyArrowIconPosition: { classPropertyName: "thyArrowIconPosition", publicName: "thyArrowIconPosition", isSignal: true, isRequired: false, transformFunction: null } }, 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" }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThyCollapse, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.10", type: ThyCollapse, isStandalone: true, selector: "thy-collapse", inputs: { thyTheme: { classPropertyName: "thyTheme", publicName: "thyTheme", isSignal: true, isRequired: false, transformFunction: null }, thyAccordion: { classPropertyName: "thyAccordion", publicName: "thyAccordion", isSignal: true, isRequired: false, transformFunction: null }, thyArrowIconPosition: { classPropertyName: "thyArrowIconPosition", publicName: "thyArrowIconPosition", isSignal: true, isRequired: false, transformFunction: null } }, 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" }, providers: [
             {
                 provide: THY_COLLAPSE_COMPONENT,
                 useExisting: ThyCollapse
@@ -145,7 +145,7 @@ class ThyCollapse {
         </ng-container>
     `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyCollapse, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThyCollapse, decorators: [{
             type: Component,
             args: [{
                     selector: 'thy-collapse',
@@ -170,14 +170,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImpor
                         }
                     ]
                 }]
-        }] });
+        }], propDecorators: { thyTheme: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyTheme", required: false }] }], thyAccordion: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyAccordion", required: false }] }], thyArrowIconPosition: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyArrowIconPosition", required: false }] }] } });
 
 class ThyCollapseModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyCollapseModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.8", 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.8", ngImport: i0, type: ThyCollapseModule, imports: [CommonModule, FormsModule, OverlayModule, ThyInputModule, ThyIconModule, ThyCollapseItem] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThyCollapseModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.10", 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: "20.3.10", ngImport: i0, type: ThyCollapseModule, imports: [CommonModule, FormsModule, OverlayModule, ThyInputModule, ThyIconModule, ThyCollapseItem] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyCollapseModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", 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.token.ts","../../../src/collapse/collapse-item.component.ts","../../../src/collapse/collapse-item.component.html","../../../src/collapse/collapse.component.ts","../../../src/collapse/module.ts","../../../src/collapse/ngx-tethys-collapse.ts"],"sourcesContent":["import { InjectionToken, ModelSignal, OutputEmitterRef } from '@angular/core';\n\nexport interface IThyCollapseItemComponent {\n    thyActive: ModelSignal<boolean>;\n    thyActiveChange: OutputEmitterRef<{ active: boolean; event: Event }>;\n    markForCheck: () => void;\n}\n\nexport interface IThyCollapseComponent {\n    addPanel: (value: IThyCollapseItemComponent) => void;\n    removePanel: (value: IThyCollapseItemComponent) => void;\n    click: (collapseItem: IThyCollapseItemComponent, event: Event) => void;\n}\n\nexport const THY_COLLAPSE_COMPONENT = new InjectionToken<IThyCollapseComponent>('THY_COLLAPSE_COMPONENT');\n","import { collapseMotion } from 'ngx-tethys/core';\n\nimport {\n    ChangeDetectorRef,\n    Component,\n    ChangeDetectionStrategy,\n    OnDestroy,\n    OnInit,\n    TemplateRef,\n    inject,\n    input,\n    output,\n    computed,\n    model\n} from '@angular/core';\n\nimport { IThyCollapseItemComponent, THY_COLLAPSE_COMPONENT } from './collapse.token';\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 IThyCollapseItemComponent, OnInit, OnDestroy {\n    private cdr = inject(ChangeDetectorRef);\n    private thyCollapseComponent = inject(THY_COLLAPSE_COMPONENT, { host: true })!;\n\n    /**\n     * 标题\n     */\n    readonly thyTitle = input<string>();\n\n    /**\n     * 是否处于激活展开状态\n     */\n    thyActive = model<boolean>(false);\n\n    /**\n     * 是否禁用当前面板\n     */\n    readonly thyDisabled = input(false, { transform: coerceBooleanProperty });\n\n    /**\n     * 自定义面板头\n     */\n    readonly thyHeaderTemplate = input<TemplateRef<SafeAny>>();\n\n    /**\n     * 自定义箭头(展开收起)图标，设置为 false 表示隐藏图标\n     */\n    thyArrowIcon = model<string | TemplateRef<SafeAny> | boolean>(DEFAULT_ARROW_ICON);\n\n    readonly arrowIconTemplate = computed(() => {\n        const arrowIcon = this.thyArrowIcon();\n        return arrowIcon instanceof TemplateRef ? arrowIcon : null;\n    });\n\n    readonly arrowIcon = computed(() => {\n        const arrowIcon = this.thyArrowIcon();\n        return isString(arrowIcon) ? arrowIcon : DEFAULT_ARROW_ICON;\n    });\n\n    readonly showArrow = computed(() => {\n        const arrowIcon = this.thyArrowIcon();\n        if (!(arrowIcon instanceof TemplateRef) && !isString(arrowIcon)) {\n            return this.thyArrowIcon();\n        }\n        return true;\n    });\n\n    /**\n     * 额外附加模板\n     */\n    readonly thyExtra = input<TemplateRef<SafeAny>>();\n\n    /**\n     * 展开收起事件\n     */\n    readonly thyActiveChange = output<{ 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 { ChangeDetectionStrategy, Component, input } from '@angular/core';\nimport { IThyCollapseItemComponent, IThyCollapseComponent, THY_COLLAPSE_COMPONENT } from './collapse.token';\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    providers: [\n        {\n            provide: THY_COLLAPSE_COMPONENT,\n            useExisting: ThyCollapse\n        }\n    ]\n})\nexport class ThyCollapse implements IThyCollapseComponent {\n    /**\n     * 折叠面板主题，支持 `divided` | `bordered` | `ghost`\n     */\n    readonly thyTheme = input<ThyCollapseTheme>('divided');\n\n    /**\n     * 是否为手风琴模式，手风琴模式下，只能展开一个面板\n     */\n    readonly thyAccordion = input(false, { transform: coerceBooleanProperty });\n\n    /**\n     * 展开收起图标的位置，支持 `left` | `right`\n     */\n    readonly thyArrowIconPosition = input<ThyCollapsedIconPosition>('left');\n\n    private listOfCollapsePanelComponent: IThyCollapseItemComponent[] = [];\n\n    addPanel(value: IThyCollapseItemComponent): void {\n        this.listOfCollapsePanelComponent.push(value);\n    }\n\n    removePanel(value: IThyCollapseItemComponent): void {\n        this.listOfCollapsePanelComponent.splice(this.listOfCollapsePanelComponent.indexOf(value), 1);\n    }\n\n    click(collapseItem: IThyCollapseItemComponent, 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.set(false);\n                        item.thyActiveChange.emit({ active: collapseItem.thyActive(), event });\n                        item.markForCheck();\n                    }\n                });\n        }\n        collapseItem.thyActive.set(!collapseItem.thyActive());\n        collapseItem.thyActiveChange.emit({ active: collapseItem.thyActive(), event });\n    }\n}\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.token.ts","../../../src/collapse/collapse-item.component.ts","../../../src/collapse/collapse-item.component.html","../../../src/collapse/collapse.component.ts","../../../src/collapse/module.ts","../../../src/collapse/ngx-tethys-collapse.ts"],"sourcesContent":["import { InjectionToken, ModelSignal, OutputEmitterRef } from '@angular/core';\n\nexport interface IThyCollapseItemComponent {\n    thyActive: ModelSignal<boolean>;\n    thyActiveChange: OutputEmitterRef<{ active: boolean; event: Event }>;\n    markForCheck: () => void;\n}\n\nexport interface IThyCollapseComponent {\n    addPanel: (value: IThyCollapseItemComponent) => void;\n    removePanel: (value: IThyCollapseItemComponent) => void;\n    click: (collapseItem: IThyCollapseItemComponent, event: Event) => void;\n}\n\nexport const THY_COLLAPSE_COMPONENT = new InjectionToken<IThyCollapseComponent>('THY_COLLAPSE_COMPONENT');\n","import { collapseMotion } from 'ngx-tethys/core';\n\nimport {\n    ChangeDetectorRef,\n    Component,\n    ChangeDetectionStrategy,\n    OnDestroy,\n    OnInit,\n    TemplateRef,\n    inject,\n    input,\n    output,\n    computed,\n    model\n} from '@angular/core';\n\nimport { IThyCollapseItemComponent, THY_COLLAPSE_COMPONENT } from './collapse.token';\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 IThyCollapseItemComponent, OnInit, OnDestroy {\n    private cdr = inject(ChangeDetectorRef);\n    private thyCollapseComponent = inject(THY_COLLAPSE_COMPONENT, { host: true })!;\n\n    /**\n     * 标题\n     */\n    readonly thyTitle = input<string>();\n\n    /**\n     * 是否处于激活展开状态\n     */\n    thyActive = model<boolean>(false);\n\n    /**\n     * 是否禁用当前面板\n     */\n    readonly thyDisabled = input(false, { transform: coerceBooleanProperty });\n\n    /**\n     * 自定义面板头\n     */\n    readonly thyHeaderTemplate = input<TemplateRef<SafeAny>>();\n\n    /**\n     * 自定义箭头(展开收起)图标，设置为 false 表示隐藏图标\n     */\n    thyArrowIcon = model<string | TemplateRef<SafeAny> | boolean>(DEFAULT_ARROW_ICON);\n\n    readonly arrowIconTemplate = computed(() => {\n        const arrowIcon = this.thyArrowIcon();\n        return arrowIcon instanceof TemplateRef ? arrowIcon : null;\n    });\n\n    readonly arrowIcon = computed(() => {\n        const arrowIcon = this.thyArrowIcon();\n        return isString(arrowIcon) ? arrowIcon : DEFAULT_ARROW_ICON;\n    });\n\n    readonly showArrow = computed(() => {\n        const arrowIcon = this.thyArrowIcon();\n        if (!(arrowIcon instanceof TemplateRef) && !isString(arrowIcon)) {\n            return this.thyArrowIcon();\n        }\n        return true;\n    });\n\n    /**\n     * 额外附加模板\n     */\n    readonly thyExtra = input<TemplateRef<SafeAny>>();\n\n    /**\n     * 展开收起事件\n     */\n    readonly thyActiveChange = output<{ 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 { ChangeDetectionStrategy, Component, input } from '@angular/core';\nimport { IThyCollapseItemComponent, IThyCollapseComponent, THY_COLLAPSE_COMPONENT } from './collapse.token';\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    providers: [\n        {\n            provide: THY_COLLAPSE_COMPONENT,\n            useExisting: ThyCollapse\n        }\n    ]\n})\nexport class ThyCollapse implements IThyCollapseComponent {\n    /**\n     * 折叠面板主题，支持 `divided` | `bordered` | `ghost`\n     */\n    readonly thyTheme = input<ThyCollapseTheme>('divided');\n\n    /**\n     * 是否为手风琴模式，手风琴模式下，只能展开一个面板\n     */\n    readonly thyAccordion = input(false, { transform: coerceBooleanProperty });\n\n    /**\n     * 展开收起图标的位置，支持 `left` | `right`\n     */\n    readonly thyArrowIconPosition = input<ThyCollapsedIconPosition>('left');\n\n    private listOfCollapsePanelComponent: IThyCollapseItemComponent[] = [];\n\n    addPanel(value: IThyCollapseItemComponent): void {\n        this.listOfCollapsePanelComponent.push(value);\n    }\n\n    removePanel(value: IThyCollapseItemComponent): void {\n        this.listOfCollapsePanelComponent.splice(this.listOfCollapsePanelComponent.indexOf(value), 1);\n    }\n\n    click(collapseItem: IThyCollapseItemComponent, 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.set(false);\n                        item.thyActiveChange.emit({ active: collapseItem.thyActive(), event });\n                        item.markForCheck();\n                    }\n                });\n        }\n        collapseItem.thyActive.set(!collapseItem.thyActive());\n        collapseItem.thyActiveChange.emit({ active: collapseItem.thyActive(), event });\n    }\n}\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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"}