ngx-tethys 19.1.13 → 20.0.0-next.0

package/fesm2022/ngx-tethys-select.mjs

@@ -113,7 +113,7 @@ class ThySelect extends TabIndexDisabledControlValueAccessorMixin {
          * 设置下拉框的最小宽度，默认值 `match-select`，表示与输入框的宽度一致；`min-width` 表示最小宽度为200px；支持自定义最小宽度，比如传 `{minWidth: 150}` 表示最小宽度为150px
          * @default match-select
          */
-        this.thyDropdownWidthMode = input();
+        this.thyDropdownWidthMode = input(...(ngDevMode ? [undefined, { debugName: "thyDropdownWidthMode" }] : []));
         /**
          * 手动聚焦中的标识
          */
@@ -125,7 +125,7 @@ class ThySelect extends TabIndexDisabledControlValueAccessorMixin {
             }
             return this.ngZone.onStable.asObservable().pipe(take(1), switchMap(() => this.optionSelectionChanges));
         });
-        this.cdkConnectedOverlay = viewChild(CdkConnectedOverlay);
+        this.cdkConnectedOverlay = viewChild(CdkConnectedOverlay, ...(ngDevMode ? [{ debugName: "cdkConnectedOverlay" }] : []));
         this.panelOpen = false;
         /**
          * 搜索时回调
@@ -142,124 +142,136 @@ class ThySelect extends TabIndexDisabledControlValueAccessorMixin {
         /**
          * 下拉列表是否显示搜索框
          */
-        this.thyShowSearch = input(false, { transform: coerceBooleanProperty });
+        this.thyShowSearch = input(false, ...(ngDevMode ? [{ debugName: "thyShowSearch", transform: coerceBooleanProperty }] : [{ transform: coerceBooleanProperty }]));
         /**
          * 选择框默认文字
          */
-        this.thyPlaceHolder = input(this.locale().placeholder);
+        this.thyPlaceHolder = input(this.locale().placeholder, ...(ngDevMode ? [{ debugName: "thyPlaceHolder" }] : []));
         /**
          * 是否使用服务端搜索，当为 true 时，将不再在前端进行过滤
          */
-        this.thyServerSearch = input(false, { transform: coerceBooleanProperty });
+        this.thyServerSearch = input(false, ...(ngDevMode ? [{ debugName: "thyServerSearch", transform: coerceBooleanProperty }] : [{ transform: coerceBooleanProperty }]));
         /**
          * 异步加载 loading 状态，false 表示加载中，true 表示加载完成
          */
-        this.thyLoadState = input(true, { transform: coerceBooleanProperty });
+        this.thyLoadState = input(true, ...(ngDevMode ? [{ debugName: "thyLoadState", transform: coerceBooleanProperty }] : [{ transform: coerceBooleanProperty }]));
         /**
          * 是否自动设置选项第一条为高亮状态
          */
-        this.thyAutoActiveFirstItem = input(true, { transform: coerceBooleanProperty });
+        this.thyAutoActiveFirstItem = input(true, ...(ngDevMode ? [{ debugName: "thyAutoActiveFirstItem", transform: coerceBooleanProperty }] : [{ transform: coerceBooleanProperty }]));
         /**
          * 下拉选择模式
          * @type 'multiple' | ''
          */
-        this.thyMode = input('');
+        this.thyMode = input('', ...(ngDevMode ? [{ debugName: "thyMode" }] : []));
         /**
          * 操作图标类型
          * @type primary | success | danger | warning
          * @default primary
          */
-        this.thySize = input();
+        this.thySize = input(...(ngDevMode ? [undefined, { debugName: "thySize" }] : []));
         /**
          * 数据为空时显示的提示文字
          */
-        this.thyEmptyStateText = input(this.locale().empty, { transform: (value) => value || this.locale().empty });
+        this.thyEmptyStateText = input(this.locale().empty, ...(ngDevMode ? [{ debugName: "thyEmptyStateText", transform: (value) => value || this.locale().empty }] : [{ transform: (value) => value || this.locale().empty }]));
         /**
          * 搜索结果为空时显示的提示文字
          */
-        this.thyEmptySearchMessageText = input(this.locale().empty, { transform: (value) => value || this.locale().empty });
+        this.thyEmptySearchMessageText = input(this.locale().empty, ...(ngDevMode ? [{ debugName: "thyEmptySearchMessageText", transform: (value) => value || this.locale().empty }] : [{ transform: (value) => value || this.locale().empty }]));
         /**
          * 滚动加载是否可用，只能当这个参数可以，下面的thyOnScrollToBottom事件才会触发
          */
-        this.thyEnableScrollLoad = input(false, { transform: coerceBooleanProperty });
+        this.thyEnableScrollLoad = input(false, ...(ngDevMode ? [{ debugName: "thyEnableScrollLoad", transform: coerceBooleanProperty }] : [{ transform: coerceBooleanProperty }]));
         /**
          * 单选( thyMode="" 或者不设置)时，选择框支持清除
          */
-        this.thyAllowClear = input(false, { transform: coerceBooleanProperty });
+        this.thyAllowClear = input(false, ...(ngDevMode ? [{ debugName: "thyAllowClear", transform: coerceBooleanProperty }] : [{ transform: coerceBooleanProperty }]));
         /**
          * 排序比较函数
          */
-        this.thySortComparator = input();
+        this.thySortComparator = input(...(ngDevMode ? [undefined, { debugName: "thySortComparator" }] : []));
         /**
          * Footer 模板，默认值为空不显示 Footer
          */
-        this.thyFooterTemplate = input();
+        this.thyFooterTemplate = input(...(ngDevMode ? [undefined, { debugName: "thyFooterTemplate" }] : []));
         /**
          * 弹出位置
          * @type ThyPlacement
          */
-        this.thyPlacement = input();
+        this.thyPlacement = input(...(ngDevMode ? [undefined, { debugName: "thyPlacement" }] : []));
         /**
          * 自定义 Overlay Origin
          */
-        this.thyOrigin = input();
+        this.thyOrigin = input(...(ngDevMode ? [undefined, { debugName: "thyOrigin" }] : []));
         /**
          * 自定义 Footer 模板容器 class
          */
-        this.thyFooterClass = input('thy-custom-select-footer');
+        this.thyFooterClass = input('thy-custom-select-footer', ...(ngDevMode ? [{ debugName: "thyFooterClass" }] : []));
         /**
          * @private
          */
-        this.selectedValueDisplayRef = contentChild('selectedDisplay');
+        this.selectedValueDisplayRef = contentChild('selectedDisplay', ...(ngDevMode ? [{ debugName: "selectedValueDisplayRef" }] : []));
         /**
          * 初始化时，是否展开面板
          */
-        this.thyAutoExpand = input(false, { transform: coerceBooleanProperty });
+        this.thyAutoExpand = input(false, ...(ngDevMode ? [{ debugName: "thyAutoExpand", transform: coerceBooleanProperty }] : [{ transform: coerceBooleanProperty }]));
         /**
          * 是否弹出透明遮罩，如果显示遮罩则会阻止滚动区域滚动
          */
-        this.thyHasBackdrop = input(false, { transform: coerceBooleanProperty });
+        this.thyHasBackdrop = input(false, ...(ngDevMode ? [{ debugName: "thyHasBackdrop", transform: coerceBooleanProperty }] : [{ transform: coerceBooleanProperty }]));
         /**
          * 设置多选时最大显示的标签数量，0 表示不限制，'auto' 表示自动计算显示数量，默认值为 0
          */
-        this.thyMaxTagCount = input(0, {
-            transform: (value) => {
-                if (value === 'auto')
-                    return 'auto';
-                return numberAttribute(value, 0);
-            }
-        });
+        this.thyMaxTagCount = input(0, ...(ngDevMode ? [{ debugName: "thyMaxTagCount", transform: (value) => {
+                    if (value === 'auto')
+                        return 'auto';
+                    return numberAttribute(value, 0);
+                } }] : [{
+                transform: (value) => {
+                    if (value === 'auto')
+                        return 'auto';
+                    return numberAttribute(value, 0);
+                }
+            }]));
         /**
          * 是否隐藏选择框边框
          */
-        this.thyBorderless = input(false, { transform: coerceBooleanProperty });
+        this.thyBorderless = input(false, ...(ngDevMode ? [{ debugName: "thyBorderless", transform: coerceBooleanProperty }] : [{ transform: coerceBooleanProperty }]));
         this.isReactiveDriven = false;
         this.optionGroups = [];
         /**
          * option 列表
          */
