ngx-tethys 20.0.1 → 20.0.3

package/select/index.d.ts

@@ -29,8 +29,8 @@ declare class ThyNativeSelect extends TabIndexDisabledControlValueAccessorMixin
     readonly innerValue: _angular_core.ModelSignal<any>;
     readonly disabled: _angular_core.WritableSignal<boolean>;
     private hostRenderer;
-    readonly thySize: _angular_core.InputSignal<InputSize>;
-    readonly name: _angular_core.InputSignal<string>;
+    readonly thySize: _angular_core.InputSignal<InputSize | undefined>;
+    readonly name: _angular_core.InputSignal<string | undefined>;
     readonly thyAllowClear: _angular_core.InputSignalWithTransform<boolean, unknown>;
     writeValue(obj: any): void;
     setDisabledState?(isDisabled: boolean): void;
@@ -118,30 +118,30 @@ declare class ThySelect extends TabIndexDisabledControlValueAccessorMixin implem
     readonly dropDownClass: Signal<{
         [key: string]: boolean;
     }>;
-    readonly dropDownMinWidth: Signal<number>;
+    readonly dropDownMinWidth: Signal<number | null>;
     /**
      * 设置下拉框的最小宽度，默认值 `match-select`，表示与输入框的宽度一致；`min-width` 表示最小宽度为200px；支持自定义最小宽度，比如传 `{minWidth: 150}` 表示最小宽度为150px
      * @default match-select
      */
-    readonly thyDropdownWidthMode: _angular_core.InputSignal<ThyDropdownWidthMode>;
+    readonly thyDropdownWidthMode: _angular_core.InputSignal<ThyDropdownWidthMode | undefined>;
     readonly placement: Signal<ThyPlacement>;
     readonly dropDownPositions: Signal<ConnectionPositionPair[]>;
-    itemSize: number;
+    thyItemSize: _angular_core.InputSignalWithTransform<number, unknown>;
     readonly virtualHeight: Signal<number>;
     /**
-     * 视觉上能看到的最大选项个数
+     * 出现滚动条时，视觉上能看到的最大选项个数
      */
     private maxItemLength;
-    triggerRectWidth: WritableSignal<number>;
-    scrollStrategy: ScrollStrategy;
-    private resizeSubscription;
+    triggerRectWidth: WritableSignal<number | undefined>;
+    scrollStrategy?: ScrollStrategy;
+    private resizeSubscription?;
     /**
      * 手动聚焦中的标识
      */
     private manualFocusing;
     private config;
     private destroyRef;
-    readonly cdkConnectedOverlay: Signal<CdkConnectedOverlay>;
+    readonly cdkConnectedOverlay: Signal<CdkConnectedOverlay | undefined>;
     panelOpen: boolean;
     /**
      * 搜索时回调
@@ -185,7 +185,7 @@ declare class ThySelect extends TabIndexDisabledControlValueAccessorMixin implem
      * @type primary | success | danger | warning
      * @default primary
      */
-    readonly thySize: _angular_core.InputSignal<SelectControlSize>;
+    readonly thySize: _angular_core.InputSignal<SelectControlSize | undefined>;
     /**
      * 数据为空时显示的提示文字
      */
@@ -211,20 +211,20 @@ declare class ThySelect extends TabIndexDisabledControlValueAccessorMixin implem
     /**
      * 排序比较函数
      */
-    readonly thySortComparator: _angular_core.InputSignal<(a: ThyOption, b: ThyOption, options: ThyOption[]) => number>;
+    readonly thySortComparator: _angular_core.InputSignal<((a: ThyOption, b: ThyOption, options: ThyOption[]) => number) | undefined>;
     /**
      * Footer 模板，默认值为空不显示 Footer
      */
-    readonly thyFooterTemplate: _angular_core.InputSignal<TemplateRef<any>>;
+    readonly thyFooterTemplate: _angular_core.InputSignal<TemplateRef<any> | undefined>;
     /**
      * 弹出位置
      * @type ThyPlacement
      */
-    readonly thyPlacement: _angular_core.InputSignal<ThyPlacement>;
+    readonly thyPlacement: _angular_core.InputSignal<ThyPlacement | undefined>;
     /**
      * 自定义 Overlay Origin
      */
