@pecb-ui/components 1.1.11 → 1.1.12

package/index.d.ts

@@ -975,6 +975,7 @@ declare class DropdownComponent implements ControlValueAccessor {
     private readonly overlay;
     readonly scrollStrategy: ScrollStrategy;
     searchInput?: ElementRef<HTMLInputElement>;
+    triggerEl?: ElementRef<HTMLElement>;
     id: _angular_core.InputSignal<string>;
     label: _angular_core.InputSignal<string | undefined>;
     /** Placeholder shown in the trigger when no option is selected. */
@@ -1000,6 +1001,13 @@ declare class DropdownComponent implements ControlValueAccessor {
     searchQuery: _angular_core.WritableSignal<string>;
     selectedValues: _angular_core.WritableSignal<unknown[]>;
     focusedIndex: _angular_core.WritableSignal<number>;
+    /**
+     * Width the overlay panel is pinned to, so it lines up edge-to-edge with the
+     * trigger. Measured with `getBoundingClientRect()` rather than `offsetWidth`
+     * because the latter rounds to whole pixels and leaves the panel a hair off in
+     * fluid layouts.
+     */
+    triggerWidth: _angular_core.WritableSignal<number>;
     /** Overlay positions: prefer below the trigger, flip above when there's no room. */
     overlayPositions: ConnectedPosition[];
     private onChange;
@@ -1009,6 +1017,9 @@ declare class DropdownComponent implements ControlValueAccessor {
     get filteredOptions(): DropdownOption[];
     get displayText(): string;
     clearAll(event: MouseEvent): void;
+    /** Re-measure the trigger so a resize doesn't leave an open panel misaligned. */
+    syncTriggerWidth(): void;
+    private measureTrigger;
     toggleDropdown(): void;
     selectOption(option: DropdownOption): void;
     isSelected(option: DropdownOption): boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pecb-ui/components",
-  "version": "1.1.11",
+  "version": "1.1.12",
   "description": "Professional Angular UI Components Library with TypeScript and SCSS by PECB",
   "author": "PECB",
   "license": "MIT",