@testgorilla/tgo-ui 9.1.1 → 9.2.0

package/components/filter-button/index.d.ts

@@ -1,6 +1,6 @@
 import * as _angular_core from '@angular/core';
-import { OnChanges, EventEmitter, ElementRef, QueryList, ChangeDetectorRef, SimpleChanges } from '@angular/core';
-import { FocusableOption, FocusKeyManager } from '@angular/cdk/a11y';
+import { OnChanges, EventEmitter, ElementRef, ChangeDetectorRef, DestroyRef, SimpleChanges } from '@angular/core';
+import { CdkVirtualScrollViewport } from '@angular/cdk/scrolling';
 import * as i6 from '@testgorilla/tgo-ui/components/button';
 import { ButtonIconPosition } from '@testgorilla/tgo-ui/components/button';
 import * as i5 from '@testgorilla/tgo-ui/components/core';
@@ -29,6 +29,13 @@ interface OptionChangeEvent {
     option: FilterButtonOption;
 }
 
+type FilterButtonRow = {
+    kind: 'header';
+    title: string;
+} | {
+    kind: 'option';
+    option: FilterButtonOption;
+};
 declare class FilterButtonComponent implements OnChanges {
     private readonly defaultAppTheme;
     private readonly cdr;
@@ -131,11 +138,15 @@ declare class FilterButtonComponent implements OnChanges {
      */
     applicationTheme: ApplicationTheme;
     overlayContainer: ElementRef<HTMLElement>;
-    filterOptions: QueryList<FocusableOption>;
+    viewport?: CdkVirtualScrollViewport;
+    /** Must match the `.item` height in the SCSS — the fixed-size viewport relies on it. */
+    readonly ITEM_SIZE = 48;
+    readonly MAX_LIST_HEIGHT = 290;
     isOpen: _angular_core.WritableSignal<boolean>;
     displayedLabel: _angular_core.WritableSignal<string>;
     tooltip: _angular_core.WritableSignal<string>;
     search: _angular_core.WritableSignal<string>;
+    activeIndex: _angular_core.WritableSignal<number>;
     showTooltip: {
         [key: string]: boolean;
     };
@@ -146,20 +157,30 @@ declare class FilterButtonComponent implements OnChanges {
         labelNumber?: number;
         icon?: IconName;
     }[]>;
+    flatOptions: _angular_core.Signal<FilterButtonRow[]>;
+    optionCount: _angular_core.Signal<number>;
+    activeOption: _angular_core.Signal<FilterButtonOption | undefined>;
+    activePosition: _angular_core.Signal<number>;
+    listHeight: _angular_core.Signal<number>;
+    protected trackByRow: (_index: number, row: FilterButtonRow) => string;
     readonly MIN_OPTIONS_LENGTH_FOR_SEARCH = 8;
-    protected keyManager: FocusKeyManager<FocusableOption>;
     protected translationContext: string;
-    constructor(defaultAppTheme: ApplicationTheme, cdr: ChangeDetectorRef);
+    private readonly searchInput$;
+    constructor(defaultAppTheme: ApplicationTheme, cdr: ChangeDetectorRef, destroyRef: DestroyRef);
     ngOnChanges(changes: SimpleChanges): void;
     clearValue(): void;
     outsideClick(): void;
     toggle(): void;
     isSelected(value?: FilterValue): boolean;
     optionChanged(selected: boolean, option: FilterButtonOption): void;
+    onSearchChange(value: string): void;
     keyDownHandler(ev: KeyboardEvent): void;
     onLabelEllipsisChange(isEllipsis: boolean, value: FilterValue): void;
+    private firstOptionIndex;
+    private moveActive;
+    private toggleActiveOption;
     private updateLabel;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FilterButtonComponent, [{ optional: true; }, null]>;
+    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>;
 }
 

package/fesm2022/testgorilla-tgo-ui-components-filter-button.mjs

@@ -1,11 +1,14 @@
-import { FocusKeyManager } from '@angular/cdk/a11y';
 import { CdkOverlayOrigin, CdkConnectedOverlay, OverlayModule } from '@angular/cdk/overlay';
+import { CdkVirtualScrollViewport, CdkFixedSizeVirtualScroll, CdkVirtualForOf } from '@angular/cdk/scrolling';
 import { AsyncPipe, CommonModule } from '@angular/common';
 import * as i0 from '@angular/core';
-import { input, EventEmitter, signal, computed, ViewChildren, ViewChild, HostBinding, Input, Output, Optional, Inject, ChangeDetectionStrategy, ViewEncapsulation, Component, NgModule } from '@angular/core';
+import { input, EventEmitter, signal, computed, ViewChild, HostBinding, Input, Output, Optional, Inject, ChangeDetectionStrategy, ViewEncapsulation, Component, NgModule } from '@angular/core';
+import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import * as i1 from '@angular/forms';
 import { FormsModule } from '@angular/forms';
 import { MatTooltip, MatTooltipModule } from '@angular/material/tooltip';
+import { Subject } from 'rxjs';
+import { debounceTime } from 'rxjs/operators';
 import { ButtonComponent, ButtonComponentModule } from '@testgorilla/tgo-ui/components/button';
 import { CheckboxComponent, CheckboxComponentModule } from '@testgorilla/tgo-ui/components/checkbox';
 import { IKeyboardEvent, EllipseTextDirective, UiTranslatePipe } from '@testgorilla/tgo-ui/components/core';
@@ -14,7 +17,7 @@ import { IconComponent, IconComponentModule } from '@testgorilla/tgo-ui/componen
 import { RadioButtonComponent, RadioButtonComponentModule } from '@testgorilla/tgo-ui/components/radio-button';
 
 class FilterButtonComponent {
-    constructor(defaultAppTheme, cdr) {
+    constructor(defaultAppTheme, cdr, destroyRef) {
         this.defaultAppTheme = defaultAppTheme;
         this.cdr = cdr;
         this.class = 'ui-filter-button';
@@ -107,10 +110,14 @@ class FilterButtonComponent {
          * @memberof FilterButtonComponent
          */
         this.applicationTheme = 'light';
+        /** Must match the `.item` height in the SCSS — the fixed-size viewport relies on it. */
+        this.ITEM_SIZE = 48;
+        this.MAX_LIST_HEIGHT = 290;
         this.isOpen = signal(false, ...(ngDevMode ? [{ debugName: "isOpen" }] : []));
         this.displayedLabel = signal('', ...(ngDevMode ? [{ debugName: "displayedLabel" }] : []));
         this.tooltip = signal('', ...(ngDevMode ? [{ debugName: "tooltip" }] : []));
         this.search = signal('', ...(ngDevMode ? [{ debugName: "search" }] : []));
+        this.activeIndex = signal(0, ...(ngDevMode ? [{ debugName: "activeIndex" }] : []));
         this.showTooltip = {};
         this.displayedOptions = computed(() => {
             let lastSectionTitle;
@@ -122,11 +129,49 @@ class FilterButtonComponent {
             })
                 .filter(option => option.label.toLowerCase().includes(this.search().toLowerCase()));
         }, ...(ngDevMode ? [{ debugName: "displayedOptions" }] : []));
+        // Section titles become their own rows so the fixed-size viewport can position every row with one `itemSize`.
+        this.flatOptions = computed(() => {
+            const rows = [];
+            let lastTitle;
+            for (const option of this.displayedOptions()) {
+                if (option.sectionTitle && option.sectionTitle !== lastTitle) {
+                    lastTitle = option.sectionTitle;
+                    rows.push({ kind: 'header', title: option.sectionTitle });
+                }
+                rows.push({ kind: 'option', option });
+            }
+            return rows;
+        }, ...(ngDevMode ? [{ debugName: "flatOptions" }] : []));
+        this.optionCount = computed(() => this.displayedOptions().length, ...(ngDevMode ? [{ debugName: "optionCount" }] : []));
+        this.activeOption = computed(() => {
+            const row = this.flatOptions()[this.activeIndex()];
+            return row?.kind === 'option' ? row.option : undefined;
+        }, ...(ngDevMode ? [{ debugName: "activeOption" }] : []));
+        // 1-based position of the active option (headers excluded) for the aria-live announcement.
+        this.activePosition = computed(() => {
+            const rows = this.flatOptions();
+            const activeIndex = this.activeIndex();
+            let position = 0;
+            for (let i = 0; i <= activeIndex && i < rows.length; i++) {
+                if (rows[i].kind === 'option') {
+                    position++;
+                }
+            }
+            return position;
+        }, ...(ngDevMode ? [{ debugName: "activePosition" }] : []));
+        this.listHeight = computed(() => Math.min(Math.max(this.flatOptions().length * this.ITEM_SIZE, this.ITEM_SIZE), this.MAX_LIST_HEIGHT), ...(ngDevMode ? [{ debugName: "listHeight" }] : []));
+        this.trackByRow = (_index, row) => row.kind === 'header' ? `header:${row.title}` : `option:${row.option.value}`;
         this.MIN_OPTIONS_LENGTH_FOR_SEARCH = 8;
         this.translationContext = 'FILTER_BUTTON.';
+        this.searchInput$ = new Subject();
         if (this.defaultAppTheme) {
             this.applicationTheme = this.defaultAppTheme;
         }
+        this.searchInput$.pipe(debounceTime(150), takeUntilDestroyed(destroyRef)).subscribe(value => {
+            this.search.set(value);
+            this.activeIndex.set(this.firstOptionIndex());
+            this.cdr.markForCheck();
+        });
     }
     ngOnChanges(changes) {
         if (changes['value']) {
@@ -146,8 +191,7 @@ class FilterButtonComponent {
     toggle() {
         this.isOpen.set(!this.isOpen());
         if (this.isOpen()) {
-            this.keyManager = new FocusKeyManager(this.filterOptions).withWrap();
-            this.keyManager.setActiveItem(0);
+            this.activeIndex.set(this.firstOptionIndex());
         }
         this.cdr.markForCheck();
     }
@@ -171,14 +215,21 @@ class FilterButtonComponent {
         this.optionChange.emit({ selected, option });
         this.updateLabel();
     }
+    onSearchChange(value) {
+        this.searchInput$.next(value);
+    }
     keyDownHandler(ev) {
         if (ev.key === IKeyboardEvent.ARROW_DOWN) {
             ev.preventDefault();
-            this.keyManager.setNextItemActive();
+            this.moveActive(1);
         }
         else if (ev.key === IKeyboardEvent.ARROW_UP) {
             ev.preventDefault();
-            this.keyManager.setPreviousItemActive();
+            this.moveActive(-1);
+        }
+        else if (ev.key === IKeyboardEvent.ENTER || ev.key === IKeyboardEvent.SPACE) {
+            ev.preventDefault();
+            this.toggleActiveOption();
         }
         else if (ev.key === IKeyboardEvent.ESCAPE) {
             this.isOpen.set(false);
@@ -187,6 +238,34 @@ class FilterButtonComponent {
     onLabelEllipsisChange(isEllipsis, value) {
         this.showTooltip[value] = isEllipsis;
     }
+    firstOptionIndex() {
+        const index = this.flatOptions().findIndex(row => row.kind === 'option');
+        return index === -1 ? 0 : index;
+    }
+    moveActive(delta) {
+        const rows = this.flatOptions();
+        const optionIndexes = [];
+        rows.forEach((row, index) => {
+            if (row.kind === 'option') {
+                optionIndexes.push(index);
+            }
+        });
+        if (!optionIndexes.length) {
+            return;
+        }
+        const currentPos = optionIndexes.indexOf(this.activeIndex());
+        const basePos = currentPos === -1 ? 0 : currentPos;
+        const nextPos = (basePos + delta + optionIndexes.length) % optionIndexes.length;
+        const nextIndex = optionIndexes[nextPos];
+        this.activeIndex.set(nextIndex);
+        this.viewport?.scrollToIndex(nextIndex, 'smooth');
+    }
+    toggleActiveOption() {
+        const option = this.activeOption();
+        if (option) {
+            this.optionChanged(!this.isSelected(option.value), option);
+        }
+    }
     updateLabel() {
         this.value = this.value || [];
         let displayedLabel = '';
@@ -205,8 +284,8 @@ class FilterButtonComponent {
         this.tooltip.set(tooltip);
         this.cdr.markForCheck();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: FilterButtonComponent, deps: [{ token: 'CANOPYUI_DEFAULT_APPLICATION_THEME', optional: true }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", type: FilterButtonComponent, isStandalone: true, selector: "ui-filter-button", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: false, isRequired: false, transformFunction: null }, message: { classPropertyName: "message", publicName: "message", isSignal: false, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: false, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: false, isRequired: false, transformFunction: null }, options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null }, allowClear: { classPropertyName: "allowClear", publicName: "allowClear", isSignal: false, isRequired: false, transformFunction: null }, singleSelection: { classPropertyName: "singleSelection", publicName: "singleSelection", isSignal: false, isRequired: false, transformFunction: null }, iconName: { classPropertyName: "iconName", publicName: "iconName", isSignal: false, isRequired: false, transformFunction: null }, iconPosition: { classPropertyName: "iconPosition", publicName: "iconPosition", isSignal: false, isRequired: false, transformFunction: null }, noOptionsMessage: { classPropertyName: "noOptionsMessage", publicName: "noOptionsMessage", isSignal: false, isRequired: false, transformFunction: null }, applicationTheme: { classPropertyName: "applicationTheme", publicName: "applicationTheme", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { changed: "changed", optionChange: "optionChange" }, host: { properties: { "class": "this.class", "attr.theme": "this.applicationTheme" } }, viewQueries: [{ propertyName: "overlayContainer", first: true, predicate: ["overlayContainer"], descendants: true }, { propertyName: "filterOptions", predicate: ["filterOption"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<ng-container>\n  <ui-button\n    [matTooltip]=\"tooltip()\"\n    [matTooltipClass]=\"'tooltip-multi-line ' + applicationTheme\"\n    [matTooltipPosition]=\"'above'\"\n    class=\"ui-filter-button-trigger\"\n    [class.button-opened]=\"isOpen()\"\n    [variant]=\"value.length || isOpen() ? 'secondary' : 'ghost'\"\n    [label]=\"displayedLabel() || label\"\n    [disabled]=\"disabled || (options().length === 0 && !noOptionsMessage)\"\n    (click)=\"toggle()\"\n    type=\"button\"\n    size=\"small\"\n    [role]=\"'combobox'\"\n    [tooltip]=\"value.length ? ' ' : ''\"\n    [attr.aria-expanded]=\"isOpen()\"\n    [iconName]=\"iconName || (isOpen() ? 'Arrow-chevron-up-filled' : 'Arrow-chevron-down-filled')\"\n    [iconPosition]=\"iconPosition\"\n    [applicationTheme]=\"applicationTheme\"\n    cdkOverlayOrigin\n    #trigger=\"cdkOverlayOrigin\"\n  ></ui-button>\n  <ng-template\n    cdkConnectedOverlay\n    [cdkConnectedOverlayOrigin]=\"trigger\"\n    [cdkConnectedOverlayOpen]=\"isOpen()\"\n    (overlayOutsideClick)=\"outsideClick()\"\n  >\n    @if (displayedOptions().length) {\n      <div style=\"position: absolute; left: -9999px\" [attr.aria-live]=\"'polite'\">\n        {{ displayedOptions()[keyManager.activeItemIndex ?? 0].label }}\n        {{\n          translationContext + 'ACTIVE_ITEM'\n            | uiTranslate: { active: (keyManager.activeItemIndex ?? 0) + 1, total: filterOptions.length }\n            | async\n        }}\n      </div>\n      <div style=\"position: absolute; left: -9999px\" [attr.aria-live]=\"'polite'\">\n        {{ displayedOptions()[keyManager.activeItemIndex ?? 0].label }}\n        {{\n          (value.includes(displayedOptions()[keyManager.activeItemIndex ?? 0].value)\n            ? translationContext + 'SELECTED'\n            : translationContext + 'DESELECTED'\n          )\n            | uiTranslate\n            | async\n        }}\n      </div>\n    }\n    <div class=\"ui-filter-button\" #overlayContainer>\n      @if (options().length > MIN_OPTIONS_LENGTH_FOR_SEARCH) {\n        <div class=\"ui-filter-button-header\">\n          <ui-field\n            type=\"search\"\n            [showBottomContent]=\"false\"\n            [ngModel]=\"search()\"\n            (ngModelChange)=\"search.set($event)\"\n            [applicationTheme]=\"applicationTheme\"\n          ></ui-field>\n        </div>\n      }\n      <div class=\"ui-filter-button-list\" #list tabindex=\"0\" (keydown)=\"keyDownHandler($event)\">\n        @if (!displayedOptions().length && options().length) {\n          <div class=\"no-results-found\">\n            <span>{{ translationContext + 'NO_RESULTS_FOUND' | uiTranslate | async }}</span>\n          </div>\n        } @else {\n          @for (section of displayedOptions(); track section; let i = $index) {\n            <div>\n              @if (section.sectionTitle && section.sectionTitle !== displayedOptions()[i - 1]?.sectionTitle) {\n                <div class=\"section-title\">\n                  {{ section.sectionTitle }}\n                </div>\n              }\n              <div\n                class=\"item\"\n                [class.item-selected]=\"isSelected(section.value)\"\n                tabindex=\"0\"\n                (click)=\"optionChanged(!isSelected(section.value), section)\"\n                (keydown.enter)=\"optionChanged(!isSelected(section.value), section)\"\n              >\n                @if (singleSelection) {\n                  <ui-radio-button\n                    (click)=\"$event.stopPropagation()\"\n                    [tabIndex]=\"i === 0 ? 0 : -1\"\n                    [selected]=\"isSelected(section.value)\"\n                    (changeRadio)=\"optionChanged($event.optionChecked, section)\"\n                    [applicationTheme]=\"applicationTheme\"\n                    #filterOption\n                  >\n                  </ui-radio-button>\n                }\n                @if (!singleSelection) {\n                  <ui-checkbox\n                    (click)=\"$event.stopPropagation()\"\n                    [class.with-label-number]=\"section.labelNumber !== undefined\"\n                    [tabIndex]=\"i === 0 ? 0 : -1\"\n                    [checked]=\"isSelected(section.value)\"\n                    (changed)=\"optionChanged($event, section)\"\n                    [applicationTheme]=\"applicationTheme\"\n                    #filterOption\n                  ></ui-checkbox>\n                }\n                @if (section.icon) {\n                  <ui-icon [applicationTheme]=\"applicationTheme\" [name]=\"section.icon\"></ui-icon>\n                }\n                <span\n                  #tooltip=\"matTooltip\"\n                  class=\"item-label\"\n                  uiEllipseText\n                  (onChangeTextState)=\"onLabelEllipsisChange($event, section.value)\"\n                  [matTooltip]=\"showTooltip[section.value] ? section.label : ''\"\n                  [matTooltipClass]=\"applicationTheme\"\n                >\n                  {{ section.label }}\n                </span>\n                @if (section.labelNumber !== undefined) {\n                  <span class=\"item-number\">({{ section.labelNumber }})</span>\n                }\n              </div>\n            </div>\n          }\n        }\n      </div>\n      @if (!options().length && !!noOptionsMessage) {\n        <div class=\"ui-filter-button-no-options\" [innerHTML]=\"noOptionsMessage\"></div>\n      } @else {\n        @if (allowClear || message) {\n          <div class=\"ui-filter-button-footer\">\n            @if (allowClear) {\n              <ui-button\n                variant=\"text\"\n                size=\"small\"\n                [label]=\"('COMMON.RESET' | uiTranslate | async)!\"\n                (click)=\"clearValue()\"\n                [applicationTheme]=\"applicationTheme\"\n                (keydown.escape)=\"toggle()\"\n              ></ui-button>\n            }\n            <div class=\"ui-filter-button-footer-message\">\n              {{ message }}\n            </div>\n          </div>\n        }\n      }\n    </div>\n  </ng-template>\n</ng-container>\n", styles: [".bg-teal-60b{background:#1c443c}.bg-teal-30b{background:#31766a}.bg-teal-default{background:#46a997}.bg-teal-30w{background:#7ec3b6}.bg-teal-60w{background:#b5ddd5}.bg-teal-secondary{background:#cbd6cb}.bg-teal-90w{background:#ecf6f5}.bg-petrol-60b{background:#102930}.bg-petrol-30b{background:#1b4754}.bg-petrol-default{background:#276678}.bg-petrol-30w{background:#6894a0}.bg-petrol-60w{background:#a9c2c9}.bg-petrol-secondary{background:#c8d7de}.bg-petrol-90w{background:#e9f0f1}.bg-error-60b{background:#513131}.bg-error-30b{background:#8e5655}.bg-error-60w{background:#e3c3c6}.bg-error-secondary{background:#f0dad9}.bg-error-default{background:#cb7b7a}.bg-warning-secondary{background:#f0d6bb}.bg-warning-default{background:#cca45f}.bg-black{background:#000}.bg-dark{background:#888}.bg-medium{background:#e0e0e0}.bg-grey{background:#ededed}.bg-light{background:#f6f6f6}.bg-white{background:#fff}.bg-box-shadow{background:#00000014}.bg-navigation-subtitle{background:#528593}.bgc-teal-60b{background-color:#1c443c}.bgc-teal-30b{background-color:#31766a}.bgc-teal-default{background-color:#46a997}.bgc-teal-30w{background-color:#7ec3b6}.bgc-teal-60w{background-color:#b5ddd5}.bgc-teal-secondary{background-color:#cbd6cb}.bgc-teal-90w{background-color:#ecf6f5}.bgc-petrol-60b{background-color:#102930}.bgc-petrol-30b{background-color:#1b4754}.bgc-petrol-default{background-color:#276678}.bgc-petrol-30w{background-color:#6894a0}.bgc-petrol-60w{background-color:#a9c2c9}.bgc-petrol-secondary{background-color:#c8d7de}.bgc-petrol-90w{background-color:#e9f0f1}.bgc-error-60b{background-color:#513131}.bgc-error-30b{background-color:#8e5655}.bgc-error-60w{background-color:#e3c3c6}.bgc-error-secondary{background-color:#f0dad9}.bgc-error-default{background-color:#cb7b7a}.bgc-warning-secondary{background-color:#f0d6bb}.bgc-warning-default{background-color:#cca45f}.bgc-black{background-color:#000}.bgc-dark{background-color:#888}.bgc-medium{background-color:#e0e0e0}.bgc-grey{background-color:#ededed}.bgc-light{background-color:#f6f6f6}.bgc-white{background-color:#fff}.bgc-box-shadow{background-color:#00000014}.bgc-navigation-subtitle{background-color:#528593}ui-filter-button{display:inline-block}ui-filter-button ui-button .button-wrapper button{padding:7px 24px!important}ui-filter-button ui-button .button-wrapper button .icon ui-icon mat-icon.size-16 svg{width:24px;height:24px}ui-filter-button ui-button .button-wrapper button .label{line-clamp:1;-webkit-line-clamp:1!important}ui-filter-button ui-button.button-opened .button-wrapper button{background-color:#666!important;border-color:#666}ui-filter-button ui-button button.secondary{border:1px solid #242424}ui-filter-button ui-button button.secondary:hover{border-color:#666}.cdk-overlay-container .cdk-overlay-pane .ui-filter-button{margin-top:4px;box-shadow:0 4px 16px #24242414;border-radius:10px;background-color:#fff;padding:0 0 8px;width:240px}.cdk-overlay-container .cdk-overlay-pane .ui-filter-button-header{padding:8px 16px 0}.cdk-overlay-container .cdk-overlay-pane .ui-filter-button-list{max-height:290px;overflow-y:auto;overflow-x:hidden}.cdk-overlay-container .cdk-overlay-pane .ui-filter-button-list .section-title,.cdk-overlay-container .cdk-overlay-pane .ui-filter-button-list .no-results-found{padding:8px 16px}.cdk-overlay-container .cdk-overlay-pane .ui-filter-button-list .item{padding:0 16px 0 5px;display:flex;align-items:center;gap:5px;height:48px;cursor:pointer}.cdk-overlay-container .cdk-overlay-pane .ui-filter-button-list .item:hover,.cdk-overlay-container .cdk-overlay-pane .ui-filter-button-list .item.item-selected{background-color:#f4f4f4}.cdk-overlay-container .cdk-overlay-pane .ui-filter-button-list .item ui-checkbox{max-width:100%}.cdk-overlay-container .cdk-overlay-pane .ui-filter-button-list .item ui-checkbox.with-label-number{max-width:calc(100% - 25px)}.cdk-overlay-container .cdk-overlay-pane .ui-filter-button-list .item-number{color:#666}.cdk-overlay-container .cdk-overlay-pane .ui-filter-button-list .item-label{-webkit-user-select:none;user-select:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cdk-overlay-container .cdk-overlay-pane .ui-filter-button-footer{display:flex;justify-content:space-between;align-items:center;padding:0 16px 0 5px}.cdk-overlay-container .cdk-overlay-pane .ui-filter-button-footer ui-button{margin-left:-5px}.cdk-overlay-container .cdk-overlay-pane .ui-filter-button-footer-message{color:#666}.cdk-overlay-container .cdk-overlay-pane .ui-filter-button-no-options{padding:24px}.tooltip-multi-line .mdc-tooltip__surface{text-align:left;white-space:pre-line}\n"], dependencies: [{ kind: "component", type: ButtonComponent, selector: "ui-button", inputs: ["size", "variant", "label", "iconPosition", "justIcon", "iconName", "disabled", "loading", "loadingWithLabel", "fullWidth", "url", "urlTarget", "value", "tooltip", "isPremium", "type", "companyColor", "buttonBadgeConfig", "applicationTheme", "disabledScaleOnClick", "ariaLabel", "ariaExpanded", "ariaControls", "ariaPressed", "ariaRequired", "ariaLabelledby", "ariaDescribedby", "preventDefault", "hasBackground", "tooltipPosition", "role", "iconFilled"], outputs: ["buttonClickEvent", "buttonHoverEvent"] }, { kind: "directive", type: CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }, { kind: "directive", type: MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "directive", type: CdkConnectedOverlay, selector: "[cdk-connected-overlay], [connected-overlay], [cdkConnectedOverlay]", inputs: ["cdkConnectedOverlayOrigin", "cdkConnectedOverlayPositions", "cdkConnectedOverlayPositionStrategy", "cdkConnectedOverlayOffsetX", "cdkConnectedOverlayOffsetY", "cdkConnectedOverlayWidth", "cdkConnectedOverlayHeight", "cdkConnectedOverlayMinWidth", "cdkConnectedOverlayMinHeight", "cdkConnectedOverlayBackdropClass", "cdkConnectedOverlayPanelClass", "cdkConnectedOverlayViewportMargin", "cdkConnectedOverlayScrollStrategy", "cdkConnectedOverlayOpen", "cdkConnectedOverlayDisableClose", "cdkConnectedOverlayTransformOriginOn", "cdkConnectedOverlayHasBackdrop", "cdkConnectedOverlayLockPosition", "cdkConnectedOverlayFlexibleDimensions", "cdkConnectedOverlayGrowAfterOpen", "cdkConnectedOverlayPush", "cdkConnectedOverlayDisposeOnNavigation"], outputs: ["backdropClick", "positionChange", "attach", "detach", "overlayKeydown", "overlayOutsideClick"], exportAs: ["cdkConnectedOverlay"] }, { kind: "component", type: FieldComponent, selector: "ui-field", inputs: ["fullWidth", "fullHeight", "label", "labelHtml", "labelIcon", "fieldName", "placeholder", "id", "value", "badgeVariant", "errors", "disabled", "required", "readOnly", "hintMessage", "type", "updateOnBlur", "allowOnlyDigits", "isAutocompleteOff", "allowNegative", "showBottomContent", "applicationTheme", "ariaLabel", "loading", "isValid", "maxCharacters", "trimOnBlur", "trimOnSubmit", "maxRows", "hasTextAreaCounter", "hideBuiltInErrors", "hideLabelInErrors", "max", "min", "textareaHeight", "borderless", "autosizableTextarea", "isAIVariant", "ariaLabelledby", "ariaDescribedby", "hasError"], outputs: ["validateEvent", "fieldBlur"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: RadioButtonComponent, selector: "ui-radio-button", inputs: ["disabled", "selected", "allowUnselect", "companyColor", "name", "label", "multiple", "mediaCard", "value", "applicationTheme", "ariaLabel", "ariaRequired", "hasError", "ariaLabelledby", "ariaDescribedby", "truncateText", "alignment", "tabIndex", "hideTooltipOnEllipsis"], outputs: ["changeRadio"] }, { kind: "component", type: CheckboxComponent, selector: "ui-checkbox", inputs: ["disabled", "checked", "indeterminate", "companyColor", "name", "label", "multiple", "applicationTheme", "ariaLabel", "ariaRequired", "hasError", "hideBuiltInErrors", "hideLabelInErrors", "ariaLabelledby", "ariaDescribedby", "truncateText", "alignment", "tabIndex"], outputs: ["changed"] }, { kind: "component", type: IconComponent, selector: "ui-icon", inputs: ["size", "cssClass", "name", "color", "filled", "toggleIconStyle", "applicationTheme", "useFullIconName"] }, { kind: "directive", type: EllipseTextDirective, selector: "[uiEllipseText]", inputs: ["isMultiline", "maxDiffPixels", "refresh"], outputs: ["onChangeTextState"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: UiTranslatePipe, name: "uiTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: FilterButtonComponent, deps: [{ token: 'CANOPYUI_DEFAULT_APPLICATION_THEME', optional: true }, { token: i0.ChangeDetectorRef }, { token: i0.DestroyRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", type: FilterButtonComponent, isStandalone: true, selector: "ui-filter-button", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: false, isRequired: false, transformFunction: null }, message: { classPropertyName: "message", publicName: "message", isSignal: false, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: false, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: false, isRequired: false, transformFunction: null }, options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null }, allowClear: { classPropertyName: "allowClear", publicName: "allowClear", isSignal: false, isRequired: false, transformFunction: null }, singleSelection: { classPropertyName: "singleSelection", publicName: "singleSelection", isSignal: false, isRequired: false, transformFunction: null }, iconName: { classPropertyName: "iconName", publicName: "iconName", isSignal: false, isRequired: false, transformFunction: null }, iconPosition: { classPropertyName: "iconPosition", publicName: "iconPosition", isSignal: false, isRequired: false, transformFunction: null }, noOptionsMessage: { classPropertyName: "noOptionsMessage", publicName: "noOptionsMessage", isSignal: false, isRequired: false, transformFunction: null }, applicationTheme: { classPropertyName: "applicationTheme", publicName: "applicationTheme", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { changed: "changed", optionChange: "optionChange" }, host: { properties: { "class": "this.class", "attr.theme": "this.applicationTheme" } }, viewQueries: [{ propertyName: "overlayContainer", first: true, predicate: ["overlayContainer"], descendants: true }, { propertyName: "viewport", first: true, predicate: CdkVirtualScrollViewport, descendants: true }], usesOnChanges: true, ngImport: i0, template: "<ng-container>\n  <ui-button\n    [matTooltip]=\"tooltip()\"\n    [matTooltipClass]=\"'tooltip-multi-line ' + applicationTheme\"\n    [matTooltipPosition]=\"'above'\"\n    class=\"ui-filter-button-trigger\"\n    [class.button-opened]=\"isOpen()\"\n    [variant]=\"value.length || isOpen() ? 'secondary' : 'ghost'\"\n    [label]=\"displayedLabel() || label\"\n    [disabled]=\"disabled || (options().length === 0 && !noOptionsMessage)\"\n    (click)=\"toggle()\"\n    type=\"button\"\n    size=\"small\"\n    [role]=\"'combobox'\"\n    [tooltip]=\"value.length ? ' ' : ''\"\n    [attr.aria-expanded]=\"isOpen()\"\n    [iconName]=\"iconName || (isOpen() ? 'Arrow-chevron-up-filled' : 'Arrow-chevron-down-filled')\"\n    [iconPosition]=\"iconPosition\"\n    [applicationTheme]=\"applicationTheme\"\n    cdkOverlayOrigin\n    #trigger=\"cdkOverlayOrigin\"\n  ></ui-button>\n  <ng-template\n    cdkConnectedOverlay\n    [cdkConnectedOverlayOrigin]=\"trigger\"\n    [cdkConnectedOverlayOpen]=\"isOpen()\"\n    (overlayOutsideClick)=\"outsideClick()\"\n  >\n    @if (activeOption(); as active) {\n      <div style=\"position: absolute; left: -9999px\" [attr.aria-live]=\"'polite'\">\n        {{ active.label }}\n        {{\n          translationContext + 'ACTIVE_ITEM' | uiTranslate: { active: activePosition(), total: optionCount() } | async\n        }}\n      </div>\n      <div style=\"position: absolute; left: -9999px\" [attr.aria-live]=\"'polite'\">\n        {{ active.label }}\n        {{\n          (value.includes(active.value) ? translationContext + 'SELECTED' : translationContext + 'DESELECTED')\n            | uiTranslate\n            | async\n        }}\n      </div>\n    }\n    <div class=\"ui-filter-button\" #overlayContainer>\n      @if (options().length > MIN_OPTIONS_LENGTH_FOR_SEARCH) {\n        <div class=\"ui-filter-button-header\">\n          <ui-field\n            type=\"search\"\n            [showBottomContent]=\"false\"\n            [ngModel]=\"search()\"\n            (ngModelChange)=\"onSearchChange($event)\"\n            [applicationTheme]=\"applicationTheme\"\n          ></ui-field>\n        </div>\n      }\n      <div\n        class=\"ui-filter-button-list\"\n        #list\n        tabindex=\"0\"\n        role=\"listbox\"\n        [attr.aria-activedescendant]=\"isOpen() && activeOption() ? 'ui-fb-option-' + activeIndex() : null\"\n        (keydown)=\"keyDownHandler($event)\"\n      >\n        @if (!displayedOptions().length && options().length) {\n          <div class=\"no-results-found\">\n            <span>{{ translationContext + 'NO_RESULTS_FOUND' | uiTranslate | async }}</span>\n          </div>\n        } @else {\n          <cdk-virtual-scroll-viewport\n            class=\"ui-filter-button-viewport\"\n            [itemSize]=\"ITEM_SIZE\"\n            [style.height.px]=\"listHeight()\"\n          >\n            <ng-container *cdkVirtualFor=\"let row of flatOptions(); let i = index; trackBy: trackByRow\">\n              @if (row.kind === 'header') {\n                <div class=\"section-title\">\n                  {{ row.title }}\n                </div>\n              } @else {\n                <div\n                  class=\"item\"\n                  role=\"option\"\n                  tabindex=\"-1\"\n                  [id]=\"'ui-fb-option-' + i\"\n                  [class.item-selected]=\"isSelected(row.option.value)\"\n                  [class.item-active]=\"activeIndex() === i\"\n                  [attr.aria-selected]=\"isSelected(row.option.value)\"\n                  (click)=\"activeIndex.set(i); optionChanged(!isSelected(row.option.value), row.option)\"\n                  (keydown.enter)=\"optionChanged(!isSelected(row.option.value), row.option)\"\n                >\n                  @if (singleSelection) {\n                    <ui-radio-button\n                      (click)=\"$event.stopPropagation()\"\n                      [tabIndex]=\"-1\"\n                      [selected]=\"isSelected(row.option.value)\"\n                      (changeRadio)=\"optionChanged($event.optionChecked, row.option)\"\n                      [applicationTheme]=\"applicationTheme\"\n                    >\n                    </ui-radio-button>\n                  }\n                  @if (!singleSelection) {\n                    <ui-checkbox\n                      (click)=\"$event.stopPropagation()\"\n                      [class.with-label-number]=\"row.option.labelNumber !== undefined\"\n                      [tabIndex]=\"-1\"\n                      [checked]=\"isSelected(row.option.value)\"\n                      (changed)=\"optionChanged($event, row.option)\"\n                      [applicationTheme]=\"applicationTheme\"\n                    ></ui-checkbox>\n                  }\n                  @if (row.option.icon) {\n                    <ui-icon [applicationTheme]=\"applicationTheme\" [name]=\"row.option.icon\"></ui-icon>\n                  }\n                  <span\n                    #tooltip=\"matTooltip\"\n                    class=\"item-label\"\n                    uiEllipseText\n                    [refresh]=\"row.option.value\"\n                    (onChangeTextState)=\"onLabelEllipsisChange($event, row.option.value)\"\n                    [matTooltip]=\"showTooltip[row.option.value] ? row.option.label : ''\"\n                    [matTooltipClass]=\"applicationTheme\"\n                  >\n                    {{ row.option.label }}\n                  </span>\n                  @if (row.option.labelNumber !== undefined) {\n                    <span class=\"item-number\">({{ row.option.labelNumber }})</span>\n                  }\n                </div>\n              }\n            </ng-container>\n          </cdk-virtual-scroll-viewport>\n        }\n      </div>\n      @if (!options().length && !!noOptionsMessage) {\n        <div class=\"ui-filter-button-no-options\" [innerHTML]=\"noOptionsMessage\"></div>\n      } @else {\n        @if (allowClear || message) {\n          <div class=\"ui-filter-button-footer\">\n            @if (allowClear) {\n              <ui-button\n                variant=\"text\"\n                size=\"small\"\n                [label]=\"('COMMON.RESET' | uiTranslate | async)!\"\n                (click)=\"clearValue()\"\n                [applicationTheme]=\"applicationTheme\"\n                (keydown.escape)=\"toggle()\"\n              ></ui-button>\n            }\n            <div class=\"ui-filter-button-footer-message\">\n              {{ message }}\n            </div>\n          </div>\n        }\n      }\n    </div>\n  </ng-template>\n</ng-container>\n", styles: [".bg-teal-60b{background:#1c443c}.bg-teal-30b{background:#31766a}.bg-teal-default{background:#46a997}.bg-teal-30w{background:#7ec3b6}.bg-teal-60w{background:#b5ddd5}.bg-teal-secondary{background:#cbd6cb}.bg-teal-90w{background:#ecf6f5}.bg-petrol-60b{background:#102930}.bg-petrol-30b{background:#1b4754}.bg-petrol-default{background:#276678}.bg-petrol-30w{background:#6894a0}.bg-petrol-60w{background:#a9c2c9}.bg-petrol-secondary{background:#c8d7de}.bg-petrol-90w{background:#e9f0f1}.bg-error-60b{background:#513131}.bg-error-30b{background:#8e5655}.bg-error-60w{background:#e3c3c6}.bg-error-secondary{background:#f0dad9}.bg-error-default{background:#cb7b7a}.bg-warning-secondary{background:#f0d6bb}.bg-warning-default{background:#cca45f}.bg-black{background:#000}.bg-dark{background:#888}.bg-medium{background:#e0e0e0}.bg-grey{background:#ededed}.bg-light{background:#f6f6f6}.bg-white{background:#fff}.bg-box-shadow{background:#00000014}.bg-navigation-subtitle{background:#528593}.bgc-teal-60b{background-color:#1c443c}.bgc-teal-30b{background-color:#31766a}.bgc-teal-default{background-color:#46a997}.bgc-teal-30w{background-color:#7ec3b6}.bgc-teal-60w{background-color:#b5ddd5}.bgc-teal-secondary{background-color:#cbd6cb}.bgc-teal-90w{background-color:#ecf6f5}.bgc-petrol-60b{background-color:#102930}.bgc-petrol-30b{background-color:#1b4754}.bgc-petrol-default{background-color:#276678}.bgc-petrol-30w{background-color:#6894a0}.bgc-petrol-60w{background-color:#a9c2c9}.bgc-petrol-secondary{background-color:#c8d7de}.bgc-petrol-90w{background-color:#e9f0f1}.bgc-error-60b{background-color:#513131}.bgc-error-30b{background-color:#8e5655}.bgc-error-60w{background-color:#e3c3c6}.bgc-error-secondary{background-color:#f0dad9}.bgc-error-default{background-color:#cb7b7a}.bgc-warning-secondary{background-color:#f0d6bb}.bgc-warning-default{background-color:#cca45f}.bgc-black{background-color:#000}.bgc-dark{background-color:#888}.bgc-medium{background-color:#e0e0e0}.bgc-grey{background-color:#ededed}.bgc-light{background-color:#f6f6f6}.bgc-white{background-color:#fff}.bgc-box-shadow{background-color:#00000014}.bgc-navigation-subtitle{background-color:#528593}ui-filter-button{display:inline-block}ui-filter-button ui-button .button-wrapper button{padding:7px 24px!important}ui-filter-button ui-button .button-wrapper button .icon ui-icon mat-icon.size-16 svg{width:24px;height:24px}ui-filter-button ui-button .button-wrapper button .label{line-clamp:1;-webkit-line-clamp:1!important}ui-filter-button ui-button.button-opened .button-wrapper button{background-color:#666!important;border-color:#666}ui-filter-button ui-button button.secondary{border:1px solid #242424}ui-filter-button ui-button button.secondary:hover{border-color:#666}.cdk-overlay-container .cdk-overlay-pane .ui-filter-button{margin-top:4px;box-shadow:0 4px 16px #24242414;border-radius:10px;background-color:#fff;padding:0 0 8px;width:240px}.cdk-overlay-container .cdk-overlay-pane .ui-filter-button-header{padding:8px 16px 0}.cdk-overlay-container .cdk-overlay-pane .ui-filter-button-list .section-title{display:flex;align-items:center;height:48px;padding:0 16px}.cdk-overlay-container .cdk-overlay-pane .ui-filter-button-list .no-results-found{padding:8px 16px}.cdk-overlay-container .cdk-overlay-pane .ui-filter-button-list .item{padding:0 16px 0 5px;display:flex;align-items:center;gap:5px;height:48px;cursor:pointer}.cdk-overlay-container .cdk-overlay-pane .ui-filter-button-list .item:hover,.cdk-overlay-container .cdk-overlay-pane .ui-filter-button-list .item.item-active,.cdk-overlay-container .cdk-overlay-pane .ui-filter-button-list .item.item-selected{background-color:#f4f4f4}.cdk-overlay-container .cdk-overlay-pane .ui-filter-button-list .item ui-checkbox{max-width:100%}.cdk-overlay-container .cdk-overlay-pane .ui-filter-button-list .item ui-checkbox.with-label-number{max-width:calc(100% - 25px)}.cdk-overlay-container .cdk-overlay-pane .ui-filter-button-list .item-number{color:#666}.cdk-overlay-container .cdk-overlay-pane .ui-filter-button-list .item-label{-webkit-user-select:none;user-select:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cdk-overlay-container .cdk-overlay-pane .ui-filter-button-viewport{width:100%;max-height:290px;overflow-x:hidden}.cdk-overlay-container .cdk-overlay-pane .ui-filter-button-viewport .cdk-virtual-scroll-content-wrapper{max-width:100%}.cdk-overlay-container .cdk-overlay-pane .ui-filter-button-footer{display:flex;justify-content:space-between;align-items:center;padding:0 16px 0 5px}.cdk-overlay-container .cdk-overlay-pane .ui-filter-button-footer ui-button{margin-left:-5px}.cdk-overlay-container .cdk-overlay-pane .ui-filter-button-footer-message{color:#666}.cdk-overlay-container .cdk-overlay-pane .ui-filter-button-no-options{padding:24px}.tooltip-multi-line .mdc-tooltip__surface{text-align:left;white-space:pre-line}\n"], dependencies: [{ kind: "component", type: ButtonComponent, selector: "ui-button", inputs: ["size", "variant", "label", "iconPosition", "justIcon", "iconName", "disabled", "loading", "loadingWithLabel", "fullWidth", "url", "urlTarget", "value", "tooltip", "isPremium", "type", "companyColor", "buttonBadgeConfig", "applicationTheme", "disabledScaleOnClick", "ariaLabel", "ariaExpanded", "ariaControls", "ariaPressed", "ariaRequired", "ariaLabelledby", "ariaDescribedby", "preventDefault", "hasBackground", "tooltipPosition", "role", "iconFilled"], outputs: ["buttonClickEvent", "buttonHoverEvent"] }, { kind: "directive", type: CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }, { kind: "directive", type: MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "directive", type: CdkConnectedOverlay, selector: "[cdk-connected-overlay], [connected-overlay], [cdkConnectedOverlay]", inputs: ["cdkConnectedOverlayOrigin", "cdkConnectedOverlayPositions", "cdkConnectedOverlayPositionStrategy", "cdkConnectedOverlayOffsetX", "cdkConnectedOverlayOffsetY", "cdkConnectedOverlayWidth", "cdkConnectedOverlayHeight", "cdkConnectedOverlayMinWidth", "cdkConnectedOverlayMinHeight", "cdkConnectedOverlayBackdropClass", "cdkConnectedOverlayPanelClass", "cdkConnectedOverlayViewportMargin", "cdkConnectedOverlayScrollStrategy", "cdkConnectedOverlayOpen", "cdkConnectedOverlayDisableClose", "cdkConnectedOverlayTransformOriginOn", "cdkConnectedOverlayHasBackdrop", "cdkConnectedOverlayLockPosition", "cdkConnectedOverlayFlexibleDimensions", "cdkConnectedOverlayGrowAfterOpen", "cdkConnectedOverlayPush", "cdkConnectedOverlayDisposeOnNavigation"], outputs: ["backdropClick", "positionChange", "attach", "detach", "overlayKeydown", "overlayOutsideClick"], exportAs: ["cdkConnectedOverlay"] }, { kind: "component", type: CdkVirtualScrollViewport, selector: "cdk-virtual-scroll-viewport", inputs: ["orientation", "appendOnly"], outputs: ["scrolledIndexChange"] }, { kind: "directive", type: CdkFixedSizeVirtualScroll, selector: "cdk-virtual-scroll-viewport[itemSize]", inputs: ["itemSize", "minBufferPx", "maxBufferPx"] }, { kind: "directive", type: CdkVirtualForOf, selector: "[cdkVirtualFor][cdkVirtualForOf]", inputs: ["cdkVirtualForOf", "cdkVirtualForTrackBy", "cdkVirtualForTemplate", "cdkVirtualForTemplateCacheSize"] }, { kind: "component", type: FieldComponent, selector: "ui-field", inputs: ["fullWidth", "fullHeight", "label", "labelHtml", "labelIcon", "fieldName", "placeholder", "id", "value", "badgeVariant", "errors", "disabled", "required", "readOnly", "hintMessage", "type", "updateOnBlur", "allowOnlyDigits", "isAutocompleteOff", "allowNegative", "showBottomContent", "applicationTheme", "ariaLabel", "loading", "isValid", "maxCharacters", "trimOnBlur", "trimOnSubmit", "maxRows", "hasTextAreaCounter", "hideBuiltInErrors", "hideLabelInErrors", "max", "min", "textareaHeight", "borderless", "autosizableTextarea", "isAIVariant", "ariaLabelledby", "ariaDescribedby", "hasError"], outputs: ["validateEvent", "fieldBlur"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: RadioButtonComponent, selector: "ui-radio-button", inputs: ["disabled", "selected", "allowUnselect", "companyColor", "name", "label", "multiple", "mediaCard", "value", "applicationTheme", "ariaLabel", "ariaRequired", "hasError", "ariaLabelledby", "ariaDescribedby", "truncateText", "alignment", "tabIndex", "hideTooltipOnEllipsis"], outputs: ["changeRadio"] }, { kind: "component", type: CheckboxComponent, selector: "ui-checkbox", inputs: ["disabled", "checked", "indeterminate", "companyColor", "name", "label", "multiple", "applicationTheme", "ariaLabel", "ariaRequired", "hasError", "hideBuiltInErrors", "hideLabelInErrors", "ariaLabelledby", "ariaDescribedby", "truncateText", "alignment", "tabIndex"], outputs: ["changed"] }, { kind: "component", type: IconComponent, selector: "ui-icon", inputs: ["size", "cssClass", "name", "color", "filled", "toggleIconStyle", "applicationTheme", "useFullIconName"] }, { kind: "directive", type: EllipseTextDirective, selector: "[uiEllipseText]", inputs: ["isMultiline", "maxDiffPixels", "refresh"], outputs: ["onChangeTextState"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: UiTranslatePipe, name: "uiTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: FilterButtonComponent, decorators: [{
             type: Component,
@@ -215,6 +294,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImpo
                         CdkOverlayOrigin,
                         MatTooltip,
                         CdkConnectedOverlay,
+                        CdkVirtualScrollViewport,
+                        CdkFixedSizeVirtualScroll,
+                        CdkVirtualForOf,
                         FieldComponent,
                         FormsModule,
                         RadioButtonComponent,
@@ -223,13 +305,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImpo
                         EllipseTextDirective,
                         AsyncPipe,
                         UiTranslatePipe,
-                    ], template: "<ng-container>\n  <ui-button\n    [matTooltip]=\"tooltip()\"\n    [matTooltipClass]=\"'tooltip-multi-line ' + applicationTheme\"\n    [matTooltipPosition]=\"'above'\"\n    class=\"ui-filter-button-trigger\"\n    [class.button-opened]=\"isOpen()\"\n    [variant]=\"value.length || isOpen() ? 'secondary' : 'ghost'\"\n    [label]=\"displayedLabel() || label\"\n    [disabled]=\"disabled || (options().length === 0 && !noOptionsMessage)\"\n    (click)=\"toggle()\"\n    type=\"button\"\n    size=\"small\"\n    [role]=\"'combobox'\"\n    [tooltip]=\"value.length ? ' ' : ''\"\n    [attr.aria-expanded]=\"isOpen()\"\n    [iconName]=\"iconName || (isOpen() ? 'Arrow-chevron-up-filled' : 'Arrow-chevron-down-filled')\"\n    [iconPosition]=\"iconPosition\"\n    [applicationTheme]=\"applicationTheme\"\n    cdkOverlayOrigin\n    #trigger=\"cdkOverlayOrigin\"\n  ></ui-button>\n  <ng-template\n    cdkConnectedOverlay\n    [cdkConnectedOverlayOrigin]=\"trigger\"\n    [cdkConnectedOverlayOpen]=\"isOpen()\"\n    (overlayOutsideClick)=\"outsideClick()\"\n  >\n    @if (displayedOptions().length) {\n      <div style=\"position: absolute; left: -9999px\" [attr.aria-live]=\"'polite'\">\n        {{ displayedOptions()[keyManager.activeItemIndex ?? 0].label }}\n        {{\n          translationContext + 'ACTIVE_ITEM'\n            | uiTranslate: { active: (keyManager.activeItemIndex ?? 0) + 1, total: filterOptions.length }\n            | async\n        }}\n      </div>\n      <div style=\"position: absolute; left: -9999px\" [attr.aria-live]=\"'polite'\">\n        {{ displayedOptions()[keyManager.activeItemIndex ?? 0].label }}\n        {{\n          (value.includes(displayedOptions()[keyManager.activeItemIndex ?? 0].value)\n            ? translationContext + 'SELECTED'\n            : translationContext + 'DESELECTED'\n          )\n            | uiTranslate\n            | async\n        }}\n      </div>\n    }\n    <div class=\"ui-filter-button\" #overlayContainer>\n      @if (options().length > MIN_OPTIONS_LENGTH_FOR_SEARCH) {\n        <div class=\"ui-filter-button-header\">\n          <ui-field\n            type=\"search\"\n            [showBottomContent]=\"false\"\n            [ngModel]=\"search()\"\n            (ngModelChange)=\"search.set($event)\"\n            [applicationTheme]=\"applicationTheme\"\n          ></ui-field>\n        </div>\n      }\n      <div class=\"ui-filter-button-list\" #list tabindex=\"0\" (keydown)=\"keyDownHandler($event)\">\n        @if (!displayedOptions().length && options().length) {\n          <div class=\"no-results-found\">\n            <span>{{ translationContext + 'NO_RESULTS_FOUND' | uiTranslate | async }}</span>\n          </div>\n        } @else {\n          @for (section of displayedOptions(); track section; let i = $index) {\n            <div>\n              @if (section.sectionTitle && section.sectionTitle !== displayedOptions()[i - 1]?.sectionTitle) {\n                <div class=\"section-title\">\n                  {{ section.sectionTitle }}\n                </div>\n              }\n              <div\n                class=\"item\"\n                [class.item-selected]=\"isSelected(section.value)\"\n                tabindex=\"0\"\n                (click)=\"optionChanged(!isSelected(section.value), section)\"\n                (keydown.enter)=\"optionChanged(!isSelected(section.value), section)\"\n              >\n                @if (singleSelection) {\n                  <ui-radio-button\n                    (click)=\"$event.stopPropagation()\"\n                    [tabIndex]=\"i === 0 ? 0 : -1\"\n                    [selected]=\"isSelected(section.value)\"\n                    (changeRadio)=\"optionChanged($event.optionChecked, section)\"\n                    [applicationTheme]=\"applicationTheme\"\n                    #filterOption\n                  >\n                  </ui-radio-button>\n                }\n                @if (!singleSelection) {\n                  <ui-checkbox\n                    (click)=\"$event.stopPropagation()\"\n                    [class.with-label-number]=\"section.labelNumber !== undefined\"\n                    [tabIndex]=\"i === 0 ? 0 : -1\"\n                    [checked]=\"isSelected(section.value)\"\n                    (changed)=\"optionChanged($event, section)\"\n                    [applicationTheme]=\"applicationTheme\"\n                    #filterOption\n                  ></ui-checkbox>\n                }\n                @if (section.icon) {\n                  <ui-icon [applicationTheme]=\"applicationTheme\" [name]=\"section.icon\"></ui-icon>\n                }\n                <span\n                  #tooltip=\"matTooltip\"\n                  class=\"item-label\"\n                  uiEllipseText\n                  (onChangeTextState)=\"onLabelEllipsisChange($event, section.value)\"\n                  [matTooltip]=\"showTooltip[section.value] ? section.label : ''\"\n                  [matTooltipClass]=\"applicationTheme\"\n                >\n                  {{ section.label }}\n                </span>\n                @if (section.labelNumber !== undefined) {\n                  <span class=\"item-number\">({{ section.labelNumber }})</span>\n                }\n              </div>\n            </div>\n          }\n        }\n      </div>\n      @if (!options().length && !!noOptionsMessage) {\n        <div class=\"ui-filter-button-no-options\" [innerHTML]=\"noOptionsMessage\"></div>\n      } @else {\n        @if (allowClear || message) {\n          <div class=\"ui-filter-button-footer\">\n            @if (allowClear) {\n              <ui-button\n                variant=\"text\"\n                size=\"small\"\n                [label]=\"('COMMON.RESET' | uiTranslate | async)!\"\n                (click)=\"clearValue()\"\n                [applicationTheme]=\"applicationTheme\"\n                (keydown.escape)=\"toggle()\"\n              ></ui-button>\n            }\n            <div class=\"ui-filter-button-footer-message\">\n              {{ message }}\n            </div>\n          </div>\n        }\n      }\n    </div>\n  </ng-template>\n</ng-container>\n", styles: [".bg-teal-60b{background:#1c443c}.bg-teal-30b{background:#31766a}.bg-teal-default{background:#46a997}.bg-teal-30w{background:#7ec3b6}.bg-teal-60w{background:#b5ddd5}.bg-teal-secondary{background:#cbd6cb}.bg-teal-90w{background:#ecf6f5}.bg-petrol-60b{background:#102930}.bg-petrol-30b{background:#1b4754}.bg-petrol-default{background:#276678}.bg-petrol-30w{background:#6894a0}.bg-petrol-60w{background:#a9c2c9}.bg-petrol-secondary{background:#c8d7de}.bg-petrol-90w{background:#e9f0f1}.bg-error-60b{background:#513131}.bg-error-30b{background:#8e5655}.bg-error-60w{background:#e3c3c6}.bg-error-secondary{background:#f0dad9}.bg-error-default{background:#cb7b7a}.bg-warning-secondary{background:#f0d6bb}.bg-warning-default{background:#cca45f}.bg-black{background:#000}.bg-dark{background:#888}.bg-medium{background:#e0e0e0}.bg-grey{background:#ededed}.bg-light{background:#f6f6f6}.bg-white{background:#fff}.bg-box-shadow{background:#00000014}.bg-navigation-subtitle{background:#528593}.bgc-teal-60b{background-color:#1c443c}.bgc-teal-30b{background-color:#31766a}.bgc-teal-default{background-color:#46a997}.bgc-teal-30w{background-color:#7ec3b6}.bgc-teal-60w{background-color:#b5ddd5}.bgc-teal-secondary{background-color:#cbd6cb}.bgc-teal-90w{background-color:#ecf6f5}.bgc-petrol-60b{background-color:#102930}.bgc-petrol-30b{background-color:#1b4754}.bgc-petrol-default{background-color:#276678}.bgc-petrol-30w{background-color:#6894a0}.bgc-petrol-60w{background-color:#a9c2c9}.bgc-petrol-secondary{background-color:#c8d7de}.bgc-petrol-90w{background-color:#e9f0f1}.bgc-error-60b{background-color:#513131}.bgc-error-30b{background-color:#8e5655}.bgc-error-60w{background-color:#e3c3c6}.bgc-error-secondary{background-color:#f0dad9}.bgc-error-default{background-color:#cb7b7a}.bgc-warning-secondary{background-color:#f0d6bb}.bgc-warning-default{background-color:#cca45f}.bgc-black{background-color:#000}.bgc-dark{background-color:#888}.bgc-medium{background-color:#e0e0e0}.bgc-grey{background-color:#ededed}.bgc-light{background-color:#f6f6f6}.bgc-white{background-color:#fff}.bgc-box-shadow{background-color:#00000014}.bgc-navigation-subtitle{background-color:#528593}ui-filter-button{display:inline-block}ui-filter-button ui-button .button-wrapper button{padding:7px 24px!important}ui-filter-button ui-button .button-wrapper button .icon ui-icon mat-icon.size-16 svg{width:24px;height:24px}ui-filter-button ui-button .button-wrapper button .label{line-clamp:1;-webkit-line-clamp:1!important}ui-filter-button ui-button.button-opened .button-wrapper button{background-color:#666!important;border-color:#666}ui-filter-button ui-button button.secondary{border:1px solid #242424}ui-filter-button ui-button button.secondary:hover{border-color:#666}.cdk-overlay-container .cdk-overlay-pane .ui-filter-button{margin-top:4px;box-shadow:0 4px 16px #24242414;border-radius:10px;background-color:#fff;padding:0 0 8px;width:240px}.cdk-overlay-container .cdk-overlay-pane .ui-filter-button-header{padding:8px 16px 0}.cdk-overlay-container .cdk-overlay-pane .ui-filter-button-list{max-height:290px;overflow-y:auto;overflow-x:hidden}.cdk-overlay-container .cdk-overlay-pane .ui-filter-button-list .section-title,.cdk-overlay-container .cdk-overlay-pane .ui-filter-button-list .no-results-found{padding:8px 16px}.cdk-overlay-container .cdk-overlay-pane .ui-filter-button-list .item{padding:0 16px 0 5px;display:flex;align-items:center;gap:5px;height:48px;cursor:pointer}.cdk-overlay-container .cdk-overlay-pane .ui-filter-button-list .item:hover,.cdk-overlay-container .cdk-overlay-pane .ui-filter-button-list .item.item-selected{background-color:#f4f4f4}.cdk-overlay-container .cdk-overlay-pane .ui-filter-button-list .item ui-checkbox{max-width:100%}.cdk-overlay-container .cdk-overlay-pane .ui-filter-button-list .item ui-checkbox.with-label-number{max-width:calc(100% - 25px)}.cdk-overlay-container .cdk-overlay-pane .ui-filter-button-list .item-number{color:#666}.cdk-overlay-container .cdk-overlay-pane .ui-filter-button-list .item-label{-webkit-user-select:none;user-select:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cdk-overlay-container .cdk-overlay-pane .ui-filter-button-footer{display:flex;justify-content:space-between;align-items:center;padding:0 16px 0 5px}.cdk-overlay-container .cdk-overlay-pane .ui-filter-button-footer ui-button{margin-left:-5px}.cdk-overlay-container .cdk-overlay-pane .ui-filter-button-footer-message{color:#666}.cdk-overlay-container .cdk-overlay-pane .ui-filter-button-no-options{padding:24px}.tooltip-multi-line .mdc-tooltip__surface{text-align:left;white-space:pre-line}\n"] }]
+                    ], template: "<ng-container>\n  <ui-button\n    [matTooltip]=\"tooltip()\"\n    [matTooltipClass]=\"'tooltip-multi-line ' + applicationTheme\"\n    [matTooltipPosition]=\"'above'\"\n    class=\"ui-filter-button-trigger\"\n    [class.button-opened]=\"isOpen()\"\n    [variant]=\"value.length || isOpen() ? 'secondary' : 'ghost'\"\n    [label]=\"displayedLabel() || label\"\n    [disabled]=\"disabled || (options().length === 0 && !noOptionsMessage)\"\n    (click)=\"toggle()\"\n    type=\"button\"\n    size=\"small\"\n    [role]=\"'combobox'\"\n    [tooltip]=\"value.length ? ' ' : ''\"\n    [attr.aria-expanded]=\"isOpen()\"\n    [iconName]=\"iconName || (isOpen() ? 'Arrow-chevron-up-filled' : 'Arrow-chevron-down-filled')\"\n    [iconPosition]=\"iconPosition\"\n    [applicationTheme]=\"applicationTheme\"\n    cdkOverlayOrigin\n    #trigger=\"cdkOverlayOrigin\"\n  ></ui-button>\n  <ng-template\n    cdkConnectedOverlay\n    [cdkConnectedOverlayOrigin]=\"trigger\"\n    [cdkConnectedOverlayOpen]=\"isOpen()\"\n    (overlayOutsideClick)=\"outsideClick()\"\n  >\n    @if (activeOption(); as active) {\n      <div style=\"position: absolute; left: -9999px\" [attr.aria-live]=\"'polite'\">\n        {{ active.label }}\n        {{\n          translationContext + 'ACTIVE_ITEM' | uiTranslate: { active: activePosition(), total: optionCount() } | async\n        }}\n      </div>\n      <div style=\"position: absolute; left: -9999px\" [attr.aria-live]=\"'polite'\">\n        {{ active.label }}\n        {{\n          (value.includes(active.value) ? translationContext + 'SELECTED' : translationContext + 'DESELECTED')\n            | uiTranslate\n            | async\n        }}\n      </div>\n    }\n    <div class=\"ui-filter-button\" #overlayContainer>\n      @if (options().length > MIN_OPTIONS_LENGTH_FOR_SEARCH) {\n        <div class=\"ui-filter-button-header\">\n          <ui-field\n            type=\"search\"\n            [showBottomContent]=\"false\"\n            [ngModel]=\"search()\"\n            (ngModelChange)=\"onSearchChange($event)\"\n            [applicationTheme]=\"applicationTheme\"\n          ></ui-field>\n        </div>\n      }\n      <div\n        class=\"ui-filter-button-list\"\n        #list\n        tabindex=\"0\"\n        role=\"listbox\"\n        [attr.aria-activedescendant]=\"isOpen() && activeOption() ? 'ui-fb-option-' + activeIndex() : null\"\n        (keydown)=\"keyDownHandler($event)\"\n      >\n        @if (!displayedOptions().length && options().length) {\n          <div class=\"no-results-found\">\n            <span>{{ translationContext + 'NO_RESULTS_FOUND' | uiTranslate | async }}</span>\n          </div>\n        } @else {\n          <cdk-virtual-scroll-viewport\n            class=\"ui-filter-button-viewport\"\n            [itemSize]=\"ITEM_SIZE\"\n            [style.height.px]=\"listHeight()\"\n          >\n            <ng-container *cdkVirtualFor=\"let row of flatOptions(); let i = index; trackBy: trackByRow\">\n              @if (row.kind === 'header') {\n                <div class=\"section-title\">\n                  {{ row.title }}\n                </div>\n              } @else {\n                <div\n                  class=\"item\"\n                  role=\"option\"\n                  tabindex=\"-1\"\n                  [id]=\"'ui-fb-option-' + i\"\n                  [class.item-selected]=\"isSelected(row.option.value)\"\n                  [class.item-active]=\"activeIndex() === i\"\n                  [attr.aria-selected]=\"isSelected(row.option.value)\"\n                  (click)=\"activeIndex.set(i); optionChanged(!isSelected(row.option.value), row.option)\"\n                  (keydown.enter)=\"optionChanged(!isSelected(row.option.value), row.option)\"\n                >\n                  @if (singleSelection) {\n                    <ui-radio-button\n                      (click)=\"$event.stopPropagation()\"\n                      [tabIndex]=\"-1\"\n                      [selected]=\"isSelected(row.option.value)\"\n                      (changeRadio)=\"optionChanged($event.optionChecked, row.option)\"\n                      [applicationTheme]=\"applicationTheme\"\n                    >\n                    </ui-radio-button>\n                  }\n                  @if (!singleSelection) {\n                    <ui-checkbox\n                      (click)=\"$event.stopPropagation()\"\n                      [class.with-label-number]=\"row.option.labelNumber !== undefined\"\n                      [tabIndex]=\"-1\"\n                      [checked]=\"isSelected(row.option.value)\"\n                      (changed)=\"optionChanged($event, row.option)\"\n                      [applicationTheme]=\"applicationTheme\"\n                    ></ui-checkbox>\n                  }\n                  @if (row.option.icon) {\n                    <ui-icon [applicationTheme]=\"applicationTheme\" [name]=\"row.option.icon\"></ui-icon>\n                  }\n                  <span\n                    #tooltip=\"matTooltip\"\n                    class=\"item-label\"\n                    uiEllipseText\n                    [refresh]=\"row.option.value\"\n                    (onChangeTextState)=\"onLabelEllipsisChange($event, row.option.value)\"\n                    [matTooltip]=\"showTooltip[row.option.value] ? row.option.label : ''\"\n                    [matTooltipClass]=\"applicationTheme\"\n                  >\n                    {{ row.option.label }}\n                  </span>\n                  @if (row.option.labelNumber !== undefined) {\n                    <span class=\"item-number\">({{ row.option.labelNumber }})</span>\n                  }\n                </div>\n              }\n            </ng-container>\n          </cdk-virtual-scroll-viewport>\n        }\n      </div>\n      @if (!options().length && !!noOptionsMessage) {\n        <div class=\"ui-filter-button-no-options\" [innerHTML]=\"noOptionsMessage\"></div>\n      } @else {\n        @if (allowClear || message) {\n          <div class=\"ui-filter-button-footer\">\n            @if (allowClear) {\n              <ui-button\n                variant=\"text\"\n                size=\"small\"\n                [label]=\"('COMMON.RESET' | uiTranslate | async)!\"\n                (click)=\"clearValue()\"\n                [applicationTheme]=\"applicationTheme\"\n                (keydown.escape)=\"toggle()\"\n              ></ui-button>\n            }\n            <div class=\"ui-filter-button-footer-message\">\n              {{ message }}\n            </div>\n          </div>\n        }\n      }\n    </div>\n  </ng-template>\n</ng-container>\n", styles: [".bg-teal-60b{background:#1c443c}.bg-teal-30b{background:#31766a}.bg-teal-default{background:#46a997}.bg-teal-30w{background:#7ec3b6}.bg-teal-60w{background:#b5ddd5}.bg-teal-secondary{background:#cbd6cb}.bg-teal-90w{background:#ecf6f5}.bg-petrol-60b{background:#102930}.bg-petrol-30b{background:#1b4754}.bg-petrol-default{background:#276678}.bg-petrol-30w{background:#6894a0}.bg-petrol-60w{background:#a9c2c9}.bg-petrol-secondary{background:#c8d7de}.bg-petrol-90w{background:#e9f0f1}.bg-error-60b{background:#513131}.bg-error-30b{background:#8e5655}.bg-error-60w{background:#e3c3c6}.bg-error-secondary{background:#f0dad9}.bg-error-default{background:#cb7b7a}.bg-warning-secondary{background:#f0d6bb}.bg-warning-default{background:#cca45f}.bg-black{background:#000}.bg-dark{background:#888}.bg-medium{background:#e0e0e0}.bg-grey{background:#ededed}.bg-light{background:#f6f6f6}.bg-white{background:#fff}.bg-box-shadow{background:#00000014}.bg-navigation-subtitle{background:#528593}.bgc-teal-60b{background-color:#1c443c}.bgc-teal-30b{background-color:#31766a}.bgc-teal-default{background-color:#46a997}.bgc-teal-30w{background-color:#7ec3b6}.bgc-teal-60w{background-color:#b5ddd5}.bgc-teal-secondary{background-color:#cbd6cb}.bgc-teal-90w{background-color:#ecf6f5}.bgc-petrol-60b{background-color:#102930}.bgc-petrol-30b{background-color:#1b4754}.bgc-petrol-default{background-color:#276678}.bgc-petrol-30w{background-color:#6894a0}.bgc-petrol-60w{background-color:#a9c2c9}.bgc-petrol-secondary{background-color:#c8d7de}.bgc-petrol-90w{background-color:#e9f0f1}.bgc-error-60b{background-color:#513131}.bgc-error-30b{background-color:#8e5655}.bgc-error-60w{background-color:#e3c3c6}.bgc-error-secondary{background-color:#f0dad9}.bgc-error-default{background-color:#cb7b7a}.bgc-warning-secondary{background-color:#f0d6bb}.bgc-warning-default{background-color:#cca45f}.bgc-black{background-color:#000}.bgc-dark{background-color:#888}.bgc-medium{background-color:#e0e0e0}.bgc-grey{background-color:#ededed}.bgc-light{background-color:#f6f6f6}.bgc-white{background-color:#fff}.bgc-box-shadow{background-color:#00000014}.bgc-navigation-subtitle{background-color:#528593}ui-filter-button{display:inline-block}ui-filter-button ui-button .button-wrapper button{padding:7px 24px!important}ui-filter-button ui-button .button-wrapper button .icon ui-icon mat-icon.size-16 svg{width:24px;height:24px}ui-filter-button ui-button .button-wrapper button .label{line-clamp:1;-webkit-line-clamp:1!important}ui-filter-button ui-button.button-opened .button-wrapper button{background-color:#666!important;border-color:#666}ui-filter-button ui-button button.secondary{border:1px solid #242424}ui-filter-button ui-button button.secondary:hover{border-color:#666}.cdk-overlay-container .cdk-overlay-pane .ui-filter-button{margin-top:4px;box-shadow:0 4px 16px #24242414;border-radius:10px;background-color:#fff;padding:0 0 8px;width:240px}.cdk-overlay-container .cdk-overlay-pane .ui-filter-button-header{padding:8px 16px 0}.cdk-overlay-container .cdk-overlay-pane .ui-filter-button-list .section-title{display:flex;align-items:center;height:48px;padding:0 16px}.cdk-overlay-container .cdk-overlay-pane .ui-filter-button-list .no-results-found{padding:8px 16px}.cdk-overlay-container .cdk-overlay-pane .ui-filter-button-list .item{padding:0 16px 0 5px;display:flex;align-items:center;gap:5px;height:48px;cursor:pointer}.cdk-overlay-container .cdk-overlay-pane .ui-filter-button-list .item:hover,.cdk-overlay-container .cdk-overlay-pane .ui-filter-button-list .item.item-active,.cdk-overlay-container .cdk-overlay-pane .ui-filter-button-list .item.item-selected{background-color:#f4f4f4}.cdk-overlay-container .cdk-overlay-pane .ui-filter-button-list .item ui-checkbox{max-width:100%}.cdk-overlay-container .cdk-overlay-pane .ui-filter-button-list .item ui-checkbox.with-label-number{max-width:calc(100% - 25px)}.cdk-overlay-container .cdk-overlay-pane .ui-filter-button-list .item-number{color:#666}.cdk-overlay-container .cdk-overlay-pane .ui-filter-button-list .item-label{-webkit-user-select:none;user-select:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cdk-overlay-container .cdk-overlay-pane .ui-filter-button-viewport{width:100%;max-height:290px;overflow-x:hidden}.cdk-overlay-container .cdk-overlay-pane .ui-filter-button-viewport .cdk-virtual-scroll-content-wrapper{max-width:100%}.cdk-overlay-container .cdk-overlay-pane .ui-filter-button-footer{display:flex;justify-content:space-between;align-items:center;padding:0 16px 0 5px}.cdk-overlay-container .cdk-overlay-pane .ui-filter-button-footer ui-button{margin-left:-5px}.cdk-overlay-container .cdk-overlay-pane .ui-filter-button-footer-message{color:#666}.cdk-overlay-container .cdk-overlay-pane .ui-filter-button-no-options{padding:24px}.tooltip-multi-line .mdc-tooltip__surface{text-align:left;white-space:pre-line}\n"] }]
         }], ctorParameters: () => [{ type: undefined, decorators: [{
                     type: Optional
                 }, {
                     type: Inject,
                     args: ['CANOPYUI_DEFAULT_APPLICATION_THEME']
-                }] }, { type: i0.ChangeDetectorRef }], propDecorators: { class: [{
+                }] }, { type: i0.ChangeDetectorRef }, { type: i0.DestroyRef }], propDecorators: { class: [{
                 type: HostBinding
             }], label: [{
                 type: Input
@@ -261,9 +343,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImpo
             }], overlayContainer: [{
                 type: ViewChild,
                 args: ['overlayContainer']
-            }], filterOptions: [{
-                type: ViewChildren,
-                args: ['filterOption']
+            }], viewport: [{
+                type: ViewChild,
+                args: [CdkVirtualScrollViewport]
             }] } });
 
 class FilterButtonComponentModule {

package/fesm2022/testgorilla-tgo-ui-components-filter-button.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"testgorilla-tgo-ui-components-filter-button.mjs","sources":["../../../components/filter-button/filter-button.component.ts","../../../components/filter-button/filter-button.component.html","../../../components/filter-button/filter-button.component.module.ts","../../../components/filter-button/testgorilla-tgo-ui-components-filter-button.ts"],"sourcesContent":["import { FocusableOption, FocusKeyManager } from '@angular/cdk/a11y';\nimport { CdkOverlayOrigin, CdkConnectedOverlay } from '@angular/cdk/overlay';\nimport { AsyncPipe } from '@angular/common';\nimport {\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  Component,\n  computed,\n  ElementRef,\n  EventEmitter,\n  HostBinding,\n  Inject,\n  input,\n  Input,\n  OnChanges,\n  Optional,\n  Output,\n  QueryList,\n  signal,\n  SimpleChanges,\n  ViewChild,\n  ViewChildren,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { MatTooltip } from '@angular/material/tooltip';\n\nimport { ButtonIconPosition, ButtonComponent } from '@testgorilla/tgo-ui/components/button';\nimport { CheckboxComponent } from '@testgorilla/tgo-ui/components/checkbox';\nimport {\n  ApplicationTheme,\n  IKeyboardEvent,\n  EllipseTextDirective,\n  UiTranslatePipe,\n} from '@testgorilla/tgo-ui/components/core';\nimport { FieldComponent } from '@testgorilla/tgo-ui/components/field';\nimport { IconName, IconComponent } from '@testgorilla/tgo-ui/components/icon';\nimport { RadioButtonComponent } from '@testgorilla/tgo-ui/components/radio-button';\n\nimport { FilterButtonOption, FilterValue, OptionChangeEvent } from './filter-button.model';\n\n@Component({\n  selector: 'ui-filter-button',\n  templateUrl: './filter-button.component.html',\n  styleUrls: ['./filter-button.component.scss'],\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [\n    ButtonComponent,\n    CdkOverlayOrigin,\n    MatTooltip,\n    CdkConnectedOverlay,\n    FieldComponent,\n    FormsModule,\n    RadioButtonComponent,\n    CheckboxComponent,\n    IconComponent,\n    EllipseTextDirective,\n    AsyncPipe,\n    UiTranslatePipe,\n  ],\n})\nexport class FilterButtonComponent implements OnChanges {\n  @HostBinding() class = 'ui-filter-button';\n\n  /**\n   * The button label when no value is selected.\n   *\n   * @type {string}\n   * @memberof FilterButtonComponent\n   */\n  @Input() label = '';\n\n  /**\n   * Optional message to display on the overflow bottom.\n   *\n   * @type {string}\n   * @memberof FilterButtonComponent\n   */\n  @Input() message? = '';\n\n  /**\n   * List of selected values.\n   *\n   * @type {string[]}\n   * @memberof FilterButtonComponent\n   */\n  @Input() value: FilterValue[] = [];\n\n  /**\n   * Whether the component is disabled.\n   * Default: false.\n   *\n   * @type {boolean}\n   * @memberof FilterButtonComponent\n   */\n  @Input() disabled = false;\n\n  /**\n   * List of options.\n   *\n   * @type {OptionType}\n   * @memberof FilterButtonComponent\n   */\n  options = input<FilterButtonOption[]>([]);\n\n  /**\n   * Whether the user should be allowed to clear the values.\n   * Default: true.\n   *\n   * @type {boolean}\n   * @memberof FilterButtonComponent\n   */\n  @Input() allowClear = true;\n\n  /**\n   * Whether the user should be allowed to select single or multiple values.\n   * Default: false.\n   *\n   * @type {boolean}\n   * @memberof FilterButtonComponent\n   */\n  @Input() singleSelection? = false;\n\n  /**\n   * The icon name to display.\n   *\n   * @type {string}\n   * @memberof FilterButtonComponent\n   *\n   **/\n\n  @Input() iconName?: IconName;\n\n  /**\n   * The position of the icon.\n   * Default: 'right'.\n   *\n   * @type {ButtonIconPosition}\n   * @memberof FilterButtonComponent\n   */\n  @Input() iconPosition?: ButtonIconPosition = 'right';\n\n  /**\n   * Optional message to display if there are no options to select available\n   *\n   * @type {string}\n   * @memberof FilterButtonComponent\n   */\n  @Input() noOptionsMessage? = '';\n\n  /**\n   * Emits the list of selected values when the selection changes.\n   *\n   * @type {EventEmitter<string[]>}\n   * @memberof FilterButtonComponent\n   */\n  @Output() changed = new EventEmitter<FilterValue[]>();\n\n  /**\n   * Emits the option change event\n   *\n   * @type {EventEmitter<OptionChangeEvent>}\n   * @memberof FilterButtonComponent\n   */\n  @Output() optionChange = new EventEmitter<OptionChangeEvent>();\n  /**\n   *\n   * Defines the application theme\n   *\n   * @type {ApplicationTheme}\n   * @memberof FilterButtonComponent\n   */\n  @HostBinding('attr.theme')\n  @Input()\n  applicationTheme: ApplicationTheme = 'light';\n\n  @ViewChild('overlayContainer') overlayContainer: ElementRef<HTMLElement>;\n  @ViewChildren('filterOption') filterOptions: QueryList<FocusableOption>;\n\n  isOpen = signal<boolean>(false);\n  displayedLabel = signal<string>('');\n  tooltip = signal<string>('');\n  search = signal<string>('');\n  showTooltip: { [key: string]: boolean } = {};\n  displayedOptions = computed(() => {\n    let lastSectionTitle: string;\n    return this.options()\n      .map(option => {\n        // eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing -- an empty section title reuses the previous section\n        lastSectionTitle = option.sectionTitle || lastSectionTitle;\n        return { ...option, sectionTitle: lastSectionTitle };\n      })\n      .filter(option => option.label.toLowerCase().includes(this.search().toLowerCase()));\n  });\n  readonly MIN_OPTIONS_LENGTH_FOR_SEARCH = 8;\n  protected keyManager: FocusKeyManager<FocusableOption>;\n  protected translationContext = 'FILTER_BUTTON.';\n  constructor(\n    @Optional() @Inject('CANOPYUI_DEFAULT_APPLICATION_THEME') private readonly defaultAppTheme: ApplicationTheme,\n    private readonly cdr: ChangeDetectorRef\n  ) {\n    if (this.defaultAppTheme) {\n      this.applicationTheme = this.defaultAppTheme;\n    }\n  }\n\n  ngOnChanges(changes: SimpleChanges): void {\n    if (changes['value']) {\n      this.updateLabel();\n    }\n  }\n\n  clearValue(): void {\n    this.value = [];\n    this.updateLabel();\n    this.changed.emit(this.value);\n  }\n\n  outsideClick() {\n    window.setTimeout(() => {\n      this.isOpen.set(false);\n    });\n  }\n\n  toggle(): void {\n    this.isOpen.set(!this.isOpen());\n    if (this.isOpen()) {\n      this.keyManager = new FocusKeyManager<FocusableOption>(this.filterOptions).withWrap();\n      this.keyManager.setActiveItem(0);\n    }\n    this.cdr.markForCheck();\n  }\n\n  isSelected(value?: FilterValue) {\n    return this.value?.includes(value ?? '');\n  }\n\n  optionChanged(selected: boolean, option: FilterButtonOption) {\n    this.value = this.value || [];\n    if (this.singleSelection) {\n      this.value = selected ? [option.value] : [];\n    } else {\n      if (selected) {\n        this.value.push(option.value);\n      } else {\n        this.value.splice(this.value.indexOf(option.value), 1);\n      }\n    }\n    this.changed.emit(this.value);\n    this.optionChange.emit({ selected, option });\n    this.updateLabel();\n  }\n\n  keyDownHandler(ev: KeyboardEvent) {\n    if (ev.key === (IKeyboardEvent.ARROW_DOWN as string)) {\n      ev.preventDefault();\n      this.keyManager.setNextItemActive();\n    } else if (ev.key === (IKeyboardEvent.ARROW_UP as string)) {\n      ev.preventDefault();\n      this.keyManager.setPreviousItemActive();\n    } else if (ev.key === (IKeyboardEvent.ESCAPE as string)) {\n      this.isOpen.set(false);\n    }\n  }\n\n  onLabelEllipsisChange(isEllipsis: boolean, value: FilterValue): void {\n    this.showTooltip[value] = isEllipsis;\n  }\n\n  private updateLabel() {\n    this.value = this.value || [];\n    let displayedLabel = '';\n    let tooltip = '';\n    const sortedLabels = this.options()\n      .filter(option => this.value.includes(option.value))\n      .map(item => item?.label ?? '');\n\n    if (sortedLabels.length > 0) {\n      displayedLabel = this.options().find(option => option.value === this.value[0])?.label ?? '';\n      tooltip = `${this.label}${sortedLabels.map(value => `\\n • ${value}`).join('')}`;\n    }\n\n    if (this.value.length > 1) {\n      displayedLabel += ` (+${this.value.length - 1})`;\n    }\n    this.displayedLabel.set(displayedLabel);\n    this.tooltip.set(tooltip);\n    this.cdr.markForCheck();\n  }\n}\n","<ng-container>\n  <ui-button\n    [matTooltip]=\"tooltip()\"\n    [matTooltipClass]=\"'tooltip-multi-line ' + applicationTheme\"\n    [matTooltipPosition]=\"'above'\"\n    class=\"ui-filter-button-trigger\"\n    [class.button-opened]=\"isOpen()\"\n    [variant]=\"value.length || isOpen() ? 'secondary' : 'ghost'\"\n    [label]=\"displayedLabel() || label\"\n    [disabled]=\"disabled || (options().length === 0 && !noOptionsMessage)\"\n    (click)=\"toggle()\"\n    type=\"button\"\n    size=\"small\"\n    [role]=\"'combobox'\"\n    [tooltip]=\"value.length ? ' ' : ''\"\n    [attr.aria-expanded]=\"isOpen()\"\n    [iconName]=\"iconName || (isOpen() ? 'Arrow-chevron-up-filled' : 'Arrow-chevron-down-filled')\"\n    [iconPosition]=\"iconPosition\"\n    [applicationTheme]=\"applicationTheme\"\n    cdkOverlayOrigin\n    #trigger=\"cdkOverlayOrigin\"\n  ></ui-button>\n  <ng-template\n    cdkConnectedOverlay\n    [cdkConnectedOverlayOrigin]=\"trigger\"\n    [cdkConnectedOverlayOpen]=\"isOpen()\"\n    (overlayOutsideClick)=\"outsideClick()\"\n  >\n    @if (displayedOptions().length) {\n      <div style=\"position: absolute; left: -9999px\" [attr.aria-live]=\"'polite'\">\n        {{ displayedOptions()[keyManager.activeItemIndex ?? 0].label }}\n        {{\n          translationContext + 'ACTIVE_ITEM'\n            | uiTranslate: { active: (keyManager.activeItemIndex ?? 0) + 1, total: filterOptions.length }\n            | async\n        }}\n      </div>\n      <div style=\"position: absolute; left: -9999px\" [attr.aria-live]=\"'polite'\">\n        {{ displayedOptions()[keyManager.activeItemIndex ?? 0].label }}\n        {{\n          (value.includes(displayedOptions()[keyManager.activeItemIndex ?? 0].value)\n            ? translationContext + 'SELECTED'\n            : translationContext + 'DESELECTED'\n          )\n            | uiTranslate\n            | async\n        }}\n      </div>\n    }\n    <div class=\"ui-filter-button\" #overlayContainer>\n      @if (options().length > MIN_OPTIONS_LENGTH_FOR_SEARCH) {\n        <div class=\"ui-filter-button-header\">\n          <ui-field\n            type=\"search\"\n            [showBottomContent]=\"false\"\n            [ngModel]=\"search()\"\n            (ngModelChange)=\"search.set($event)\"\n            [applicationTheme]=\"applicationTheme\"\n          ></ui-field>\n        </div>\n      }\n      <div class=\"ui-filter-button-list\" #list tabindex=\"0\" (keydown)=\"keyDownHandler($event)\">\n        @if (!displayedOptions().length && options().length) {\n          <div class=\"no-results-found\">\n            <span>{{ translationContext + 'NO_RESULTS_FOUND' | uiTranslate | async }}</span>\n          </div>\n        } @else {\n          @for (section of displayedOptions(); track section; let i = $index) {\n            <div>\n              @if (section.sectionTitle && section.sectionTitle !== displayedOptions()[i - 1]?.sectionTitle) {\n                <div class=\"section-title\">\n                  {{ section.sectionTitle }}\n                </div>\n              }\n              <div\n                class=\"item\"\n                [class.item-selected]=\"isSelected(section.value)\"\n                tabindex=\"0\"\n                (click)=\"optionChanged(!isSelected(section.value), section)\"\n                (keydown.enter)=\"optionChanged(!isSelected(section.value), section)\"\n              >\n                @if (singleSelection) {\n                  <ui-radio-button\n                    (click)=\"$event.stopPropagation()\"\n                    [tabIndex]=\"i === 0 ? 0 : -1\"\n                    [selected]=\"isSelected(section.value)\"\n                    (changeRadio)=\"optionChanged($event.optionChecked, section)\"\n                    [applicationTheme]=\"applicationTheme\"\n                    #filterOption\n                  >\n                  </ui-radio-button>\n                }\n                @if (!singleSelection) {\n                  <ui-checkbox\n                    (click)=\"$event.stopPropagation()\"\n                    [class.with-label-number]=\"section.labelNumber !== undefined\"\n                    [tabIndex]=\"i === 0 ? 0 : -1\"\n                    [checked]=\"isSelected(section.value)\"\n                    (changed)=\"optionChanged($event, section)\"\n                    [applicationTheme]=\"applicationTheme\"\n                    #filterOption\n                  ></ui-checkbox>\n                }\n                @if (section.icon) {\n                  <ui-icon [applicationTheme]=\"applicationTheme\" [name]=\"section.icon\"></ui-icon>\n                }\n                <span\n                  #tooltip=\"matTooltip\"\n                  class=\"item-label\"\n                  uiEllipseText\n                  (onChangeTextState)=\"onLabelEllipsisChange($event, section.value)\"\n                  [matTooltip]=\"showTooltip[section.value] ? section.label : ''\"\n                  [matTooltipClass]=\"applicationTheme\"\n                >\n                  {{ section.label }}\n                </span>\n                @if (section.labelNumber !== undefined) {\n                  <span class=\"item-number\">({{ section.labelNumber }})</span>\n                }\n              </div>\n            </div>\n          }\n        }\n      </div>\n      @if (!options().length && !!noOptionsMessage) {\n        <div class=\"ui-filter-button-no-options\" [innerHTML]=\"noOptionsMessage\"></div>\n      } @else {\n        @if (allowClear || message) {\n          <div class=\"ui-filter-button-footer\">\n            @if (allowClear) {\n              <ui-button\n                variant=\"text\"\n                size=\"small\"\n                [label]=\"('COMMON.RESET' | uiTranslate | async)!\"\n                (click)=\"clearValue()\"\n                [applicationTheme]=\"applicationTheme\"\n                (keydown.escape)=\"toggle()\"\n              ></ui-button>\n            }\n            <div class=\"ui-filter-button-footer-message\">\n              {{ message }}\n            </div>\n          </div>\n        }\n      }\n    </div>\n  </ng-template>\n</ng-container>\n","import { OverlayModule } from '@angular/cdk/overlay';\nimport { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { MatTooltipModule } from '@angular/material/tooltip';\n\nimport { ButtonComponentModule } from '@testgorilla/tgo-ui/components/button';\nimport { CheckboxComponentModule } from '@testgorilla/tgo-ui/components/checkbox';\nimport { EllipseTextDirective, UiTranslatePipe } from '@testgorilla/tgo-ui/components/core';\nimport { FieldComponentModule } from '@testgorilla/tgo-ui/components/field';\nimport { IconComponentModule } from '@testgorilla/tgo-ui/components/icon';\nimport { RadioButtonComponentModule } from '@testgorilla/tgo-ui/components/radio-button';\n\nimport { FilterButtonComponent } from './filter-button.component';\n\n@NgModule({\n  imports: [\n    CommonModule,\n    FormsModule,\n    MatTooltipModule,\n    OverlayModule,\n    UiTranslatePipe,\n    ButtonComponentModule,\n    IconComponentModule,\n    CheckboxComponentModule,\n    FieldComponentModule,\n    EllipseTextDirective,\n    RadioButtonComponentModule,\n    FilterButtonComponent,\n  ],\n  exports: [FilterButtonComponent],\n})\nexport class FilterButtonComponentModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"testgorilla-tgo-ui-components-filter-button.mjs","sources":["../../../components/filter-button/filter-button.component.ts","../../../components/filter-button/filter-button.component.html","../../../components/filter-button/filter-button.component.module.ts","../../../components/filter-button/testgorilla-tgo-ui-components-filter-button.ts"],"sourcesContent":["import { CdkConnectedOverlay, CdkOverlayOrigin } from '@angular/cdk/overlay';\nimport { CdkFixedSizeVirtualScroll, CdkVirtualForOf, CdkVirtualScrollViewport } from '@angular/cdk/scrolling';\nimport { AsyncPipe } from '@angular/common';\nimport {\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  Component,\n  computed,\n  DestroyRef,\n  ElementRef,\n  EventEmitter,\n  HostBinding,\n  Inject,\n  input,\n  Input,\n  OnChanges,\n  Optional,\n  Output,\n  signal,\n  SimpleChanges,\n  ViewChild,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { FormsModule } from '@angular/forms';\nimport { MatTooltip } from '@angular/material/tooltip';\nimport { Subject } from 'rxjs';\nimport { debounceTime } from 'rxjs/operators';\n\nimport { ButtonIconPosition, ButtonComponent } from '@testgorilla/tgo-ui/components/button';\nimport { CheckboxComponent } from '@testgorilla/tgo-ui/components/checkbox';\nimport {\n  ApplicationTheme,\n  IKeyboardEvent,\n  EllipseTextDirective,\n  UiTranslatePipe,\n} from '@testgorilla/tgo-ui/components/core';\nimport { FieldComponent } from '@testgorilla/tgo-ui/components/field';\nimport { IconName, IconComponent } from '@testgorilla/tgo-ui/components/icon';\nimport { RadioButtonComponent } from '@testgorilla/tgo-ui/components/radio-button';\n\nimport { FilterButtonOption, FilterValue, OptionChangeEvent } from './filter-button.model';\n\ntype FilterButtonRow = { kind: 'header'; title: string } | { kind: 'option'; option: FilterButtonOption };\n\n@Component({\n  selector: 'ui-filter-button',\n  templateUrl: './filter-button.component.html',\n  styleUrls: ['./filter-button.component.scss'],\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [\n    ButtonComponent,\n    CdkOverlayOrigin,\n    MatTooltip,\n    CdkConnectedOverlay,\n    CdkVirtualScrollViewport,\n    CdkFixedSizeVirtualScroll,\n    CdkVirtualForOf,\n    FieldComponent,\n    FormsModule,\n    RadioButtonComponent,\n    CheckboxComponent,\n    IconComponent,\n    EllipseTextDirective,\n    AsyncPipe,\n    UiTranslatePipe,\n  ],\n})\nexport class FilterButtonComponent implements OnChanges {\n  @HostBinding() class = 'ui-filter-button';\n\n  /**\n   * The button label when no value is selected.\n   *\n   * @type {string}\n   * @memberof FilterButtonComponent\n   */\n  @Input() label = '';\n\n  /**\n   * Optional message to display on the overflow bottom.\n   *\n   * @type {string}\n   * @memberof FilterButtonComponent\n   */\n  @Input() message? = '';\n\n  /**\n   * List of selected values.\n   *\n   * @type {string[]}\n   * @memberof FilterButtonComponent\n   */\n  @Input() value: FilterValue[] = [];\n\n  /**\n   * Whether the component is disabled.\n   * Default: false.\n   *\n   * @type {boolean}\n   * @memberof FilterButtonComponent\n   */\n  @Input() disabled = false;\n\n  /**\n   * List of options.\n   *\n   * @type {OptionType}\n   * @memberof FilterButtonComponent\n   */\n  options = input<FilterButtonOption[]>([]);\n\n  /**\n   * Whether the user should be allowed to clear the values.\n   * Default: true.\n   *\n   * @type {boolean}\n   * @memberof FilterButtonComponent\n   */\n  @Input() allowClear = true;\n\n  /**\n   * Whether the user should be allowed to select single or multiple values.\n   * Default: false.\n   *\n   * @type {boolean}\n   * @memberof FilterButtonComponent\n   */\n  @Input() singleSelection? = false;\n\n  /**\n   * The icon name to display.\n   *\n   * @type {string}\n   * @memberof FilterButtonComponent\n   *\n   **/\n\n  @Input() iconName?: IconName;\n\n  /**\n   * The position of the icon.\n   * Default: 'right'.\n   *\n   * @type {ButtonIconPosition}\n   * @memberof FilterButtonComponent\n   */\n  @Input() iconPosition?: ButtonIconPosition = 'right';\n\n  /**\n   * Optional message to display if there are no options to select available\n   *\n   * @type {string}\n   * @memberof FilterButtonComponent\n   */\n  @Input() noOptionsMessage? = '';\n\n  /**\n   * Emits the list of selected values when the selection changes.\n   *\n   * @type {EventEmitter<string[]>}\n   * @memberof FilterButtonComponent\n   */\n  @Output() changed = new EventEmitter<FilterValue[]>();\n\n  /**\n   * Emits the option change event\n   *\n   * @type {EventEmitter<OptionChangeEvent>}\n   * @memberof FilterButtonComponent\n   */\n  @Output() optionChange = new EventEmitter<OptionChangeEvent>();\n  /**\n   *\n   * Defines the application theme\n   *\n   * @type {ApplicationTheme}\n   * @memberof FilterButtonComponent\n   */\n  @HostBinding('attr.theme')\n  @Input()\n  applicationTheme: ApplicationTheme = 'light';\n\n  @ViewChild('overlayContainer') overlayContainer: ElementRef<HTMLElement>;\n  @ViewChild(CdkVirtualScrollViewport) viewport?: CdkVirtualScrollViewport;\n\n  /** Must match the `.item` height in the SCSS — the fixed-size viewport relies on it. */\n  readonly ITEM_SIZE = 48;\n  readonly MAX_LIST_HEIGHT = 290;\n\n  isOpen = signal<boolean>(false);\n  displayedLabel = signal<string>('');\n  tooltip = signal<string>('');\n  search = signal<string>('');\n  activeIndex = signal<number>(0);\n  showTooltip: { [key: string]: boolean } = {};\n  displayedOptions = computed(() => {\n    let lastSectionTitle: string;\n    return this.options()\n      .map(option => {\n        // eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing -- an empty section title reuses the previous section\n        lastSectionTitle = option.sectionTitle || lastSectionTitle;\n        return { ...option, sectionTitle: lastSectionTitle };\n      })\n      .filter(option => option.label.toLowerCase().includes(this.search().toLowerCase()));\n  });\n\n  // Section titles become their own rows so the fixed-size viewport can position every row with one `itemSize`.\n  flatOptions = computed<FilterButtonRow[]>(() => {\n    const rows: FilterButtonRow[] = [];\n    let lastTitle: string | undefined;\n    for (const option of this.displayedOptions()) {\n      if (option.sectionTitle && option.sectionTitle !== lastTitle) {\n        lastTitle = option.sectionTitle;\n        rows.push({ kind: 'header', title: option.sectionTitle });\n      }\n      rows.push({ kind: 'option', option });\n    }\n    return rows;\n  });\n\n  optionCount = computed(() => this.displayedOptions().length);\n\n  activeOption = computed<FilterButtonOption | undefined>(() => {\n    const row = this.flatOptions()[this.activeIndex()];\n    return row?.kind === 'option' ? row.option : undefined;\n  });\n\n  // 1-based position of the active option (headers excluded) for the aria-live announcement.\n  activePosition = computed(() => {\n    const rows = this.flatOptions();\n    const activeIndex = this.activeIndex();\n    let position = 0;\n    for (let i = 0; i <= activeIndex && i < rows.length; i++) {\n      if (rows[i].kind === 'option') {\n        position++;\n      }\n    }\n    return position;\n  });\n\n  listHeight = computed(() =>\n    Math.min(Math.max(this.flatOptions().length * this.ITEM_SIZE, this.ITEM_SIZE), this.MAX_LIST_HEIGHT)\n  );\n\n  protected trackByRow = (_index: number, row: FilterButtonRow): string =>\n    row.kind === 'header' ? `header:${row.title}` : `option:${row.option.value}`;\n\n  readonly MIN_OPTIONS_LENGTH_FOR_SEARCH = 8;\n  protected translationContext = 'FILTER_BUTTON.';\n  private readonly searchInput$ = new Subject<string>();\n\n  constructor(\n    @Optional() @Inject('CANOPYUI_DEFAULT_APPLICATION_THEME') private readonly defaultAppTheme: ApplicationTheme,\n    private readonly cdr: ChangeDetectorRef,\n    destroyRef: DestroyRef\n  ) {\n    if (this.defaultAppTheme) {\n      this.applicationTheme = this.defaultAppTheme;\n    }\n\n    this.searchInput$.pipe(debounceTime(150), takeUntilDestroyed(destroyRef)).subscribe(value => {\n      this.search.set(value);\n      this.activeIndex.set(this.firstOptionIndex());\n      this.cdr.markForCheck();\n    });\n  }\n\n  ngOnChanges(changes: SimpleChanges): void {\n    if (changes['value']) {\n      this.updateLabel();\n    }\n  }\n\n  clearValue(): void {\n    this.value = [];\n    this.updateLabel();\n    this.changed.emit(this.value);\n  }\n\n  outsideClick() {\n    window.setTimeout(() => {\n      this.isOpen.set(false);\n    });\n  }\n\n  toggle(): void {\n    this.isOpen.set(!this.isOpen());\n    if (this.isOpen()) {\n      this.activeIndex.set(this.firstOptionIndex());\n    }\n    this.cdr.markForCheck();\n  }\n\n  isSelected(value?: FilterValue) {\n    return this.value?.includes(value ?? '');\n  }\n\n  optionChanged(selected: boolean, option: FilterButtonOption) {\n    this.value = this.value || [];\n    if (this.singleSelection) {\n      this.value = selected ? [option.value] : [];\n    } else {\n      if (selected) {\n        this.value.push(option.value);\n      } else {\n        this.value.splice(this.value.indexOf(option.value), 1);\n      }\n    }\n    this.changed.emit(this.value);\n    this.optionChange.emit({ selected, option });\n    this.updateLabel();\n  }\n\n  onSearchChange(value: string): void {\n    this.searchInput$.next(value);\n  }\n\n  keyDownHandler(ev: KeyboardEvent) {\n    if (ev.key === (IKeyboardEvent.ARROW_DOWN as string)) {\n      ev.preventDefault();\n      this.moveActive(1);\n    } else if (ev.key === (IKeyboardEvent.ARROW_UP as string)) {\n      ev.preventDefault();\n      this.moveActive(-1);\n    } else if (ev.key === (IKeyboardEvent.ENTER as string) || ev.key === (IKeyboardEvent.SPACE as string)) {\n      ev.preventDefault();\n      this.toggleActiveOption();\n    } else if (ev.key === (IKeyboardEvent.ESCAPE as string)) {\n      this.isOpen.set(false);\n    }\n  }\n\n  onLabelEllipsisChange(isEllipsis: boolean, value: FilterValue): void {\n    this.showTooltip[value] = isEllipsis;\n  }\n\n  private firstOptionIndex(): number {\n    const index = this.flatOptions().findIndex(row => row.kind === 'option');\n    return index === -1 ? 0 : index;\n  }\n\n  private moveActive(delta: number): void {\n    const rows = this.flatOptions();\n    const optionIndexes: number[] = [];\n    rows.forEach((row, index) => {\n      if (row.kind === 'option') {\n        optionIndexes.push(index);\n      }\n    });\n    if (!optionIndexes.length) {\n      return;\n    }\n    const currentPos = optionIndexes.indexOf(this.activeIndex());\n    const basePos = currentPos === -1 ? 0 : currentPos;\n    const nextPos = (basePos + delta + optionIndexes.length) % optionIndexes.length;\n    const nextIndex = optionIndexes[nextPos];\n    this.activeIndex.set(nextIndex);\n    this.viewport?.scrollToIndex(nextIndex, 'smooth');\n  }\n\n  private toggleActiveOption(): void {\n    const option = this.activeOption();\n    if (option) {\n      this.optionChanged(!this.isSelected(option.value), option);\n    }\n  }\n\n  private updateLabel() {\n    this.value = this.value || [];\n    let displayedLabel = '';\n    let tooltip = '';\n    const sortedLabels = this.options()\n      .filter(option => this.value.includes(option.value))\n      .map(item => item?.label ?? '');\n\n    if (sortedLabels.length > 0) {\n      displayedLabel = this.options().find(option => option.value === this.value[0])?.label ?? '';\n      tooltip = `${this.label}${sortedLabels.map(value => `\\n • ${value}`).join('')}`;\n    }\n\n    if (this.value.length > 1) {\n      displayedLabel += ` (+${this.value.length - 1})`;\n    }\n    this.displayedLabel.set(displayedLabel);\n    this.tooltip.set(tooltip);\n    this.cdr.markForCheck();\n  }\n}\n","<ng-container>\n  <ui-button\n    [matTooltip]=\"tooltip()\"\n    [matTooltipClass]=\"'tooltip-multi-line ' + applicationTheme\"\n    [matTooltipPosition]=\"'above'\"\n    class=\"ui-filter-button-trigger\"\n    [class.button-opened]=\"isOpen()\"\n    [variant]=\"value.length || isOpen() ? 'secondary' : 'ghost'\"\n    [label]=\"displayedLabel() || label\"\n    [disabled]=\"disabled || (options().length === 0 && !noOptionsMessage)\"\n    (click)=\"toggle()\"\n    type=\"button\"\n    size=\"small\"\n    [role]=\"'combobox'\"\n    [tooltip]=\"value.length ? ' ' : ''\"\n    [attr.aria-expanded]=\"isOpen()\"\n    [iconName]=\"iconName || (isOpen() ? 'Arrow-chevron-up-filled' : 'Arrow-chevron-down-filled')\"\n    [iconPosition]=\"iconPosition\"\n    [applicationTheme]=\"applicationTheme\"\n    cdkOverlayOrigin\n    #trigger=\"cdkOverlayOrigin\"\n  ></ui-button>\n  <ng-template\n    cdkConnectedOverlay\n    [cdkConnectedOverlayOrigin]=\"trigger\"\n    [cdkConnectedOverlayOpen]=\"isOpen()\"\n    (overlayOutsideClick)=\"outsideClick()\"\n  >\n    @if (activeOption(); as active) {\n      <div style=\"position: absolute; left: -9999px\" [attr.aria-live]=\"'polite'\">\n        {{ active.label }}\n        {{\n          translationContext + 'ACTIVE_ITEM' | uiTranslate: { active: activePosition(), total: optionCount() } | async\n        }}\n      </div>\n      <div style=\"position: absolute; left: -9999px\" [attr.aria-live]=\"'polite'\">\n        {{ active.label }}\n        {{\n          (value.includes(active.value) ? translationContext + 'SELECTED' : translationContext + 'DESELECTED')\n            | uiTranslate\n            | async\n        }}\n      </div>\n    }\n    <div class=\"ui-filter-button\" #overlayContainer>\n      @if (options().length > MIN_OPTIONS_LENGTH_FOR_SEARCH) {\n        <div class=\"ui-filter-button-header\">\n          <ui-field\n            type=\"search\"\n            [showBottomContent]=\"false\"\n            [ngModel]=\"search()\"\n            (ngModelChange)=\"onSearchChange($event)\"\n            [applicationTheme]=\"applicationTheme\"\n          ></ui-field>\n        </div>\n      }\n      <div\n        class=\"ui-filter-button-list\"\n        #list\n        tabindex=\"0\"\n        role=\"listbox\"\n        [attr.aria-activedescendant]=\"isOpen() && activeOption() ? 'ui-fb-option-' + activeIndex() : null\"\n        (keydown)=\"keyDownHandler($event)\"\n      >\n        @if (!displayedOptions().length && options().length) {\n          <div class=\"no-results-found\">\n            <span>{{ translationContext + 'NO_RESULTS_FOUND' | uiTranslate | async }}</span>\n          </div>\n        } @else {\n          <cdk-virtual-scroll-viewport\n            class=\"ui-filter-button-viewport\"\n            [itemSize]=\"ITEM_SIZE\"\n            [style.height.px]=\"listHeight()\"\n          >\n            <ng-container *cdkVirtualFor=\"let row of flatOptions(); let i = index; trackBy: trackByRow\">\n              @if (row.kind === 'header') {\n                <div class=\"section-title\">\n                  {{ row.title }}\n                </div>\n              } @else {\n                <div\n                  class=\"item\"\n                  role=\"option\"\n                  tabindex=\"-1\"\n                  [id]=\"'ui-fb-option-' + i\"\n                  [class.item-selected]=\"isSelected(row.option.value)\"\n                  [class.item-active]=\"activeIndex() === i\"\n                  [attr.aria-selected]=\"isSelected(row.option.value)\"\n                  (click)=\"activeIndex.set(i); optionChanged(!isSelected(row.option.value), row.option)\"\n                  (keydown.enter)=\"optionChanged(!isSelected(row.option.value), row.option)\"\n                >\n                  @if (singleSelection) {\n                    <ui-radio-button\n                      (click)=\"$event.stopPropagation()\"\n                      [tabIndex]=\"-1\"\n                      [selected]=\"isSelected(row.option.value)\"\n                      (changeRadio)=\"optionChanged($event.optionChecked, row.option)\"\n                      [applicationTheme]=\"applicationTheme\"\n                    >\n                    </ui-radio-button>\n                  }\n                  @if (!singleSelection) {\n                    <ui-checkbox\n                      (click)=\"$event.stopPropagation()\"\n                      [class.with-label-number]=\"row.option.labelNumber !== undefined\"\n                      [tabIndex]=\"-1\"\n                      [checked]=\"isSelected(row.option.value)\"\n                      (changed)=\"optionChanged($event, row.option)\"\n                      [applicationTheme]=\"applicationTheme\"\n                    ></ui-checkbox>\n                  }\n                  @if (row.option.icon) {\n                    <ui-icon [applicationTheme]=\"applicationTheme\" [name]=\"row.option.icon\"></ui-icon>\n                  }\n                  <span\n                    #tooltip=\"matTooltip\"\n                    class=\"item-label\"\n                    uiEllipseText\n                    [refresh]=\"row.option.value\"\n                    (onChangeTextState)=\"onLabelEllipsisChange($event, row.option.value)\"\n                    [matTooltip]=\"showTooltip[row.option.value] ? row.option.label : ''\"\n                    [matTooltipClass]=\"applicationTheme\"\n                  >\n                    {{ row.option.label }}\n                  </span>\n                  @if (row.option.labelNumber !== undefined) {\n                    <span class=\"item-number\">({{ row.option.labelNumber }})</span>\n                  }\n                </div>\n              }\n            </ng-container>\n          </cdk-virtual-scroll-viewport>\n        }\n      </div>\n      @if (!options().length && !!noOptionsMessage) {\n        <div class=\"ui-filter-button-no-options\" [innerHTML]=\"noOptionsMessage\"></div>\n      } @else {\n        @if (allowClear || message) {\n          <div class=\"ui-filter-button-footer\">\n            @if (allowClear) {\n              <ui-button\n                variant=\"text\"\n                size=\"small\"\n                [label]=\"('COMMON.RESET' | uiTranslate | async)!\"\n                (click)=\"clearValue()\"\n                [applicationTheme]=\"applicationTheme\"\n                (keydown.escape)=\"toggle()\"\n              ></ui-button>\n            }\n            <div class=\"ui-filter-button-footer-message\">\n              {{ message }}\n            </div>\n          </div>\n        }\n      }\n    </div>\n  </ng-template>\n</ng-container>\n","import { OverlayModule } from '@angular/cdk/overlay';\nimport { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { MatTooltipModule } from '@angular/material/tooltip';\n\nimport { ButtonComponentModule } from '@testgorilla/tgo-ui/components/button';\nimport { CheckboxComponentModule } from '@testgorilla/tgo-ui/components/checkbox';\nimport { EllipseTextDirective, UiTranslatePipe } from '@testgorilla/tgo-ui/components/core';\nimport { FieldComponentModule } from '@testgorilla/tgo-ui/components/field';\nimport { IconComponentModule } from '@testgorilla/tgo-ui/components/icon';\nimport { RadioButtonComponentModule } from '@testgorilla/tgo-ui/components/radio-button';\n\nimport { FilterButtonComponent } from './filter-button.component';\n\n@NgModule({\n  imports: [\n    CommonModule,\n    FormsModule,\n    MatTooltipModule,\n    OverlayModule,\n    UiTranslatePipe,\n    ButtonComponentModule,\n    IconComponentModule,\n    CheckboxComponentModule,\n    FieldComponentModule,\n    EllipseTextDirective,\n    RadioButtonComponentModule,\n    FilterButtonComponent,\n  ],\n  exports: [FilterButtonComponent],\n})\nexport class FilterButtonComponentModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}