@spartan-ng/brain 0.0.1-alpha.681 → 0.0.1-alpha.682

package/autocomplete/index.d.ts

@@ -74,6 +74,7 @@ interface BrnAutocompleteBase<T> {
     /** Select the active item with Enter key. */
     selectActiveItem: () => void;
     registerAutocompleteInput: (input: BrnAutocompleteInput<T>) => void;
+    updateInputWidth: (width: number | null) => void;
 }
 declare const BrnAutocompleteBaseToken: InjectionToken<BrnAutocompleteBase<unknown>>;
 declare function provideBrnAutocompleteBase<T>(autocomplete: Type<BrnAutocompleteBase<T>>): ExistingProvider;
@@ -114,7 +115,7 @@ declare class BrnAutocomplete<T> implements BrnAutocompleteBase<T>, ControlValue
     readonly value: _angular_core.ModelSignal<T | null>;
     /** The current search query. */
     readonly search: _angular_core.ModelSignal<string>;
-    private readonly _searchInputWrapper;
+    private readonly _inputWidth;
     /** @internal The width of the search input wrapper */
     readonly searchInputWrapperWidth: _angular_core.Signal<number | null>;
     /** @internal Access all the items within the autocomplete */
@@ -132,6 +133,7 @@ declare class BrnAutocomplete<T> implements BrnAutocompleteBase<T>, ControlValue
     readonly controlState: _angular_core.Signal<_spartan_ng_brain_forms.ControlState | null> | undefined;
     constructor();
     registerAutocompleteInput(input: BrnAutocompleteInput<T>): void;
+    updateInputWidth(width: number | null): void;
     updateSearch(value: string): void;
     isSelected(itemValue: T): boolean;
     select(itemValue: T): void;
