ngx-tethys 19.1.5 → 19.1.6

package/shared/select/select-control/select-control.component.d.ts

@@ -1,5 +1,5 @@
 import { ThyTagSize } from 'ngx-tethys/tag';
-import { ElementRef, OnInit, TemplateRef, Signal } from '@angular/core';
+import { AfterViewInit, ElementRef, OnInit, Signal, TemplateRef } from '@angular/core';
 import { ThySharedLocale } from 'ngx-tethys/i18n';
 import { SelectOptionBase } from '../../option/select-option-base';
 import * as i0 from "@angular/core";
@@ -7,8 +7,11 @@ export type SelectControlSize = 'xs' | 'sm' | 'md' | 'lg' | '';
 /**
  * @private
  */
-export declare class ThySelectControl implements OnInit {
+export declare class ThySelectControl implements OnInit, AfterViewInit {
     private renderer;
+    private cdr;
+    private ngZone;
+    private readonly destroyRef;
     inputValue: import("@angular/core").ModelSignal<string>;
     isComposing: import("@angular/core").WritableSignal<boolean>;
     searchInputControlClass: {
@@ -27,7 +30,7 @@ export declare class ThySelectControl implements OnInit {
     readonly thyPlaceholder: import("@angular/core").InputSignal<string>;
     readonly thySize: import("@angular/core").InputSignal<SelectControlSize>;
     readonly tagSize: Signal<ThyTagSize>;
-    readonly thyMaxTagCount: import("@angular/core").InputSignalWithTransform<number, unknown>;
+    readonly thyMaxTagCount: import("@angular/core").InputSignalWithTransform<number | "auto", number | "auto">;
     readonly thyBorderless: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
     readonly thyPreset: import("@angular/core").InputSignal<string>;
     readonly thyOnSearch: import("@angular/core").OutputEmitterRef<string>;
@@ -40,8 +43,10 @@ export declare class ThySelectControl implements OnInit {
     readonly inputElement: Signal<ElementRef<any>>;
     locale: Signal<ThySharedLocale>;
     isSelectedValue: Signal<boolean>;
+    readonly tagsContainer: Signal<ElementRef<any>>;
+    visibleTagCount: import("@angular/core").WritableSignal<number>;
     showClearIcon: Signal<boolean>;
-    maxSelectedTags: Signal<SelectOptionBase[]>;
+    selectedTags: Signal<SelectOptionBase[]>;
     collapsedSelectedTags: Signal<SelectOptionBase[]>;
     selectedValueStyle: Signal<{
         display: string;
@@ -51,6 +56,9 @@ export declare class ThySelectControl implements OnInit {
     }>;
     constructor();
     ngOnInit(): void;
+    ngAfterViewInit(): void;
+    private resizeObserver;
+    private calculateVisibleTags;
     setSelectControlClass(): void;
     setInputValue(value: string): void;
     handleBackspace(event: Event): void;

package/shared/select/select-control/select-control.scss

@@ -153,6 +153,14 @@
             color: variables.$gray-500;
         }
     }
+    .custom-choice-item,
+    .choice-item {
+        &.hidden {
+            opacity: 0;
+            height: 0;
+            position: absolute;
+        }
+    }
 }
 .select-control-borderless {
     border-color: transparent !important;