-        this.thyOptions = input(undefined, {
-            transform: (value) => {
-                if (value === null) {
-                    value = [];
+        this.thyOptions = input(undefined, ...(ngDevMode ? [{ debugName: "thyOptions", transform: (value) => {
+                    if (value === null) {
+                        value = [];
+                    }
+                    this.innerOptions = value;
+                    this.isReactiveDriven = true;
+                    this.buildReactiveOptions();
+                    return value;
+                } }] : [{
+                transform: (value) => {
+                    if (value === null) {
+                        value = [];
+                    }
+                    this.innerOptions = value;
+                    this.isReactiveDriven = true;
+                    this.buildReactiveOptions();
+                    return value;
                 }
-                this.innerOptions = value;
-                this.isReactiveDriven = true;
-                this.buildReactiveOptions();
-                return value;
-            }
-        });
+            }]));
         /**
          * 目前只支持多选选中项的展示，默认为空，渲染文字模板，传入tag，渲染展示模板,
          * @default ''｜tag
          */
-        this.thyPreset = input('');
-        this.panel = viewChild('panel');
+        this.thyPreset = input('', ...(ngDevMode ? [{ debugName: "thyPreset" }] : []));
+        this.panel = viewChild('panel', ...(ngDevMode ? [{ debugName: "panel" }] : []));
         /**
          * @private
          */
-        this.contentGroups = contentChildren(ThySelectOptionGroup);
-        this.viewGroups = viewChildren(ThySelectOptionGroup);
+        this.contentGroups = contentChildren(ThySelectOptionGroup, ...(ngDevMode ? [{ debugName: "contentGroups" }] : []));
+        this.viewGroups = viewChildren(ThySelectOptionGroup, ...(ngDevMode ? [{ debugName: "viewGroups" }] : []));
         this.isSearching = false;
         this.groupBy = (item) => item.groupLabel;
         const selectConfig = this.selectConfig;
@@ -819,8 +831,8 @@ class ThySelect extends TabIndexDisabledControlValueAccessorMixin {
         this.destroy$.next();
         this.destroy$.complete();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThySelect, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.8", type: ThySelect, isStandalone: true, selector: "thy-select,thy-custom-select", inputs: { thyDropdownWidthMode: { classPropertyName: "thyDropdownWidthMode", publicName: "thyDropdownWidthMode", isSignal: true, isRequired: false, transformFunction: null }, thyShowSearch: { classPropertyName: "thyShowSearch", publicName: "thyShowSearch", isSignal: true, isRequired: false, transformFunction: null }, thyPlaceHolder: { classPropertyName: "thyPlaceHolder", publicName: "thyPlaceHolder", isSignal: true, isRequired: false, transformFunction: null }, thyServerSearch: { classPropertyName: "thyServerSearch", publicName: "thyServerSearch", isSignal: true, isRequired: false, transformFunction: null }, thyLoadState: { classPropertyName: "thyLoadState", publicName: "thyLoadState", isSignal: true, isRequired: false, transformFunction: null }, thyAutoActiveFirstItem: { classPropertyName: "thyAutoActiveFirstItem", publicName: "thyAutoActiveFirstItem", isSignal: true, isRequired: false, transformFunction: null }, thyMode: { classPropertyName: "thyMode", publicName: "thyMode", isSignal: true, isRequired: false, transformFunction: null }, thySize: { classPropertyName: "thySize", publicName: "thySize", isSignal: true, isRequired: false, transformFunction: null }, thyEmptyStateText: { classPropertyName: "thyEmptyStateText", publicName: "thyEmptyStateText", isSignal: true, isRequired: false, transformFunction: null }, thyEmptySearchMessageText: { classPropertyName: "thyEmptySearchMessageText", publicName: "thyEmptySearchMessageText", isSignal: true, isRequired: false, transformFunction: null }, thyEnableScrollLoad: { classPropertyName: "thyEnableScrollLoad", publicName: "thyEnableScrollLoad", isSignal: true, isRequired: false, transformFunction: null }, thyAllowClear: { classPropertyName: "thyAllowClear", publicName: "thyAllowClear", isSignal: true, isRequired: false, transformFunction: null }, thyDisabled: { classPropertyName: "thyDisabled", publicName: "thyDisabled", isSignal: false, isRequired: false, transformFunction: coerceBooleanProperty }, thySortComparator: { classPropertyName: "thySortComparator", publicName: "thySortComparator", isSignal: true, isRequired: false, transformFunction: null }, thyFooterTemplate: { classPropertyName: "thyFooterTemplate", publicName: "thyFooterTemplate", isSignal: true, isRequired: false, transformFunction: null }, thyPlacement: { classPropertyName: "thyPlacement", publicName: "thyPlacement", isSignal: true, isRequired: false, transformFunction: null }, thyOrigin: { classPropertyName: "thyOrigin", publicName: "thyOrigin", isSignal: true, isRequired: false, transformFunction: null }, thyFooterClass: { classPropertyName: "thyFooterClass", publicName: "thyFooterClass", isSignal: true, isRequired: false, transformFunction: null }, thyAutoExpand: { classPropertyName: "thyAutoExpand", publicName: "thyAutoExpand", isSignal: true, isRequired: false, transformFunction: null }, thyHasBackdrop: { classPropertyName: "thyHasBackdrop", publicName: "thyHasBackdrop", isSignal: true, isRequired: false, transformFunction: null }, thyMaxTagCount: { classPropertyName: "thyMaxTagCount", publicName: "thyMaxTagCount", isSignal: true, isRequired: false, transformFunction: null }, thyBorderless: { classPropertyName: "thyBorderless", publicName: "thyBorderless", isSignal: true, isRequired: false, transformFunction: null }, thyOptions: { classPropertyName: "thyOptions", publicName: "thyOptions", isSignal: true, isRequired: false, transformFunction: null }, thyPreset: { classPropertyName: "thyPreset", publicName: "thyPreset", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { thyOnSearch: "thyOnSearch", thyOnScrollToBottom: "thyOnScrollToBottom", thyOnExpandStatusChange: "thyOnExpandStatusChange" }, host: { listeners: { "focus": "onFocus($event)", "blur": "onBlur($event)", "keydown": "handleKeydown($event)" }, properties: { "class.thy-select-custom": "true", "class.thy-select": "true", "class.menu-is-opened": "panelOpen", "attr.tabindex": "tabIndex" } }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThySelect, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.10", type: ThySelect, isStandalone: true, selector: "thy-select,thy-custom-select", inputs: { thyDropdownWidthMode: { classPropertyName: "thyDropdownWidthMode", publicName: "thyDropdownWidthMode", isSignal: true, isRequired: false, transformFunction: null }, thyShowSearch: { classPropertyName: "thyShowSearch", publicName: "thyShowSearch", isSignal: true, isRequired: false, transformFunction: null }, thyPlaceHolder: { classPropertyName: "thyPlaceHolder", publicName: "thyPlaceHolder", isSignal: true, isRequired: false, transformFunction: null }, thyServerSearch: { classPropertyName: "thyServerSearch", publicName: "thyServerSearch", isSignal: true, isRequired: false, transformFunction: null }, thyLoadState: { classPropertyName: "thyLoadState", publicName: "thyLoadState", isSignal: true, isRequired: false, transformFunction: null }, thyAutoActiveFirstItem: { classPropertyName: "thyAutoActiveFirstItem", publicName: "thyAutoActiveFirstItem", isSignal: true, isRequired: false, transformFunction: null }, thyMode: { classPropertyName: "thyMode", publicName: "thyMode", isSignal: true, isRequired: false, transformFunction: null }, thySize: { classPropertyName: "thySize", publicName: "thySize", isSignal: true, isRequired: false, transformFunction: null }, thyEmptyStateText: { classPropertyName: "thyEmptyStateText", publicName: "thyEmptyStateText", isSignal: true, isRequired: false, transformFunction: null }, thyEmptySearchMessageText: { classPropertyName: "thyEmptySearchMessageText", publicName: "thyEmptySearchMessageText", isSignal: true, isRequired: false, transformFunction: null }, thyEnableScrollLoad: { classPropertyName: "thyEnableScrollLoad", publicName: "thyEnableScrollLoad", isSignal: true, isRequired: false, transformFunction: null }, thyAllowClear: { classPropertyName: "thyAllowClear", publicName: "thyAllowClear", isSignal: true, isRequired: false, transformFunction: null }, thyDisabled: { classPropertyName: "thyDisabled", publicName: "thyDisabled", isSignal: false, isRequired: false, transformFunction: coerceBooleanProperty }, thySortComparator: { classPropertyName: "thySortComparator", publicName: "thySortComparator", isSignal: true, isRequired: false, transformFunction: null }, thyFooterTemplate: { classPropertyName: "thyFooterTemplate", publicName: "thyFooterTemplate", isSignal: true, isRequired: false, transformFunction: null }, thyPlacement: { classPropertyName: "thyPlacement", publicName: "thyPlacement", isSignal: true, isRequired: false, transformFunction: null }, thyOrigin: { classPropertyName: "thyOrigin", publicName: "thyOrigin", isSignal: true, isRequired: false, transformFunction: null }, thyFooterClass: { classPropertyName: "thyFooterClass", publicName: "thyFooterClass", isSignal: true, isRequired: false, transformFunction: null }, thyAutoExpand: { classPropertyName: "thyAutoExpand", publicName: "thyAutoExpand", isSignal: true, isRequired: false, transformFunction: null }, thyHasBackdrop: { classPropertyName: "thyHasBackdrop", publicName: "thyHasBackdrop", isSignal: true, isRequired: false, transformFunction: null }, thyMaxTagCount: { classPropertyName: "thyMaxTagCount", publicName: "thyMaxTagCount", isSignal: true, isRequired: false, transformFunction: null }, thyBorderless: { classPropertyName: "thyBorderless", publicName: "thyBorderless", isSignal: true, isRequired: false, transformFunction: null }, thyOptions: { classPropertyName: "thyOptions", publicName: "thyOptions", isSignal: true, isRequired: false, transformFunction: null }, thyPreset: { classPropertyName: "thyPreset", publicName: "thyPreset", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { thyOnSearch: "thyOnSearch", thyOnScrollToBottom: "thyOnScrollToBottom", thyOnExpandStatusChange: "thyOnExpandStatusChange" }, host: { listeners: { "focus": "onFocus($event)", "blur": "onBlur($event)", "keydown": "handleKeydown($event)" }, properties: { "class.thy-select-custom": "true", "class.thy-select": "true", "class.menu-is-opened": "panelOpen", "attr.tabindex": "tabIndex" } }, providers: [
             {
                 provide: THY_OPTION_PARENT_COMPONENT,
                 useExisting: ThySelect
@@ -832,7 +844,7 @@ class ThySelect extends TabIndexDisabledControlValueAccessorMixin {
             }
         ], queries: [{ propertyName: "selectedValueDisplayRef", first: true, predicate: ["selectedDisplay"], descendants: true, isSignal: true }, { propertyName: "contentGroups", predicate: ThySelectOptionGroup, isSignal: true }, { propertyName: "contentOptions", predicate: ThyOption, descendants: true }], viewQueries: [{ propertyName: "cdkConnectedOverlay", first: true, predicate: CdkConnectedOverlay, descendants: true, isSignal: true }, { propertyName: "panel", first: true, predicate: ["panel"], descendants: true, isSignal: true }, { propertyName: "viewGroups", predicate: ThySelectOptionGroup, descendants: true, isSignal: true }, { propertyName: "trigger", first: true, predicate: ["trigger"], descendants: true, read: ElementRef, static: true }, { propertyName: "viewOptions", predicate: ThyOption, descendants: true }], exportAs: ["thySelect"], usesInheritance: true, ngImport: i0, template: "<div\n  cdk-overlay-origin\n  thySelectControl\n  (click)=\"toggle($event)\"\n  #origin=\"cdkOverlayOrigin\"\n  #trigger\n  [thyPanelOpened]=\"panelOpen\"\n  [thySelectedOptions]=\"selected\"\n  [thyIsMultiple]=\"isMultiple\"\n  [thyShowSearch]=\"thyShowSearch()\"\n  [thyAllowClear]=\"thyAllowClear()\"\n  [thySize]=\"thySize()\"\n  [thyPlaceholder]=\"thyPlaceHolder()\"\n  [customDisplayTemplate]=\"selectedValueDisplayRef()\"\n  [thyDisabled]=\"disabled\"\n  [thyBorderless]=\"thyBorderless()\"\n  (thyOnClear)=\"clearSelectValue($event)\"\n  (thyOnRemove)=\"remove($event)\"\n  (thyOnSearch)=\"onSearchFilter($event)\"\n  (thyOnBlur)=\"onBlur($event)\"\n  [thyMaxTagCount]=\"thyMaxTagCount()\"\n  [thyPreset]=\"thyPreset()\"></div>\n\n<ng-template\n  cdk-connected-overlay\n  cdkConnectedOverlayBackdropClass=\"cdk-overlay-transparent-backdrop\"\n  [cdkConnectedOverlayHasBackdrop]=\"thyHasBackdrop()\"\n  [cdkConnectedOverlayPositions]=\"dropDownPositions\"\n  [cdkConnectedOverlayOrigin]=\"thyOrigin() || origin\"\n  [cdkConnectedOverlayOpen]=\"panelOpen\"\n  [cdkConnectedOverlayWidth]=\"triggerRectWidth\"\n  [cdkConnectedOverlayMinWidth]=\"dropDownMinWidth\"\n  [cdkConnectedOverlayScrollStrategy]=\"scrollStrategy\"\n  cdkConnectedOverlayTransformOriginOn=\".thy-select-dropdown\"\n  (attach)=\"onAttached()\"\n  (detach)=\"close()\">\n  <div\n    thyStopPropagation\n    [attr.tabindex]=\"-1\"\n    [ngClass]=\"dropDownClass\"\n    [@scaleYMotion]=\"placement === 'top' || placement === 'bottom' ? 'enter' : 'void'\"\n    [@scaleXMotion]=\"placement === 'left' || placement === 'right' ? 'enter' : 'void'\"\n    [@scaleMotion]=\"placement !== 'top' && placement !== 'bottom' && placement !== 'left' && placement !== 'right' ? 'enter' : 'void'\"\n    (mousemove)=\"dropDownMouseMove($event)\">\n    @if (contentOptions?.length > 0 || contentGroups?.length > 0 || innerOptions?.length > 0) {\n      <div\n        #panel\n        class=\"thy-select-dropdown-options thy-select-dropdown-options-{{ thySize() }}\"\n        thyScroll\n        (thyOnScrolled)=\"onOptionsScrolled($event)\"\n        [thyEnable]=\"thyEnableScrollLoad()\">\n        @if (isReactiveDriven) {\n          <ng-template [ngTemplateOutlet]=\"optionsContainer.optionsTemplate()\"></ng-template>\n        }\n        <ng-content></ng-content>\n        @if (isHiddenOptions) {\n          <thy-loading [thyDone]=\"thyLoadState()\" thySize=\"sm\"></thy-loading>\n          <div class=\"thy-select-empty-content\">\n            @if (thyLoadState()) {\n              <thy-empty [thyMessage]=\"thyEmptySearchMessageText()\" thySize=\"sm\" [thyIconName]=\"emptyIcon()\"></thy-empty>\n            }\n          </div>\n        }\n      </div>\n    } @else {\n      <thy-loading [thyDone]=\"thyLoadState()\" thySize=\"sm\"></thy-loading>\n      <div class=\"thy-select-empty-content\">\n        @if (thyLoadState()) {\n          <thy-empty [thyMessage]=\"thyEmptyStateText()\" thySize=\"sm\" [thyIconName]=\"emptyIcon()\"></thy-empty>\n        }\n      </div>\n    }\n    @if (thyFooterTemplate()) {\n      <div [class]=\"thyFooterClass() ? thyFooterClass() : 'thy-custom-select-footer'\">\n        @if (thyFooterTemplate()) {\n          <ng-template [ngTemplateOutlet]=\"thyFooterTemplate()\"></ng-template>\n        }\n      </div>\n    }\n  </div>\n</ng-template>\n\n<thy-options-container #optionsContainer>\n  @for (option of optionGroups; track $index) {\n    @if (!option.children) {\n      <thy-option\n        [thyDisabled]=\"option.disabled\"\n        [thyLabelText]=\"option.label\"\n        [thyValue]=\"option.value\"\n        [thyRawValue]=\"option\"></thy-option>\n    } @else {\n      <thy-option-group [thyGroupLabel]=\"option.groupLabel\">\n        @for (sub of option.children; track sub.value) {\n          <thy-option [thyDisabled]=\"sub.disabled\" [thyLabelText]=\"sub.label\" [thyValue]=\"sub.value\" [thyRawValue]=\"sub\"></thy-option>\n        }\n      </thy-option-group>\n    }\n  }\n</thy-options-container>\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: 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: ThyStopPropagationDirective, selector: "[thyStopPropagation]", inputs: ["thyStopPropagation"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: ThyScrollDirective, selector: "[thyScroll]", inputs: ["thyEnable"], outputs: ["thyOnScrolled"] }, { kind: "component", type: ThyLoading, selector: "thy-loading", inputs: ["thyDone", "thyTip", "thyIsMask"] }, { 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: ThyOptionsContainer, selector: "thy-options-container" }, { kind: "component", type: ThyOption, selector: "thy-option", inputs: ["thyValue", "thyRawValue", "thyLabelText", "thyShowOptionCustom", "thySearchKey", "thyDisabled"], outputs: ["selectionChange", "visibleChange"] }, { kind: "component", type: ThySelectOptionGroup, selector: "thy-option-group", inputs: ["thyDisabled", "thyGroupLabel"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], animations: [scaleXMotion, scaleYMotion, scaleMotion], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThySelect, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThySelect, decorators: [{
             type: Component,
             args: [{ selector: 'thy-select,thy-custom-select', exportAs: 'thySelect', providers: [
                         {
@@ -865,19 +877,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImpor
                         '(focus)': 'onFocus($event)',
                         '(blur)': 'onBlur($event)'
                     }, animations: [scaleXMotion, scaleYMotion, scaleMotion], template: "<div\n  cdk-overlay-origin\n  thySelectControl\n  (click)=\"toggle($event)\"\n  #origin=\"cdkOverlayOrigin\"\n  #trigger\n  [thyPanelOpened]=\"panelOpen\"\n  [thySelectedOptions]=\"selected\"\n  [thyIsMultiple]=\"isMultiple\"\n  [thyShowSearch]=\"thyShowSearch()\"\n  [thyAllowClear]=\"thyAllowClear()\"\n  [thySize]=\"thySize()\"\n  [thyPlaceholder]=\"thyPlaceHolder()\"\n  [customDisplayTemplate]=\"selectedValueDisplayRef()\"\n  [thyDisabled]=\"disabled\"\n  [thyBorderless]=\"thyBorderless()\"\n  (thyOnClear)=\"clearSelectValue($event)\"\n  (thyOnRemove)=\"remove($event)\"\n  (thyOnSearch)=\"onSearchFilter($event)\"\n  (thyOnBlur)=\"onBlur($event)\"\n  [thyMaxTagCount]=\"thyMaxTagCount()\"\n  [thyPreset]=\"thyPreset()\"></div>\n\n<ng-template\n  cdk-connected-overlay\n  cdkConnectedOverlayBackdropClass=\"cdk-overlay-transparent-backdrop\"\n  [cdkConnectedOverlayHasBackdrop]=\"thyHasBackdrop()\"\n  [cdkConnectedOverlayPositions]=\"dropDownPositions\"\n  [cdkConnectedOverlayOrigin]=\"thyOrigin() || origin\"\n  [cdkConnectedOverlayOpen]=\"panelOpen\"\n  [cdkConnectedOverlayWidth]=\"triggerRectWidth\"\n  [cdkConnectedOverlayMinWidth]=\"dropDownMinWidth\"\n  [cdkConnectedOverlayScrollStrategy]=\"scrollStrategy\"\n  cdkConnectedOverlayTransformOriginOn=\".thy-select-dropdown\"\n  (attach)=\"onAttached()\"\n  (detach)=\"close()\">\n  <div\n    thyStopPropagation\n    [attr.tabindex]=\"-1\"\n    [ngClass]=\"dropDownClass\"\n    [@scaleYMotion]=\"placement === 'top' || placement === 'bottom' ? 'enter' : 'void'\"\n    [@scaleXMotion]=\"placement === 'left' || placement === 'right' ? 'enter' : 'void'\"\n    [@scaleMotion]=\"placement !== 'top' && placement !== 'bottom' && placement !== 'left' && placement !== 'right' ? 'enter' : 'void'\"\n    (mousemove)=\"dropDownMouseMove($event)\">\n    @if (contentOptions?.length > 0 || contentGroups?.length > 0 || innerOptions?.length > 0) {\n      <div\n        #panel\n        class=\"thy-select-dropdown-options thy-select-dropdown-options-{{ thySize() }}\"\n        thyScroll\n        (thyOnScrolled)=\"onOptionsScrolled($event)\"\n        [thyEnable]=\"thyEnableScrollLoad()\">\n        @if (isReactiveDriven) {\n          <ng-template [ngTemplateOutlet]=\"optionsContainer.optionsTemplate()\"></ng-template>\n        }\n        <ng-content></ng-content>\n        @if (isHiddenOptions) {\n          <thy-loading [thyDone]=\"thyLoadState()\" thySize=\"sm\"></thy-loading>\n          <div class=\"thy-select-empty-content\">\n            @if (thyLoadState()) {\n              <thy-empty [thyMessage]=\"thyEmptySearchMessageText()\" thySize=\"sm\" [thyIconName]=\"emptyIcon()\"></thy-empty>\n            }\n          </div>\n        }\n      </div>\n    } @else {\n      <thy-loading [thyDone]=\"thyLoadState()\" thySize=\"sm\"></thy-loading>\n      <div class=\"thy-select-empty-content\">\n        @if (thyLoadState()) {\n          <thy-empty [thyMessage]=\"thyEmptyStateText()\" thySize=\"sm\" [thyIconName]=\"emptyIcon()\"></thy-empty>\n        }\n      </div>\n    }\n    @if (thyFooterTemplate()) {\n      <div [class]=\"thyFooterClass() ? thyFooterClass() : 'thy-custom-select-footer'\">\n        @if (thyFooterTemplate()) {\n          <ng-template [ngTemplateOutlet]=\"thyFooterTemplate()\"></ng-template>\n        }\n      </div>\n    }\n  </div>\n</ng-template>\n\n<thy-options-container #optionsContainer>\n  @for (option of optionGroups; track $index) {\n    @if (!option.children) {\n      <thy-option\n        [thyDisabled]=\"option.disabled\"\n        [thyLabelText]=\"option.label\"\n        [thyValue]=\"option.value\"\n        [thyRawValue]=\"option\"></thy-option>\n    } @else {\n      <thy-option-group [thyGroupLabel]=\"option.groupLabel\">\n        @for (sub of option.children; track sub.value) {\n          <thy-option [thyDisabled]=\"sub.disabled\" [thyLabelText]=\"sub.label\" [thyValue]=\"sub.value\" [thyRawValue]=\"sub\"></thy-option>\n        }\n      </thy-option-group>\n    }\n  }\n</thy-options-container>\n" }]
-        }], ctorParameters: () => [], propDecorators: { thyDisabled: [{
+        }], ctorParameters: () => [], propDecorators: { thyDropdownWidthMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyDropdownWidthMode", required: false }] }], cdkConnectedOverlay: [{ type: i0.ViewChild, args: [i0.forwardRef(() => CdkConnectedOverlay), { isSignal: true }] }], thyOnSearch: [{ type: i0.Output, args: ["thyOnSearch"] }], thyOnScrollToBottom: [{ type: i0.Output, args: ["thyOnScrollToBottom"] }], thyOnExpandStatusChange: [{ type: i0.Output, args: ["thyOnExpandStatusChange"] }], thyShowSearch: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyShowSearch", required: false }] }], thyPlaceHolder: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyPlaceHolder", required: false }] }], thyServerSearch: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyServerSearch", required: false }] }], thyLoadState: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyLoadState", required: false }] }], thyAutoActiveFirstItem: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyAutoActiveFirstItem", required: false }] }], thyMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyMode", required: false }] }], thySize: [{ type: i0.Input, args: [{ isSignal: true, alias: "thySize", required: false }] }], thyEmptyStateText: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyEmptyStateText", required: false }] }], thyEmptySearchMessageText: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyEmptySearchMessageText", required: false }] }], thyEnableScrollLoad: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyEnableScrollLoad", required: false }] }], thyAllowClear: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyAllowClear", required: false }] }], thyDisabled: [{
                 type: Input,
                 args: [{ transform: coerceBooleanProperty }]
