@testgorilla/tgo-ui 10.1.0 → 10.2.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@testgorilla/tgo-ui",
-  "version": "10.1.0",
+  "version": "10.2.0",
   "license": "proprietary-license",
   "lint-staged": {
     "{projects,components}/**/*.ts": [

package/types/testgorilla-tgo-ui-components-filter-button.d.ts

@@ -115,6 +115,16 @@ declare class FilterButtonComponent implements OnChanges {
      * @memberof FilterButtonComponent
      */
     noOptionsMessage?: string | undefined;
+    /**
+     * Whether the button should stretch to fill its container, and the dropdown panel
+     * follow that width instead of the default 240px.
+     * The panel never shrinks below 240px, so a container narrower than that is safe.
+     * Default: false.
+     *
+     * @type {boolean}
+     * @memberof FilterButtonComponent
+     */
+    fullWidth: boolean;
     /**
      * Emits the list of selected values when the selection changes.
      *
@@ -137,11 +147,16 @@ declare class FilterButtonComponent implements OnChanges {
      * @memberof FilterButtonComponent
      */
     applicationTheme: ApplicationTheme;
+    get fullWidthClass(): boolean;
     overlayContainer: ElementRef<HTMLElement>;
     viewport?: CdkVirtualScrollViewport;
+    private readonly triggerOrigin?;
+    private readonly connectedOverlay?;
     /** Must match the `.item` height in the SCSS — the fixed-size viewport relies on it. */
     readonly ITEM_SIZE = 48;
     readonly MAX_LIST_HEIGHT = 290;
+    readonly PANEL_MIN_WIDTH = 240;
+    readonly MATCH_TRIGGER_PANEL_CLASS = "ui-filter-button-panel-match-trigger";
     isOpen: _angular_core.WritableSignal<boolean>;
     displayedLabel: _angular_core.WritableSignal<string>;
     tooltip: _angular_core.WritableSignal<string>;
@@ -167,6 +182,7 @@ declare class FilterButtonComponent implements OnChanges {
     protected translationContext: string;
     private readonly searchInput$;
     constructor(defaultAppTheme: ApplicationTheme, cdr: ChangeDetectorRef, destroyRef: DestroyRef);
+    private syncPanelWidth;
     ngOnChanges(changes: SimpleChanges): void;
     clearValue(): void;
     outsideClick(): void;
@@ -181,7 +197,8 @@ declare class FilterButtonComponent implements OnChanges {
     private toggleActiveOption;
     private updateLabel;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<FilterButtonComponent, [{ optional: true; }, null, null]>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FilterButtonComponent, "ui-filter-button", never, { "label": { "alias": "label"; "required": false; }; "message": { "alias": "message"; "required": false; }; "value": { "alias": "value"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "allowClear": { "alias": "allowClear"; "required": false; }; "singleSelection": { "alias": "singleSelection"; "required": false; }; "iconName": { "alias": "iconName"; "required": false; }; "iconPosition": { "alias": "iconPosition"; "required": false; }; "noOptionsMessage": { "alias": "noOptionsMessage"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; }, { "changed": "changed"; "optionChange": "optionChange"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FilterButtonComponent, "ui-filter-button", never, { "label": { "alias": "label"; "required": false; }; "message": { "alias": "message"; "required": false; }; "value": { "alias": "value"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "allowClear": { "alias": "allowClear"; "required": false; }; "singleSelection": { "alias": "singleSelection"; "required": false; }; "iconName": { "alias": "iconName"; "required": false; }; "iconPosition": { "alias": "iconPosition"; "required": false; }; "noOptionsMessage": { "alias": "noOptionsMessage"; "required": false; }; "fullWidth": { "alias": "fullWidth"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; }, { "changed": "changed"; "optionChange": "optionChange"; }, never, never, true, never>;
+    static ngAcceptInputType_fullWidth: unknown;
 }
 
 declare class FilterButtonComponentModule {