ngx-tethys 19.1.13 → 20.0.0-next.0

package/fesm2022/ngx-tethys-cascader.mjs

@@ -29,26 +29,26 @@ import { ThyLoading } from 'ngx-tethys/loading';
  */
 class ThyCascaderOptionComponent {
     constructor() {
-        this.option = input();
-        this.multiple = input(false, { transform: coerceBooleanProperty });
-        this.isOnlySelectLeaf = input(true, { transform: coerceBooleanProperty });
-        this.optionRender = input();
-        this.active = input(false, { transform: coerceBooleanProperty });
-        this.halfSelected = input(false, { transform: coerceBooleanProperty });
-        this.selected = input(false, { transform: coerceBooleanProperty });
-        this.disabled = computed(() => this.option().disabled);
-        this.expand = computed(() => this.option() && !this.option().isLeaf);
-        this.labelProperty = input('label');
+        this.option = input(...(ngDevMode ? [undefined, { debugName: "option" }] : []));
+        this.multiple = input(false, ...(ngDevMode ? [{ debugName: "multiple", transform: coerceBooleanProperty }] : [{ transform: coerceBooleanProperty }]));
+        this.isOnlySelectLeaf = input(true, ...(ngDevMode ? [{ debugName: "isOnlySelectLeaf", transform: coerceBooleanProperty }] : [{ transform: coerceBooleanProperty }]));
+        this.optionRender = input(...(ngDevMode ? [undefined, { debugName: "optionRender" }] : []));
+        this.active = input(false, ...(ngDevMode ? [{ debugName: "active", transform: coerceBooleanProperty }] : [{ transform: coerceBooleanProperty }]));
+        this.halfSelected = input(false, ...(ngDevMode ? [{ debugName: "halfSelected", transform: coerceBooleanProperty }] : [{ transform: coerceBooleanProperty }]));
+        this.selected = input(false, ...(ngDevMode ? [{ debugName: "selected", transform: coerceBooleanProperty }] : [{ transform: coerceBooleanProperty }]));
+        this.disabled = computed(() => this.option().disabled, ...(ngDevMode ? [{ debugName: "disabled" }] : []));
+        this.expand = computed(() => this.option() && !this.option().isLeaf, ...(ngDevMode ? [{ debugName: "expand" }] : []));
+        this.labelProperty = input('label', ...(ngDevMode ? [{ debugName: "labelProperty" }] : []));
         this.toggleSelectChange = output();
     }
     ngOnInit() { }
     toggleOption(value) {
         this.toggleSelectChange.emit(value);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyCascaderOptionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.8", type: ThyCascaderOptionComponent, isStandalone: true, selector: "[thy-cascader-option]", inputs: { option: { classPropertyName: "option", publicName: "option", isSignal: true, isRequired: false, transformFunction: null }, multiple: { classPropertyName: "multiple", publicName: "multiple", isSignal: true, isRequired: false, transformFunction: null }, isOnlySelectLeaf: { classPropertyName: "isOnlySelectLeaf", publicName: "isOnlySelectLeaf", isSignal: true, isRequired: false, transformFunction: null }, optionRender: { classPropertyName: "optionRender", publicName: "optionRender", isSignal: true, isRequired: false, transformFunction: null }, active: { classPropertyName: "active", publicName: "active", isSignal: true, isRequired: false, transformFunction: null }, halfSelected: { classPropertyName: "halfSelected", publicName: "halfSelected", isSignal: true, isRequired: false, transformFunction: null }, selected: { classPropertyName: "selected", publicName: "selected", isSignal: true, isRequired: false, transformFunction: null }, labelProperty: { classPropertyName: "labelProperty", publicName: "labelProperty", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { toggleSelectChange: "toggleSelectChange" }, host: { properties: { "class.thy-cascader-menu-item-active": "active()", "class.thy-cascader-menu-item-disabled": "disabled()", "class.thy-cascader-menu-item-expand": "expand()" }, classAttribute: "d-flex thy-cascader-menu-item" }, ngImport: i0, template: "@if (!option().readonly) {\n  <div thyStopPropagation>\n    @if (multiple()) {\n      <label\n        class=\"mr-2\"\n        thyCheckbox\n        [disabled]=\"option().disabled\"\n        [name]=\"option().value || option()._id\"\n        [thyIndeterminate]=\"halfSelected()\"\n        [ngModel]=\"selected()\"\n        (ngModelChange)=\"toggleOption($event)\"></label>\n    }\n    @if (!multiple() && !isOnlySelectLeaf()) {\n      <label\n        class=\"mr-2\"\n        thyRadio\n        [disabled]=\"option().disabled\"\n        [name]=\"option().value || option()._id\"\n        [ngModel]=\"selected()\"\n        (ngModelChange)=\"toggleOption($event)\"></label>\n    }\n  </div>\n}\n\n@if (!optionRender()) {\n  <span thyFlexibleText [thyTooltipContent]=\"option()[labelProperty()] || ''\"> {{ option()[labelProperty()] || '' }}</span>\n} @else {\n  <ng-template [ngTemplateOutlet]=\"optionRender()\" [ngTemplateOutletContext]=\"{ option: option() }\"></ng-template>\n}\n\n@if (!option().isLeaf || (option().children && option().children.length) || option().loading) {\n  <span class=\"wtf wtf-angle-right thy-cascader-menu-item-expand-icon\"> </span>\n}\n", dependencies: [{ kind: "component", type: ThyFlexibleText, selector: "thy-flexible-text,[thyFlexibleText]", inputs: ["thyTooltipTrigger", "thyContainerClass", "thyTooltipContent", "thyTooltipPlacement", "thyTooltipOffset"], exportAs: ["thyFlexibleText"] }, { kind: "component", type: ThyCheckbox, selector: "thy-checkbox,[thy-checkbox],[thyCheckbox]", inputs: ["thyIndeterminate"] }, { kind: "component", type: ThyRadio, selector: "[thy-radio],[thyRadio]", inputs: ["thyValue"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: ThyStopPropagationDirective, selector: "[thyStopPropagation]", inputs: ["thyStopPropagation"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThyCascaderOptionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.10", type: ThyCascaderOptionComponent, isStandalone: true, selector: "[thy-cascader-option]", inputs: { option: { classPropertyName: "option", publicName: "option", isSignal: true, isRequired: false, transformFunction: null }, multiple: { classPropertyName: "multiple", publicName: "multiple", isSignal: true, isRequired: false, transformFunction: null }, isOnlySelectLeaf: { classPropertyName: "isOnlySelectLeaf", publicName: "isOnlySelectLeaf", isSignal: true, isRequired: false, transformFunction: null }, optionRender: { classPropertyName: "optionRender", publicName: "optionRender", isSignal: true, isRequired: false, transformFunction: null }, active: { classPropertyName: "active", publicName: "active", isSignal: true, isRequired: false, transformFunction: null }, halfSelected: { classPropertyName: "halfSelected", publicName: "halfSelected", isSignal: true, isRequired: false, transformFunction: null }, selected: { classPropertyName: "selected", publicName: "selected", isSignal: true, isRequired: false, transformFunction: null }, labelProperty: { classPropertyName: "labelProperty", publicName: "labelProperty", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { toggleSelectChange: "toggleSelectChange" }, host: { properties: { "class.thy-cascader-menu-item-active": "active()", "class.thy-cascader-menu-item-disabled": "disabled()", "class.thy-cascader-menu-item-expand": "expand()" }, classAttribute: "d-flex thy-cascader-menu-item" }, ngImport: i0, template: "@if (!option().readonly) {\n  <div thyStopPropagation>\n    @if (multiple()) {\n      <label\n        class=\"mr-2\"\n        thyCheckbox\n        [disabled]=\"option().disabled\"\n        [name]=\"option().value || option()._id\"\n        [thyIndeterminate]=\"halfSelected()\"\n        [ngModel]=\"selected()\"\n        (ngModelChange)=\"toggleOption($event)\"></label>\n    }\n    @if (!multiple() && !isOnlySelectLeaf()) {\n      <label\n        class=\"mr-2\"\n        thyRadio\n        [disabled]=\"option().disabled\"\n        [name]=\"option().value || option()._id\"\n        [ngModel]=\"selected()\"\n        (ngModelChange)=\"toggleOption($event)\"></label>\n    }\n  </div>\n}\n\n@if (!optionRender()) {\n  <span thyFlexibleText [thyTooltipContent]=\"option()[labelProperty()] || ''\"> {{ option()[labelProperty()] || '' }}</span>\n} @else {\n  <ng-template [ngTemplateOutlet]=\"optionRender()\" [ngTemplateOutletContext]=\"{ option: option() }\"></ng-template>\n}\n\n@if (!option().isLeaf || (option().children && option().children.length) || option().loading) {\n  <span class=\"wtf wtf-angle-right thy-cascader-menu-item-expand-icon\"> </span>\n}\n", dependencies: [{ kind: "component", type: ThyFlexibleText, selector: "thy-flexible-text,[thyFlexibleText]", inputs: ["thyTooltipTrigger", "thyContainerClass", "thyTooltipContent", "thyTooltipPlacement", "thyTooltipOffset"], exportAs: ["thyFlexibleText"] }, { kind: "component", type: ThyCheckbox, selector: "thy-checkbox,[thy-checkbox],[thyCheckbox]", inputs: ["thyIndeterminate"] }, { kind: "component", type: ThyRadio, selector: "[thy-radio],[thyRadio]", inputs: ["thyValue"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: ThyStopPropagationDirective, selector: "[thyStopPropagation]", inputs: ["thyStopPropagation"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyCascaderOptionComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThyCascaderOptionComponent, decorators: [{
             type: Component,
             args: [{ changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, selector: '[thy-cascader-option]', imports: [ThyFlexibleText, ThyCheckbox, ThyRadio, FormsModule, ThyStopPropagationDirective, NgTemplateOutlet], host: {
                         class: 'd-flex thy-cascader-menu-item',
@@ -56,7 +56,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImpor
                         '[class.thy-cascader-menu-item-disabled]': 'disabled()',
                         '[class.thy-cascader-menu-item-expand]': 'expand()'
                     }, template: "@if (!option().readonly) {\n  <div thyStopPropagation>\n    @if (multiple()) {\n      <label\n        class=\"mr-2\"\n        thyCheckbox\n        [disabled]=\"option().disabled\"\n        [name]=\"option().value || option()._id\"\n        [thyIndeterminate]=\"halfSelected()\"\n        [ngModel]=\"selected()\"\n        (ngModelChange)=\"toggleOption($event)\"></label>\n    }\n    @if (!multiple() && !isOnlySelectLeaf()) {\n      <label\n        class=\"mr-2\"\n        thyRadio\n        [disabled]=\"option().disabled\"\n        [name]=\"option().value || option()._id\"\n        [ngModel]=\"selected()\"\n        (ngModelChange)=\"toggleOption($event)\"></label>\n    }\n  </div>\n}\n\n@if (!optionRender()) {\n  <span thyFlexibleText [thyTooltipContent]=\"option()[labelProperty()] || ''\"> {{ option()[labelProperty()] || '' }}</span>\n} @else {\n  <ng-template [ngTemplateOutlet]=\"optionRender()\" [ngTemplateOutletContext]=\"{ option: option() }\"></ng-template>\n}\n\n@if (!option().isLeaf || (option().children && option().children.length) || option().loading) {\n  <span class=\"wtf wtf-angle-right thy-cascader-menu-item-expand-icon\"> </span>\n}\n" }]
-        }], ctorParameters: () => [] });
+        }], ctorParameters: () => [], propDecorators: { option: [{ type: i0.Input, args: [{ isSignal: true, alias: "option", required: false }] }], multiple: [{ type: i0.Input, args: [{ isSignal: true, alias: "multiple", required: false }] }], isOnlySelectLeaf: [{ type: i0.Input, args: [{ isSignal: true, alias: "isOnlySelectLeaf", required: false }] }], optionRender: [{ type: i0.Input, args: [{ isSignal: true, alias: "optionRender", required: false }] }], active: [{ type: i0.Input, args: [{ isSignal: true, alias: "active", required: false }] }], halfSelected: [{ type: i0.Input, args: [{ isSignal: true, alias: "halfSelected", required: false }] }], selected: [{ type: i0.Input, args: [{ isSignal: true, alias: "selected", required: false }] }], labelProperty: [{ type: i0.Input, args: [{ isSignal: true, alias: "labelProperty", required: false }] }], toggleSelectChange: [{ type: i0.Output, args: ["toggleSelectChange"] }] } });
 
 /**
  * @internal
@@ -69,11 +69,11 @@ class ThyCascaderSearchOptionComponent {
         this.toggleSelectChange.emit(this.option());
     }
     constructor() {
-        this.option = input();
-        this.multiple = input(false, { transform: coerceBooleanProperty });
-        this.isOnlySelectLeaf = input(true, { transform: coerceBooleanProperty });
-        this.active = input(false, { transform: coerceBooleanProperty });
-        this.optionRender = input(undefined);
+        this.option = input(...(ngDevMode ? [undefined, { debugName: "option" }] : []));
+        this.multiple = input(false, ...(ngDevMode ? [{ debugName: "multiple", transform: coerceBooleanProperty }] : [{ transform: coerceBooleanProperty }]));
+        this.isOnlySelectLeaf = input(true, ...(ngDevMode ? [{ debugName: "isOnlySelectLeaf", transform: coerceBooleanProperty }] : [{ transform: coerceBooleanProperty }]));
+        this.active = input(false, ...(ngDevMode ? [{ debugName: "active", transform: coerceBooleanProperty }] : [{ transform: coerceBooleanProperty }]));
+        this.optionRender = input(undefined, ...(ngDevMode ? [{ debugName: "optionRender" }] : []));
         this.toggleSelectChange = output();
     }
     ngOnInit() { }
@@ -87,20 +87,20 @@ class ThyCascaderSearchOptionComponent {
     toggleOption(value) {
         this.toggleSelectChange.emit(this.option());
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyCascaderSearchOptionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.8", type: ThyCascaderSearchOptionComponent, isStandalone: true, selector: "[thy-cascader-search-option]", inputs: { option: { classPropertyName: "option", publicName: "option", isSignal: true, isRequired: false, transformFunction: null }, multiple: { classPropertyName: "multiple", publicName: "multiple", isSignal: true, isRequired: false, transformFunction: null }, isOnlySelectLeaf: { classPropertyName: "isOnlySelectLeaf", publicName: "isOnlySelectLeaf", isSignal: true, isRequired: false, transformFunction: null }, active: { classPropertyName: "active", publicName: "active", isSignal: true, isRequired: false, transformFunction: null }, optionRender: { classPropertyName: "optionRender", publicName: "optionRender", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { toggleSelectChange: "toggleSelectChange" }, host: { listeners: { "click": "toggleClick($event)" }, properties: { "class.multiple": "multiple()", "class.active": "active()" }, classAttribute: "thy-cascader-search-list-item px-4 d-flex align-items-center cursor-pointer" }, ngImport: i0, template: "@if (multiple()) {\n  <label\n    class=\"mr-1\"\n    thyCheckbox\n    [disabled]=\"option().thyRowValue[option().thyRowValue.length - 1].disabled\"\n    [ngModel]=\"active()\"\n    (click)=\"clickCheckbox($event)\"\n    (ngModelChange)=\"toggleOption($event)\"\n    [thyLabelText]=\"''\"></label>\n}\n\n<thy-breadcrumb thySeparator=\"slash\">\n  @for (label of option().labelList; track $index; let i = $index) {\n    <thy-breadcrumb-item [ngClass]=\"{ 'text-muted': !(option().thyRowValue[i].isLeaf && isOnlySelectLeaf()) }\">\n      @if (!optionRender()) {\n        <span class=\"option-label-item\" thyFlexibleText [thyTooltipContent]=\"label\">{{ label }}</span>\n      } @else {\n        <ng-template [ngTemplateOutlet]=\"optionRender()\" [ngTemplateOutletContext]=\"{ option: option().thyRowValue[i] }\"> </ng-template>\n      }\n    </thy-breadcrumb-item>\n  }\n</thy-breadcrumb>\n", dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: ThyFlexibleText, selector: "thy-flexible-text,[thyFlexibleText]", inputs: ["thyTooltipTrigger", "thyContainerClass", "thyTooltipContent", "thyTooltipPlacement", "thyTooltipOffset"], exportAs: ["thyFlexibleText"] }, { kind: "component", type: ThyCheckbox, selector: "thy-checkbox,[thy-checkbox],[thyCheckbox]", inputs: ["thyIndeterminate"] }, { kind: "component", type: ThyBreadcrumb, selector: "thy-breadcrumb", inputs: ["thyIcon", "thySeparator", "thyItems", "thyMaxCount", "thyExpandable"], exportAs: ["ThyBreadcrumb"] }, { kind: "component", type: ThyBreadcrumbItem, selector: "thy-breadcrumb-item,[thyBreadcrumbItem]", exportAs: ["ThyBreadcrumbItem"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThyCascaderSearchOptionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.10", type: ThyCascaderSearchOptionComponent, isStandalone: true, selector: "[thy-cascader-search-option]", inputs: { option: { classPropertyName: "option", publicName: "option", isSignal: true, isRequired: false, transformFunction: null }, multiple: { classPropertyName: "multiple", publicName: "multiple", isSignal: true, isRequired: false, transformFunction: null }, isOnlySelectLeaf: { classPropertyName: "isOnlySelectLeaf", publicName: "isOnlySelectLeaf", isSignal: true, isRequired: false, transformFunction: null }, active: { classPropertyName: "active", publicName: "active", isSignal: true, isRequired: false, transformFunction: null }, optionRender: { classPropertyName: "optionRender", publicName: "optionRender", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { toggleSelectChange: "toggleSelectChange" }, host: { listeners: { "click": "toggleClick($event)" }, properties: { "class.multiple": "multiple()", "class.active": "active()" }, classAttribute: "thy-cascader-search-list-item px-4 d-flex align-items-center cursor-pointer" }, ngImport: i0, template: "@if (multiple()) {\n  <label\n    class=\"mr-1\"\n    thyCheckbox\n    [disabled]=\"option().thyRowValue[option().thyRowValue.length - 1].disabled\"\n    [ngModel]=\"active()\"\n    (click)=\"clickCheckbox($event)\"\n    (ngModelChange)=\"toggleOption($event)\"\n    [thyLabelText]=\"''\"></label>\n}\n\n<thy-breadcrumb thySeparator=\"slash\">\n  @for (label of option().labelList; track $index; let i = $index) {\n    <thy-breadcrumb-item [ngClass]=\"{ 'text-muted': !(option().thyRowValue[i].isLeaf && isOnlySelectLeaf()) }\">\n      @if (!optionRender()) {\n        <span class=\"option-label-item\" thyFlexibleText [thyTooltipContent]=\"label\">{{ label }}</span>\n      } @else {\n        <ng-template [ngTemplateOutlet]=\"optionRender()\" [ngTemplateOutletContext]=\"{ option: option().thyRowValue[i] }\"> </ng-template>\n      }\n    </thy-breadcrumb-item>\n  }\n</thy-breadcrumb>\n", dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: ThyFlexibleText, selector: "thy-flexible-text,[thyFlexibleText]", inputs: ["thyTooltipTrigger", "thyContainerClass", "thyTooltipContent", "thyTooltipPlacement", "thyTooltipOffset"], exportAs: ["thyFlexibleText"] }, { kind: "component", type: ThyCheckbox, selector: "thy-checkbox,[thy-checkbox],[thyCheckbox]", inputs: ["thyIndeterminate"] }, { kind: "component", type: ThyBreadcrumb, selector: "thy-breadcrumb", inputs: ["thyIcon", "thySeparator", "thyItems", "thyMaxCount", "thyExpandable"], exportAs: ["ThyBreadcrumb"] }, { kind: "component", type: ThyBreadcrumbItem, selector: "thy-breadcrumb-item,[thyBreadcrumbItem]", exportAs: ["ThyBreadcrumbItem"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyCascaderSearchOptionComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThyCascaderSearchOptionComponent, decorators: [{
             type: Component,
             args: [{ changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, selector: '[thy-cascader-search-option]', imports: [NgClass, ThyFlexibleText, ThyCheckbox, ThyBreadcrumb, ThyBreadcrumbItem, FormsModule, NgTemplateOutlet], host: {
                         class: 'thy-cascader-search-list-item px-4 d-flex align-items-center cursor-pointer',
                         '[class.multiple]': 'multiple()',
                         '[class.active]': 'active()'
                     }, template: "@if (multiple()) {\n  <label\n    class=\"mr-1\"\n    thyCheckbox\n    [disabled]=\"option().thyRowValue[option().thyRowValue.length - 1].disabled\"\n    [ngModel]=\"active()\"\n    (click)=\"clickCheckbox($event)\"\n    (ngModelChange)=\"toggleOption($event)\"\n    [thyLabelText]=\"''\"></label>\n}\n\n<thy-breadcrumb thySeparator=\"slash\">\n  @for (label of option().labelList; track $index; let i = $index) {\n    <thy-breadcrumb-item [ngClass]=\"{ 'text-muted': !(option().thyRowValue[i].isLeaf && isOnlySelectLeaf()) }\">\n      @if (!optionRender()) {\n        <span class=\"option-label-item\" thyFlexibleText [thyTooltipContent]=\"label\">{{ label }}</span>\n      } @else {\n        <ng-template [ngTemplateOutlet]=\"optionRender()\" [ngTemplateOutletContext]=\"{ option: option().thyRowValue[i] }\"> </ng-template>\n      }\n    </thy-breadcrumb-item>\n  }\n</thy-breadcrumb>\n" }]
-        }], ctorParameters: () => [], propDecorators: { toggleClick: [{
+        }], ctorParameters: () => [], propDecorators: { option: [{ type: i0.Input, args: [{ isSignal: true, alias: "option", required: false }] }], multiple: [{ type: i0.Input, args: [{ isSignal: true, alias: "multiple", required: false }] }], isOnlySelectLeaf: [{ type: i0.Input, args: [{ isSignal: true, alias: "isOnlySelectLeaf", required: false }] }], active: [{ type: i0.Input, args: [{ isSignal: true, alias: "active", required: false }] }], optionRender: [{ type: i0.Input, args: [{ isSignal: true, alias: "optionRender", required: false }] }], toggleClick: [{
                 type: HostListener,
                 args: ['click', ['$event']]
-            }] } });
+            }], toggleSelectChange: [{ type: i0.Output, args: ["toggleSelectChange"] }] } });
 
 const defaultDisplayRender = (label) => label.join(' / ');
 /**
@@ -654,10 +654,10 @@ class ThyCascaderService {
         }
         return array1.every((element, index) => element === array2[index]);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyCascaderService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyCascaderService }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThyCascaderService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThyCascaderService }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyCascaderService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThyCascaderService, decorators: [{
             type: Injectable
         }] });
 
@@ -671,10 +671,10 @@ class ThyCascaderOptionsPipe {
         }
         return [...customOptions, ...options];
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyCascaderOptionsPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.8", ngImport: i0, type: ThyCascaderOptionsPipe, isStandalone: true, name: "cascaderOptions" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThyCascaderOptionsPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.3.10", ngImport: i0, type: ThyCascaderOptionsPipe, isStandalone: true, name: "cascaderOptions" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyCascaderOptionsPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThyCascaderOptionsPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'cascaderOptions'
@@ -721,151 +721,157 @@ class ThyCascader extends TabIndexDisabledControlValueAccessorMixin {
         /**
          * 选项的实际值的属性名
          */
-        this.thyValueProperty = input('value');
+        this.thyValueProperty = input('value', ...(ngDevMode ? [{ debugName: "thyValueProperty" }] : []));
         /**
          * 选项的显示值的属性名
          */
-        this.thyLabelProperty = input('label');
+        this.thyLabelProperty = input('label', ...(ngDevMode ? [{ debugName: "thyLabelProperty" }] : []));
         /**
          * 描述输入字段预期值的简短的提示信息
          */
-        this.thyPlaceholder = input(this.locale().placeholder);
+        this.thyPlaceholder = input(this.locale().placeholder, ...(ngDevMode ? [{ debugName: "thyPlaceholder" }] : []));
         /**
          * 控制大小（5种）
          * @type 'xs' ｜ 'sm' | 'md' | 'lg' | ''
          */
-        this.thySize = input('');
+        this.thySize = input('', ...(ngDevMode ? [{ debugName: "thySize" }] : []));
         /**
          * 数据项
          * @type ThyCascaderOption[]
          */
-        this.thyOptions = input([]);
+        this.thyOptions = input([], ...(ngDevMode ? [{ debugName: "thyOptions" }] : []));
         /**
          * 自定义选项
          * @type ThyCascaderOption[]
          */
-        this.thyCustomOptions = input([]);
+        this.thyCustomOptions = input([], ...(ngDevMode ? [{ debugName: "thyCustomOptions" }] : []));
         /**
          * 点击父级菜单选项时，可通过该函数判断是否允许值的变化
          */
-        this.thyChangeOn = input();
+        this.thyChangeOn = input(...(ngDevMode ? [undefined, { debugName: "thyChangeOn" }] : []));
         /**
          * 点击项时，表单是否动态展示数据项
          * @type boolean
          */
-        this.thyChangeOnSelect = input(false, { transform: coerceBooleanProperty });
+        this.thyChangeOnSelect = input(false, ...(ngDevMode ? [{ debugName: "thyChangeOnSelect", transform: coerceBooleanProperty }] : [{ transform: coerceBooleanProperty }]));
         /**
          * 显示输入框
          * @type boolean
          */
-        this.thyShowInput = input(true, { transform: coerceBooleanProperty });
+        this.thyShowInput = input(true, ...(ngDevMode ? [{ debugName: "thyShowInput", transform: coerceBooleanProperty }] : [{ transform: coerceBooleanProperty }]));
         /**
          * 用户自定义选项模板
          * @type TemplateRef
          */
-        this.thyOptionRender = input();
+        this.thyOptionRender = input(...(ngDevMode ? [undefined, { debugName: "thyOptionRender" }] : []));
         /**
          * 用户自定义模板
          * @type TemplateRef
          */
-        this.thyLabelRender = input();
+        this.thyLabelRender = input(...(ngDevMode ? [undefined, { debugName: "thyLabelRender" }] : []));
         this.isLabelRenderTemplate = computed(() => {
             return this.thyLabelRender() instanceof TemplateRef;
-        });
+        }, ...(ngDevMode ? [{ debugName: "isLabelRenderTemplate" }] : []));
         /**
         /**
          * 用于动态加载选项
          */
-        this.thyLoadData = input();
+        this.thyLoadData = input(...(ngDevMode ? [undefined, { debugName: "thyLoadData" }] : []));
         /**
          * 控制触发状态, 支持 `click` | `hover`
          * @type ThyCascaderTriggerType | ThyCascaderTriggerType[]
          */
-        this.thyTriggerAction = input(['click']);
+        this.thyTriggerAction = input(['click'], ...(ngDevMode ? [{ debugName: "thyTriggerAction" }] : []));
         /**
          * 鼠标经过下方列表项时，是否自动展开列表，支持 `click` | `hover`
          * @type ThyCascaderExpandTrigger | ThyCascaderExpandTrigger[]
          */
-        this.thyExpandTriggerAction = input(['click']);
+        this.thyExpandTriggerAction = input(['click'], ...(ngDevMode ? [{ debugName: "thyExpandTriggerAction" }] : []));
         /**
          * 自定义浮层样式
          */
-        this.thyMenuStyle = input();
+        this.thyMenuStyle = input(...(ngDevMode ? [undefined, { debugName: "thyMenuStyle" }] : []));
         /**
          * 自定义搜索样式
          */
-        this.thySearchListStyle = input();
+        this.thySearchListStyle = input(...(ngDevMode ? [undefined, { debugName: "thySearchListStyle" }] : []));
         /**
          * 自定义浮层类名
          * @type string
          */
-        this.thyMenuClassName = input();
+        this.thyMenuClassName = input(...(ngDevMode ? [undefined, { debugName: "thyMenuClassName" }] : []));
         /**
          * 自定义浮层列类名
          * @type string
          */
-        this.thyColumnClassName = input();
+        this.thyColumnClassName = input(...(ngDevMode ? [undefined, { debugName: "thyColumnClassName" }] : []));
         this.menuColumnCls = computed(() => {
             return {
                 [`${this.prefixCls}-menu`]: true,
                 [`${this.thyColumnClassName()}`]: this.thyColumnClassName()
             };
-        });
+        }, ...(ngDevMode ? [{ debugName: "menuColumnCls" }] : []));
         this.disabled = false;
         /**
          * 空状态下的展示文字
          * @default 暂无可选项
          */
-        this.thyEmptyStateText = input();
+        this.thyEmptyStateText = input(...(ngDevMode ? [undefined, { debugName: "thyEmptyStateText" }] : []));
         /**
          * 是否多选
          * @type boolean
          */
-        this.thyMultiple = input(false, { transform: coerceBooleanProperty });
+        this.thyMultiple = input(false, ...(ngDevMode ? [{ debugName: "thyMultiple", transform: coerceBooleanProperty }] : [{ transform: coerceBooleanProperty }]));
         /**
          * 设置多选时最大显示的标签数量，0 表示不限制，'auto' 表示自动计算显示数量，默认值为 0
          */
-        this.thyMaxTagCount = input(0, {
-            transform: (value) => {
-                if (value === 'auto')
-                    return 'auto';
-                return numberAttribute(value, 0);
-            }
-        });
+        this.thyMaxTagCount = input(0, ...(ngDevMode ? [{ debugName: "thyMaxTagCount", transform: (value) => {
+                    if (value === 'auto')
+                        return 'auto';
+                    return numberAttribute(value, 0);
+                } }] : [{
+                transform: (value) => {
+                    if (value === 'auto')
+                        return 'auto';
+                    return numberAttribute(value, 0);
+                }
+            }]));
         /**
          * 是否仅允许选择叶子项
          * @default true
          */
-        this.thyIsOnlySelectLeaf = input(true, { transform: coerceBooleanProperty });
+        this.thyIsOnlySelectLeaf = input(true, ...(ngDevMode ? [{ debugName: "thyIsOnlySelectLeaf", transform: coerceBooleanProperty }] : [{ transform: coerceBooleanProperty }]));
         /**
          * 设置
          * @default 140
          */
-        this.thyWidth = input(140, {
-            transform: (value) => {
-                return numberAttribute(value, 140);
-            }
-        });
+        this.thyWidth = input(140, ...(ngDevMode ? [{ debugName: "thyWidth", transform: (value) => {
+                    return numberAttribute(value, 140);
+                } }] : [{
+                transform: (value) => {
+                    return numberAttribute(value, 140);
+                }
+            }]));
         /**
          * 异步加载 loading 状态，false 表示加载中，true 表示加载完成
          */
-        this.thyLoadingDone = input(true, { transform: coerceBooleanProperty });
+        this.thyLoadingDone = input(true, ...(ngDevMode ? [{ debugName: "thyLoadingDone", transform: coerceBooleanProperty }] : [{ transform: coerceBooleanProperty }]));
         /**
          * 初始化时，是否展开面板
          */
-        this.thyAutoExpand = input(false, { transform: coerceBooleanProperty });
+        this.thyAutoExpand = input(false, ...(ngDevMode ? [{ debugName: "thyAutoExpand", transform: coerceBooleanProperty }] : [{ transform: coerceBooleanProperty }]));
         /**
          * 是否支持搜索
          */
-        this.thyShowSearch = input(false, { transform: coerceBooleanProperty });
+        this.thyShowSearch = input(false, ...(ngDevMode ? [{ debugName: "thyShowSearch", transform: coerceBooleanProperty }] : [{ transform: coerceBooleanProperty }]));
         /**
          * 多选选中项的展示方式，默认为空，渲染文字模板，传入tag，渲染展示模板,
          */
-        this.thyPreset = input('');
+        this.thyPreset = input('', ...(ngDevMode ? [{ debugName: "thyPreset" }] : []));
         /**
          * 是否有幕布
          */
-        this.thyHasBackdrop = input(true, { transform: coerceBooleanProperty });
+        this.thyHasBackdrop = input(true, ...(ngDevMode ? [{ debugName: "thyHasBackdrop", transform: coerceBooleanProperty }] : [{ transform: coerceBooleanProperty }]));
         /**
          * 值发生变化时触发，返回选择项的值
          * @type EventEmitter<any[]>
@@ -892,13 +898,13 @@ class ThyCascader extends TabIndexDisabledControlValueAccessorMixin {
          * 下拉选项展开和折叠状态事件
          */
         this.thyExpandStatusChange = output();
-        this.cascaderOptions = viewChildren('cascaderOptions', { read: ElementRef });
-        this.cascaderOptionContainers = viewChildren('cascaderOptionContainers', { read: ElementRef });
-        this.cdkConnectedOverlay = viewChild(CdkConnectedOverlay);
-        this.trigger = viewChild('trigger');
-        this.input = viewChild('input');
-        this.menu = viewChild('menu');
-        this.virtualScrollViewports = viewChildren(CdkVirtualScrollViewport);
+        this.cascaderOptions = viewChildren('cascaderOptions', ...(ngDevMode ? [{ debugName: "cascaderOptions", read: ElementRef }] : [{ read: ElementRef }]));
+        this.cascaderOptionContainers = viewChildren('cascaderOptionContainers', ...(ngDevMode ? [{ debugName: "cascaderOptionContainers", read: ElementRef }] : [{ read: ElementRef }]));
+        this.cdkConnectedOverlay = viewChild(CdkConnectedOverlay, ...(ngDevMode ? [{ debugName: "cdkConnectedOverlay" }] : []));
+        this.trigger = viewChild('trigger', ...(ngDevMode ? [{ debugName: "trigger" }] : []));
+        this.input = viewChild('input', ...(ngDevMode ? [{ debugName: "input" }] : []));
+        this.menu = viewChild('menu', ...(ngDevMode ? [{ debugName: "menu" }] : []));
+        this.virtualScrollViewports = viewChildren(CdkVirtualScrollViewport, ...(ngDevMode ? [{ debugName: "virtualScrollViewports" }] : []));
         this.dropDownPosition = 'bottom';
         this.menuVisible = false;
         this.prefixCls = 'thy-cascader';
@@ -1298,17 +1304,17 @@ class ThyCascader extends TabIndexDisabledControlValueAccessorMixin {
         this.destroy$.next();
         this.destroy$.complete();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyCascader, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.8", type: ThyCascader, isStandalone: true, selector: "thy-cascader,[thy-cascader]", inputs: { thyValueProperty: { classPropertyName: "thyValueProperty", publicName: "thyValueProperty", isSignal: true, isRequired: false, transformFunction: null }, thyLabelProperty: { classPropertyName: "thyLabelProperty", publicName: "thyLabelProperty", isSignal: true, isRequired: false, transformFunction: null }, thyPlaceholder: { classPropertyName: "thyPlaceholder", publicName: "thyPlaceholder", isSignal: true, isRequired: false, transformFunction: null }, thySize: { classPropertyName: "thySize", publicName: "thySize", isSignal: true, isRequired: false, transformFunction: null }, thyOptions: { classPropertyName: "thyOptions", publicName: "thyOptions", isSignal: true, isRequired: false, transformFunction: null }, thyCustomOptions: { classPropertyName: "thyCustomOptions", publicName: "thyCustomOptions", isSignal: true, isRequired: false, transformFunction: null }, thyChangeOn: { classPropertyName: "thyChangeOn", publicName: "thyChangeOn", isSignal: true, isRequired: false, transformFunction: null }, thyChangeOnSelect: { classPropertyName: "thyChangeOnSelect", publicName: "thyChangeOnSelect", isSignal: true, isRequired: false, transformFunction: null }, thyShowInput: { classPropertyName: "thyShowInput", publicName: "thyShowInput", isSignal: true, isRequired: false, transformFunction: null }, thyOptionRender: { classPropertyName: "thyOptionRender", publicName: "thyOptionRender", isSignal: true, isRequired: false, transformFunction: null }, thyLabelRender: { classPropertyName: "thyLabelRender", publicName: "thyLabelRender", isSignal: true, isRequired: false, transformFunction: null }, thyLoadData: { classPropertyName: "thyLoadData", publicName: "thyLoadData", isSignal: true, isRequired: false, transformFunction: null }, thyTriggerAction: { classPropertyName: "thyTriggerAction", publicName: "thyTriggerAction", isSignal: true, isRequired: false, transformFunction: null }, thyExpandTriggerAction: { classPropertyName: "thyExpandTriggerAction", publicName: "thyExpandTriggerAction", isSignal: true, isRequired: false, transformFunction: null }, thyMenuStyle: { classPropertyName: "thyMenuStyle", publicName: "thyMenuStyle", isSignal: true, isRequired: false, transformFunction: null }, thySearchListStyle: { classPropertyName: "thySearchListStyle", publicName: "thySearchListStyle", isSignal: true, isRequired: false, transformFunction: null }, thyMenuClassName: { classPropertyName: "thyMenuClassName", publicName: "thyMenuClassName", isSignal: true, isRequired: false, transformFunction: null }, thyColumnClassName: { classPropertyName: "thyColumnClassName", publicName: "thyColumnClassName", isSignal: true, isRequired: false, transformFunction: null }, thyDisabled: { classPropertyName: "thyDisabled", publicName: "thyDisabled", isSignal: false, isRequired: false, transformFunction: coerceBooleanProperty }, thyEmptyStateText: { classPropertyName: "thyEmptyStateText", publicName: "thyEmptyStateText", isSignal: true, isRequired: false, transformFunction: null }, thyMultiple: { classPropertyName: "thyMultiple", publicName: "thyMultiple", isSignal: true, isRequired: false, transformFunction: null }, thyMaxTagCount: { classPropertyName: "thyMaxTagCount", publicName: "thyMaxTagCount", isSignal: true, isRequired: false, transformFunction: null }, thyIsOnlySelectLeaf: { classPropertyName: "thyIsOnlySelectLeaf", publicName: "thyIsOnlySelectLeaf", isSignal: true, isRequired: false, transformFunction: null }, thyWidth: { classPropertyName: "thyWidth", publicName: "thyWidth", isSignal: true, isRequired: false, transformFunction: null }, thyLoadingDone: { classPropertyName: "thyLoadingDone", publicName: "thyLoadingDone", isSignal: true, isRequired: false, transformFunction: null }, thyAutoExpand: { classPropertyName: "thyAutoExpand", publicName: "thyAutoExpand", isSignal: true, isRequired: false, transformFunction: null }, thyShowSearch: { classPropertyName: "thyShowSearch", publicName: "thyShowSearch", isSignal: true, isRequired: false, transformFunction: null }, thyPreset: { classPropertyName: "thyPreset", publicName: "thyPreset", isSignal: true, isRequired: false, transformFunction: null }, thyHasBackdrop: { classPropertyName: "thyHasBackdrop", publicName: "thyHasBackdrop", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { thyChange: "thyChange", thySelectionChange: "thySelectionChange", thySelect: "thySelect", thyDeselect: "thyDeselect", thyClear: "thyClear", thyExpandStatusChange: "thyExpandStatusChange" }, host: { listeners: { "focus": "onFocus($event)", "blur": "onBlur($event)", "click": "toggleClick($event)", "mouseenter": "toggleMouseEnter($event)", "mouseleave": "toggleMouseLeave($event)" }, properties: { "attr.tabindex": "tabIndex" } }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThyCascader, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.10", type: ThyCascader, isStandalone: true, selector: "thy-cascader,[thy-cascader]", inputs: { thyValueProperty: { classPropertyName: "thyValueProperty", publicName: "thyValueProperty", isSignal: true, isRequired: false, transformFunction: null }, thyLabelProperty: { classPropertyName: "thyLabelProperty", publicName: "thyLabelProperty", isSignal: true, isRequired: false, transformFunction: null }, thyPlaceholder: { classPropertyName: "thyPlaceholder", publicName: "thyPlaceholder", isSignal: true, isRequired: false, transformFunction: null }, thySize: { classPropertyName: "thySize", publicName: "thySize", isSignal: true, isRequired: false, transformFunction: null }, thyOptions: { classPropertyName: "thyOptions", publicName: "thyOptions", isSignal: true, isRequired: false, transformFunction: null }, thyCustomOptions: { classPropertyName: "thyCustomOptions", publicName: "thyCustomOptions", isSignal: true, isRequired: false, transformFunction: null }, thyChangeOn: { classPropertyName: "thyChangeOn", publicName: "thyChangeOn", isSignal: true, isRequired: false, transformFunction: null }, thyChangeOnSelect: { classPropertyName: "thyChangeOnSelect", publicName: "thyChangeOnSelect", isSignal: true, isRequired: false, transformFunction: null }, thyShowInput: { classPropertyName: "thyShowInput", publicName: "thyShowInput", isSignal: true, isRequired: false, transformFunction: null }, thyOptionRender: { classPropertyName: "thyOptionRender", publicName: "thyOptionRender", isSignal: true, isRequired: false, transformFunction: null }, thyLabelRender: { classPropertyName: "thyLabelRender", publicName: "thyLabelRender", isSignal: true, isRequired: false, transformFunction: null }, thyLoadData: { classPropertyName: "thyLoadData", publicName: "thyLoadData", isSignal: true, isRequired: false, transformFunction: null }, thyTriggerAction: { classPropertyName: "thyTriggerAction", publicName: "thyTriggerAction", isSignal: true, isRequired: false, transformFunction: null }, thyExpandTriggerAction: { classPropertyName: "thyExpandTriggerAction", publicName: "thyExpandTriggerAction", isSignal: true, isRequired: false, transformFunction: null }, thyMenuStyle: { classPropertyName: "thyMenuStyle", publicName: "thyMenuStyle", isSignal: true, isRequired: false, transformFunction: null }, thySearchListStyle: { classPropertyName: "thySearchListStyle", publicName: "thySearchListStyle", isSignal: true, isRequired: false, transformFunction: null }, thyMenuClassName: { classPropertyName: "thyMenuClassName", publicName: "thyMenuClassName", isSignal: true, isRequired: false, transformFunction: null }, thyColumnClassName: { classPropertyName: "thyColumnClassName", publicName: "thyColumnClassName", isSignal: true, isRequired: false, transformFunction: null }, thyDisabled: { classPropertyName: "thyDisabled", publicName: "thyDisabled", isSignal: false, isRequired: false, transformFunction: coerceBooleanProperty }, thyEmptyStateText: { classPropertyName: "thyEmptyStateText", publicName: "thyEmptyStateText", isSignal: true, isRequired: false, transformFunction: null }, thyMultiple: { classPropertyName: "thyMultiple", publicName: "thyMultiple", isSignal: true, isRequired: false, transformFunction: null }, thyMaxTagCount: { classPropertyName: "thyMaxTagCount", publicName: "thyMaxTagCount", isSignal: true, isRequired: false, transformFunction: null }, thyIsOnlySelectLeaf: { classPropertyName: "thyIsOnlySelectLeaf", publicName: "thyIsOnlySelectLeaf", isSignal: true, isRequired: false, transformFunction: null }, thyWidth: { classPropertyName: "thyWidth", publicName: "thyWidth", isSignal: true, isRequired: false, transformFunction: null }, thyLoadingDone: { classPropertyName: "thyLoadingDone", publicName: "thyLoadingDone", isSignal: true, isRequired: false, transformFunction: null }, thyAutoExpand: { classPropertyName: "thyAutoExpand", publicName: "thyAutoExpand", isSignal: true, isRequired: false, transformFunction: null }, thyShowSearch: { classPropertyName: "thyShowSearch", publicName: "thyShowSearch", isSignal: true, isRequired: false, transformFunction: null }, thyPreset: { classPropertyName: "thyPreset", publicName: "thyPreset", isSignal: true, isRequired: false, transformFunction: null }, thyHasBackdrop: { classPropertyName: "thyHasBackdrop", publicName: "thyHasBackdrop", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { thyChange: "thyChange", thySelectionChange: "thySelectionChange", thySelect: "thySelect", thyDeselect: "thyDeselect", thyClear: "thyClear", thyExpandStatusChange: "thyExpandStatusChange" }, host: { listeners: { "focus": "onFocus($event)", "blur": "onBlur($event)", "click": "toggleClick($event)", "mouseenter": "toggleMouseEnter($event)", "mouseleave": "toggleMouseLeave($event)" }, properties: { "attr.tabindex": "tabIndex" } }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => ThyCascader),
                 multi: true
             },
             ThyCascaderService
-        ], viewQueries: [{ propertyName: "cascaderOptions", predicate: ["cascaderOptions"], descendants: true, read: ElementRef, isSignal: true }, { propertyName: "cascaderOptionContainers", predicate: ["cascaderOptionContainers"], descendants: true, read: ElementRef, isSignal: true }, { propertyName: "cdkConnectedOverlay", first: true, predicate: CdkConnectedOverlay, descendants: true, isSignal: true }, { propertyName: "trigger", first: true, predicate: ["trigger"], descendants: true, isSignal: true }, { propertyName: "input", first: true, predicate: ["input"], descendants: true, isSignal: true }, { propertyName: "menu", first: true, predicate: ["menu"], descendants: true, isSignal: true }, { propertyName: "virtualScrollViewports", predicate: CdkVirtualScrollViewport, descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<div cdkOverlayOrigin #origin=\"cdkOverlayOrigin\" #trigger>\n  @if (thyShowInput()) {\n    <div\n      thySelectControl\n      [thyShowSearch]=\"thyShowSearch()\"\n      [thySize]=\"thySize()\"\n      [thyAllowClear]=\"true\"\n      [thySelectedOptions]=\"selected\"\n      [thyMaxTagCount]=\"thyMaxTagCount()\"\n      (thyOnRemove)=\"removeSelectedItem($event)\"\n      (thyOnClear)=\"clearSelection($event)\"\n      (thyOnBlur)=\"onBlur($event)\"\n      (thyOnSearch)=\"searchFilter($event)\"\n      [thyDisabled]=\"disabled\"\n      [thyIsMultiple]=\"thyMultiple()\"\n      [thyPanelOpened]=\"menuVisible\"\n      [thyPlaceholder]=\"thyPlaceholder()\"\n      [customDisplayTemplate]=\"customDisplayTemplate\"\n      [thyPreset]=\"thyPreset()\">\n      <ng-template #customDisplayTemplate let-value>\n        @if (!isLabelRenderTemplate()) {\n          <span [ngClass]=\"labelCls\">{{ value.labelText }}</span>\n        } @else {\n          <span [ngClass]=\"labelCls\">\n            <ng-template [ngTemplateOutlet]=\"thyLabelRender()\" [ngTemplateOutletContext]=\"value.labelRenderContext\"></ng-template>\n          </span>\n        }\n      </ng-template>\n    </div>\n  }\n</div>\n\n<ng-template\n  cdkConnectedOverlay\n  [cdkConnectedOverlayHasBackdrop]=\"thyHasBackdrop()\"\n  cdkConnectedOverlayBackdropClass=\"thy-cascader-backdrop\"\n  [cdkConnectedOverlayOrigin]=\"origin\"\n  [cdkConnectedOverlayPositions]=\"positions\"\n  [cdkConnectedOverlayMinWidth]=\"menuMinWidth\"\n  cdkConnectedOverlayTransformOriginOn=\".thy-cascader-menus\"\n  (backdropClick)=\"closeMenu()\"\n  (detach)=\"closeMenu()\"\n  (attach)=\"attached()\"\n  (positionChange)=\"positionChange($event)\"\n  [cdkConnectedOverlayOpen]=\"menuVisible\">\n  <div\n    [attr.tabindex]=\"-1\"\n    #menu\n    [ngClass]=\"menuCls\"\n    [ngStyle]=\"thyMenuStyle()\"\n    (mouseleave)=\"toggleMouseLeave($event)\"\n    [@scaleYMotion]=\"'enter'\"\n    [class.thy-cascader-loading]=\"!thyLoadingDone()\">\n    @if (thyLoadingDone()) {\n      @if (!isShowSearchPanel) {\n        @if (columns.length > 0) {\n          @for (options of columns; track $index; let i = $index; let isFirst = $first) {\n            <ul #cascaderOptionContainers [ngClass]=\"menuColumnCls()\" [ngStyle]=\"{ 'width.px': thyWidth() }\">\n              @let allOptions = options | cascaderOptions: (isFirst ? thyCascaderService.customOptions : []);\n\n              @if (allOptions.length > 0) {\n                <cdk-virtual-scroll-viewport [itemSize]=\"36\" class=\"h-100\">\n                  <ng-container *cdkVirtualFor=\"let option of allOptions; let index = index; trackBy: trackByFn\">\n                    @if (\n                      thyCascaderService.customOptions &&\n                      thyCascaderService.customOptions.length > 0 &&\n                      isFirst &&\n                      index < thyCascaderService.customOptions.length\n                    ) {\n                      <li\n                        #cascaderOptions\n                        thy-cascader-option\n                        [option]=\"option\"\n                        [multiple]=\"thyMultiple()\"\n                        [isOnlySelectLeaf]=\"thyIsOnlySelectLeaf()\"\n                        [labelProperty]=\"thyLabelProperty()\"\n                        [active]=\"isActivatedOption(option, 0)\"\n                        [halfSelected]=\"isHalfSelectedOption(option, 0)\"\n                        [selected]=\"isSelectedOption(option, 0)\"\n                        (toggleSelectChange)=\"clickCustomOption(option, 0, $event)\"\n                        (click)=\"clickCustomOption(option, 0, $event)\"\n                        (mouseover)=\"mouseoverOption(option, 0, $event)\"></li>\n                      @if (index === thyCascaderService.customOptions.length - 1) {\n                        <thy-divider class=\"my-1 mx-4\"></thy-divider>\n                      }\n                    } @else {\n                      <li\n                        #cascaderOptions\n                        thy-cascader-option\n                        [option]=\"option\"\n                        [multiple]=\"thyMultiple()\"\n                        [isOnlySelectLeaf]=\"thyIsOnlySelectLeaf()\"\n                        [labelProperty]=\"thyLabelProperty()\"\n                        [active]=\"isActivatedOption(option, i)\"\n                        [halfSelected]=\"isHalfSelectedOption(option, i)\"\n                        [selected]=\"isSelectedOption(option, i)\"\n                        [optionRender]=\"thyOptionRender()\"\n                        (toggleSelectChange)=\"clickOption(option, i, $event)\"\n                        (click)=\"clickOption(option, i, $event)\"\n                        (mouseover)=\"mouseoverOption(option, i, $event)\"></li>\n                    }\n                  </ng-container>\n                </cdk-virtual-scroll-viewport>\n              }\n            </ul>\n          }\n        } @else {\n          <div class=\"thy-cascader-empty-container\" [ngStyle]=\"{ 'width.px': triggerRect?.width }\">\n            <thy-empty\n              class=\"thy-select-empty-content\"\n              thySize=\"sm\"\n              [thyMessage]=\"thyEmptyStateText()\"\n              [thyIconName]=\"emptyIcon()\"></thy-empty>\n          </div>\n        }\n      }\n      @if (isShowSearchPanel) {\n        @if (searchResultList.length) {\n          <ul class=\"thy-cascader-search-list py-3\" [ngStyle]=\"thySearchListStyle()\">\n            @for (item of searchResultList; track $index) {\n              <li\n                thy-cascader-search-option\n                [multiple]=\"thyMultiple()\"\n                [isOnlySelectLeaf]=\"thyIsOnlySelectLeaf()\"\n                [option]=\"item\"\n                [active]=\"item.selected\"\n                [optionRender]=\"thyOptionRender()\"\n                (toggleSelectChange)=\"selectSearchResult($event)\"></li>\n            }\n          </ul>\n        } @else {\n          <div class=\"thy-cascader-empty-container\" [ngStyle]=\"{ 'width.px': triggerRect?.width }\">\n            <thy-empty\n              class=\"thy-select-empty-content\"\n              thySize=\"sm\"\n              [thyMessage]=\"thyEmptyStateText()\"\n              [thyIconName]=\"emptyIcon()\"></thy-empty>\n          </div>\n        }\n      }\n    } @else {\n      <thy-loading [ngStyle]=\"{ 'width.px': thyWidth() }\" [thyDone]=\"thyLoadingDone()\" thySize=\"sm\"></thy-loading>\n    }\n  </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }, { kind: "component", type: ThySelectControl, selector: "thy-select-control,[thySelectControl]", inputs: ["inputValue", "thyPanelOpened", "thyIsMultiple", "thyShowSearch", "thySelectedOptions", "thyDisabled", "customDisplayTemplate", "thyAllowClear", "thyPlaceholder", "thySize", "thyMaxTagCount", "thyBorderless", "thyPreset"], outputs: ["inputValueChange", "thyOnSearch", "thyOnRemove", "thyOnClear", "thyOnBlur"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: CdkConnectedOverlay, selector: "[cdk-connected-overlay], [connected-overlay], [cdkConnectedOverlay]", inputs: ["cdkConnectedOverlayOrigin", "cdkConnectedOverlayPositions", "cdkConnectedOverlayPositionStrategy", "cdkConnectedOverlayOffsetX", "cdkConnectedOverlayOffsetY", "cdkConnectedOverlayWidth", "cdkConnectedOverlayHeight", "cdkConnectedOverlayMinWidth", "cdkConnectedOverlayMinHeight", "cdkConnectedOverlayBackdropClass", "cdkConnectedOverlayPanelClass", "cdkConnectedOverlayViewportMargin", "cdkConnectedOverlayScrollStrategy", "cdkConnectedOverlayOpen", "cdkConnectedOverlayDisableClose", "cdkConnectedOverlayTransformOriginOn", "cdkConnectedOverlayHasBackdrop", "cdkConnectedOverlayLockPosition", "cdkConnectedOverlayFlexibleDimensions", "cdkConnectedOverlayGrowAfterOpen", "cdkConnectedOverlayPush", "cdkConnectedOverlayDisposeOnNavigation"], outputs: ["backdropClick", "positionChange", "attach", "detach", "overlayKeydown", "overlayOutsideClick"], exportAs: ["cdkConnectedOverlay"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: ThyCascaderOptionComponent, selector: "[thy-cascader-option]", inputs: ["option", "multiple", "isOnlySelectLeaf", "optionRender", "active", "halfSelected", "selected", "labelProperty"], outputs: ["toggleSelectChange"] }, { kind: "component", type: ThyCascaderSearchOptionComponent, selector: "[thy-cascader-search-option]", inputs: ["option", "multiple", "isOnlySelectLeaf", "active", "optionRender"], outputs: ["toggleSelectChange"] }, { kind: "component", type: ThyEmpty, selector: "thy-empty", inputs: ["thyMessage", "thyTranslationKey", "thyTranslationValues", "thyEntityName", "thyEntityNameTranslateKey", "thyIconName", "thySize", "thyMarginTop", "thyTopAuto", "thyContainer", "thyImageUrl", "thyImageLoading", "thyImageFetchPriority", "thyDescription"] }, { kind: "component", type: ThyDivider, selector: "thy-divider", inputs: ["thyVertical", "thyStyle", "thyColor", "thyText", "thyTextDirection", "thyDeeper"] }, { kind: "ngmodule", type: ScrollingModule }, { kind: "directive", type: i1$1.CdkFixedSizeVirtualScroll, selector: "cdk-virtual-scroll-viewport[itemSize]", inputs: ["itemSize", "minBufferPx", "maxBufferPx"] }, { kind: "directive", type: i1$1.CdkVirtualForOf, selector: "[cdkVirtualFor][cdkVirtualForOf]", inputs: ["cdkVirtualForOf", "cdkVirtualForTrackBy", "cdkVirtualForTemplate", "cdkVirtualForTemplateCacheSize"] }, { kind: "component", type: i1$1.CdkVirtualScrollViewport, selector: "cdk-virtual-scroll-viewport", inputs: ["orientation", "appendOnly"], outputs: ["scrolledIndexChange"] }, { kind: "pipe", type: ThyCascaderOptionsPipe, name: "cascaderOptions" }, { kind: "component", type: ThyLoading, selector: "thy-loading", inputs: ["thyDone", "thyTip", "thyIsMask"] }], animations: [scaleYMotion] }); }
+        ], viewQueries: [{ propertyName: "cascaderOptions", predicate: ["cascaderOptions"], descendants: true, read: ElementRef, isSignal: true }, { propertyName: "cascaderOptionContainers", predicate: ["cascaderOptionContainers"], descendants: true, read: ElementRef, isSignal: true }, { propertyName: "cdkConnectedOverlay", first: true, predicate: CdkConnectedOverlay, descendants: true, isSignal: true }, { propertyName: "trigger", first: true, predicate: ["trigger"], descendants: true, isSignal: true }, { propertyName: "input", first: true, predicate: ["input"], descendants: true, isSignal: true }, { propertyName: "menu", first: true, predicate: ["menu"], descendants: true, isSignal: true }, { propertyName: "virtualScrollViewports", predicate: CdkVirtualScrollViewport, descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<div cdkOverlayOrigin #origin=\"cdkOverlayOrigin\" #trigger>\n  @if (thyShowInput()) {\n    <div\n      thySelectControl\n      [thyShowSearch]=\"thyShowSearch()\"\n      [thySize]=\"thySize()\"\n      [thyAllowClear]=\"true\"\n      [thySelectedOptions]=\"selected\"\n      [thyMaxTagCount]=\"thyMaxTagCount()\"\n      (thyOnRemove)=\"removeSelectedItem($event)\"\n      (thyOnClear)=\"clearSelection($event)\"\n      (thyOnBlur)=\"onBlur($event)\"\n      (thyOnSearch)=\"searchFilter($event)\"\n      [thyDisabled]=\"disabled\"\n      [thyIsMultiple]=\"thyMultiple()\"\n      [thyPanelOpened]=\"menuVisible\"\n      [thyPlaceholder]=\"thyPlaceholder()\"\n      [customDisplayTemplate]=\"customDisplayTemplate\"\n      [thyPreset]=\"thyPreset()\">\n      <ng-template #customDisplayTemplate let-value>\n        @if (!isLabelRenderTemplate()) {\n          <span [ngClass]=\"labelCls\">{{ value.labelText }}</span>\n        } @else {\n          <span [ngClass]=\"labelCls\">\n            <ng-template [ngTemplateOutlet]=\"thyLabelRender()\" [ngTemplateOutletContext]=\"value.labelRenderContext\"></ng-template>\n          </span>\n        }\n      </ng-template>\n    </div>\n  }\n</div>\n\n<ng-template\n  cdkConnectedOverlay\n  [cdkConnectedOverlayHasBackdrop]=\"thyHasBackdrop()\"\n  cdkConnectedOverlayBackdropClass=\"thy-cascader-backdrop\"\n  [cdkConnectedOverlayOrigin]=\"origin\"\n  [cdkConnectedOverlayPositions]=\"positions\"\n  [cdkConnectedOverlayMinWidth]=\"menuMinWidth\"\n  cdkConnectedOverlayTransformOriginOn=\".thy-cascader-menus\"\n  (backdropClick)=\"closeMenu()\"\n  (detach)=\"closeMenu()\"\n  (attach)=\"attached()\"\n  (positionChange)=\"positionChange($event)\"\n  [cdkConnectedOverlayOpen]=\"menuVisible\">\n  <div\n    [attr.tabindex]=\"-1\"\n    #menu\n    [ngClass]=\"menuCls\"\n    [ngStyle]=\"thyMenuStyle()\"\n    (mouseleave)=\"toggleMouseLeave($event)\"\n    [@scaleYMotion]=\"'enter'\"\n    [class.thy-cascader-loading]=\"!thyLoadingDone()\">\n    @if (thyLoadingDone()) {\n      @if (!isShowSearchPanel) {\n        @if (columns.length > 0) {\n          @for (options of columns; track $index; let i = $index; let isFirst = $first) {\n            <ul #cascaderOptionContainers [ngClass]=\"menuColumnCls()\" [ngStyle]=\"{ 'width.px': thyWidth() }\">\n              @let allOptions = options | cascaderOptions: (isFirst ? thyCascaderService.customOptions : []);\n\n              @if (allOptions.length > 0) {\n                <cdk-virtual-scroll-viewport [itemSize]=\"36\" class=\"h-100\">\n                  <ng-container *cdkVirtualFor=\"let option of allOptions; let index = index; trackBy: trackByFn\">\n                    @if (\n                      thyCascaderService.customOptions &&\n                      thyCascaderService.customOptions.length > 0 &&\n                      isFirst &&\n                      index < thyCascaderService.customOptions.length\n                    ) {\n                      <li\n                        #cascaderOptions\n                        thy-cascader-option\n                        [option]=\"option\"\n                        [multiple]=\"thyMultiple()\"\n                        [isOnlySelectLeaf]=\"thyIsOnlySelectLeaf()\"\n                        [labelProperty]=\"thyLabelProperty()\"\n                        [active]=\"isActivatedOption(option, 0)\"\n                        [halfSelected]=\"isHalfSelectedOption(option, 0)\"\n                        [selected]=\"isSelectedOption(option, 0)\"\n                        (toggleSelectChange)=\"clickCustomOption(option, 0, $event)\"\n                        (click)=\"clickCustomOption(option, 0, $event)\"\n                        (mouseover)=\"mouseoverOption(option, 0, $event)\"></li>\n                      @if (index === thyCascaderService.customOptions.length - 1) {\n                        <thy-divider class=\"my-1 mx-4\"></thy-divider>\n                      }\n                    } @else {\n                      <li\n                        #cascaderOptions\n                        thy-cascader-option\n                        [option]=\"option\"\n                        [multiple]=\"thyMultiple()\"\n                        [isOnlySelectLeaf]=\"thyIsOnlySelectLeaf()\"\n                        [labelProperty]=\"thyLabelProperty()\"\n                        [active]=\"isActivatedOption(option, i)\"\n                        [halfSelected]=\"isHalfSelectedOption(option, i)\"\n                        [selected]=\"isSelectedOption(option, i)\"\n                        [optionRender]=\"thyOptionRender()\"\n                        (toggleSelectChange)=\"clickOption(option, i, $event)\"\n                        (click)=\"clickOption(option, i, $event)\"\n                        (mouseover)=\"mouseoverOption(option, i, $event)\"></li>\n                    }\n                  </ng-container>\n                </cdk-virtual-scroll-viewport>\n              }\n            </ul>\n          }\n        } @else {\n          <div class=\"thy-cascader-empty-container\" [ngStyle]=\"{ 'width.px': triggerRect?.width }\">\n            <thy-empty\n              class=\"thy-select-empty-content\"\n              thySize=\"sm\"\n              [thyMessage]=\"thyEmptyStateText()\"\n              [thyIconName]=\"emptyIcon()\"></thy-empty>\n          </div>\n        }\n      }\n      @if (isShowSearchPanel) {\n        @if (searchResultList.length) {\n          <ul class=\"thy-cascader-search-list py-3\" [ngStyle]=\"thySearchListStyle()\">\n            @for (item of searchResultList; track $index) {\n              <li\n                thy-cascader-search-option\n                [multiple]=\"thyMultiple()\"\n                [isOnlySelectLeaf]=\"thyIsOnlySelectLeaf()\"\n                [option]=\"item\"\n                [active]=\"item.selected\"\n                [optionRender]=\"thyOptionRender()\"\n                (toggleSelectChange)=\"selectSearchResult($event)\"></li>\n            }\n          </ul>\n        } @else {\n          <div class=\"thy-cascader-empty-container\" [ngStyle]=\"{ 'width.px': triggerRect?.width }\">\n            <thy-empty\n              class=\"thy-select-empty-content\"\n              thySize=\"sm\"\n              [thyMessage]=\"thyEmptyStateText()\"\n              [thyIconName]=\"emptyIcon()\"></thy-empty>\n          </div>\n        }\n      }\n    } @else {\n      <thy-loading [ngStyle]=\"{ 'width.px': thyWidth() }\" [thyDone]=\"thyLoadingDone()\" thySize=\"sm\"></thy-loading>\n    }\n  </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }, { kind: "component", type: ThySelectControl, selector: "thy-select-control,[thySelectControl]", inputs: ["inputValue", "thyPanelOpened", "thyIsMultiple", "thyShowSearch", "thySelectedOptions", "thyDisabled", "customDisplayTemplate", "thyAllowClear", "thyPlaceholder", "thySize", "thyMaxTagCount", "thyBorderless", "thyPreset"], outputs: ["inputValueChange", "thyOnSearch", "thyOnRemove", "thyOnClear", "thyOnBlur"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: CdkConnectedOverlay, selector: "[cdk-connected-overlay], [connected-overlay], [cdkConnectedOverlay]", inputs: ["cdkConnectedOverlayOrigin", "cdkConnectedOverlayPositions", "cdkConnectedOverlayPositionStrategy", "cdkConnectedOverlayOffsetX", "cdkConnectedOverlayOffsetY", "cdkConnectedOverlayWidth", "cdkConnectedOverlayHeight", "cdkConnectedOverlayMinWidth", "cdkConnectedOverlayMinHeight", "cdkConnectedOverlayBackdropClass", "cdkConnectedOverlayPanelClass", "cdkConnectedOverlayViewportMargin", "cdkConnectedOverlayScrollStrategy", "cdkConnectedOverlayOpen", "cdkConnectedOverlayDisableClose", "cdkConnectedOverlayTransformOriginOn", "cdkConnectedOverlayHasBackdrop", "cdkConnectedOverlayLockPosition", "cdkConnectedOverlayFlexibleDimensions", "cdkConnectedOverlayGrowAfterOpen", "cdkConnectedOverlayPush", "cdkConnectedOverlayDisposeOnNavigation"], outputs: ["backdropClick", "positionChange", "attach", "detach", "overlayKeydown", "overlayOutsideClick"], exportAs: ["cdkConnectedOverlay"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: ThyCascaderOptionComponent, selector: "[thy-cascader-option]", inputs: ["option", "multiple", "isOnlySelectLeaf", "optionRender", "active", "halfSelected", "selected", "labelProperty"], outputs: ["toggleSelectChange"] }, { kind: "component", type: ThyCascaderSearchOptionComponent, selector: "[thy-cascader-search-option]", inputs: ["option", "multiple", "isOnlySelectLeaf", "active", "optionRender"], outputs: ["toggleSelectChange"] }, { kind: "component", type: ThyEmpty, selector: "thy-empty", inputs: ["thyMessage", "thyTranslationKey", "thyTranslationValues", "thyEntityName", "thyEntityNameTranslateKey", "thyIconName", "thySize", "thyMarginTop", "thyTopAuto", "thyContainer", "thyImageUrl", "thyImageLoading", "thyImageFetchPriority", "thyDescription"] }, { kind: "component", type: ThyDivider, selector: "thy-divider", inputs: ["thyVertical", "thyStyle", "thyColor", "thyText", "thyTextDirection", "thyDeeper"] }, { kind: "ngmodule", type: ScrollingModule }, { kind: "directive", type: i1$1.CdkFixedSizeVirtualScroll, selector: "cdk-virtual-scroll-viewport[itemSize]", inputs: ["itemSize", "minBufferPx", "maxBufferPx"] }, { kind: "directive", type: i1$1.CdkVirtualForOf, selector: "[cdkVirtualFor][cdkVirtualForOf]", inputs: ["cdkVirtualForOf", "cdkVirtualForTrackBy", "cdkVirtualForTemplate", "cdkVirtualForTemplateCacheSize"] }, { kind: "component", type: i1$1.CdkVirtualScrollViewport, selector: "cdk-virtual-scroll-viewport", inputs: ["orientation", "appendOnly"], outputs: ["scrolledIndexChange"] }, { kind: "component", type: ThyLoading, selector: "thy-loading", inputs: ["thyDone", "thyTip", "thyIsMask"] }, { kind: "pipe", type: ThyCascaderOptionsPipe, name: "cascaderOptions" }], animations: [scaleYMotion] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyCascader, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThyCascader, decorators: [{
             type: Component,
             args: [{ selector: 'thy-cascader,[thy-cascader]', providers: [
                         {
@@ -1336,10 +1342,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImpor
                         ThyCascaderOptionsPipe,
                         ThyLoading
                     ], animations: [scaleYMotion], template: "<div cdkOverlayOrigin #origin=\"cdkOverlayOrigin\" #trigger>\n  @if (thyShowInput()) {\n    <div\n      thySelectControl\n      [thyShowSearch]=\"thyShowSearch()\"\n      [thySize]=\"thySize()\"\n      [thyAllowClear]=\"true\"\n      [thySelectedOptions]=\"selected\"\n      [thyMaxTagCount]=\"thyMaxTagCount()\"\n      (thyOnRemove)=\"removeSelectedItem($event)\"\n      (thyOnClear)=\"clearSelection($event)\"\n      (thyOnBlur)=\"onBlur($event)\"\n      (thyOnSearch)=\"searchFilter($event)\"\n      [thyDisabled]=\"disabled\"\n      [thyIsMultiple]=\"thyMultiple()\"\n      [thyPanelOpened]=\"menuVisible\"\n      [thyPlaceholder]=\"thyPlaceholder()\"\n      [customDisplayTemplate]=\"customDisplayTemplate\"\n      [thyPreset]=\"thyPreset()\">\n      <ng-template #customDisplayTemplate let-value>\n        @if (!isLabelRenderTemplate()) {\n          <span [ngClass]=\"labelCls\">{{ value.labelText }}</span>\n        } @else {\n          <span [ngClass]=\"labelCls\">\n            <ng-template [ngTemplateOutlet]=\"thyLabelRender()\" [ngTemplateOutletContext]=\"value.labelRenderContext\"></ng-template>\n          </span>\n        }\n      </ng-template>\n    </div>\n  }\n</div>\n\n<ng-template\n  cdkConnectedOverlay\n  [cdkConnectedOverlayHasBackdrop]=\"thyHasBackdrop()\"\n  cdkConnectedOverlayBackdropClass=\"thy-cascader-backdrop\"\n  [cdkConnectedOverlayOrigin]=\"origin\"\n  [cdkConnectedOverlayPositions]=\"positions\"\n  [cdkConnectedOverlayMinWidth]=\"menuMinWidth\"\n  cdkConnectedOverlayTransformOriginOn=\".thy-cascader-menus\"\n  (backdropClick)=\"closeMenu()\"\n  (detach)=\"closeMenu()\"\n  (attach)=\"attached()\"\n  (positionChange)=\"positionChange($event)\"\n  [cdkConnectedOverlayOpen]=\"menuVisible\">\n  <div\n    [attr.tabindex]=\"-1\"\n    #menu\n    [ngClass]=\"menuCls\"\n    [ngStyle]=\"thyMenuStyle()\"\n    (mouseleave)=\"toggleMouseLeave($event)\"\n    [@scaleYMotion]=\"'enter'\"\n    [class.thy-cascader-loading]=\"!thyLoadingDone()\">\n    @if (thyLoadingDone()) {\n      @if (!isShowSearchPanel) {\n        @if (columns.length > 0) {\n          @for (options of columns; track $index; let i = $index; let isFirst = $first) {\n            <ul #cascaderOptionContainers [ngClass]=\"menuColumnCls()\" [ngStyle]=\"{ 'width.px': thyWidth() }\">\n              @let allOptions = options | cascaderOptions: (isFirst ? thyCascaderService.customOptions : []);\n\n              @if (allOptions.length > 0) {\n                <cdk-virtual-scroll-viewport [itemSize]=\"36\" class=\"h-100\">\n                  <ng-container *cdkVirtualFor=\"let option of allOptions; let index = index; trackBy: trackByFn\">\n                    @if (\n                      thyCascaderService.customOptions &&\n                      thyCascaderService.customOptions.length > 0 &&\n                      isFirst &&\n                      index < thyCascaderService.customOptions.length\n                    ) {\n                      <li\n                        #cascaderOptions\n                        thy-cascader-option\n                        [option]=\"option\"\n                        [multiple]=\"thyMultiple()\"\n                        [isOnlySelectLeaf]=\"thyIsOnlySelectLeaf()\"\n                        [labelProperty]=\"thyLabelProperty()\"\n                        [active]=\"isActivatedOption(option, 0)\"\n                        [halfSelected]=\"isHalfSelectedOption(option, 0)\"\n                        [selected]=\"isSelectedOption(option, 0)\"\n                        (toggleSelectChange)=\"clickCustomOption(option, 0, $event)\"\n                        (click)=\"clickCustomOption(option, 0, $event)\"\n                        (mouseover)=\"mouseoverOption(option, 0, $event)\"></li>\n                      @if (index === thyCascaderService.customOptions.length - 1) {\n                        <thy-divider class=\"my-1 mx-4\"></thy-divider>\n                      }\n                    } @else {\n                      <li\n                        #cascaderOptions\n                        thy-cascader-option\n                        [option]=\"option\"\n                        [multiple]=\"thyMultiple()\"\n                        [isOnlySelectLeaf]=\"thyIsOnlySelectLeaf()\"\n                        [labelProperty]=\"thyLabelProperty()\"\n                        [active]=\"isActivatedOption(option, i)\"\n                        [halfSelected]=\"isHalfSelectedOption(option, i)\"\n                        [selected]=\"isSelectedOption(option, i)\"\n                        [optionRender]=\"thyOptionRender()\"\n                        (toggleSelectChange)=\"clickOption(option, i, $event)\"\n                        (click)=\"clickOption(option, i, $event)\"\n                        (mouseover)=\"mouseoverOption(option, i, $event)\"></li>\n                    }\n                  </ng-container>\n                </cdk-virtual-scroll-viewport>\n              }\n            </ul>\n          }\n        } @else {\n          <div class=\"thy-cascader-empty-container\" [ngStyle]=\"{ 'width.px': triggerRect?.width }\">\n            <thy-empty\n              class=\"thy-select-empty-content\"\n              thySize=\"sm\"\n              [thyMessage]=\"thyEmptyStateText()\"\n              [thyIconName]=\"emptyIcon()\"></thy-empty>\n          </div>\n        }\n      }\n      @if (isShowSearchPanel) {\n        @if (searchResultList.length) {\n          <ul class=\"thy-cascader-search-list py-3\" [ngStyle]=\"thySearchListStyle()\">\n            @for (item of searchResultList; track $index) {\n              <li\n                thy-cascader-search-option\n                [multiple]=\"thyMultiple()\"\n                [isOnlySelectLeaf]=\"thyIsOnlySelectLeaf()\"\n                [option]=\"item\"\n                [active]=\"item.selected\"\n                [optionRender]=\"thyOptionRender()\"\n                (toggleSelectChange)=\"selectSearchResult($event)\"></li>\n            }\n          </ul>\n        } @else {\n          <div class=\"thy-cascader-empty-container\" [ngStyle]=\"{ 'width.px': triggerRect?.width }\">\n            <thy-empty\n              class=\"thy-select-empty-content\"\n              thySize=\"sm\"\n              [thyMessage]=\"thyEmptyStateText()\"\n              [thyIconName]=\"emptyIcon()\"></thy-empty>\n          </div>\n        }\n      }\n    } @else {\n      <thy-loading [ngStyle]=\"{ 'width.px': thyWidth() }\" [thyDone]=\"thyLoadingDone()\" thySize=\"sm\"></thy-loading>\n    }\n  </div>\n</ng-template>\n" }]
-        }], ctorParameters: () => [], propDecorators: { thyDisabled: [{
+        }], ctorParameters: () => [], propDecorators: { thyValueProperty: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyValueProperty", required: false }] }], thyLabelProperty: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyLabelProperty", required: false }] }], thyPlaceholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyPlaceholder", required: false }] }], thySize: [{ type: i0.Input, args: [{ isSignal: true, alias: "thySize", required: false }] }], thyOptions: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyOptions", required: false }] }], thyCustomOptions: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyCustomOptions", required: false }] }], thyChangeOn: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyChangeOn", required: false }] }], thyChangeOnSelect: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyChangeOnSelect", required: false }] }], thyShowInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyShowInput", required: false }] }], thyOptionRender: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyOptionRender", required: false }] }], thyLabelRender: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyLabelRender", required: false }] }], thyLoadData: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyLoadData", required: false }] }], thyTriggerAction: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyTriggerAction", required: false }] }], thyExpandTriggerAction: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyExpandTriggerAction", required: false }] }], thyMenuStyle: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyMenuStyle", required: false }] }], thySearchListStyle: [{ type: i0.Input, args: [{ isSignal: true, alias: "thySearchListStyle", required: false }] }], thyMenuClassName: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyMenuClassName", required: false }] }], thyColumnClassName: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyColumnClassName", required: false }] }], thyDisabled: [{
                 type: Input,
                 args: [{ transform: coerceBooleanProperty }]
-            }], toggleClick: [{
+            }], thyEmptyStateText: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyEmptyStateText", required: false }] }], thyMultiple: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyMultiple", required: false }] }], thyMaxTagCount: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyMaxTagCount", required: false }] }], thyIsOnlySelectLeaf: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyIsOnlySelectLeaf", required: false }] }], thyWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyWidth", required: false }] }], thyLoadingDone: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyLoadingDone", required: false }] }], thyAutoExpand: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyAutoExpand", required: false }] }], thyShowSearch: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyShowSearch", required: false }] }], thyPreset: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyPreset", required: false }] }], thyHasBackdrop: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyHasBackdrop", required: false }] }], thyChange: [{ type: i0.Output, args: ["thyChange"] }], thySelectionChange: [{ type: i0.Output, args: ["thySelectionChange"] }], thySelect: [{ type: i0.Output, args: ["thySelect"] }], thyDeselect: [{ type: i0.Output, args: ["thyDeselect"] }], thyClear: [{ type: i0.Output, args: ["thyClear"] }], thyExpandStatusChange: [{ type: i0.Output, args: ["thyExpandStatusChange"] }], cascaderOptions: [{ type: i0.ViewChildren, args: ['cascaderOptions', { ...{ read: ElementRef }, isSignal: true }] }], cascaderOptionContainers: [{ type: i0.ViewChildren, args: ['cascaderOptionContainers', { ...{ read: ElementRef }, isSignal: true }] }], cdkConnectedOverlay: [{ type: i0.ViewChild, args: [i0.forwardRef(() => CdkConnectedOverlay), { isSignal: true }] }], trigger: [{ type: i0.ViewChild, args: ['trigger', { isSignal: true }] }], input: [{ type: i0.ViewChild, args: ['input', { isSignal: true }] }], menu: [{ type: i0.ViewChild, args: ['menu', { isSignal: true }] }], virtualScrollViewports: [{ type: i0.ViewChildren, args: [i0.forwardRef(() => CdkVirtualScrollViewport), { isSignal: true }] }], toggleClick: [{
                 type: HostListener,
                 args: ['click', ['$event']]
             }], toggleMouseEnter: [{
@@ -1351,8 +1357,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImpor
             }] } });
 
 class ThyCascaderModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyCascaderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.8", ngImport: i0, type: ThyCascaderModule, imports: [CommonModule,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThyCascaderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.10", ngImport: i0, type: ThyCascaderModule, imports: [CommonModule,
             FormsModule,
             OverlayModule,
             ThyInputModule,
@@ -1365,7 +1371,7 @@ class ThyCascaderModule {
             ThyCascaderOptionComponent,
             ThyCascaderSearchOptionComponent,
             ThyCascaderOptionsPipe], exports: [ThyCascader] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyCascaderModule, imports: [CommonModule,
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThyCascaderModule, imports: [CommonModule,
             FormsModule,
             OverlayModule,
             ThyInputModule,
@@ -1378,7 +1384,7 @@ class ThyCascaderModule {
             ThyCascaderOptionComponent,
             ThyCascaderSearchOptionComponent] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyCascaderModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThyCascaderModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [