ngx-tethys 17.0.0-next.1 → 17.0.0-next.3

package/fesm2022/ngx-tethys-cascader.mjs

@@ -4,17 +4,17 @@ import * as i0 from '@angular/core';
 import { EventEmitter, Component, ChangeDetectionStrategy, ViewEncapsulation, Input, HostBinding, Output, HostListener, Injectable, TemplateRef, PLATFORM_ID, forwardRef, ElementRef, Inject, ViewChildren, ViewChild, NgModule } from '@angular/core';
 import * as i1 from '@angular/forms';
 import { FormsModule, NG_VALUE_ACCESSOR } from '@angular/forms';
-import { ThyCheckboxComponent, ThyCheckboxModule } from 'ngx-tethys/checkbox';
-import { ThyEmptyComponent, ThyEmptyModule } from 'ngx-tethys/empty';
-import { ThyFlexibleTextComponent, ThyFlexibleTextModule } from 'ngx-tethys/flexible-text';
-import { ThyIconComponent, ThyIconModule } from 'ngx-tethys/icon';
+import { ThyCheckbox, ThyCheckboxModule } from 'ngx-tethys/checkbox';
+import { ThyEmpty, ThyEmptyModule } from 'ngx-tethys/empty';
+import { ThyFlexibleText, ThyFlexibleTextModule } from 'ngx-tethys/flexible-text';
+import { ThyIcon, ThyIconModule } from 'ngx-tethys/icon';
 import { ThyInputModule } from 'ngx-tethys/input';
-import { ThyStopPropagationDirective, ThySelectControlComponent, ThySelectCommonModule } from 'ngx-tethys/shared';
+import { ThyStopPropagationDirective, ThySelectControl, ThySelectCommonModule } from 'ngx-tethys/shared';
 import { __decorate, __metadata } from 'tslib';
 import * as i1$1 from 'ngx-tethys/core';
 import { InputBoolean, TabIndexDisabledControlValueAccessorMixin, EXPANDED_DROPDOWN_POSITIONS, ScrollToService, scaleYMotion, InputNumber } from 'ngx-tethys/core';
-import { ThyRadioComponent } from 'ngx-tethys/radio';
-import { ThyBreadcrumbComponent, ThyBreadcrumbItemComponent } from 'ngx-tethys/breadcrumb';
+import { ThyRadio } from 'ngx-tethys/radio';
+import { ThyBreadcrumb, ThyBreadcrumbItem } from 'ngx-tethys/breadcrumb';
 import { isEmpty, isArray, helpers, set, coerceBooleanProperty, elementMatchClosest } from 'ngx-tethys/util';
 import { Subject, timer, BehaviorSubject, Observable } from 'rxjs';
 import { map, debounceTime, takeUntil, take, distinctUntilChanged, filter } from 'rxjs/operators';