-            }], trigger: [{
+            }], thySortComparator: [{ type: i0.Input, args: [{ isSignal: true, alias: "thySortComparator", required: false }] }], thyFooterTemplate: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyFooterTemplate", required: false }] }], thyPlacement: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyPlacement", required: false }] }], thyOrigin: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyOrigin", required: false }] }], thyFooterClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyFooterClass", required: false }] }], selectedValueDisplayRef: [{ type: i0.ContentChild, args: ['selectedDisplay', { isSignal: true }] }], thyAutoExpand: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyAutoExpand", required: false }] }], thyHasBackdrop: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyHasBackdrop", required: false }] }], thyMaxTagCount: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyMaxTagCount", required: false }] }], thyBorderless: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyBorderless", required: false }] }], thyOptions: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyOptions", required: false }] }], thyPreset: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyPreset", required: false }] }], trigger: [{
                 type: ViewChild,
                 args: ['trigger', { read: ElementRef, static: true }]
-            }], contentOptions: [{
+            }], panel: [{ type: i0.ViewChild, args: ['panel', { isSignal: true }] }], contentOptions: [{
                 type: ContentChildren,
                 args: [ThyOption, { descendants: true }]
             }], viewOptions: [{
                 type: ViewChildren,
                 args: [ThyOption]
-            }], handleKeydown: [{
+            }], contentGroups: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => ThySelectOptionGroup), { isSignal: true }] }], viewGroups: [{ type: i0.ViewChildren, args: [i0.forwardRef(() => ThySelectOptionGroup), { isSignal: true }] }], handleKeydown: [{
                 type: HostListener,
                 args: ['keydown', ['$event']]
             }] } });
