@eduboxpro/studio 0.1.26 → 0.1.27

package/index.d.ts

@@ -1985,9 +1985,12 @@ interface SelectDisplayContext<T = any> {
     highlighted: boolean;
 }
 
-declare class SelectComponent<T = any> implements ControlValueAccessor {
+declare class SelectComponent<T = any> implements ControlValueAccessor, OnDestroy {
     private readonly configService;
     private readonly selectDefaults;
+    private readonly document;
+    private readonly renderer;
+    private readonly hostEl;
     protected readonly triggerEl: _angular_core.Signal<ElementRef<HTMLButtonElement> | undefined>;
     protected readonly dropdownEl: _angular_core.Signal<ElementRef<HTMLDivElement> | undefined>;
     variantInput: _angular_core.InputSignal<SelectVariant | undefined>;
@@ -2014,6 +2017,7 @@ declare class SelectComponent<T = any> implements ControlValueAccessor {
     fullWidth: _angular_core.InputSignal<boolean>;
     maxHeight: _angular_core.InputSignal<string>;
     position: _angular_core.InputSignal<SelectPosition>;
+    appendToBody: _angular_core.InputSignal<boolean>;
     searchPlaceholder: _angular_core.InputSignal<string>;
     valueChange: _angular_core.OutputEmitterRef<T | T[] | null>;
     searchChange: _angular_core.OutputEmitterRef<string>;
@@ -2029,7 +2033,9 @@ declare class SelectComponent<T = any> implements ControlValueAccessor {
     protected generatedId: string;
     private onChange;
     private onTouched;
+    private portalContainer;
     constructor();
+    ngOnDestroy(): void;
     protected flattenedOptions: _angular_core.Signal<SelectOption<T>[]>;
     protected filteredOptions: _angular_core.Signal<SelectOption<T>[]>;
     protected selectedOptions: _angular_core.Signal<SelectOption<T> | SelectOption<T>[] | null>;
@@ -2056,8 +2062,10 @@ declare class SelectComponent<T = any> implements ControlValueAccessor {
     registerOnChange(fn: any): void;
     registerOnTouched(fn: any): void;
     setDisabledState(isDisabled: boolean): void;
+    private attachDropdownToBody;
+    private detachDropdownFromBody;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SelectComponent<any>, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SelectComponent<any>, "studio-select", never, { "variantInput": { "alias": "variant"; "required": false; "isSignal": true; }; "sizeInput": { "alias": "size"; "required": false; "isSignal": true; }; "radiusInput": { "alias": "radius"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": true; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "searchable": { "alias": "searchable"; "required": false; "isSignal": true; }; "clearable": { "alias": "clearable"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "floatingLabel": { "alias": "floatingLabel"; "required": false; "isSignal": true; }; "hint": { "alias": "hint"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "errorMessage": { "alias": "errorMessage"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "prefixIcon": { "alias": "prefixIcon"; "required": false; "isSignal": true; }; "suffixIcon": { "alias": "suffixIcon"; "required": false; "isSignal": true; }; "fullWidth": { "alias": "fullWidth"; "required": false; "isSignal": true; }; "maxHeight": { "alias": "maxHeight"; "required": false; "isSignal": true; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; "searchPlaceholder": { "alias": "searchPlaceholder"; "required": false; "isSignal": true; }; }, { "valueChange": "valueChange"; "searchChange": "searchChange"; "opened": "opened"; "closed": "closed"; "optionSelected": "optionSelected"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SelectComponent<any>, "studio-select", never, { "variantInput": { "alias": "variant"; "required": false; "isSignal": true; }; "sizeInput": { "alias": "size"; "required": false; "isSignal": true; }; "radiusInput": { "alias": "radius"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": true; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "searchable": { "alias": "searchable"; "required": false; "isSignal": true; }; "clearable": { "alias": "clearable"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "floatingLabel": { "alias": "floatingLabel"; "required": false; "isSignal": true; }; "hint": { "alias": "hint"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "errorMessage": { "alias": "errorMessage"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "prefixIcon": { "alias": "prefixIcon"; "required": false; "isSignal": true; }; "suffixIcon": { "alias": "suffixIcon"; "required": false; "isSignal": true; }; "fullWidth": { "alias": "fullWidth"; "required": false; "isSignal": true; }; "maxHeight": { "alias": "maxHeight"; "required": false; "isSignal": true; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; "appendToBody": { "alias": "appendToBody"; "required": false; "isSignal": true; }; "searchPlaceholder": { "alias": "searchPlaceholder"; "required": false; "isSignal": true; }; }, { "valueChange": "valueChange"; "searchChange": "searchChange"; "opened": "opened"; "closed": "closed"; "optionSelected": "optionSelected"; }, never, never, true, never>;
 }
 
 /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eduboxpro/studio",
-  "version": "0.1.26",
+  "version": "0.1.27",
   "description": "Modern Angular UI library for educational platforms with customizable design system",
   "keywords": [
     "angular",