@@ -47,7 +47,7 @@ class ThyCascaderOptionComponent {
         this.toggleSelectChange.emit(value);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: ThyCascaderOptionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.2", type: ThyCascaderOptionComponent, isStandalone: true, selector: "[thy-cascader-option]", inputs: { option: "option", multiple: "multiple", isOnlySelectLeaf: "isOnlySelectLeaf", active: "active", halfSelected: "halfSelected", selected: "selected", labelProperty: "labelProperty" }, outputs: { toggleSelectChange: "toggleSelectChange" }, host: { properties: { "class": "this.class", "class.thy-cascader-menu-item": "this.item", "class.thy-cascader-menu-item-active": "this.active", "class.thy-cascader-menu-item-disabled": "this.disabled", "class.thy-cascader-menu-item-expand": "this.expand" } }, ngImport: i0, template: "<div thyStopPropagation>\n  <label\n    *ngIf=\"multiple\"\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  <label\n    *ngIf=\"!multiple && !isOnlySelectLeaf\"\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</div>\n\n<span thyFlexibleText [thyTooltipContent]=\"option[labelProperty] || ''\"> {{ option[labelProperty] || '' }}</span>\n\n<span\n  *ngIf=\"!option.isLeaf || (option.children && option.children.length) || option.loading\"\n  class=\"wtf wtf-angle-right thy-cascader-menu-item-expand-icon\">\n</span>\n", dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: ThyFlexibleTextComponent, selector: "thy-flexible-text,[thyFlexibleText]", inputs: ["thyTooltipTrigger", "thyContainerClass", "thyTooltipContent", "thyTooltipPlacement", "thyTooltipOffset"], exportAs: ["thyFlexibleText"] }, { kind: "component", type: ThyCheckboxComponent, selector: "thy-checkbox,[thy-checkbox],[thyCheckbox]", inputs: ["thyIndeterminate"] }, { kind: "component", type: ThyRadioComponent, 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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.2", type: ThyCascaderOptionComponent, isStandalone: true, selector: "[thy-cascader-option]", inputs: { option: "option", multiple: "multiple", isOnlySelectLeaf: "isOnlySelectLeaf", active: "active", halfSelected: "halfSelected", selected: "selected", labelProperty: "labelProperty" }, outputs: { toggleSelectChange: "toggleSelectChange" }, host: { properties: { "class": "this.class", "class.thy-cascader-menu-item": "this.item", "class.thy-cascader-menu-item-active": "this.active", "class.thy-cascader-menu-item-disabled": "this.disabled", "class.thy-cascader-menu-item-expand": "this.expand" } }, ngImport: i0, template: "<div thyStopPropagation>\n  <label\n    *ngIf=\"multiple\"\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  <label\n    *ngIf=\"!multiple && !isOnlySelectLeaf\"\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</div>\n\n<span thyFlexibleText [thyTooltipContent]=\"option[labelProperty] || ''\"> {{ option[labelProperty] || '' }}</span>\n\n<span\n  *ngIf=\"!option.isLeaf || (option.children && option.children.length) || option.loading\"\n  class=\"wtf wtf-angle-right thy-cascader-menu-item-expand-icon\">\n</span>\n", dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 __decorate([
     InputBoolean(),
@@ -71,7 +71,7 @@ __decorate([
 ], ThyCascaderOptionComponent.prototype, "selected", void 0);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: ThyCascaderOptionComponent, decorators: [{
             type: Component,
-            args: [{ changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, selector: '[thy-cascader-option]', standalone: true, imports: [NgIf, ThyFlexibleTextComponent, ThyCheckboxComponent, ThyRadioComponent, FormsModule, ThyStopPropagationDirective], template: "<div thyStopPropagation>\n  <label\n    *ngIf=\"multiple\"\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  <label\n    *ngIf=\"!multiple && !isOnlySelectLeaf\"\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</div>\n\n<span thyFlexibleText [thyTooltipContent]=\"option[labelProperty] || ''\"> {{ option[labelProperty] || '' }}</span>\n\n<span\n  *ngIf=\"!option.isLeaf || (option.children && option.children.length) || option.loading\"\n  class=\"wtf wtf-angle-right thy-cascader-menu-item-expand-icon\">\n</span>\n" }]
+            args: [{ changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, selector: '[thy-cascader-option]', standalone: true, imports: [NgIf, ThyFlexibleText, ThyCheckbox, ThyRadio, FormsModule, ThyStopPropagationDirective], template: "<div thyStopPropagation>\n  <label\n    *ngIf=\"multiple\"\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  <label\n    *ngIf=\"!multiple && !isOnlySelectLeaf\"\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</div>\n\n<span thyFlexibleText [thyTooltipContent]=\"option[labelProperty] || ''\"> {{ option[labelProperty] || '' }}</span>\n\n<span\n  *ngIf=\"!option.isLeaf || (option.children && option.children.length) || option.loading\"\n  class=\"wtf wtf-angle-right thy-cascader-menu-item-expand-icon\">\n</span>\n" }]
         }], ctorParameters: () => [], propDecorators: { option: [{
                 type: Input
             }], multiple: [{
@@ -134,7 +134,7 @@ class ThyCascaderSearchOptionComponent {
         this.toggleSelectChange.emit(this.option);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: ThyCascaderSearchOptionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.2", type: ThyCascaderSearchOptionComponent, isStandalone: true, selector: "[thy-cascader-search-option]", inputs: { option: "option", multiple: "multiple", isOnlySelectLeaf: "isOnlySelectLeaf", active: "active" }, outputs: { toggleSelectChange: "toggleSelectChange" }, host: { listeners: { "click": "toggleClick($event)" }, properties: { "class.multiple": "this.multiple", "class": "this.className", "class.active": "this.active" } }, ngImport: i0, template: "<label\n  *ngIf=\"multiple\"\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<thy-breadcrumb thySeparator=\"slash\">\n  <ng-container *ngFor=\"let label of option.labelList; index as i\">\n    <thy-breadcrumb-item [ngClass]=\"{ 'text-muted': !(option.thyRowValue[i].isLeaf && isOnlySelectLeaf) }\"\n      ><span class=\"option-label-item\" thyFlexibleText [thyTooltipContent]=\"label\">{{ label }}</span></thy-breadcrumb-item\n    >\n  </ng-container>\n</thy-breadcrumb>\n", dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: ThyFlexibleTextComponent, selector: "thy-flexible-text,[thyFlexibleText]", inputs: ["thyTooltipTrigger", "thyContainerClass", "thyTooltipContent", "thyTooltipPlacement", "thyTooltipOffset"], exportAs: ["thyFlexibleText"] }, { kind: "component", type: ThyCheckboxComponent, selector: "thy-checkbox,[thy-checkbox],[thyCheckbox]", inputs: ["thyIndeterminate"] }, { kind: "component", type: ThyBreadcrumbComponent, selector: "thy-breadcrumb", inputs: ["thyIcon", "thySeparator"], exportAs: ["ThyBreadcrumb"] }, { kind: "component", type: ThyBreadcrumbItemComponent, 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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.2", type: ThyCascaderSearchOptionComponent, isStandalone: true, selector: "[thy-cascader-search-option]", inputs: { option: "option", multiple: "multiple", isOnlySelectLeaf: "isOnlySelectLeaf", active: "active" }, outputs: { toggleSelectChange: "toggleSelectChange" }, host: { listeners: { "click": "toggleClick($event)" }, properties: { "class.multiple": "this.multiple", "class": "this.className", "class.active": "this.active" } }, ngImport: i0, template: "<label\n  *ngIf=\"multiple\"\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<thy-breadcrumb thySeparator=\"slash\">\n  <ng-container *ngFor=\"let label of option.labelList; index as i\">\n    <thy-breadcrumb-item [ngClass]=\"{ 'text-muted': !(option.thyRowValue[i].isLeaf && isOnlySelectLeaf) }\"\n      ><span class=\"option-label-item\" thyFlexibleText [thyTooltipContent]=\"label\">{{ label }}</span></thy-breadcrumb-item\n    >\n  </ng-container>\n</thy-breadcrumb>\n", dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { 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"], 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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 __decorate([
     InputBoolean(),
@@ -150,16 +150,7 @@ __decorate([
 ], ThyCascaderSearchOptionComponent.prototype, "active", void 0);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: ThyCascaderSearchOptionComponent, decorators: [{
             type: Component,
-            args: [{ changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, selector: '[thy-cascader-search-option]', standalone: true, imports: [
-                        NgIf,
-                        NgFor,
-                        ThyFlexibleTextComponent,
-                        ThyCheckboxComponent,
-                        ThyBreadcrumbComponent,
-                        ThyBreadcrumbItemComponent,
-                        ThyIconComponent,
-                        FormsModule
-                    ], template: "<label\n  *ngIf=\"multiple\"\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<thy-breadcrumb thySeparator=\"slash\">\n  <ng-container *ngFor=\"let label of option.labelList; index as i\">\n    <thy-breadcrumb-item [ngClass]=\"{ 'text-muted': !(option.thyRowValue[i].isLeaf && isOnlySelectLeaf) }\"\n      ><span class=\"option-label-item\" thyFlexibleText [thyTooltipContent]=\"label\">{{ label }}</span></thy-breadcrumb-item\n    >\n  </ng-container>\n</thy-breadcrumb>\n" }]
+            args: [{ changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, selector: '[thy-cascader-search-option]', standalone: true, imports: [NgIf, NgFor, ThyFlexibleText, ThyCheckbox, ThyBreadcrumb, ThyBreadcrumbItem, ThyIcon, FormsModule], template: "<label\n  *ngIf=\"multiple\"\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<thy-breadcrumb thySeparator=\"slash\">\n  <ng-container *ngFor=\"let label of option.labelList; index as i\">\n    <thy-breadcrumb-item [ngClass]=\"{ 'text-muted': !(option.thyRowValue[i].isLeaf && isOnlySelectLeaf) }\"\n      ><span class=\"option-label-item\" thyFlexibleText [thyTooltipContent]=\"label\">{{ label }}</span></thy-breadcrumb-item\n    >\n  </ng-container>\n</thy-breadcrumb>\n" }]
         }], ctorParameters: () => [], propDecorators: { option: [{
                 type: Input
             }], multiple: [{
@@ -722,7 +713,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImpor
  * 级联选择菜单
  * @name thy-cascader
  */
-class ThyCascaderComponent extends TabIndexDisabledControlValueAccessorMixin {
+class ThyCascader extends TabIndexDisabledControlValueAccessorMixin {
     /**
      * 数据项
      * @type ThyCascaderOption[]
@@ -1299,55 +1290,55 @@ class ThyCascaderComponent extends TabIndexDisabledControlValueAccessorMixin {
         this.destroy$.next();
         this.destroy$.complete();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: ThyCascaderComponent, deps: [{ token: PLATFORM_ID }, { token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i1$1.ThyClickDispatcher }, { token: i0.NgZone }, { token: ThyCascaderService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.2", type: ThyCascaderComponent, isStandalone: true, selector: "thy-cascader,[thy-cascader]", inputs: { thyValueProperty: "thyValueProperty", thyLabelProperty: "thyLabelProperty", thyPlaceholder: "thyPlaceholder", thySize: "thySize", thyOptions: "thyOptions", thyChangeOn: "thyChangeOn", thyChangeOnSelect: "thyChangeOnSelect", thyShowInput: "thyShowInput", thyLabelRender: "thyLabelRender", thyLoadData: "thyLoadData", thyTriggerAction: "thyTriggerAction", thyExpandTriggerAction: "thyExpandTriggerAction", thyMenuStyle: "thyMenuStyle", thyMenuClassName: "thyMenuClassName", thyColumnClassName: "thyColumnClassName", thyDisabled: "thyDisabled", thyEmptyStateText: "thyEmptyStateText", thyMultiple: "thyMultiple", thyMaxTagCount: "thyMaxTagCount", thyIsOnlySelectLeaf: "thyIsOnlySelectLeaf", thyAutoExpand: "thyAutoExpand", thyShowSearch: "thyShowSearch", thyPreset: "thyPreset", thyHasBackdrop: "thyHasBackdrop" }, 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: "17.2.2", ngImport: i0, type: ThyCascader, deps: [{ token: PLATFORM_ID }, { token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i1$1.ThyClickDispatcher }, { token: i0.NgZone }, { token: ThyCascaderService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.2", type: ThyCascader, isStandalone: true, selector: "thy-cascader,[thy-cascader]", inputs: { thyValueProperty: "thyValueProperty", thyLabelProperty: "thyLabelProperty", thyPlaceholder: "thyPlaceholder", thySize: "thySize", thyOptions: "thyOptions", thyChangeOn: "thyChangeOn", thyChangeOnSelect: "thyChangeOnSelect", thyShowInput: "thyShowInput", thyLabelRender: "thyLabelRender", thyLoadData: "thyLoadData", thyTriggerAction: "thyTriggerAction", thyExpandTriggerAction: "thyExpandTriggerAction", thyMenuStyle: "thyMenuStyle", thyMenuClassName: "thyMenuClassName", thyColumnClassName: "thyColumnClassName", thyDisabled: "thyDisabled", thyEmptyStateText: "thyEmptyStateText", thyMultiple: "thyMultiple", thyMaxTagCount: "thyMaxTagCount", thyIsOnlySelectLeaf: "thyIsOnlySelectLeaf", thyAutoExpand: "thyAutoExpand", thyShowSearch: "thyShowSearch", thyPreset: "thyPreset", thyHasBackdrop: "thyHasBackdrop" }, 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(() => ThyCascaderComponent),
+                useExisting: forwardRef(() => ThyCascader),
                 multi: true
             },
             ThyCascaderService
-        ], viewQueries: [{ propertyName: "cdkConnectedOverlay", first: true, predicate: CdkConnectedOverlay, descendants: true, static: true }, { propertyName: "trigger", first: true, predicate: ["trigger"], descendants: true, read: ElementRef, static: true }, { propertyName: "input", first: true, predicate: ["input"], descendants: true }, { propertyName: "menu", first: true, predicate: ["menu"], descendants: true }, { propertyName: "cascaderOptions", predicate: ["cascaderOptions"], descendants: true, read: ElementRef }, { propertyName: "cascaderOptionContainers", predicate: ["cascaderOptionContainers"], descendants: true, read: ElementRef }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div cdkOverlayOrigin #origin=\"cdkOverlayOrigin\" #trigger>\n  <ng-container *ngIf=\"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        <span [ngClass]=\"labelCls\">\n          <ng-container *ngIf=\"!isLabelRenderTemplate; else labelTemplate\">{{ value.labelText }}</ng-container>\n          <ng-template #labelTemplate>\n            <ng-template [ngTemplateOutlet]=\"thyLabelRender\" [ngTemplateOutletContext]=\"value.labelRenderContext\"></ng-template>\n          </ng-template>\n        </span>\n      </ng-template>\n    </div>\n  </ng-container>\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    <ng-container *ngIf=\"!isShowSearchPanel\">\n      <ng-container *ngIf=\"columns.length > 0; else emptyPlaceholder\">\n        <ul #cascaderOptionContainers *ngFor=\"let options of columns; let i = index\" [ngClass]=\"menuColumnCls\">\n          <li\n            #cascaderOptions\n            thy-cascader-option\n            *ngFor=\"let option of options; trackBy: trackByFn\"\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            (toggleSelectChange)=\"clickOption(option, i, $event)\"\n            (click)=\"clickOption(option, i, $event)\"\n            (mouseover)=\"mouseoverOption(option, i, $event)\"></li>\n        </ul>\n      </ng-container>\n    </ng-container>\n    <ng-container *ngIf=\"isShowSearchPanel\">\n      <ng-container *ngIf=\"searchResultList.length; else emptyPlaceholder\">\n        <ul class=\"thy-cascader-search-list py-3\">\n          <li\n            thy-cascader-search-option\n            *ngFor=\"let item of searchResultList\"\n            [multiple]=\"thyMultiple\"\n            [isOnlySelectLeaf]=\"thyIsOnlySelectLeaf\"\n            [option]=\"item\"\n            [active]=\"item.selected\"\n            (toggleSelectChange)=\"selectSearchResult($event)\"></li>\n        </ul>\n      </ng-container>\n    </ng-container>\n  </div>\n</ng-template>\n\n<ng-template #emptyPlaceholder>\n  <div class=\"thy-cascader-empty-container\" [ngStyle]=\"{ 'width.px': triggerRect?.width }\">\n    <thy-empty class=\"thy-select-empty-content\" thySize=\"sm\" [thyMessage]=\"emptyStateText\"></thy-empty>\n  </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: ThySelectControlComponent, selector: "thy-select-control,[thySelectControl]", inputs: ["thyPanelOpened", "thyIsMultiple", "thyShowSearch", "thySelectedOptions", "thyDisabled", "customDisplayTemplate", "thyAllowClear", "thyPlaceholder", "thySize", "thyMaxTagCount", "thyBorderless", "thyPreset"], outputs: ["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: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: ThyCascaderOptionComponent, selector: "[thy-cascader-option]", inputs: ["option", "multiple", "isOnlySelectLeaf", "active", "halfSelected", "selected", "labelProperty"], outputs: ["toggleSelectChange"] }, { kind: "component", type: ThyCascaderSearchOptionComponent, selector: "[thy-cascader-search-option]", inputs: ["option", "multiple", "isOnlySelectLeaf", "active"], outputs: ["toggleSelectChange"] }, { kind: "component", type: ThyEmptyComponent, selector: "thy-empty", inputs: ["thyMessage", "thyTranslationKey", "thyTranslationValues", "thyEntityName", "thyEntityNameTranslateKey", "thyIconName", "thySize", "thyMarginTop", "thyTopAuto", "thyContainer", "thyImageUrl", "thyImageLoading", "thyImageFetchPriority", "thyDescription"] }], animations: [scaleYMotion] }); }
+        ], viewQueries: [{ propertyName: "cdkConnectedOverlay", first: true, predicate: CdkConnectedOverlay, descendants: true, static: true }, { propertyName: "trigger", first: true, predicate: ["trigger"], descendants: true, read: ElementRef, static: true }, { propertyName: "input", first: true, predicate: ["input"], descendants: true }, { propertyName: "menu", first: true, predicate: ["menu"], descendants: true }, { propertyName: "cascaderOptions", predicate: ["cascaderOptions"], descendants: true, read: ElementRef }, { propertyName: "cascaderOptionContainers", predicate: ["cascaderOptionContainers"], descendants: true, read: ElementRef }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div cdkOverlayOrigin #origin=\"cdkOverlayOrigin\" #trigger>\n  <ng-container *ngIf=\"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        <span [ngClass]=\"labelCls\">\n          <ng-container *ngIf=\"!isLabelRenderTemplate; else labelTemplate\">{{ value.labelText }}</ng-container>\n          <ng-template #labelTemplate>\n            <ng-template [ngTemplateOutlet]=\"thyLabelRender\" [ngTemplateOutletContext]=\"value.labelRenderContext\"></ng-template>\n          </ng-template>\n        </span>\n      </ng-template>\n    </div>\n  </ng-container>\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    <ng-container *ngIf=\"!isShowSearchPanel\">\n      <ng-container *ngIf=\"columns.length > 0; else emptyPlaceholder\">\n        <ul #cascaderOptionContainers *ngFor=\"let options of columns; let i = index\" [ngClass]=\"menuColumnCls\">\n          <li\n            #cascaderOptions\n            thy-cascader-option\n            *ngFor=\"let option of options; trackBy: trackByFn\"\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            (toggleSelectChange)=\"clickOption(option, i, $event)\"\n            (click)=\"clickOption(option, i, $event)\"\n            (mouseover)=\"mouseoverOption(option, i, $event)\"></li>\n        </ul>\n      </ng-container>\n    </ng-container>\n    <ng-container *ngIf=\"isShowSearchPanel\">\n      <ng-container *ngIf=\"searchResultList.length; else emptyPlaceholder\">\n        <ul class=\"thy-cascader-search-list py-3\">\n          <li\n            thy-cascader-search-option\n            *ngFor=\"let item of searchResultList\"\n            [multiple]=\"thyMultiple\"\n            [isOnlySelectLeaf]=\"thyIsOnlySelectLeaf\"\n            [option]=\"item\"\n            [active]=\"item.selected\"\n            (toggleSelectChange)=\"selectSearchResult($event)\"></li>\n        </ul>\n      </ng-container>\n    </ng-container>\n  </div>\n</ng-template>\n\n<ng-template #emptyPlaceholder>\n  <div class=\"thy-cascader-empty-container\" [ngStyle]=\"{ 'width.px': triggerRect?.width }\">\n    <thy-empty class=\"thy-select-empty-content\" thySize=\"sm\" [thyMessage]=\"emptyStateText\"></thy-empty>\n  </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: ThySelectControl, selector: "thy-select-control,[thySelectControl]", inputs: ["thyPanelOpened", "thyIsMultiple", "thyShowSearch", "thySelectedOptions", "thyDisabled", "customDisplayTemplate", "thyAllowClear", "thyPlaceholder", "thySize", "thyMaxTagCount", "thyBorderless", "thyPreset"], outputs: ["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: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: ThyCascaderOptionComponent, selector: "[thy-cascader-option]", inputs: ["option", "multiple", "isOnlySelectLeaf", "active", "halfSelected", "selected", "labelProperty"], outputs: ["toggleSelectChange"] }, { kind: "component", type: ThyCascaderSearchOptionComponent, selector: "[thy-cascader-search-option]", inputs: ["option", "multiple", "isOnlySelectLeaf", "active"], outputs: ["toggleSelectChange"] }, { kind: "component", type: ThyEmpty, selector: "thy-empty", inputs: ["thyMessage", "thyTranslationKey", "thyTranslationValues", "thyEntityName", "thyEntityNameTranslateKey", "thyIconName", "thySize", "thyMarginTop", "thyTopAuto", "thyContainer", "thyImageUrl", "thyImageLoading", "thyImageFetchPriority", "thyDescription"] }], animations: [scaleYMotion] }); }
 }
 __decorate([
     InputBoolean(),
     __metadata("design:type", Object)
-], ThyCascaderComponent.prototype, "thyChangeOnSelect", void 0);
+], ThyCascader.prototype, "thyChangeOnSelect", void 0);
 __decorate([
     InputBoolean(),
     __metadata("design:type", Object)
-], ThyCascaderComponent.prototype, "thyShowInput", void 0);
+], ThyCascader.prototype, "thyShowInput", void 0);
 __decorate([
     InputBoolean(),
     __metadata("design:type", Boolean),
     __metadata("design:paramtypes", [Boolean])
-], ThyCascaderComponent.prototype, "thyMultiple", null);
+], ThyCascader.prototype, "thyMultiple", null);
 __decorate([
     InputNumber(),
     __metadata("design:type", Object)
-], ThyCascaderComponent.prototype, "thyMaxTagCount", void 0);
+], ThyCascader.prototype, "thyMaxTagCount", void 0);
 __decorate([
     InputBoolean(),
     __metadata("design:type", Object)
-], ThyCascaderComponent.prototype, "thyIsOnlySelectLeaf", void 0);
+], ThyCascader.prototype, "thyIsOnlySelectLeaf", void 0);
 __decorate([
     InputBoolean(),
     __metadata("design:type", Boolean)
-], ThyCascaderComponent.prototype, "thyAutoExpand", void 0);
+], ThyCascader.prototype, "thyAutoExpand", void 0);
 __decorate([
     InputBoolean(),
     __metadata("design:type", Boolean)
-], ThyCascaderComponent.prototype, "thyShowSearch", void 0);
+], ThyCascader.prototype, "thyShowSearch", void 0);
 __decorate([
     InputBoolean(),
     __metadata("design:type", Object)
-], ThyCascaderComponent.prototype, "thyHasBackdrop", void 0);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: ThyCascaderComponent, decorators: [{
+], ThyCascader.prototype, "thyHasBackdrop", void 0);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: ThyCascader, decorators: [{
             type: Component,
             args: [{ selector: 'thy-cascader,[thy-cascader]', providers: [
                         {
                             provide: NG_VALUE_ACCESSOR,
-                            useExisting: forwardRef(() => ThyCascaderComponent),
+                            useExisting: forwardRef(() => ThyCascader),
                             multi: true
                         },
                         ThyCascaderService
@@ -1358,7 +1349,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImpor
                     }, standalone: true, imports: [
                         CdkOverlayOrigin,
                         NgIf,
-                        ThySelectControlComponent,
+                        ThySelectControl,
                         NgClass,
                         NgTemplateOutlet,
                         CdkConnectedOverlay,
@@ -1366,8 +1357,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImpor
                         NgFor,
                         ThyCascaderOptionComponent,
                         ThyCascaderSearchOptionComponent,
-                        ThyEmptyComponent,
-                        ThyIconComponent
+                        ThyEmpty,
+                        ThyIcon
                     ], animations: [scaleYMotion], template: "<div cdkOverlayOrigin #origin=\"cdkOverlayOrigin\" #trigger>\n  <ng-container *ngIf=\"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        <span [ngClass]=\"labelCls\">\n          <ng-container *ngIf=\"!isLabelRenderTemplate; else labelTemplate\">{{ value.labelText }}</ng-container>\n          <ng-template #labelTemplate>\n            <ng-template [ngTemplateOutlet]=\"thyLabelRender\" [ngTemplateOutletContext]=\"value.labelRenderContext\"></ng-template>\n          </ng-template>\n        </span>\n      </ng-template>\n    </div>\n  </ng-container>\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    <ng-container *ngIf=\"!isShowSearchPanel\">\n      <ng-container *ngIf=\"columns.length > 0; else emptyPlaceholder\">\n        <ul #cascaderOptionContainers *ngFor=\"let options of columns; let i = index\" [ngClass]=\"menuColumnCls\">\n          <li\n            #cascaderOptions\n            thy-cascader-option\n            *ngFor=\"let option of options; trackBy: trackByFn\"\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            (toggleSelectChange)=\"clickOption(option, i, $event)\"\n            (click)=\"clickOption(option, i, $event)\"\n            (mouseover)=\"mouseoverOption(option, i, $event)\"></li>\n        </ul>\n      </ng-container>\n    </ng-container>\n    <ng-container *ngIf=\"isShowSearchPanel\">\n      <ng-container *ngIf=\"searchResultList.length; else emptyPlaceholder\">\n        <ul class=\"thy-cascader-search-list py-3\">\n          <li\n            thy-cascader-search-option\n            *ngFor=\"let item of searchResultList\"\n            [multiple]=\"thyMultiple\"\n            [isOnlySelectLeaf]=\"thyIsOnlySelectLeaf\"\n            [option]=\"item\"\n            [active]=\"item.selected\"\n            (toggleSelectChange)=\"selectSearchResult($event)\"></li>\n        </ul>\n      </ng-container>\n    </ng-container>\n  </div>\n</ng-template>\n\n<ng-template #emptyPlaceholder>\n  <div class=\"thy-cascader-empty-container\" [ngStyle]=\"{ 'width.px': triggerRect?.width }\">\n    <thy-empty class=\"thy-select-empty-content\" thySize=\"sm\" [thyMessage]=\"emptyStateText\"></thy-empty>\n  </div>\n</ng-template>\n" }]
         }], ctorParameters: () => [{ type: undefined, decorators: [{
                     type: Inject,
@@ -1472,9 +1463,9 @@ class ThyCascaderModule {
             ThySelectCommonModule,
             ThyCheckboxModule,
             ThyFlexibleTextModule,
-            ThyCascaderComponent,
+            ThyCascader,
             ThyCascaderOptionComponent,
-            ThyCascaderSearchOptionComponent], exports: [ThyCascaderComponent] }); }
+            ThyCascaderSearchOptionComponent], exports: [ThyCascader] }); }
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: ThyCascaderModule, imports: [CommonModule,
             FormsModule,
             OverlayModule,
@@ -1484,7 +1475,7 @@ class ThyCascaderModule {
             ThySelectCommonModule,
             ThyCheckboxModule,
             ThyFlexibleTextModule,
-            ThyCascaderComponent,
+            ThyCascader,
             ThyCascaderOptionComponent,
             ThyCascaderSearchOptionComponent] }); }
 }
@@ -1501,11 +1492,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImpor
                         ThySelectCommonModule,
                         ThyCheckboxModule,
                         ThyFlexibleTextModule,
-                        ThyCascaderComponent,
+                        ThyCascader,
                         ThyCascaderOptionComponent,
                         ThyCascaderSearchOptionComponent
                     ],
-                    exports: [ThyCascaderComponent]
+                    exports: [ThyCascader]
                 }]
         }] });
 
@@ -1513,5 +1504,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { ThyCascaderComponent, ThyCascaderModule, ThyCascaderOptionComponent };
+export { ThyCascader, ThyCascaderModule, ThyCascaderOptionComponent };
 //# sourceMappingURL=ngx-tethys-cascader.mjs.map