-    readonly thyOrigin: _angular_core.InputSignal<HTMLElement | ElementRef<any>>;
+    readonly thyOrigin: _angular_core.InputSignal<HTMLElement | ElementRef<any> | undefined>;
     /**
      * 自定义 Footer 模板容器 class
      */
@@ -232,7 +232,7 @@ declare class ThySelect extends TabIndexDisabledControlValueAccessorMixin implem
     /**
      * @private
      */
-    readonly selectedValueDisplayRef: Signal<TemplateRef<any>>;
+    readonly selectedValueDisplayRef: Signal<TemplateRef<any> | undefined>;
     /**
      * 初始化时，是否展开面板
      */
@@ -249,13 +249,18 @@ declare class ThySelect extends TabIndexDisabledControlValueAccessorMixin implem
      * 是否隐藏选择框边框
      */
     readonly thyBorderless: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly panel: Signal<ElementRef<HTMLElement> | undefined>;
+    /**
+     * 是否启用虚拟滚动，默认值为 false
+     */
+    readonly thyVirtualScroll: _angular_core.InputSignalWithTransform<boolean, unknown>;
     private scrolledIndex;
-    readonly cdkVirtualScrollViewport: Signal<CdkVirtualScrollViewport>;
+    readonly cdkVirtualScrollViewport: Signal<CdkVirtualScrollViewport | undefined>;
     private shouldActivateOption;
     /**
      * option 列表
      */
-    readonly thyOptions: _angular_core.InputSignalWithTransform<ThySelectOptionModel[], ThySelectOptionModel[]>;
+    readonly thyOptions: _angular_core.InputSignalWithTransform<ThySelectOptionModel[] | undefined, ThySelectOptionModel[]>;
     readonly keywords: WritableSignal<string>;
     /**
      * 目前只支持多选选中项的展示，默认为空，渲染文字模板，传入tag，渲染展示模板,
@@ -286,7 +291,7 @@ declare class ThySelect extends TabIndexDisabledControlValueAccessorMixin implem
     /**
      * 传给 selectControl 指令的选中值
      */
-    readonly selectedOptions: WritableSignal<SelectOptionBase | SelectOptionBase[]>;
+    readonly selectedOptions: WritableSignal<SelectOptionBase | SelectOptionBase[] | null>;
     optionRenders: QueryList<ThyOptionRender>;
     keydown(event: KeyboardEvent): void;
     get optionsChanges$(): Observable<ThyOptionRender[]>;
@@ -301,7 +306,8 @@ declare class ThySelect extends TabIndexDisabledControlValueAccessorMixin implem
     private allGroupsAndOptionsByTemplate;
     private buildFilteredGroupsAndOptions;
     private updateSelectedOptions;
-    optionsScrolled(index: number): void;
+    optionsVirtualScrolled(index: number): void;
+    optionsScrolled(elementRef: ElementRef): void;
     search(keywords: string): void;
     onBlur(event?: FocusEvent): void;
     onFocus(event?: FocusEvent): void;
@@ -314,7 +320,7 @@ declare class ThySelect extends TabIndexDisabledControlValueAccessorMixin implem
     updateCdkConnectedOverlayPositions(): void;
     readonly isMultiple: Signal<boolean>;
     readonly empty: Signal<boolean>;
-    activatedValue: WritableSignal<any>;
+    activatedValue: WritableSignal<string | string[] | number | null | undefined>;
     toggle(event: MouseEvent): void;
     open(): void;
     close(): void;
