ngx-tethys 19.1.0-next.6 → 19.1.0-next.8

package/CHANGELOG.md

@@ -2,6 +2,25 @@
 
 All notable changes to this project will be documented in this file. See [commit-and-tag-version](https://github.com/absolute-version/commit-and-tag-version) for commit guidelines.
 
+# [19.1.0-next.8](https://github.com/atinc/ngx-tethys/compare/19.1.0-next.7...19.1.0-next.8) (2025-08-19)
+
+
+### Bug Fixes
+
+* **shared:** this.inputElement() to this.inputElement()? ([1904d80](https://github.com/atinc/ngx-tethys/commit/1904d80cabd870dce8c7b9c26eca716f6011702e))
+
+
+
+# [19.1.0-next.7](https://github.com/atinc/ngx-tethys/compare/19.1.0-next.6...19.1.0-next.7) (2025-08-15)
+
+
+### Features
+
+* **date-picker:** rename open to opened and add open method #TINFR-1463 ([#3532](https://github.com/atinc/ngx-tethys/issues/3532)) ([67ba3f5](https://github.com/atinc/ngx-tethys/commit/67ba3f55e68781181c28992c1c4c421d603fb3f6)), closes [#TINFR-1463](https://github.com/atinc/ngx-tethys/issues/TINFR-1463)
+* migrate tooltip signal and related component ([#3518](https://github.com/atinc/ngx-tethys/issues/3518)) ([58189df](https://github.com/atinc/ngx-tethys/commit/58189df326aee2d2c0e449d53ebe6b46c08a3a10))
+
+
+
 # [19.1.0-next.6](https://github.com/atinc/ngx-tethys/compare/19.1.0-next.5...19.1.0-next.6) (2025-08-14)
 
 

package/color-picker/coordinates.directive.d.ts

@@ -1,12 +1,11 @@
 import { ElementRef, OnDestroy, OnInit } from '@angular/core';
-import { Subject } from 'rxjs';
 import * as i0 from "@angular/core";
 /**
  * @internal
  */
 export declare class ThyCoordinatesDirective implements OnInit, OnDestroy {
     el: ElementRef<any>;
-    coordinatesChange: Subject<{
+    readonly coordinatesChange: import("@angular/core").OutputEmitterRef<{
         x: number;
         y: number;
         left: number;

package/date-picker/abstract-picker.component.d.ts

@@ -33,8 +33,8 @@ export declare abstract class AbstractPickerComponent extends TabIndexDisabledCo
      * 是否自动获取焦点
      */
     readonly thyAutoFocus: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
-    readonly open: import("@angular/core").WritableSignal<any>;
     readonly thyOpen: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    readonly opened: import("@angular/core").WritableSignal<boolean>;
     readonly thyDisabledDate: import("@angular/core").InputSignal<DisabledDateFn>;
     /**
      * 最小值

package/date-picker/base-picker.component.d.ts

@@ -31,6 +31,7 @@ export declare class BasePicker extends AbstractPickerComponent implements OnIni
     thyClickDispatcher: ThyClickDispatcher;
     platformId: Object;
     ngZone: NgZone;
+    open(): void;
     ngOnInit(): void;
     onValueChange(value: CompatibleValue | RangeAdvancedValue): void;
     onInputValueChange(formatDate: string | null | Array<null>): void;

package/date-picker/picker.component.d.ts

@@ -1,19 +1,19 @@
 import { ThyPlacement } from 'ngx-tethys/core';
 import { TinyDate } from 'ngx-tethys/util';
 import { CdkConnectedOverlay, CdkOverlayOrigin, ConnectedOverlayPositionChange, ConnectionPositionPair } from '@angular/cdk/overlay';
-import { AfterViewInit, ElementRef, OnChanges, SimpleChanges } from '@angular/core';
+import { AfterViewInit, ElementRef } from '@angular/core';
 import { CompatibleValue, RangePartType } from './inner-types';
 import { ThyDateGranularity } from './standard-types';
 import * as i0 from "@angular/core";
 /**
  * @private
  */
-export declare class ThyPicker implements OnChanges, AfterViewInit {
+export declare class ThyPicker implements AfterViewInit {
     private changeDetector;
     private dateHelper;
     private i18n;
     readonly isRange: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
-    readonly open: import("@angular/core").InputSignal<boolean>;
+    readonly opened: import("@angular/core").InputSignal<boolean>;
     readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
     readonly placeholder: import("@angular/core").InputSignal<string | string[]>;
     readonly readonly: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
@@ -50,7 +50,6 @@ export declare class ThyPicker implements OnChanges, AfterViewInit {
     get realOpenState(): boolean;
     get readonlyState(): boolean;
     constructor();
-    ngOnChanges(changes: SimpleChanges): void;
     ngAfterViewInit(): void;
     focus(): void;
     onBlur(event: FocusEvent): void;
@@ -73,5 +72,5 @@ export declare class ThyPicker implements OnChanges, AfterViewInit {
     getPlaceholder(): string;
     private updateReadableDate;
     static ɵfac: i0.ɵɵFactoryDeclaration<ThyPicker, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ThyPicker, "thy-picker", ["thyPicker"], { "isRange": { "alias": "isRange"; "required": false; "isSignal": true; }; "open": { "alias": "open"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "allowClear": { "alias": "allowClear"; "required": false; "isSignal": true; }; "autoFocus": { "alias": "autoFocus"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "suffixIcon": { "alias": "suffixIcon"; "required": false; "isSignal": true; }; "placement": { "alias": "placement"; "required": false; "isSignal": true; }; "flexible": { "alias": "flexible"; "required": false; "isSignal": true; }; "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "hasBackdrop": { "alias": "hasBackdrop"; "required": false; "isSignal": true; }; "separator": { "alias": "separator"; "required": false; "isSignal": true; }; "timeZone": { "alias": "timeZone"; "required": false; "isSignal": true; }; "format": { "alias": "format"; "required": false; "isSignal": true; }; "flexibleDateGranularity": { "alias": "flexibleDateGranularity"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "blur": "blur"; "valueChange": "valueChange"; "openChange": "openChange"; "inputChange": "inputChange"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ThyPicker, "thy-picker", ["thyPicker"], { "isRange": { "alias": "isRange"; "required": false; "isSignal": true; }; "opened": { "alias": "opened"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "allowClear": { "alias": "allowClear"; "required": false; "isSignal": true; }; "autoFocus": { "alias": "autoFocus"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "suffixIcon": { "alias": "suffixIcon"; "required": false; "isSignal": true; }; "placement": { "alias": "placement"; "required": false; "isSignal": true; }; "flexible": { "alias": "flexible"; "required": false; "isSignal": true; }; "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "hasBackdrop": { "alias": "hasBackdrop"; "required": false; "isSignal": true; }; "separator": { "alias": "separator"; "required": false; "isSignal": true; }; "timeZone": { "alias": "timeZone"; "required": false; "isSignal": true; }; "format": { "alias": "format"; "required": false; "isSignal": true; }; "flexibleDateGranularity": { "alias": "flexibleDateGranularity"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "blur": "blur"; "valueChange": "valueChange"; "openChange": "openChange"; "inputChange": "inputChange"; }, never, ["*"], true, never>;
 }

package/dropdown/dropdown-menu.component.d.ts

@@ -20,7 +20,7 @@ export declare class ThyDropdownMenuComponent {
     /**
      * 设置菜单宽度
      */
-    readonly thyWidth: import("@angular/core").InputSignalWithTransform<string, any>;
+    readonly thyWidth: import("@angular/core").InputSignalWithTransform<string, string | number>;
     /**
      * 是否直接渲染 dropdown-menu 中的元素
      */

package/dropdown/dropdown.directive.d.ts

@@ -1,5 +1,5 @@
 import { ComponentType, OverlayRef } from '@angular/cdk/overlay';
-import { EventEmitter, OnInit, Signal, TemplateRef } from '@angular/core';
+import { OnInit, Signal, TemplateRef } from '@angular/core';
 import { ThyOverlayDirectiveBase, ThyPlacement } from 'ngx-tethys/core';
 import { ThyPopoverConfig } from 'ngx-tethys/popover';
 import { SafeAny } from 'ngx-tethys/types';
@@ -65,7 +65,7 @@ export declare class ThyDropdownDirective extends ThyOverlayDirectiveBase implem
     /**
      * 菜单 Active 事件，打开菜单返回 true，关闭返回 false
      */
-    thyActiveChange: EventEmitter<boolean>;
+    readonly thyActiveChange: import("@angular/core").OutputEmitterRef<boolean>;
     constructor();
     ngOnInit(): void;
     createOverlay(): OverlayRef;

package/fesm2022/ngx-tethys-cascader.mjs

@@ -1259,7 +1259,7 @@ class ThyCascader extends TabIndexDisabledControlValueAccessorMixin {
                 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 }], 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    @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()\">\n            @if (thyCascaderService.customOptions && thyCascaderService.customOptions.length > 0 && isFirst) {\n              @for (customOpt of thyCascaderService.customOptions; track trackByFn($index, customOpt)) {\n                <li\n                  #cascaderOptions\n                  thy-cascader-option\n                  [option]=\"customOpt\"\n                  [multiple]=\"thyMultiple()\"\n                  [isOnlySelectLeaf]=\"thyIsOnlySelectLeaf()\"\n                  [labelProperty]=\"thyLabelProperty()\"\n                  [active]=\"isActivatedOption(customOpt, 0)\"\n                  [halfSelected]=\"isHalfSelectedOption(customOpt, 0)\"\n                  [selected]=\"isSelectedOption(customOpt, 0)\"\n                  (toggleSelectChange)=\"clickCustomOption(customOpt, 0, $event)\"\n                  (click)=\"clickCustomOption(customOpt, 0, $event)\"\n                  (mouseover)=\"mouseoverOption(customOpt, 0, $event)\"></li>\n              }\n              <thy-divider class=\"my-1 mx-4\"></thy-divider>\n            }\n            @for (option of options; track trackByFn($index, option)) {\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          </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  </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: ["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: "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"] }], 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 }], 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    @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()\">\n            @if (thyCascaderService.customOptions && thyCascaderService.customOptions.length > 0 && isFirst) {\n              @for (customOpt of thyCascaderService.customOptions; track trackByFn($index, customOpt)) {\n                <li\n                  #cascaderOptions\n                  thy-cascader-option\n                  [option]=\"customOpt\"\n                  [multiple]=\"thyMultiple()\"\n                  [isOnlySelectLeaf]=\"thyIsOnlySelectLeaf()\"\n                  [labelProperty]=\"thyLabelProperty()\"\n                  [active]=\"isActivatedOption(customOpt, 0)\"\n                  [halfSelected]=\"isHalfSelectedOption(customOpt, 0)\"\n                  [selected]=\"isSelectedOption(customOpt, 0)\"\n                  (toggleSelectChange)=\"clickCustomOption(customOpt, 0, $event)\"\n                  (click)=\"clickCustomOption(customOpt, 0, $event)\"\n                  (mouseover)=\"mouseoverOption(customOpt, 0, $event)\"></li>\n              }\n              <thy-divider class=\"my-1 mx-4\"></thy-divider>\n            }\n            @for (option of options; track trackByFn($index, option)) {\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          </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  </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"] }], animations: [scaleYMotion] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyCascader, decorators: [{
             type: Component,