@@ -148,12 +150,14 @@ declare class BrnAutocomplete<T> implements BrnAutocompleteBase<T>, ControlValue
     setDisabledState(isDisabled: boolean): void;
     protected _onFocusOut(event: FocusEvent): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<BrnAutocomplete<any>, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<BrnAutocomplete<any>, "[brnAutocomplete]", never, { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "isItemEqualToValue": { "alias": "isItemEqualToValue"; "required": false; "isSignal": true; }; "itemToString": { "alias": "itemToString"; "required": false; "isSignal": true; }; "autoHighlight": { "alias": "autoHighlight"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "search": { "alias": "search"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "search": "searchChange"; }, ["_searchInputWrapper", "items"], never, true, [{ directive: typeof i1.BrnFieldControl; inputs: {}; outputs: {}; }]>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<BrnAutocomplete<any>, "[brnAutocomplete]", never, { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "isItemEqualToValue": { "alias": "isItemEqualToValue"; "required": false; "isSignal": true; }; "itemToString": { "alias": "itemToString"; "required": false; "isSignal": true; }; "autoHighlight": { "alias": "autoHighlight"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "search": { "alias": "search"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "search": "searchChange"; }, ["items"], never, true, [{ directive: typeof i1.BrnFieldControl; inputs: {}; outputs: {}; }]>;
 }
 
 declare class BrnAutocompleteAnchor {
     private readonly _host;
     private readonly _brnDialog;
+    private readonly _autocomplete;
+    private readonly _elementSize;
     constructor();
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<BrnAutocompleteAnchor, never>;
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<BrnAutocompleteAnchor, "[brnAutocompleteAnchor]", never, {}, {}, never, never, true, never>;
@@ -198,11 +202,6 @@ declare class BrnAutocompleteGroup {
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<BrnAutocompleteGroup, "[brnAutocompleteGroup]", never, {}, {}, ["_items", "_label"], never, true, never>;
 }
 
-declare class BrnAutocompleteInputWrapper {
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<BrnAutocompleteInputWrapper, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<BrnAutocompleteInputWrapper, "[brnAutocompleteInputWrapper]", never, {}, {}, never, never, true, never>;
-}
-
 declare class BrnAutocompleteLabel {
     private static _id;
     /** The id of the autocomplete label */
@@ -247,7 +246,7 @@ declare class BrnAutocompleteSearch<T> implements BrnAutocompleteBase<T>, Contro
     readonly value: _angular_core.ModelSignal<string | null>;
     /** The current search query. */
     readonly search: _angular_core.ModelSignal<string>;
-    private readonly _searchInputWrapper;
+    private readonly _inputWidth;
     /** @internal The width of the search input wrapper */
     readonly searchInputWrapperWidth: _angular_core.Signal<number | null>;
     /** @internal Access all the items within the autocomplete */
@@ -264,6 +263,7 @@ declare class BrnAutocompleteSearch<T> implements BrnAutocompleteBase<T>, Contro
     readonly labelableId: _angular_core.Signal<string | undefined>;
     constructor();
     registerAutocompleteInput(input: BrnAutocompleteInput<T>): void;
+    updateInputWidth(width: number | null): void;
     updateSearch(value: string): void;
     isSelected(itemValue: T): boolean;
     select(itemValue: T): void;
@@ -280,7 +280,7 @@ declare class BrnAutocompleteSearch<T> implements BrnAutocompleteBase<T>, Contro
     setDisabledState(isDisabled: boolean): void;
     protected _onFocusOut(event: FocusEvent): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<BrnAutocompleteSearch<any>, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<BrnAutocompleteSearch<any>, "[brnAutocomplete]", never, { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "itemToString": { "alias": "itemToString"; "required": false; "isSignal": true; }; "autoHighlight": { "alias": "autoHighlight"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "search": { "alias": "search"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "search": "searchChange"; }, ["_searchInputWrapper", "items"], never, true, [{ directive: typeof i1.BrnFieldControl; inputs: {}; outputs: {}; }]>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<BrnAutocompleteSearch<any>, "[brnAutocomplete]", never, { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "itemToString": { "alias": "itemToString"; "required": false; "isSignal": true; }; "autoHighlight": { "alias": "autoHighlight"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "search": { "alias": "search"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "search": "searchChange"; }, ["items"], never, true, [{ directive: typeof i1.BrnFieldControl; inputs: {}; outputs: {}; }]>;
 }
 
 declare class BrnAutocompleteSeparator {
@@ -297,7 +297,7 @@ declare class BrnAutocompleteStatus {
 declare const BrnAutocompleteItemToken: InjectionToken<BrnAutocompleteItem<unknown>>;
 declare function provideBrnAutocompleteItem<T>(autocomplete: Type<BrnAutocompleteItem<T>>): ExistingProvider;
 
-declare const BrnAutocompleteImports: readonly [typeof BrnAutocomplete, typeof BrnAutocompleteAnchor, typeof BrnAutocompleteClear, typeof BrnAutocompleteContent, typeof BrnAutocompleteEmpty, typeof BrnAutocompleteGroup, typeof BrnAutocompleteInput, typeof BrnAutocompleteInputWrapper, typeof BrnAutocompleteItem, typeof BrnAutocompleteLabel, typeof BrnAutocompleteList, typeof BrnAutocompleteSearch, typeof BrnAutocompleteSeparator, typeof BrnAutocompleteStatus];
+declare const BrnAutocompleteImports: readonly [typeof BrnAutocomplete, typeof BrnAutocompleteAnchor, typeof BrnAutocompleteClear, typeof BrnAutocompleteContent, typeof BrnAutocompleteEmpty, typeof BrnAutocompleteGroup, typeof BrnAutocompleteInput, typeof BrnAutocompleteItem, typeof BrnAutocompleteLabel, typeof BrnAutocompleteList, typeof BrnAutocompleteSearch, typeof BrnAutocompleteSeparator, typeof BrnAutocompleteStatus];
 
-export { BRN_AUTOCOMPLETE_CONTROL_VALUE_ACCESSOR, BRN_AUTOCOMPLETE_SEARCH_VALUE_ACCESSOR, BrnAutocomplete, BrnAutocompleteAnchor, BrnAutocompleteBaseToken, BrnAutocompleteClear, BrnAutocompleteContent, BrnAutocompleteEmpty, BrnAutocompleteGroup, BrnAutocompleteImports, BrnAutocompleteInput, BrnAutocompleteInputWrapper, BrnAutocompleteItem, BrnAutocompleteItemToken, BrnAutocompleteLabel, BrnAutocompleteList, BrnAutocompleteSearch, BrnAutocompleteSeparator, BrnAutocompleteStatus, injectBrnAutocompleteBase, injectBrnAutocompleteConfig, provideBrnAutocompleteBase, provideBrnAutocompleteConfig, provideBrnAutocompleteItem };
+export { BRN_AUTOCOMPLETE_CONTROL_VALUE_ACCESSOR, BRN_AUTOCOMPLETE_SEARCH_VALUE_ACCESSOR, BrnAutocomplete, BrnAutocompleteAnchor, BrnAutocompleteBaseToken, BrnAutocompleteClear, BrnAutocompleteContent, BrnAutocompleteEmpty, BrnAutocompleteGroup, BrnAutocompleteImports, BrnAutocompleteInput, BrnAutocompleteItem, BrnAutocompleteItemToken, BrnAutocompleteLabel, BrnAutocompleteList, BrnAutocompleteSearch, BrnAutocompleteSeparator, BrnAutocompleteStatus, injectBrnAutocompleteBase, injectBrnAutocompleteConfig, provideBrnAutocompleteBase, provideBrnAutocompleteConfig, provideBrnAutocompleteItem };
 export type { AutocompleteItemEqualToValue, AutocompleteItemToString, BrnAutocompleteBase, BrnAutocompleteConfig };

package/combobox/index.d.ts

@@ -88,6 +88,7 @@ interface BrnComboboxBase<T> {
     registerComboboxInput?: (input: BrnComboboxInput<T>) => void;
     /** Register the combobox chip input component for multi selection mode */
     registerComboboxChipInput?: (input: BrnComboboxChipInput<T>) => void;
+    updateInputWidth: (width: number | null) => void;
 }
 declare const BrnComboboxBaseToken: InjectionToken<BrnComboboxBase<unknown>>;
 declare function provideBrnComboboxBase<T>(instance: Type<BrnComboboxBase<T>>): ExistingProvider;
@@ -175,7 +176,7 @@ declare class BrnCombobox<T> implements BrnComboboxBase<T>, ControlValueAccessor
     readonly hasValue: _angular_core.Signal<boolean>;
     /** The current search query. */
     readonly search: _angular_core.ModelSignal<string>;
-    private readonly _searchInputWrapper;
+    private readonly _inputWidth;
     /** @internal The width of the search input wrapper */
     readonly searchInputWrapperWidth: _angular_core.Signal<number | null>;
     /** @internal Access all the items within the combobox */
@@ -194,6 +195,7 @@ declare class BrnCombobox<T> implements BrnComboboxBase<T>, ControlValueAccessor
     protected _onTouched?: TouchFn;
     constructor();
     registerComboboxInput(input: BrnComboboxInput<T>): void;
+    updateInputWidth(width: number | null): void;
     isSelected(itemValue: T): boolean;
     select(itemValue: T): void;
     /** Select the active item with Enter key. */
@@ -211,13 +213,15 @@ declare class BrnCombobox<T> implements BrnComboboxBase<T>, ControlValueAccessor
     protected _onFocusOut(event: FocusEvent): void;
     private close;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<BrnCombobox<any>, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<BrnCombobox<any>, "[brnCombobox]", never, { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "filterOptions": { "alias": "filterOptions"; "required": false; "isSignal": true; }; "isItemEqualToValue": { "alias": "isItemEqualToValue"; "required": false; "isSignal": true; }; "itemToString": { "alias": "itemToString"; "required": false; "isSignal": true; }; "filter": { "alias": "filter"; "required": false; "isSignal": true; }; "autoHighlight": { "alias": "autoHighlight"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "search": { "alias": "search"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "search": "searchChange"; }, ["_searchInputWrapper", "items", "_content"], never, true, [{ directive: typeof i1.BrnFieldControl; inputs: {}; outputs: {}; }]>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<BrnCombobox<any>, "[brnCombobox]", never, { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "filterOptions": { "alias": "filterOptions"; "required": false; "isSignal": true; }; "isItemEqualToValue": { "alias": "isItemEqualToValue"; "required": false; "isSignal": true; }; "itemToString": { "alias": "itemToString"; "required": false; "isSignal": true; }; "filter": { "alias": "filter"; "required": false; "isSignal": true; }; "autoHighlight": { "alias": "autoHighlight"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "search": { "alias": "search"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "search": "searchChange"; }, ["items", "_content"], never, true, [{ directive: typeof i1.BrnFieldControl; inputs: {}; outputs: {}; }]>;
 }
 
 declare class BrnComboboxAnchor {
     private readonly _host;
     private readonly _brnDialog;
     private readonly _content;
+    private readonly _combobox;
+    private readonly _elementSize;
     constructor();
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<BrnComboboxAnchor, never>;
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<BrnComboboxAnchor, "[brnComboboxAnchor]", never, {}, {}, never, never, true, never>;
@@ -280,11 +284,6 @@ declare class BrnComboboxGroup {
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<BrnComboboxGroup, "[brnComboboxGroup]", never, {}, {}, ["_items", "_label"], never, true, never>;
 }
 
-declare class BrnComboboxInputWrapper {
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<BrnComboboxInputWrapper, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<BrnComboboxInputWrapper, "[brnComboboxInputWrapper]", never, {}, {}, never, never, true, never>;
-}
-
 declare class BrnComboboxLabel {
     private static _id;
     /** The id of the combobox label */
@@ -338,7 +337,7 @@ declare class BrnComboboxMultiple<T> implements BrnComboboxBase<T>, ControlValue
     readonly hasValue: _angular_core.Signal<boolean>;
     /** The current search query. */
     readonly search: _angular_core.ModelSignal<string>;
-    private readonly _searchInputWrapper;
+    private readonly _inputWidth;
     /** @internal The width of the search input wrapper */
     readonly searchInputWrapperWidth: _angular_core.Signal<number | null>;
     /** @internal Access all the items within the combobox */
@@ -357,6 +356,7 @@ declare class BrnComboboxMultiple<T> implements BrnComboboxBase<T>, ControlValue
     protected _onTouched?: TouchFn;
     constructor();
     registerComboboxChipInput(input: BrnComboboxChipInput<T>): void;
+    updateInputWidth(width: number | null): void;
     isSelected(itemValue: T): boolean;
     select(itemValue: T): void;
     /** Select the active item with Enter key. */
@@ -374,7 +374,7 @@ declare class BrnComboboxMultiple<T> implements BrnComboboxBase<T>, ControlValue
     registerOnTouched(fn: TouchFn): void;
     setDisabledState(isDisabled: boolean): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<BrnComboboxMultiple<any>, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<BrnComboboxMultiple<any>, "[brnCombobox]", never, { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "filterOptions": { "alias": "filterOptions"; "required": false; "isSignal": true; }; "isItemEqualToValue": { "alias": "isItemEqualToValue"; "required": false; "isSignal": true; }; "itemToString": { "alias": "itemToString"; "required": false; "isSignal": true; }; "filter": { "alias": "filter"; "required": false; "isSignal": true; }; "autoHighlight": { "alias": "autoHighlight"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "search": { "alias": "search"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "search": "searchChange"; }, ["_searchInputWrapper", "items", "_content"], never, true, [{ directive: typeof i1.BrnFieldControl; inputs: {}; outputs: {}; }]>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<BrnComboboxMultiple<any>, "[brnCombobox]", never, { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "filterOptions": { "alias": "filterOptions"; "required": false; "isSignal": true; }; "isItemEqualToValue": { "alias": "isItemEqualToValue"; "required": false; "isSignal": true; }; "itemToString": { "alias": "itemToString"; "required": false; "isSignal": true; }; "filter": { "alias": "filter"; "required": false; "isSignal": true; }; "autoHighlight": { "alias": "autoHighlight"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "search": { "alias": "search"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "search": "searchChange"; }, ["items", "_content"], never, true, [{ directive: typeof i1.BrnFieldControl; inputs: {}; outputs: {}; }]>;
 }
 
 declare class BrnComboboxPlaceholder {
@@ -456,7 +456,7 @@ declare const comboboxEndsWithFilter: BrnComboboxFilter;
 declare const BrnComboboxItemToken: InjectionToken<BrnComboboxItem<unknown>>;
 declare function provideBrnComboboxItem<T>(comboboxItem: Type<BrnComboboxItem<T>>): ExistingProvider;
 
-declare const BrnComboboxImports: readonly [typeof BrnCombobox, typeof BrnComboboxAnchor, typeof BrnComboboxChip, typeof BrnComboboxChipInput, typeof BrnComboboxChipRemove, typeof BrnComboboxClear, typeof BrnComboboxContent, typeof BrnComboboxEmpty, typeof BrnComboboxGroup, typeof BrnComboboxInputWrapper, typeof BrnComboboxInput, typeof BrnComboboxItem, typeof BrnComboboxLabel, typeof BrnComboboxList, typeof BrnComboboxMultiple, typeof BrnComboboxPlaceholder, typeof BrnComboboxPopoverTrigger, typeof BrnComboboxSeparator, typeof BrnComboboxStatus, typeof BrnComboboxTrigger, typeof BrnComboboxValue, typeof BrnComboboxValueTemplate, typeof BrnComboboxValues];
+declare const BrnComboboxImports: readonly [typeof BrnCombobox, typeof BrnComboboxAnchor, typeof BrnComboboxChip, typeof BrnComboboxChipInput, typeof BrnComboboxChipRemove, typeof BrnComboboxClear, typeof BrnComboboxContent, typeof BrnComboboxEmpty, typeof BrnComboboxGroup, typeof BrnComboboxInput, typeof BrnComboboxItem, typeof BrnComboboxLabel, typeof BrnComboboxList, typeof BrnComboboxMultiple, typeof BrnComboboxPlaceholder, typeof BrnComboboxPopoverTrigger, typeof BrnComboboxSeparator, typeof BrnComboboxStatus, typeof BrnComboboxTrigger, typeof BrnComboboxValue, typeof BrnComboboxValueTemplate, typeof BrnComboboxValues];
 
-export { BRN_COMBOBOX_MULTIPLE_VALUE_ACCESSOR, BRN_COMBOBOX_VALUE_ACCESSOR, BrnCombobox, BrnComboboxAnchor, BrnComboboxBaseToken, BrnComboboxChip, BrnComboboxChipInput, BrnComboboxChipRemove, BrnComboboxClear, BrnComboboxContent, BrnComboboxEmpty, BrnComboboxGroup, BrnComboboxImports, BrnComboboxInput, BrnComboboxInputWrapper, BrnComboboxItem, BrnComboboxItemToken, BrnComboboxLabel, BrnComboboxList, BrnComboboxMultiple, BrnComboboxPlaceholder, BrnComboboxPopoverTrigger, BrnComboboxSeparator, BrnComboboxStatus, BrnComboboxTrigger, BrnComboboxValue, BrnComboboxValueTemplate, BrnComboboxValues, comboboxContainsFilter, comboboxEndsWithFilter, comboboxStartsWithFilter, injectBrnComboboxBase, injectBrnComboboxConfig, provideBrnComboboxBase, provideBrnComboboxConfig, provideBrnComboboxItem };
+export { BRN_COMBOBOX_MULTIPLE_VALUE_ACCESSOR, BRN_COMBOBOX_VALUE_ACCESSOR, BrnCombobox, BrnComboboxAnchor, BrnComboboxBaseToken, BrnComboboxChip, BrnComboboxChipInput, BrnComboboxChipRemove, BrnComboboxClear, BrnComboboxContent, BrnComboboxEmpty, BrnComboboxGroup, BrnComboboxImports, BrnComboboxInput, BrnComboboxItem, BrnComboboxItemToken, BrnComboboxLabel, BrnComboboxList, BrnComboboxMultiple, BrnComboboxPlaceholder, BrnComboboxPopoverTrigger, BrnComboboxSeparator, BrnComboboxStatus, BrnComboboxTrigger, BrnComboboxValue, BrnComboboxValueTemplate, BrnComboboxValues, comboboxContainsFilter, comboboxEndsWithFilter, comboboxStartsWithFilter, injectBrnComboboxBase, injectBrnComboboxConfig, provideBrnComboboxBase, provideBrnComboboxConfig, provideBrnComboboxItem };
 export type { BrnComboboxBase, BrnComboboxConfig, BrnComboboxFilter, ComboboxFilter, ComboboxFilterOptions, ComboboxInputMode, ComboboxItemEqualToValue, ComboboxItemToString };

package/dialog/index.d.ts

@@ -87,6 +87,7 @@ declare class BrnDialog<TResult = unknown, TContext extends Record<string, unkno
     setAriaLabelledBy(ariaLabelledBy: string | null | undefined): void;
     setAriaLabel(ariaLabel: string | null | undefined): void;
     setAriaModal(ariaModal: boolean): void;
+    updatePosition(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<BrnDialog<any, any>, never>;
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<BrnDialog<any, any>, "[brnDialog],brn-dialog", ["brnDialog"], { "state": { "alias": "state"; "required": false; "isSignal": true; }; "role": { "alias": "role"; "required": false; "isSignal": true; }; "hasBackdrop": { "alias": "hasBackdrop"; "required": false; "isSignal": true; }; "positionStrategy": { "alias": "positionStrategy"; "required": false; "isSignal": true; }; "scrollStrategy": { "alias": "scrollStrategy"; "required": false; "isSignal": true; }; "restoreFocus": { "alias": "restoreFocus"; "required": false; "isSignal": true; }; "closeOnOutsidePointerEvents": { "alias": "closeOnOutsidePointerEvents"; "required": false; "isSignal": true; }; "closeOnBackdropClick": { "alias": "closeOnBackdropClick"; "required": false; "isSignal": true; }; "attachTo": { "alias": "attachTo"; "required": false; "isSignal": true; }; "attachPositions": { "alias": "attachPositions"; "required": false; "isSignal": true; }; "autoFocus": { "alias": "autoFocus"; "required": false; "isSignal": true; }; "closeDelay": { "alias": "closeDelay"; "required": false; "isSignal": true; }; "disableClose": { "alias": "disableClose"; "required": false; "isSignal": true; }; "ariaDescribedBy": { "alias": "aria-describedby"; "required": false; "isSignal": true; }; "ariaLabelledBy": { "alias": "aria-labelledby"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "aria-label"; "required": false; "isSignal": true; }; "ariaModal": { "alias": "aria-modal"; "required": false; "isSignal": true; }; }, { "closed": "closed"; "stateChanged": "stateChanged"; }, never, never, true, never>;
 }
@@ -156,6 +157,7 @@ declare class BrnDialogRef<DialogResult = any> {
     setAriaDescribedBy(ariaDescribedBy: string | null | undefined): void;
     setAriaLabelledBy(ariaLabelledBy: string | null | undefined): void;
     setAriaLabel(ariaLabel: string | null | undefined): void;
+    updatePosition(): void;
 }
 
 declare class BrnDialogTrigger {

package/fesm2022/spartan-ng-brain-autocomplete.mjs

@@ -1,23 +1,14 @@
 import { ActiveDescendantKeyManager } from '@angular/cdk/a11y';
 import * as i0 from '@angular/core';
-import { Directive, InjectionToken, inject, forwardRef, Injector, input, booleanAttribute, linkedSignal, model, contentChild, ElementRef, computed, contentChildren, signal, afterNextRender, effect, untracked, Renderer2, TemplateRef, ViewContainerRef, PLATFORM_ID } from '@angular/core';
+import { InjectionToken, inject, forwardRef, Injector, input, booleanAttribute, linkedSignal, model, signal, contentChildren, computed, afterNextRender, effect, untracked, Directive, ElementRef, Renderer2, TemplateRef, ViewContainerRef, contentChild, PLATFORM_ID } from '@angular/core';
 import { NG_VALUE_ACCESSOR } from '@angular/forms';
 import * as i1 from '@spartan-ng/brain/field';
 import { BrnFieldControl, provideBrnLabelable } from '@spartan-ng/brain/field';
 import { BrnPopover } from '@spartan-ng/brain/popover';
+import { injectElementSize, stringifyAsLabel } from '@spartan-ng/brain/core';
 import { BrnDialog } from '@spartan-ng/brain/dialog';
-import { stringifyAsLabel } from '@spartan-ng/brain/core';
 import { isPlatformBrowser } from '@angular/common';
 
-class BrnAutocompleteInputWrapper {
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: BrnAutocompleteInputWrapper, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    /** @nocollapse */ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.17", type: BrnAutocompleteInputWrapper, isStandalone: true, selector: "[brnAutocompleteInputWrapper]", ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: BrnAutocompleteInputWrapper, decorators: [{
-            type: Directive,
-            args: [{ selector: '[brnAutocompleteInputWrapper]' }]
-        }] });
-
 const BrnAutocompleteItemToken = new InjectionToken('BrnAutocompleteItemToken');
 function provideBrnAutocompleteItem(autocomplete) {
     return { provide: BrnAutocompleteItemToken, useExisting: autocomplete };
@@ -74,16 +65,9 @@ class BrnAutocomplete {
     value = model(null, ...(ngDevMode ? [{ debugName: "value" }] : []));
     /** The current search query. */
     search = model('', ...(ngDevMode ? [{ debugName: "search" }] : []));
-    _searchInputWrapper = contentChild(BrnAutocompleteInputWrapper, ...(ngDevMode ? [{ debugName: "_searchInputWrapper", read: ElementRef }] : [{
-            read: ElementRef,
-        }]));
+    _inputWidth = signal(null, ...(ngDevMode ? [{ debugName: "_inputWidth" }] : []));
     /** @internal The width of the search input wrapper */
-    searchInputWrapperWidth = computed(() => {
-        const inputElement = this._searchInputWrapper()?.nativeElement;
-        if (!inputElement)
-            return null;
-        return inputElement.getBoundingClientRect().width || inputElement.offsetWidth;
-    }, ...(ngDevMode ? [{ debugName: "searchInputWrapperWidth" }] : []));
+    searchInputWrapperWidth = this._inputWidth.asReadonly();
     /** @internal Access all the items within the autocomplete */
     items = contentChildren(BrnAutocompleteItemToken, ...(ngDevMode ? [{ debugName: "items", descendants: true }] : [{
             descendants: true,
@@ -127,6 +111,9 @@ class BrnAutocomplete {
     registerAutocompleteInput(input) {
         return this._autocompleteInput.set(input);
     }
+    updateInputWidth(width) {
+        this._inputWidth.set(width);
+    }
     updateSearch(value) {
         this.search.set(value);
         this.open();
@@ -199,7 +186,7 @@ class BrnAutocomplete {
             BRN_AUTOCOMPLETE_CONTROL_VALUE_ACCESSOR,
             provideBrnAutocompleteBase(BrnAutocomplete),
             provideBrnLabelable(BrnAutocomplete),
-        ], queries: [{ propertyName: "_searchInputWrapper", first: true, predicate: BrnAutocompleteInputWrapper, descendants: true, read: ElementRef, isSignal: true }, { propertyName: "items", predicate: BrnAutocompleteItemToken, descendants: true, isSignal: true }], hostDirectives: [{ directive: i1.BrnFieldControl }], ngImport: i0 });
+        ], queries: [{ propertyName: "items", predicate: BrnAutocompleteItemToken, descendants: true, isSignal: true }], hostDirectives: [{ directive: i1.BrnFieldControl }], ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: BrnAutocomplete, decorators: [{
             type: Directive,
@@ -215,16 +202,23 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
                         '(focusout)': '_onFocusOut($event)',
                     },
                 }]
-        }], ctorParameters: () => [], propDecorators: { disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], isItemEqualToValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "isItemEqualToValue", required: false }] }], itemToString: [{ type: i0.Input, args: [{ isSignal: true, alias: "itemToString", required: false }] }], autoHighlight: [{ type: i0.Input, args: [{ isSignal: true, alias: "autoHighlight", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], search: [{ type: i0.Input, args: [{ isSignal: true, alias: "search", required: false }] }, { type: i0.Output, args: ["searchChange"] }], _searchInputWrapper: [{ type: i0.ContentChild, args: [i0.forwardRef(() => BrnAutocompleteInputWrapper), { ...{
-                            read: ElementRef,
-                        }, isSignal: true }] }], items: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => BrnAutocompleteItemToken), { ...{
+        }], ctorParameters: () => [], propDecorators: { disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], isItemEqualToValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "isItemEqualToValue", required: false }] }], itemToString: [{ type: i0.Input, args: [{ isSignal: true, alias: "itemToString", required: false }] }], autoHighlight: [{ type: i0.Input, args: [{ isSignal: true, alias: "autoHighlight", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], search: [{ type: i0.Input, args: [{ isSignal: true, alias: "search", required: false }] }, { type: i0.Output, args: ["searchChange"] }], items: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => BrnAutocompleteItemToken), { ...{
                             descendants: true,
                         }, isSignal: true }] }] } });
 
 class BrnAutocompleteAnchor {
     _host = inject(ElementRef, { host: true });
     _brnDialog = inject(BrnDialog, { optional: true });
+    _autocomplete = injectBrnAutocompleteBase();
+    _elementSize = injectElementSize();
     constructor() {
+        effect(() => {
+            const size = this._elementSize();
+            if (size) {
+                this._autocomplete.updateInputWidth(size.width);
+                this._brnDialog?.updatePosition();
+            }
+        });
         if (!this._brnDialog)
             return;
         this._brnDialog.mutableAttachTo.set(this._host.nativeElement);
@@ -565,16 +559,9 @@ class BrnAutocompleteSearch {
     value = model(null, ...(ngDevMode ? [{ debugName: "value" }] : []));
     /** The current search query. */
     search = model('', ...(ngDevMode ? [{ debugName: "search" }] : []));
-    _searchInputWrapper = contentChild(BrnAutocompleteInputWrapper, ...(ngDevMode ? [{ debugName: "_searchInputWrapper", read: ElementRef }] : [{
-            read: ElementRef,
-        }]));
+    _inputWidth = signal(null, ...(ngDevMode ? [{ debugName: "_inputWidth" }] : []));
     /** @internal The width of the search input wrapper */
-    searchInputWrapperWidth = computed(() => {
-        const inputElement = this._searchInputWrapper()?.nativeElement;
-        if (!inputElement)
-            return null;
-        return inputElement.getBoundingClientRect().width || inputElement.offsetWidth;
-    }, ...(ngDevMode ? [{ debugName: "searchInputWrapperWidth" }] : []));
+    searchInputWrapperWidth = this._inputWidth.asReadonly();
     /** @internal Access all the items within the autocomplete */
     items = contentChildren(BrnAutocompleteItemToken, ...(ngDevMode ? [{ debugName: "items", descendants: true }] : [{
             descendants: true,
@@ -617,6 +604,9 @@ class BrnAutocompleteSearch {
     registerAutocompleteInput(input) {
         return this._autocompleteInput.set(input);
     }
+    updateInputWidth(width) {
+        this._inputWidth.set(width);
+    }
     updateSearch(value) {
         this.value.set(value);
         this.search.set(value);
@@ -693,7 +683,7 @@ class BrnAutocompleteSearch {
             BRN_AUTOCOMPLETE_SEARCH_VALUE_ACCESSOR,
             provideBrnAutocompleteBase(BrnAutocompleteSearch),
             provideBrnLabelable(BrnAutocompleteSearch),
-        ], queries: [{ propertyName: "_searchInputWrapper", first: true, predicate: BrnAutocompleteInputWrapper, descendants: true, read: ElementRef, isSignal: true }, { propertyName: "items", predicate: BrnAutocompleteItemToken, descendants: true, isSignal: true }], hostDirectives: [{ directive: i1.BrnFieldControl }], ngImport: i0 });
+        ], queries: [{ propertyName: "items", predicate: BrnAutocompleteItemToken, descendants: true, isSignal: true }], hostDirectives: [{ directive: i1.BrnFieldControl }], ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: BrnAutocompleteSearch, decorators: [{
             type: Directive,
@@ -709,9 +699,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
                         '(focusout)': '_onFocusOut($event)',
                     },
                 }]
-        }], ctorParameters: () => [], propDecorators: { disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], itemToString: [{ type: i0.Input, args: [{ isSignal: true, alias: "itemToString", required: false }] }], autoHighlight: [{ type: i0.Input, args: [{ isSignal: true, alias: "autoHighlight", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], search: [{ type: i0.Input, args: [{ isSignal: true, alias: "search", required: false }] }, { type: i0.Output, args: ["searchChange"] }], _searchInputWrapper: [{ type: i0.ContentChild, args: [i0.forwardRef(() => BrnAutocompleteInputWrapper), { ...{
-                            read: ElementRef,
-                        }, isSignal: true }] }], items: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => BrnAutocompleteItemToken), { ...{
+        }], ctorParameters: () => [], propDecorators: { disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], itemToString: [{ type: i0.Input, args: [{ isSignal: true, alias: "itemToString", required: false }] }], autoHighlight: [{ type: i0.Input, args: [{ isSignal: true, alias: "autoHighlight", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], search: [{ type: i0.Input, args: [{ isSignal: true, alias: "search", required: false }] }, { type: i0.Output, args: ["searchChange"] }], items: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => BrnAutocompleteItemToken), { ...{
                             descendants: true,
                         }, isSignal: true }] }] } });
 
@@ -756,7 +744,6 @@ const BrnAutocompleteImports = [
     BrnAutocompleteEmpty,
     BrnAutocompleteGroup,
     BrnAutocompleteInput,
-    BrnAutocompleteInputWrapper,
     BrnAutocompleteItem,
     BrnAutocompleteLabel,
     BrnAutocompleteList,
@@ -769,5 +756,5 @@ const BrnAutocompleteImports = [
  * Generated bundle index. Do not edit.
  */
 
-export { BRN_AUTOCOMPLETE_CONTROL_VALUE_ACCESSOR, BRN_AUTOCOMPLETE_SEARCH_VALUE_ACCESSOR, BrnAutocomplete, BrnAutocompleteAnchor, BrnAutocompleteBaseToken, BrnAutocompleteClear, BrnAutocompleteContent, BrnAutocompleteEmpty, BrnAutocompleteGroup, BrnAutocompleteImports, BrnAutocompleteInput, BrnAutocompleteInputWrapper, BrnAutocompleteItem, BrnAutocompleteItemToken, BrnAutocompleteLabel, BrnAutocompleteList, BrnAutocompleteSearch, BrnAutocompleteSeparator, BrnAutocompleteStatus, injectBrnAutocompleteBase, injectBrnAutocompleteConfig, provideBrnAutocompleteBase, provideBrnAutocompleteConfig, provideBrnAutocompleteItem };
+export { BRN_AUTOCOMPLETE_CONTROL_VALUE_ACCESSOR, BRN_AUTOCOMPLETE_SEARCH_VALUE_ACCESSOR, BrnAutocomplete, BrnAutocompleteAnchor, BrnAutocompleteBaseToken, BrnAutocompleteClear, BrnAutocompleteContent, BrnAutocompleteEmpty, BrnAutocompleteGroup, BrnAutocompleteImports, BrnAutocompleteInput, BrnAutocompleteItem, BrnAutocompleteItemToken, BrnAutocompleteLabel, BrnAutocompleteList, BrnAutocompleteSearch, BrnAutocompleteSeparator, BrnAutocompleteStatus, injectBrnAutocompleteBase, injectBrnAutocompleteConfig, provideBrnAutocompleteBase, provideBrnAutocompleteConfig, provideBrnAutocompleteItem };
 //# sourceMappingURL=spartan-ng-brain-autocomplete.mjs.map