@@ -333,7 +339,7 @@ declare class ThySelect extends TabIndexDisabledControlValueAccessorMixin implem
     trackByFn(index: number, item: ThySelectFlattedItem): SafeAny;
     ngOnDestroy(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ThySelect, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ThySelect, "thy-select,thy-custom-select", ["thySelect"], { "thyDropdownWidthMode": { "alias": "thyDropdownWidthMode"; "required": false; "isSignal": true; }; "thyShowSearch": { "alias": "thyShowSearch"; "required": false; "isSignal": true; }; "thyPlaceHolder": { "alias": "thyPlaceHolder"; "required": false; "isSignal": true; }; "thyServerSearch": { "alias": "thyServerSearch"; "required": false; "isSignal": true; }; "thyLoadState": { "alias": "thyLoadState"; "required": false; "isSignal": true; }; "thyAutoActiveFirstItem": { "alias": "thyAutoActiveFirstItem"; "required": false; "isSignal": true; }; "thyMode": { "alias": "thyMode"; "required": false; "isSignal": true; }; "thySize": { "alias": "thySize"; "required": false; "isSignal": true; }; "thyEmptyStateText": { "alias": "thyEmptyStateText"; "required": false; "isSignal": true; }; "thyEmptySearchMessageText": { "alias": "thyEmptySearchMessageText"; "required": false; "isSignal": true; }; "thyEnableScrollLoad": { "alias": "thyEnableScrollLoad"; "required": false; "isSignal": true; }; "thyAllowClear": { "alias": "thyAllowClear"; "required": false; "isSignal": true; }; "thyDisabled": { "alias": "thyDisabled"; "required": false; }; "thySortComparator": { "alias": "thySortComparator"; "required": false; "isSignal": true; }; "thyFooterTemplate": { "alias": "thyFooterTemplate"; "required": false; "isSignal": true; }; "thyPlacement": { "alias": "thyPlacement"; "required": false; "isSignal": true; }; "thyOrigin": { "alias": "thyOrigin"; "required": false; "isSignal": true; }; "thyFooterClass": { "alias": "thyFooterClass"; "required": false; "isSignal": true; }; "thyAutoExpand": { "alias": "thyAutoExpand"; "required": false; "isSignal": true; }; "thyHasBackdrop": { "alias": "thyHasBackdrop"; "required": false; "isSignal": true; }; "thyMaxTagCount": { "alias": "thyMaxTagCount"; "required": false; "isSignal": true; }; "thyBorderless": { "alias": "thyBorderless"; "required": false; "isSignal": true; }; "thyOptions": { "alias": "thyOptions"; "required": false; "isSignal": true; }; "thyPreset": { "alias": "thyPreset"; "required": false; "isSignal": true; }; }, { "thyOnSearch": "thyOnSearch"; "thyOnScrollToBottom": "thyOnScrollToBottom"; "thyOnExpandStatusChange": "thyOnExpandStatusChange"; }, ["selectedValueDisplayRef", "options", "groups"], ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ThySelect, "thy-select,thy-custom-select", ["thySelect"], { "thyDropdownWidthMode": { "alias": "thyDropdownWidthMode"; "required": false; "isSignal": true; }; "thyItemSize": { "alias": "thyItemSize"; "required": false; "isSignal": true; }; "thyShowSearch": { "alias": "thyShowSearch"; "required": false; "isSignal": true; }; "thyPlaceHolder": { "alias": "thyPlaceHolder"; "required": false; "isSignal": true; }; "thyServerSearch": { "alias": "thyServerSearch"; "required": false; "isSignal": true; }; "thyLoadState": { "alias": "thyLoadState"; "required": false; "isSignal": true; }; "thyAutoActiveFirstItem": { "alias": "thyAutoActiveFirstItem"; "required": false; "isSignal": true; }; "thyMode": { "alias": "thyMode"; "required": false; "isSignal": true; }; "thySize": { "alias": "thySize"; "required": false; "isSignal": true; }; "thyEmptyStateText": { "alias": "thyEmptyStateText"; "required": false; "isSignal": true; }; "thyEmptySearchMessageText": { "alias": "thyEmptySearchMessageText"; "required": false; "isSignal": true; }; "thyEnableScrollLoad": { "alias": "thyEnableScrollLoad"; "required": false; "isSignal": true; }; "thyAllowClear": { "alias": "thyAllowClear"; "required": false; "isSignal": true; }; "thyDisabled": { "alias": "thyDisabled"; "required": false; }; "thySortComparator": { "alias": "thySortComparator"; "required": false; "isSignal": true; }; "thyFooterTemplate": { "alias": "thyFooterTemplate"; "required": false; "isSignal": true; }; "thyPlacement": { "alias": "thyPlacement"; "required": false; "isSignal": true; }; "thyOrigin": { "alias": "thyOrigin"; "required": false; "isSignal": true; }; "thyFooterClass": { "alias": "thyFooterClass"; "required": false; "isSignal": true; }; "thyAutoExpand": { "alias": "thyAutoExpand"; "required": false; "isSignal": true; }; "thyHasBackdrop": { "alias": "thyHasBackdrop"; "required": false; "isSignal": true; }; "thyMaxTagCount": { "alias": "thyMaxTagCount"; "required": false; "isSignal": true; }; "thyBorderless": { "alias": "thyBorderless"; "required": false; "isSignal": true; }; "thyVirtualScroll": { "alias": "thyVirtualScroll"; "required": false; "isSignal": true; }; "thyOptions": { "alias": "thyOptions"; "required": false; "isSignal": true; }; "thyPreset": { "alias": "thyPreset"; "required": false; "isSignal": true; }; }, { "thyOnSearch": "thyOnSearch"; "thyOnScrollToBottom": "thyOnScrollToBottom"; "thyOnExpandStatusChange": "thyOnExpandStatusChange"; }, ["selectedValueDisplayRef", "options", "groups"], ["*", "*"], true, never>;
     static ngAcceptInputType_thyDisabled: i1.ThyBooleanInput;
 }
 

package/shared/index.d.ts

@@ -28,12 +28,12 @@ declare class ThyViewOutletDirective {
     /**
      * 组件或者模板 TemplateRef
      */
-    readonly thyViewOutlet: _angular_core.InputSignal<Type<any> | TemplateRef<any>>;
+    readonly thyViewOutlet: _angular_core.InputSignal<Type<any> | TemplateRef<any> | null>;
     /**
      * 组件和模板上下文传递数据
      */
     readonly thyViewOutletContext: _angular_core.InputSignal<any>;
-    private keyValueDiffer;
+    private keyValueDiffer?;
     private readonly isViewOutletChanged;
     constructor();
     private updateContext;
@@ -48,7 +48,7 @@ declare class ThyTranscludeDirective {
     viewRef: ViewContainerRef;
     protected _viewRef: ViewContainerRef;
     protected _ngTransclude: TemplateRef<any>;
-    readonly thyTransclude: _angular_core.InputSignal<TemplateRef<any>>;
+    readonly thyTransclude: _angular_core.InputSignal<TemplateRef<any> | undefined>;
     constructor();
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ThyTranscludeDirective, never>;
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ThyTranscludeDirective, "[thyTransclude]", never, { "thyTransclude": { "alias": "thyTransclude"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
@@ -202,7 +202,7 @@ declare class ThyScrollDirective implements OnInit, OnDestroy {
  * @private
  */
 declare class ThyDragDropDirective implements AfterContentInit, OnDestroy {
-    draggables: QueryList<CdkDrag>;
+    draggables?: QueryList<CdkDrag>;
     private ngUnsubscribe$;
     constructor();
     ngAfterContentInit(): void;
@@ -241,8 +241,8 @@ type ThyListLayout = 'list' | 'grid';
  */
 declare class ThyFormCheckBaseComponent extends TabIndexDisabledControlValueAccessorMixin implements ControlValueAccessor {
     protected thyTranslate: ThyTranslate;
-    protected changeDetectorRef?: ChangeDetectorRef;
-    _innerValue: boolean;
+    protected changeDetectorRef?: ChangeDetectorRef | undefined;
+    _innerValue: boolean | null;
     _disabled: boolean;
     private onTouchedCallback;
     private onChangeCallback;
@@ -256,11 +256,11 @@ declare class ThyFormCheckBaseComponent extends TabIndexDisabledControlValueAcce
     /**
      * Label 展示文本
      */
-    readonly thyLabelText: _angular_core.InputSignal<string>;
+    readonly thyLabelText: _angular_core.InputSignal<string | undefined>;
     /**
      * Label 文本多语言 key
      */
-    readonly thyLabelTextTranslateKey: _angular_core.InputSignal<string>;
+    readonly thyLabelTextTranslateKey: _angular_core.InputSignal<string | undefined>;
     _labelText: _angular_core.Signal<any>;
     _isNoText: _angular_core.Signal<boolean>;
     disabled: boolean;
@@ -273,7 +273,7 @@ declare class ThyFormCheckBaseComponent extends TabIndexDisabledControlValueAcce
     writeValue(obj: boolean): void;
     registerOnChange(fn: any): void;
     registerOnTouched(fn: any): void;
-    setDisabledState?(isDisabled: boolean): void;
+    setDisabledState(isDisabled: boolean): void;
     updateValue(value: boolean): void;
     constructor();
     change(): void;
@@ -308,13 +308,13 @@ declare class ThySelectControl implements OnInit, AfterViewInit {
     readonly thyPanelOpened: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly thyIsMultiple: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly thyShowSearch: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    readonly thySelectedOptions: _angular_core.InputSignal<SelectOptionBase | SelectOptionBase[]>;
+    readonly thySelectedOptions: _angular_core.InputSignal<SelectOptionBase | SelectOptionBase[] | undefined>;
     protected readonly previousSelectedOptions: _angular_core.WritableSignal<unknown>;
     readonly thyDisabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    readonly customDisplayTemplate: _angular_core.InputSignal<TemplateRef<any>>;
+    readonly customDisplayTemplate: _angular_core.InputSignal<TemplateRef<any> | undefined>;
     readonly thyAllowClear: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly thyPlaceholder: _angular_core.InputSignal<string>;
-    readonly thySize: _angular_core.InputSignal<SelectControlSize>;
+    readonly thySize: _angular_core.InputSignal<SelectControlSize | undefined>;
     readonly tagSize: Signal<ThyTagSize>;
     readonly thyMaxTagCount: _angular_core.InputSignalWithTransform<number | "auto", number | "auto">;
     readonly thyBorderless: _angular_core.InputSignalWithTransform<boolean, unknown>;
@@ -326,14 +326,14 @@ declare class ThySelectControl implements OnInit, AfterViewInit {
     }>;
     readonly thyOnClear: _angular_core.OutputEmitterRef<Event>;
     readonly thyOnBlur: _angular_core.OutputEmitterRef<Event>;
-    readonly inputElement: Signal<ElementRef<any>>;
+    readonly inputElement: Signal<ElementRef<any> | undefined>;
     locale: Signal<ThySharedLocale>;
     isSelectedValue: Signal<boolean>;
-    readonly tagsContainer: Signal<ElementRef<any>>;
+    readonly tagsContainer: Signal<ElementRef<any> | undefined>;
     visibleTagCount: _angular_core.WritableSignal<number>;
     showClearIcon: Signal<boolean>;
-    selectedTags: Signal<SelectOptionBase[]>;
-    collapsedSelectedTags: Signal<SelectOptionBase[]>;
+    selectedTags: Signal<(SelectOptionBase | undefined)[]>;
+    collapsedSelectedTags: Signal<(SelectOptionBase | undefined)[]>;
     selectedValueStyle: Signal<{
         display: string;
     }>;
@@ -394,9 +394,9 @@ declare class ThyListOption implements IThyOptionComponent, Highlightable {
     parentSelectionList: ngx_tethys_shared.IThyListOptionParentComponent;
     role: string;
     tabIndex: number;
-    readonly isMultiple: _angular_core.Signal<unknown>;
-    readonly isListOption: _angular_core.Signal<boolean>;
-    readonly isGridOption: _angular_core.Signal<boolean>;
+    readonly isMultiple: _angular_core.Signal<{}>;
+    readonly isListOption: _angular_core.Signal<boolean | undefined>;
+    readonly isGridOption: _angular_core.Signal<boolean | undefined>;
     readonly id: _angular_core.InputSignal<string>;
     readonly thyValue: _angular_core.InputSignal<any>;
     readonly thyDisabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
@@ -445,19 +445,19 @@ declare class ThyOption {
     /**
      * 选项的文本
      */
-    readonly thyLabelText: _angular_core.InputSignal<string>;
+    readonly thyLabelText: _angular_core.InputSignal<string | undefined>;
     /**
      * 是否显示自定义模板
      */
-    readonly thyShowOptionCustom: _angular_core.InputSignal<boolean>;
+    readonly thyShowOptionCustom: _angular_core.InputSignal<boolean | undefined>;
     /**
      * 搜索关键字
      */
-    readonly thySearchKey: _angular_core.InputSignal<string>;
+    readonly thySearchKey: _angular_core.InputSignal<string | undefined>;
     /**
      * 是否禁用
      */
-    readonly thyDisabled: _angular_core.InputSignal<boolean>;
+    readonly thyDisabled: _angular_core.InputSignal<boolean | undefined>;
     /**
      * 是否选中，会跟随 ThyOptionSelectionChangeEvent 抛出去
      */
@@ -469,11 +469,12 @@ declare class ThyOption {
     /**
      * 模板
      */
-    readonly template: _angular_core.Signal<TemplateRef<any>>;
+    readonly template: _angular_core.Signal<TemplateRef<any> | undefined>;
+    readonly suffixTemplate: _angular_core.Signal<TemplateRef<any> | undefined>;
     private readonly optionGroupComponent;
     get groupLabel(): string;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ThyOption, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ThyOption, "thy-option", never, { "thyValue": { "alias": "thyValue"; "required": false; "isSignal": true; }; "thyRawValue": { "alias": "thyRawValue"; "required": false; "isSignal": true; }; "thyLabelText": { "alias": "thyLabelText"; "required": false; "isSignal": true; }; "thyShowOptionCustom": { "alias": "thyShowOptionCustom"; "required": false; "isSignal": true; }; "thySearchKey": { "alias": "thySearchKey"; "required": false; "isSignal": true; }; "thyDisabled": { "alias": "thyDisabled"; "required": false; "isSignal": true; }; }, { "selectionChange": "selectionChange"; }, never, ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ThyOption, "thy-option", never, { "thyValue": { "alias": "thyValue"; "required": false; "isSignal": true; }; "thyRawValue": { "alias": "thyRawValue"; "required": false; "isSignal": true; }; "thyLabelText": { "alias": "thyLabelText"; "required": false; "isSignal": true; }; "thyShowOptionCustom": { "alias": "thyShowOptionCustom"; "required": false; "isSignal": true; }; "thySearchKey": { "alias": "thySearchKey"; "required": false; "isSignal": true; }; "thyDisabled": { "alias": "thyDisabled"; "required": false; "isSignal": true; }; }, { "selectionChange": "selectionChange"; }, ["suffixTemplate"], ["*"], true, never>;
 }
 
 /**
@@ -495,11 +496,11 @@ declare class ThyOptionRender implements Highlightable {
     /**
      * 选项的文本
      */
-    readonly thyLabelText: _angular_core.InputSignal<string>;
+    readonly thyLabelText: _angular_core.InputSignal<string | undefined>;
     /**
      * 搜索关键字
      */
-    readonly thySearchKey: _angular_core.InputSignal<string>;
+    readonly thySearchKey: _angular_core.InputSignal<string | undefined>;
     /**
      * 是否禁用
      */
@@ -511,7 +512,7 @@ declare class ThyOptionRender implements Highlightable {
     /**
      * 模板
      */
-    readonly thyTemplate: _angular_core.InputSignal<TemplateRef<any>>;
+    readonly thyTemplate: _angular_core.InputSignal<TemplateRef<any> | undefined>;
     /**
      * 模板上下文
      */
@@ -561,7 +562,7 @@ declare class ThyOptionRender implements Highlightable {
 }
 
 declare class ThySelectOptionGroup {
-    readonly thyGroupLabel: _angular_core.InputSignal<string>;
+    readonly thyGroupLabel: _angular_core.InputSignal<string | undefined>;
     readonly thyDisabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ThySelectOptionGroup, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<ThySelectOptionGroup, "thy-option-group", never, { "thyGroupLabel": { "alias": "thyGroupLabel"; "required": false; "isSignal": true; }; "thyDisabled": { "alias": "thyDisabled"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
@@ -571,7 +572,7 @@ declare class ThySelectOptionGroup {
  * @private
  */
 declare class ThyOptionGroupRender {
-    readonly thyGroupLabel: _angular_core.InputSignal<string>;
+    readonly thyGroupLabel: _angular_core.InputSignal<string | undefined>;
     readonly thyDisabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ThyOptionGroupRender, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<ThyOptionGroupRender, "thy-option-group-render", never, { "thyGroupLabel": { "alias": "thyGroupLabel"; "required": false; "isSignal": true; }; "thyDisabled": { "alias": "thyDisabled"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;

package/shared/option/styles/select-dropdown.scss

@@ -10,6 +10,11 @@ $optionsSize: 'sm', 'default', 'md', 'lg';
         overflow-y: hidden;
         .cdk-virtual-scroll-content-wrapper {
             width: 100%;
+
+            .thy-option-group-render {
+                height: 40px;
+                padding: 5px 0;
+            }
         }
     }
 
@@ -28,8 +33,6 @@ $optionsSize: 'sm', 'default', 'md', 'lg';
 
     .thy-option-group-render {
         flex-direction: column;
-        height: 40px;
-        padding: 5px 0;
 
         .group-name {
             width: 100%;