@@ -899,13 +911,13 @@ class ThyNativeSelect extends TabIndexDisabledControlValueAccessorMixin {
     }
     constructor() {
         super();
-        this.selectElement = viewChild('select');
-        this.innerValue = model(null);
-        this.disabled = signal(false);
+        this.selectElement = viewChild('select', ...(ngDevMode ? [{ debugName: "selectElement" }] : []));
+        this.innerValue = model(null, ...(ngDevMode ? [{ debugName: "innerValue" }] : []));
+        this.disabled = signal(false, ...(ngDevMode ? [{ debugName: "disabled" }] : []));
         this.hostRenderer = useHostRenderer();
-        this.thySize = input();
-        this.name = input();
-        this.thyAllowClear = input(false, { transform: coerceBooleanProperty });
+        this.thySize = input(...(ngDevMode ? [undefined, { debugName: "thySize" }] : []));
+        this.name = input(...(ngDevMode ? [undefined, { debugName: "name" }] : []));
+        this.thyAllowClear = input(false, ...(ngDevMode ? [{ debugName: "thyAllowClear", transform: coerceBooleanProperty }] : [{ transform: coerceBooleanProperty }]));
     }
     ngModelChange() {
         this.onChangeFn(this.innerValue());
@@ -930,8 +942,8 @@ class ThyNativeSelect extends TabIndexDisabledControlValueAccessorMixin {
         this.innerValue.set('');
         this.onChangeFn(this.innerValue());
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyNativeSelect, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.8", type: ThyNativeSelect, isStandalone: true, selector: "thy-native-select", inputs: { innerValue: { classPropertyName: "innerValue", publicName: "innerValue", isSignal: true, isRequired: false, transformFunction: null }, thySize: { classPropertyName: "thySize", publicName: "thySize", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, thyAllowClear: { classPropertyName: "thyAllowClear", publicName: "thyAllowClear", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { innerValue: "innerValueChange" }, host: { listeners: { "focus": "onFocus($event)", "blur": "onBlur($event)" }, properties: { "attr.tabindex": "tabIndex" }, classAttribute: "thy-select" }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThyNativeSelect, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.10", type: ThyNativeSelect, isStandalone: true, selector: "thy-native-select", inputs: { innerValue: { classPropertyName: "innerValue", publicName: "innerValue", isSignal: true, isRequired: false, transformFunction: null }, thySize: { classPropertyName: "thySize", publicName: "thySize", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, thyAllowClear: { classPropertyName: "thyAllowClear", publicName: "thyAllowClear", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { innerValue: "innerValueChange" }, host: { listeners: { "focus": "onFocus($event)", "blur": "onBlur($event)" }, properties: { "attr.tabindex": "tabIndex" }, classAttribute: "thy-select" }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => ThyNativeSelect),
@@ -939,7 +951,7 @@ class ThyNativeSelect extends TabIndexDisabledControlValueAccessorMixin {
             }
         ], viewQueries: [{ propertyName: "selectElement", first: true, predicate: ["select"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<select\n  #select\n  thyInput\n  [tabindex]=\"-1\"\n  [thySize]=\"thySize()\"\n  [disabled]=\"disabled()\"\n  [(ngModel)]=\"innerValue\"\n  (ngModelChange)=\"ngModelChange()\"\n  (blur)=\"onBlur($event)\"\n  [class.thy-select-selection-allow-clear]=\"thyAllowClear()\">\n  <ng-content></ng-content>\n</select>\n<thy-icon thyIconName=\"angle-down\"></thy-icon>\n@if (thyAllowClear() && innerValue()) {\n  <a class=\"thy-select-remove remove-link\" href=\"javascript:;\" (click)=\"clearSelectValue($event)\">\n    <thy-icon class=\"remove-link-icon\" thyIconName=\"close-circle-bold-fill\"></thy-icon>\n  </a>\n}\n", dependencies: [{ kind: "directive", type: ThyInputDirective, selector: "input[thyInput], select[thyInput], textarea[thyInput]", inputs: ["thySize"], exportAs: ["thyInput"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { 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: "component", type: ThyIcon, selector: "thy-icon, [thy-icon]", inputs: ["thyIconType", "thyTwotoneColor", "thyIconName", "thyIconRotate", "thyIconSet", "thyIconLegging", "thyIconLinearGradient"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyNativeSelect, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThyNativeSelect, decorators: [{
             type: Component,
             args: [{ selector: 'thy-native-select', providers: [
                         {
@@ -953,11 +965,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImpor
                         '(focus)': 'onFocus($event)',
                         '(blur)': 'onBlur($event)'
                     }, template: "<select\n  #select\n  thyInput\n  [tabindex]=\"-1\"\n  [thySize]=\"thySize()\"\n  [disabled]=\"disabled()\"\n  [(ngModel)]=\"innerValue\"\n  (ngModelChange)=\"ngModelChange()\"\n  (blur)=\"onBlur($event)\"\n  [class.thy-select-selection-allow-clear]=\"thyAllowClear()\">\n  <ng-content></ng-content>\n</select>\n<thy-icon thyIconName=\"angle-down\"></thy-icon>\n@if (thyAllowClear() && innerValue()) {\n  <a class=\"thy-select-remove remove-link\" href=\"javascript:;\" (click)=\"clearSelectValue($event)\">\n    <thy-icon class=\"remove-link-icon\" thyIconName=\"close-circle-bold-fill\"></thy-icon>\n  </a>\n}\n" }]
-        }], ctorParameters: () => [] });
+        }], ctorParameters: () => [], propDecorators: { selectElement: [{ type: i0.ViewChild, args: ['select', { isSignal: true }] }], innerValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "innerValue", required: false }] }, { type: i0.Output, args: ["innerValueChange"] }], thySize: [{ type: i0.Input, args: [{ isSignal: true, alias: "thySize", required: false }] }], name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: false }] }], thyAllowClear: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyAllowClear", required: false }] }] } });
 
 class ThySelectModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThySelectModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.8", ngImport: i0, type: ThySelectModule, imports: [CommonModule,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThySelectModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.10", ngImport: i0, type: ThySelectModule, imports: [CommonModule,
             FormsModule,
             ThyInputModule,
             OverlayModule,
@@ -969,7 +981,7 @@ class ThySelectModule {
             ThyOptionModule,
             ThyNativeSelect,
             ThySelect], exports: [ThyNativeSelect, ThySelect, ThyOptionModule] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThySelectModule, providers: [THY_SELECT_SCROLL_STRATEGY_PROVIDER, THY_SELECT_CONFIG_PROVIDER], imports: [CommonModule,
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThySelectModule, providers: [THY_SELECT_SCROLL_STRATEGY_PROVIDER, THY_SELECT_CONFIG_PROVIDER], imports: [CommonModule,
             FormsModule,
             ThyInputModule,
             OverlayModule,
@@ -982,7 +994,7 @@ class ThySelectModule {
             ThyNativeSelect,
             ThySelect, ThyOptionModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThySelectModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThySelectModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [