@koobiq/components 20.0.0 → 20.2.0

package/fesm2022/koobiq-components-core.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { QueryList, inject, ElementRef, Directive, isDevMode, Input, ChangeDetectorRef, InjectionToken, LOCALE_ID, Type, Injectable, Renderer2, DestroyRef, afterNextRender, NgModule, Pipe, contentChildren, booleanAttribute, ViewEncapsulation, ChangeDetectionStrategy, Component, input, EventEmitter, Output, ViewChild, numberAttribute, signal, TemplateRef, NgZone, ViewContainerRef, RendererFactory2, Version } from '@angular/core';
+import { QueryList, inject, ElementRef, Directive, isDevMode, Input, ChangeDetectorRef, InjectionToken, LOCALE_ID, Type, Injectable, Renderer2, DestroyRef, afterNextRender, NgModule, Pipe, contentChildren, booleanAttribute, ViewEncapsulation, ChangeDetectionStrategy, Component, input, EventEmitter, Output, ViewChild, numberAttribute, signal, ApplicationRef, TemplateRef, NgZone, ViewContainerRef, RendererFactory2, Version } from '@angular/core';
 import { Subject, Subscription, merge, fromEvent, map as map$1, BehaviorSubject, interval, pairwise } from 'rxjs';
 import { tap, debounceTime, filter, map, distinctUntilChanged, delay } from 'rxjs/operators';
 import { _getEventTarget, Platform } from '@angular/cdk/platform';
@@ -11,10 +11,11 @@ import { DOCUMENT } from '@angular/common';
 import { DateFormatter as DateFormatter$1 } from '@koobiq/date-formatter';
 import { FocusMonitor } from '@angular/cdk/a11y';
 import { SharedResizeObserver } from '@angular/cdk/observers/private';
-import { Overlay, ScrollDispatcher, CdkScrollable } from '@angular/cdk/overlay';
+import { Overlay, CdkOverlayOrigin, OverlayContainer, ScrollDispatcher, CdkScrollable } from '@angular/cdk/overlay';
 import { TooltipSizeArrowSize } from '@koobiq/design-tokens';
 import { Directionality } from '@angular/cdk/bidi';
 import { ComponentPortal } from '@angular/cdk/portal';
+import { ViewportRuler } from '@angular/cdk/scrolling';
 import { AsyncScheduler } from 'rxjs/internal/scheduler/AsyncScheduler';
 
 const MAC_ENTER = 3;
@@ -1267,10 +1268,16 @@ const enUSLocaleData = {
             error: 'The search with such name already exists',
             errorHint: 'Could not save the filter. Try again or contact the administrator.',
             saveButton: 'Save',
-            cancelButton: 'Cancel'
+            cancelButton: 'Cancel',
+            actionsTooltip: 'Filter actions'
         },
         add: {
-            tooltip: 'Add filter'
+            tooltip: 'Add filter',
+            addedAnnouncement: '{{ name }} filter added'
+        },
+        refresher: {
+            refresh: 'Refresh',
+            settings: 'Refresh settings'
         },
         pipe: {
             clearButtonTooltip: 'Clear',
@@ -1324,10 +1331,13 @@ const enUSLocaleData = {
             to: 'to',
             apply: 'Apply',
             cancel: 'Cancel',
-            rangeLabel: 'for period',
+            rangeLabel: 'Period',
             allTime: 'for all time',
             currentQuarter: 'for the current quarter',
-            currentYear: 'for the current year'
+            currentYear: 'for the current year',
+            allTimeOption: 'All time',
+            currentQuarterOption: 'Current quarter',
+            currentYearOption: 'Current year'
         },
         durationTemplate: {
             title: {
@@ -1369,31 +1379,31 @@ const enUSLocaleData = {
                 LAST_PART_SEPARATOR: '',
                 YEARS: `{years, plural,
                 one {# year}
-                other {last # years}
+                other {Last # years}
             }`,
                 MONTHS: `{months, plural,
-                one {last month}
-                other {last # months}
+                one {Last month}
+                other {Last # months}
             }`,
                 WEEKS: `{weeks, plural,
-                one {last week}
-                other {last # weeks}
+                one {Last week}
+                other {Last # weeks}
             }`,
                 DAYS: `{days, plural,
-                one {last day}
-                other {last # days}
+                one {Last day}
+                other {Last # days}
             }`,
                 HOURS: `{hours, plural,
-                one {last hour}
-                other {last # hours}
+                one {Last hour}
+                other {Last # hours}
             }`,
                 MINUTES: `{minutes, plural,
-                one {last minute}
-                other {last # minutes}
+                one {Last minute}
+                other {Last # minutes}
             }`,
                 SECONDS: `{seconds, plural,
-                one {last second}
-                other {last # seconds}
+                one {Last second}
+                other {Last # seconds}
             }`,
                 YEARS_FRACTION: `{years} years`,
                 MONTHS_FRACTION: `{months} months`
@@ -1407,7 +1417,8 @@ const enUSLocaleData = {
         showPopUpNotifications: 'Show pop-up notifications',
         noNotifications: 'No notifications',
         failedToLoadNotifications: 'Failed to load notifications',
-        repeat: 'Repeat'
+        repeat: 'Repeat',
+        loadingMore: 'Loading more notifications'
     }
 };
 
@@ -1482,10 +1493,16 @@ const esLALocaleData = {
             error: 'Ya existe una búsqueda con ese nombre',
             errorHint: 'No se pudo guardar el filtro. Intente de nuevo o comuníquese con el administrador.',
             saveButton: 'Guardar',
-            cancelButton: 'Cancelar'
+            cancelButton: 'Cancelar',
+            actionsTooltip: 'Acciones de filtro'
         },
         add: {
-            tooltip: 'Agregar filtro'
+            tooltip: 'Agregar filtro',
+            addedAnnouncement: 'Filtro {{ name }} agregado'
+        },
+        refresher: {
+            refresh: 'Actualizar',
+            settings: 'Configuración de actualización'
         },
         pipe: {
             clearButtonTooltip: 'Borrar',
@@ -1539,10 +1556,13 @@ const esLALocaleData = {
             to: 'a',
             apply: 'Aplicar',
             cancel: 'Cancelar',
-            rangeLabel: 'para el período',
+            rangeLabel: 'Período',
             allTime: 'por todo el tiempo',
             currentQuarter: 'por el trimestre actual',
-            currentYear: 'por el año actual'
+            currentYear: 'por el año actual',
+            allTimeOption: 'Todo el tiempo',
+            currentQuarterOption: 'Trimestre actual',
+            currentYearOption: 'Año actual'
         },
         durationTemplate: {
             title: {
@@ -1584,31 +1604,31 @@ const esLALocaleData = {
                 LAST_PART_SEPARATOR: '',
                 YEARS: `{years, plural,
                 one {# año}
-                other {últimos # años}
+                other {Últimos # años}
             }`,
                 MONTHS: `{months, plural,
-                one {último mes}
-                other {últimos # meses}
+                one {Último mes}
+                other {Últimos # meses}
             }`,
                 WEEKS: `{weeks, plural,
-                one {última semana}
-                other {últimas # semanas}
+                one {Última semana}
+                other {Últimas # semanas}
             }`,
                 DAYS: `{days, plural,
-                one {último día}
-                other {últimos # días}
+                one {Último día}
+                other {Últimos # días}
             }`,
                 HOURS: `{hours, plural,
-                one {última hora}
-                other {últimas # horas}
+                one {Última hora}
+                other {Últimas # horas}
             }`,
                 MINUTES: `{minutes, plural,
-                one {último minuto}
-                other {últimos # minutos}
+                one {Último minuto}
+                other {Últimos # minutos}
             }`,
                 SECONDS: `{seconds, plural,
-                one {último segundo}
-                other {últimos # segundos}
+                one {Último segundo}
+                other {Últimos # segundos}
             }`,
                 YEARS_FRACTION: `{years} años`,
                 MONTHS_FRACTION: `{months} meses`
@@ -1622,7 +1642,8 @@ const esLALocaleData = {
         showPopUpNotifications: 'Mostrar notificaciones emergentes',
         noNotifications: 'Sin notificaciones',
         failedToLoadNotifications: 'Error al cargar las notificaciones',
-        repeat: 'Repetir'
+        repeat: 'Repetir',
+        loadingMore: 'Cargando más notificaciones'
     }
 };
 
@@ -1697,10 +1718,16 @@ const ptBRLocaleData = {
             error: 'A busca com esse nome já existe',
             errorHint: 'O filtro não pôde ser salvo. Tente de novo ou entre em contato com o administrador.',
             saveButton: 'Salvar',
-            cancelButton: 'Cancelar'
+            cancelButton: 'Cancelar',
+            actionsTooltip: 'Ações do filtro'
         },
         add: {
-            tooltip: 'Adicionar filtros'
+            tooltip: 'Adicionar filtros',
+            addedAnnouncement: 'Filtro {{ name }} adicionado'
+        },
+        refresher: {
+            refresh: 'Atualizar',
+            settings: 'Configurações de atualização'
         },
         pipe: {
             clearButtonTooltip: 'Apagar',
@@ -1754,10 +1781,13 @@ const ptBRLocaleData = {
             to: 'até',
             apply: 'Aplicar',
             cancel: 'Cancelar',
-            rangeLabel: 'para o período',
+            rangeLabel: 'Período',
             allTime: 'por todo o tempo',
             currentQuarter: 'pelo trimestre atual',
-            currentYear: 'pelo ano atual'
+            currentYear: 'pelo ano atual',
+            allTimeOption: 'Todo o tempo',
+            currentQuarterOption: 'Trimestre atual',
+            currentYearOption: 'Ano atual'
         },
         durationTemplate: {
             title: {
@@ -1799,31 +1829,31 @@ const ptBRLocaleData = {
                 LAST_PART_SEPARATOR: '',
                 YEARS: `{years, plural,
                 one {# ano}
-                other {últimos # anos}
+                other {Últimos # anos}
             }`,
                 MONTHS: `{months, plural,
-                one {último mês}
-                other {últimos # meses}
+                one {Último mês}
+                other {Últimos # meses}
             }`,
                 WEEKS: `{weeks, plural,
-                one {última semana}
-                other {últimas # semanas}
+                one {Última semana}
+                other {Últimas # semanas}
             }`,
                 DAYS: `{days, plural,
-                one {último dia}
-                other {últimos # dias}
+                one {Último dia}
+                other {Últimos # dias}
             }`,
                 HOURS: `{hours, plural,
-                one {última hora}
-                other {últimas # horas}
+                one {Última hora}
+                other {Últimas # horas}
             }`,
                 MINUTES: `{minutes, plural,
-                one {último minuto}
-                other {últimos # minutos}
+                one {Último minuto}
+                other {Últimos # minutos}
             }`,
                 SECONDS: `{seconds, plural,
-                one {último segundo}
-                other {últimos # segundos}
+                one {Último segundo}
+                other {Últimos # segundos}
             }`,
                 YEARS_FRACTION: `{years} anos`,
                 MONTHS_FRACTION: `{months} meses`
@@ -1837,7 +1867,8 @@ const ptBRLocaleData = {
         showPopUpNotifications: 'Mostrar notificações pop-up',
         noNotifications: 'Sem notificações',
         failedToLoadNotifications: 'Falha ao carregar notificações',
-        repeat: 'Repetir'
+        repeat: 'Repetir',
+        loadingMore: 'Carregando mais notificações'
     }
 };
 
@@ -1913,10 +1944,16 @@ const ruRULocaleData = {
             error: 'Поиск с таким названием уже существует',
             errorHint: 'Не удалось сохранить фильтр. Попробуйте снова или сообщите администратору.',
             saveButton: 'Сохранить',
-            cancelButton: 'Отмена'
+            cancelButton: 'Отмена',
+            actionsTooltip: 'Действия с фильтром'
         },
         add: {
-            tooltip: 'Добавить фильтр'
+            tooltip: 'Добавить фильтр',
+            addedAnnouncement: 'Фильтр {{ name }} добавлен'
+        },
+        refresher: {
+            refresh: 'Обновить',
+            settings: 'Настройки обновления'
         },
         pipe: {
             clearButtonTooltip: 'Очистить',
@@ -1970,10 +2007,13 @@ const ruRULocaleData = {
             to: 'по',
             apply: 'Применить',
             cancel: 'Отмена',
-            rangeLabel: 'за период',
+            rangeLabel: 'Период',
             allTime: 'за все время',
             currentQuarter: 'за текущий квартал',
-            currentYear: 'за текущий год'
+            currentYear: 'за текущий год',
+            allTimeOption: 'Все время',
+            currentQuarterOption: 'Текущий квартал',
+            currentYearOption: 'Текущий год'
         },
         durationTemplate: {
             title: {
@@ -1981,7 +2021,7 @@ const ruRULocaleData = {
                 LAST_PART_SEPARATOR: 'и',
                 YEARS: `{years, plural,
                 one {# год}
-                few {последние # лет}
+                few {последние # года}
                 other {последние # лет}
             }`,
                 MONTHS: `{months, plural,
@@ -2021,39 +2061,39 @@ const ruRULocaleData = {
                 SEPARATOR: ' ',
                 LAST_PART_SEPARATOR: 'и',
                 YEARS: `{years, plural,
-                one {последний год}
-                few {последние # лет}
-                other {последние # лет}
+                one {Последний год}
+                few {Последние # года}
+                other {Последние # лет}
             }`,
                 MONTHS: `{months, plural,
-                one {последний месяц}
-                few {последние # месяца}
-                other {последние # месяцев}
+                one {Последний месяц}
+                few {Последние # месяца}
+                other {Последние # месяцев}
             }`,
                 WEEKS: `{weeks, plural,
-                one {последняя неделя}
-                few {последние # недели}
-                other {последние # недель}
+                one {Последняя неделя}
+                few {Последние # недели}
+                other {Последние # недель}
             }`,
                 DAYS: `{days, plural,
-                one {последний день}
-                few {последние # дня}
-                other {последние # дней}
+                one {Последний день}
+                few {Последние # дня}
+                other {Последние # дней}
             }`,
                 HOURS: `{hours, plural,
-                one {последний час}
-                few {последние # часа}
-                other {последние # часов}
+                one {Последний час}
+                few {Последние # часа}
+                other {Последние # часов}
             }`,
                 MINUTES: `{minutes, plural,
-                one {последняя минута}
-                few {последние # минуты}
-                other {последние # минут}
+                one {Последняя минута}
+                few {Последние # минуты}
+                other {Последние # минут}
             }`,
                 SECONDS: `{seconds, plural,
-                one {последняя секунда}
-                few {последние # секунды}
-                other {последние # секунд}
+                one {Последняя секунда}
+                few {Последние # секунды}
+                other {Последние # секунд}
             }`,
                 YEARS_FRACTION: `{years} лет`,
                 MONTHS_FRACTION: `{months} месяцев`
@@ -2067,7 +2107,8 @@ const ruRULocaleData = {
         showPopUpNotifications: 'Показывать всплывающие уведомления',
         noNotifications: 'Нет уведомлений',
         failedToLoadNotifications: 'Не удалось загрузить уведомления',
-        repeat: 'Повторить'
+        repeat: 'Повторить',
+        loadingMore: 'Загрузка уведомлений'
     }
 };
 
@@ -2143,10 +2184,16 @@ const tkTMLocaleData = {
             error: 'Şeýle atly gözleg eýýäm bar',
             errorHint: 'Filtri ýazdyryp bolmady. Täzeden synanyň ýa-da administratora ýüz tutuň.',
             saveButton: 'Ýazdyr',
-            cancelButton: 'Ýatyr'
+            cancelButton: 'Ýatyr',
+            actionsTooltip: 'Filtr amallary'
         },
         add: {
-            tooltip: 'Filtr goş'
+            tooltip: 'Filtr goş',
+            addedAnnouncement: '{{ name }} filtri goşuldy'
+        },
+        refresher: {
+            refresh: 'Täzele',
+            settings: 'Täzeleme sazlamalary'
         },
         pipe: {
             clearButtonTooltip: 'Arassala',
@@ -2200,10 +2247,13 @@ const tkTMLocaleData = {
             to: 'şuňa',
             apply: 'Ulanmak',
             cancel: 'Ýatyrmak',
-            rangeLabel: 'şu döwürde',
+            rangeLabel: 'Döwür',
             allTime: 'hemme döwür üçin',
             currentQuarter: 'şu çärýek üçin',
-            currentYear: 'şu ýyl üçin'
+            currentYear: 'şu ýyl üçin',
+            allTimeOption: 'Hemme döwür',
+            currentQuarterOption: 'Şu çärýek',
+            currentYearOption: 'Şu ýyl'
         },
         durationTemplate: {
             title: {
@@ -2248,27 +2298,27 @@ const tkTMLocaleData = {
                 other {# ýyl}
             }`,
                 MONTHS: `{months, plural,
-                one {aý}
+                one {Aý}
                 other {# aý}
             }`,
                 WEEKS: `{weeks, plural,
-                one {hepde}
+                one {Hepde}
                 other {# hepde}
             }`,
                 DAYS: `{days, plural,
-                one {gün}
+                one {Gün}
                 other {# gün}
             }`,
                 HOURS: `{hours, plural,
-                one {sagat}
+                one {Sagat}
                 other {# sagat}
             }`,
                 MINUTES: `{minutes, plural,
-                one {minut}
+                one {Minut}
                 other {# minut}
             }`,
                 SECONDS: `{seconds, plural,
-                one {sekunt}
+                one {Sekunt}
                 other {# sekunt}
             }`,
                 YEARS_FRACTION: `{years} ýyl`,
@@ -2283,7 +2333,8 @@ const tkTMLocaleData = {
         showPopUpNotifications: 'Açylýan bildirişleri görkeziň',
         noNotifications: 'Duýduryş ýok',
         failedToLoadNotifications: 'Duýduryşlary ýükläp bilmedi',
-        repeat: 'Gaýtalama'
+        repeat: 'Gaýtalama',
+        loadingMore: 'Duýduryşlar ýüklenýär'
     }
 };
 
@@ -2408,7 +2459,8 @@ const ruRUFormattersData = {
                 groupSeparator: ',',
                 thousand: 'К',
                 million: 'М',
-                billion: 'М',
+                // Latin `B` (U+0042) according to UX Guidelines.
+                billion: 'B',
                 trillion: 'Т'
             },
             decimal: {
@@ -3590,6 +3642,7 @@ class KbqRoundDecimalPipe {
         this.localeService = inject(KBQ_LOCALE_SERVICE, { optional: true });
         this.localeService?.changes.subscribe((newId) => (this.id = newId));
     }
+    // @TODO: update returned type to string | null. Breaking change
     transform(value, locale) {
         if (isEmpty(value)) {
             return null;
@@ -4592,6 +4645,58 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImpo
                 }]
         }] });
 
+/**
+ * Canonical "select all / deselect all" toggle shared by the multi-select components (`Ctrl`/`Cmd` + `A`).
+ *
+ * Considers only selectable items and selects them all. When `allowDeselect` is `true` and every selectable
+ * item is already selected, deselects them all instead; otherwise a repeated call is a no-op. No-op when
+ * there are no selectable items.
+ *
+ * @returns the items whose selected state actually flipped, in input order.
+ */
+function toggleSelectAll(adapter, options) {
+    const selectable = adapter.items.filter((item) => adapter.isSelectable(item));
+    if (selectable.length === 0) {
+        return [];
+    }
+    const shouldSelect = !options?.allowDeselect || selectable.some((item) => !adapter.isSelected(item));
+    const changed = selectable.filter((item) => adapter.isSelected(item) !== shouldSelect);
+    selectable.forEach((item) => adapter.setSelected(item, shouldSelect));
+    return changed;
+}
+/** Event emitted by the `onSelectAll` outputs when the select-all toggle runs. */
+class KbqSelectAllEvent {
+    constructor(
+    /** Component that emitted the event. */
+    source, 
+    /** The selectable options affected by the toggle. */
+    options, 
+    /** `true` when all options were selected, `false` when all were deselected. */
+    selected) {
+        this.source = source;
+        this.options = options;
+        this.selected = selected;
+    }
+}
+/**
+ * Whether `Ctrl`/`Cmd` + `A` should select the text of a search `<input>` rather than toggle options.
+ *
+ * Returns `true` only when the input has text that is not already fully selected (nothing selected,
+ * a partial selection, or just a caret). Returns `false` for an empty input (so select-all falls
+ * straight through to the options) and when the whole value is already selected (a second press
+ * then acts on the options).
+ */
+function shouldSelectSearchText(input) {
+    if (!input) {
+        return false;
+    }
+    const length = input.value.length;
+    if (length === 0) {
+        return false;
+    }
+    return !(input.selectionStart === 0 && input.selectionEnd === length);
+}
+
 const KBQ_TITLE_TEXT_REF = new InjectionToken('KbqTitleTextRef');
 
 /**
@@ -4747,11 +4852,7 @@ class KbqOption extends KbqOptionBase {
     }
     /** @docs-private */
     getHeight() {
-        const element = this.elementRef.nativeElement;
-        // For SSR compatibility
-        if (typeof element.getClientRects !== 'function')
-            return 0;
-        return element.getClientRects()[0]?.height ?? 0;
+        return this.elementRef.nativeElement.getClientRects()[0]?.height ?? 0;
     }
     select(emitEvent = true) {
         if (!this._selected) {
@@ -5335,6 +5436,193 @@ function objectValues(object) {
     return object === null ? [] : baseValues(object, Object.keys(object));
 }
 
+/**
+ * Default minimum width of an overlay panel, in pixels.
+ *
+ * Kept in sync by hand with `--kbq-dropdown-size-container-width-min` in `dropdown-tokens.scss`,
+ * which expresses the same default for the dropdown's CSS-driven sizing.
+ */
+const KBQ_PANEL_DEFAULT_MIN_WIDTH = 200;
+/**
+ * Measures the rendered width of a panel's trigger.
+ *
+ * Uses `getBoundingClientRect()` because `getComputedStyle().width` resolves to the used
+ * content-box width regardless of `box-sizing`, so subtracting borders from it double-counts them.
+ * @docs-private
+ */
+function kbqGetPanelWidthOrigin(origin) {
+    const element = origin instanceof CdkOverlayOrigin
+        ? origin.elementRef.nativeElement
+        : origin instanceof ElementRef
+            ? origin.nativeElement
+            : origin;
+    return element.getBoundingClientRect().width;
+}
+/**
+ * Resolves `panelWidth` and `panelMinWidth` into the `width` and `minWidth` of the overlay pane.
+ *
+ * `panelWidth` selects the sizing policy. The "never narrower than the trigger" rule belongs to the
+ * automatic policies (`null` and `'auto'`); an explicit width is taken at face value.
+ * @docs-private
+ */
+function kbqResolvePanelWidth(panelWidth, panelMinWidth, triggerWidth) {
+    // `numberAttribute` coerces `null` and other invalid bindings to `NaN`, so guard on finiteness
+    // rather than on `null`, which never reaches us from a template binding.
+    const min = Number.isFinite(panelMinWidth) ? Math.max(panelMinWidth, 0) : 0;
+    const floor = Math.max(min, Number.isFinite(triggerWidth) ? triggerWidth : 0);
+    // Trigger-sized. The floor is resolved here rather than emitted as `minWidth` because
+    // `KbqAbstractSelect.setOverlayPosition()` clears `minWidth` on viewport overflow, after having
+    // derived the panel offset from the pre-clear width.
+    if (panelWidth === 'auto') {
+        return { width: floor, minWidth: '' };
+    }
+    // Content-sized. Only `null`/`undefined`/`''` opt in — `0` is an explicit width. A non-finite
+    // `panelWidth` (e.g. `NaN` from an upstream computation) is treated the same way rather than
+    // reaching the DOM unguarded, mirroring how `panelMinWidth`/`triggerWidth` are handled above.
+    if (panelWidth == null || panelWidth === '' || (typeof panelWidth === 'number' && !Number.isFinite(panelWidth))) {
+        return { width: '', minWidth: floor };
+    }
+    // Explicit width. `panelMinWidth` is not applied.
+    return { width: panelWidth, minWidth: '' };
+}
+
+/**
+ * Element used by {@link KbqShadowDomOverlayContainer} to locate the shadow root that should host overlays.
+ *
+ * When not provided, the container falls back to the application root component element.
+ */
+const KBQ_SHADOW_DOM_OVERLAY_HOST = new InjectionToken('KBQ_SHADOW_DOM_OVERLAY_HOST');
+/** Marks the structural overlay stylesheet that {@link KbqShadowDomOverlayContainer} clones into a shadow root. */
+const overlayStructuralStylesAttribute = 'data-kbq-overlay-structural-styles';
+/**
+ * `OverlayContainer` that places the `.cdk-overlay-container` inside a shadow root instead of `document.body`.
+ *
+ * The default CDK `OverlayContainer` always appends its container to `document.body`. When the application is
+ * rendered inside a shadow root (e.g. a Module Federation micro-frontend), overlays — toasts, modals, dropdowns,
+ * tooltips, etc. — escape the shadow tree into the light DOM. There they lose access to the styles and theme tokens
+ * scoped to the shadow root (Koobiq theme tokens are defined on the `.kbq-light` / `.kbq-dark` ancestor), which
+ * results in unstyled overlays.
+ *
+ * This container resolves the target shadow root from {@link KBQ_SHADOW_DOM_OVERLAY_HOST} (or the root component when
+ * the token is absent) and relocates the overlay container into it. After relocating, it also clones CDK's own
+ * structural overlay stylesheet (`position`/`z-index`/backdrop, `.cdk-overlay-container:empty`) into the shadow root,
+ * since those `document.head` styles do not cross the shadow boundary. If no shadow root is found — the common case
+ * for an app rendered directly in the light DOM — the container is left on `document.body`, so it is safe to provide
+ * unconditionally.
+ *
+ * Only **open** shadow roots can be resolved: a closed shadow root exposes neither `Element.shadowRoot` nor a
+ * `ShadowRoot` from `getRootNode()`, so pass an element that already lives inside the closed tree if you must use one.
+ *
+ * Note: this fixes the overlay container *placement* and delivers the CDK structural overlay styles. The host
+ * application is still responsible for delivering the **Koobiq component/theme styles** (the `.kbq-light` / `.kbq-dark`
+ * tokens and component CSS) into the shadow root, since global `document.head` stylesheets do not cascade across a
+ * shadow boundary.
+ *
+ * @see kbqShadowDomOverlayProvider
+ */
+class KbqShadowDomOverlayContainer extends OverlayContainer {
+    constructor() {
+        super(...arguments);
+        this.host = inject(KBQ_SHADOW_DOM_OVERLAY_HOST, { optional: true });
+        this.applicationRef = inject(ApplicationRef);
+    }
+    /** @internal CDK lifecycle hook — overridden to relocate the container into a shadow root. */
+    _createContainer() {
+        // Let CDK create the container (and run its test-environment cleanup). It is appended to `document.body`.
+        super._createContainer();
+        const shadowRoot = this.resolveShadowRoot();
+        if (shadowRoot) {
+            // Relocate the container into the shadow root and deliver the structural overlay styles alongside it.
+            shadowRoot.appendChild(this._containerElement);
+            this.deliverStructuralStyles(shadowRoot);
+        }
+        else if (this.host != null) {
+            // An explicit host was provided but did not resolve to an open shadow root (wrong element, a closed
+            // shadow root, or an element not yet inside a shadow tree). The container stays on `document.body`, so
+            // overlays would render unstyled — warn instead of failing silently.
+            // eslint-disable-next-line no-console
+            console.warn('[KbqShadowDomOverlayContainer] The provided host did not resolve to an open shadow root; the ' +
+                'overlay container stays on document.body. Ensure the host element (or an element inside its ' +
+                'shadow tree) uses an open shadow root.');
+        }
+    }
+    /**
+     * Clones CDK's structural overlay stylesheet into the shadow root.
+     *
+     * CDK ships the overlay's structural CSS as a `ViewEncapsulation.None` component, so Angular injects it as a
+     * `<style>` in `document.head` synchronously — `OverlayContainer.getContainerElement()` loads it before
+     * `_createContainer()` runs. Those rules do not cross the shadow boundary, so a relocated container would
+     * otherwise be unpositioned. Cloning the already-injected stylesheet keeps it version-matched to the installed
+     * `@angular/cdk` and is idempotent.
+     */
+    deliverStructuralStyles(shadowRoot) {
+        if (shadowRoot.querySelector(`style[${overlayStructuralStylesAttribute}]`)) {
+            return;
+        }
+        const sourceStyle = Array.from(this._document.head.querySelectorAll('style')).find((style) => style.textContent?.includes('.cdk-overlay-pane'));
+        if (sourceStyle) {
+            const clone = sourceStyle.cloneNode(true);
+            clone.setAttribute(overlayStructuralStylesAttribute, '');
+            shadowRoot.appendChild(clone);
+        }
+    }
+    resolveShadowRoot() {
+        const element = this.resolveHostElement();
+        if (!element) {
+            return null;
+        }
+        // The host can be the shadow host itself (the common case — the MFE root element)...
+        const ownShadowRoot = element.shadowRoot;
+        if (ownShadowRoot) {
+            return ownShadowRoot;
+        }
+        // ...or an element that already lives inside the shadow tree.
+        const rootNode = element.getRootNode();
+        return typeof ShadowRoot !== 'undefined' && rootNode instanceof ShadowRoot ? rootNode : null;
+    }
+    resolveHostElement() {
+        if (this.host) {
+            const resolved = typeof this.host === 'function' ? this.host() : this.host;
+            if (resolved instanceof ElementRef) {
+                return resolved.nativeElement;
+            }
+            return resolved ?? null;
+        }
+        // No explicit host provided — fall back to the application root component element.
+        return this.applicationRef.components[0]?.location.nativeElement ?? null;
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: KbqShadowDomOverlayContainer, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
+    /** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: KbqShadowDomOverlayContainer }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: KbqShadowDomOverlayContainer, decorators: [{
+            type: Injectable
+        }] });
+/**
+ * Providers that route all CDK overlays into a shadow root via {@link KbqShadowDomOverlayContainer}.
+ *
+ * Add it to the bootstrap providers of an application rendered inside a shadow root:
+ *
+ * ```ts
+ * bootstrapApplication(AppComponent, {
+ *     providers: kbqShadowDomOverlayProvider(() => document.querySelector('my-mfe-root')!)
+ * });
+ * ```
+ *
+ * The provider replaces the global `OverlayContainer` token, so it cannot be combined with another custom
+ * `OverlayContainer` (e.g. CDK's `FullscreenOverlayContainer`) — the last provider wins. Apps that need both must
+ * subclass `KbqShadowDomOverlayContainer`.
+ *
+ * @param host element (or getter / `ElementRef`) inside the target shadow tree. When omitted, the application root
+ * component element is used to resolve the shadow root.
+ */
+const kbqShadowDomOverlayProvider = (host) => {
+    const providers = [{ provide: OverlayContainer, useClass: KbqShadowDomOverlayContainer }];
+    if (host !== undefined) {
+        providers.push({ provide: KBQ_SHADOW_DOM_OVERLAY_HOST, useValue: host });
+    }
+    return providers;
+};
+
 /**
  * InjectionToken for providing component with popup. Used in select and tree-select for tooltip.
  */
@@ -5380,6 +5668,21 @@ var PopUpSizes;
  * Tags Input, Timezone, TreeSelect).
  */
 const defaultOffsetY = 4;
+/**
+ * Pane class applied to a connected overlay whose panel is positioned BELOW its trigger.
+ *
+ * Used instead of a physical `offsetY` gap: the pane sits flush with the trigger and the visual gap is
+ * recreated as transparent `padding-top` inside the pane (see the `kbq-connected-overlay-gap` styles), so the
+ * gap is covered by the pane (`pointer-events: auto`) and can no longer be clicked/hovered through.
+ */
+const KBQ_CONNECTED_OVERLAY_BELOW_CLASS = 'kbq-connected-overlay_below';
+/**
+ * Pane class applied to a connected overlay whose panel is positioned ABOVE its trigger (flipped).
+ *
+ * Mirror of {@link KBQ_CONNECTED_OVERLAY_BELOW_CLASS}: the visual gap is recreated as transparent
+ * `padding-bottom` inside the pane so the flipped gap is not click/hover-through.
+ */
+const KBQ_CONNECTED_OVERLAY_ABOVE_CLASS = 'kbq-connected-overlay_above';
 /**
  * Variable used for offsetY(X) calculations when applying Angular Overlay
  *
@@ -5601,42 +5904,91 @@ const getOffset = ({ originX, overlayX, originY, overlayY }, { width, height })
     }
     return offset;
 };
+/**
+ * Abstract base directive for hover/focus/click-triggered pop-ups (e.g. tooltip and popover). It manages the
+ * CDK overlay lifecycle, binds the trigger event listeners, resolves placement via a flexible connected position
+ * strategy, and controls show/hide timing. Concrete subclasses supply the pop-up component type, its content,
+ * and the overlay configuration.
+ */
 class KbqPopUpTrigger {
     constructor() {
-        /** Stream that emits when the popupTrigger is hovered. */
+        /** Stream that emits when the popupTrigger is hovered.
+         * @docs-private */
         this.hovered = new BehaviorSubject(false);
+        /** RxJS scheduler that drives the hide timeout; `undefined` falls back to the default async scheduler.
+         * @docs-private */
         this.scheduler = inject(AsyncScheduler, { optional: true }) || undefined;
+        /** CDK Overlay service used to create and position the pop-up overlay.
+         * @docs-private */
         this.overlay = inject(Overlay);
+        /** Reference to the host element the pop-up is anchored to.
+         * @docs-private */
         this.elementRef = inject(ElementRef);
+        /** Angular zone, used to run the hide timer outside Angular and re-enter when hiding.
+         * @docs-private */
         this.ngZone = inject(NgZone);
+        /** CDK ScrollDispatcher, used to track ancestor scroll containers so the pop-up repositions on scroll.
+         * @docs-private */
         this.scrollDispatcher = inject(ScrollDispatcher);
+        /** CDK ViewportRuler, used to re-apply the stick-to-window position on window resize.
+         * @docs-private */
+        this.viewportRuler = inject(ViewportRuler);
+        /** View container the pop-up component portal is attached to.
+         * @docs-private */
         this.hostView = inject(ViewContainerRef);
+        /** Text direction (LTR/RTL) applied to the overlay when a `Directionality` is available.
+         * @docs-private */
         this.direction = inject(Directionality, { optional: true });
+        /** Destroy reference used to auto-unsubscribe streams when the directive is destroyed.
+         * @docs-private */
         this.destroyRef = inject(DestroyRef);
+        /** Nearest `CdkScrollable` ancestor, if any.
+         * @docs-private */
         this.scrollable = inject(CdkScrollable, { optional: true });
+        /** Change detector used to refresh the trigger when its open state changes. */
         this.popUpChangeDetectorRef = inject(ChangeDetectorRef);
+        /** Backing field for `isOpen`. */
         this._isOpen = false;
+        /** Delay in milliseconds before the pop-up is shown.
+         * @docs-private */
         this.enterDelay = 0;
+        /** Delay in milliseconds before the pop-up is hidden.
+         * @docs-private */
         this.leaveDelay = 0;
+        /** Current resolved placement of the pop-up.
+         * @docs-private */
         this.placement = PopUpPlacements.Top;
+        /** Ordered list of fallback placements to try before the default priority.
+         * @docs-private */
         this.placementPriority = null;
+        /** Whether the pop-up is currently visible.
+         * @docs-private */
         this.visible = false;
+        /** Map of event name to the handler currently bound on the host element.
+         * @docs-private */
         this.listeners = new Map();
+        /** Map of placement name to its CDK connected position pair.
+         * @docs-private */
         this.availablePositions = POSITION_MAP;
-        /** Hide pop-up with timeout. Need if you want to show pop-up after leaving trigger */
+        /** Hide pop-up with timeout. Need if you want to show pop-up after leaving trigger
+         * @docs-private */
         this.hideWithTimeout = false;
-        /** prevents closure by any event */
+        /** prevents closure by any event
+         * @docs-private */
         this.preventClose = false;
+        /** Detaches the overlay (if attached) and clears the current pop-up instance.
+         * @docs-private */
         this.detach = () => {
             if (this.overlayRef?.hasAttached()) {
                 this.overlayRef.detach();
             }
             this.instance = null;
         };
+        /** Maps the CDK connection position back to a placement name, emits `placementChange`, and updates classes.
+         * @docs-private */
         this.onPositionChange = ($event) => {
-            if (!this.instance) {
+            if (!this.instance)
                 return;
-            }
             let newPlacement = this.placement;
             const { originX, originY, overlayX, overlayY } = $event.connectionPair;
             Object.keys(this.availablePositions).some((key) => {
@@ -5653,13 +6005,16 @@ class KbqPopUpTrigger {
             this.updateClassMap(newPlacement);
             this.instance.detectChanges();
         };
+        /** Binds a single event listener to the pop-up's native element. */
         this.addEventListener = (listener, event) => {
             this.getNativeElement().addEventListener(event, listener);
         };
+        /** Unbinds a single event listener from the pop-up's native element. */
         this.removeEventListener = (listener, event) => {
             this.getNativeElement().removeEventListener(event, listener);
         };
     }
+    /** Whether the pop-up overlay is currently open. */
     get isOpen() {
         return this._isOpen;
     }
@@ -5667,14 +6022,18 @@ class KbqPopUpTrigger {
         this._isOpen = value;
         this.popUpChangeDetectorRef.markForCheck();
     }
+    /** Binds the DOM event listeners for the configured triggers. */
     ngOnInit() {
         this.initListeners();
     }
+    /** Disposes the overlay and removes all bound event listeners. */
     ngOnDestroy() {
         this.overlayRef?.dispose();
         this.listeners.forEach(this.removeEventListener);
         this.listeners.clear();
     }
+    /** Sets the placement (falling back to `Top` on an unknown value) and refreshes the classes and position.
+     * @docs-private */
     updatePlacement(value) {
         if (POSITION_TO_CSS_MAP[value]) {
             this.placement = value;
@@ -5689,6 +6048,8 @@ class KbqPopUpTrigger {
             this.updatePosition();
         }
     }
+    /** Sets the ordered list of fallback placements, or clears it when the value is empty.
+     * @docs-private */
     updatePlacementPriority(value) {
         if (value && value.length > 0) {
             this.placementPriority = value;
@@ -5697,6 +6058,8 @@ class KbqPopUpTrigger {
             this.placementPriority = null;
         }
     }
+    /** Coerces and applies an external visibility value by showing or hiding the pop-up when it changes.
+     * @docs-private */
     updateVisible(externalValue) {
         const value = coerceBooleanProperty(externalValue);
         if (this.visible !== value) {
@@ -5709,14 +6072,20 @@ class KbqPopUpTrigger {
             }
         }
     }
+    /** Closes the pop-up when `Escape` is pressed while it is open. Bound to the host `keydown` event.
+     * @docs-private */
     keydownHandler(event) {
         if (this.isOpen && event.keyCode === ESCAPE) {
             this.hide();
         }
     }
+    /** Hides the pop-up. Bound to the host `touchend` event.
+     * @docs-private */
     touchendHandler() {
         this.hide();
     }
+    /** Creates the overlay (if needed) and shows the pop-up after `delay` ms, wiring its visibility stream.
+     * @docs-private */
     show(delay = this.enterDelay) {
         if (this.disabled || this.instance) {
             return;
@@ -5739,6 +6108,14 @@ class KbqPopUpTrigger {
         });
         this.updatePosition();
         this.instance.show(delay);
+        // The position strategy re-applies the overlay position on window resize (its ViewportRuler
+        // subscription is created inside OverlayRef.attach(), i.e. before this one), wiping the manual
+        // styles written by setStickPosition. Re-apply them after the strategy has run.
+        // No-op when stickToWindow is not set.
+        this.viewportRuler
+            .change()
+            .pipe(takeUntilDestroyed(this.instance.destroyRef))
+            .subscribe(() => this.instance?.setStickPosition());
         if (this.hideWithTimeout && this.trigger.includes(PopUpTriggers.Hover)) {
             this.ngZone.runOutsideAngular(() => {
                 interval(this.leaveDelay, this.scheduler)
@@ -5747,6 +6124,8 @@ class KbqPopUpTrigger {
             });
         }
     }
+    /** Hides the pop-up after `delay` ms, honoring `preventClose` and the hover state on mouseleave.
+     * @docs-private */
     hide(delay = this.leaveDelay) {
         if (this.preventClose)
             return;
@@ -5755,7 +6134,8 @@ class KbqPopUpTrigger {
             this.ngZone.run(() => this.instance?.hide(delay));
         }
     }
-    /** Create the overlay config and position strategy */
+    /** Create the overlay config and position strategy
+     * @docs-private */
     createOverlay() {
         if (this.overlayRef) {
             return this.overlayRef;
@@ -5780,9 +6160,13 @@ class KbqPopUpTrigger {
         this.overlayRef.detachments().pipe(takeUntilDestroyed(this.destroyRef)).subscribe(this.detach);
         return this.overlayRef;
     }
+    /** Resets the overlay position origin back to the host element.
+     * @docs-private */
     resetOrigin() {
         this.strategy.setOrigin(this.getNativeElement());
     }
+    /** Rebinds the host DOM listeners (click/hover/focus/keydown) according to the configured triggers.
+     * @docs-private */
     initListeners() {
         this.clearListeners();
         if (this.trigger.includes(PopUpTriggers.Click)) {
@@ -5807,13 +6191,16 @@ class KbqPopUpTrigger {
         }
         this.listeners.forEach(this.addEventListener);
     }
+    /** Returns the `mouseleave` handler — a delayed hide when `hideWithTimeout` is set, otherwise an immediate hide.
+     * @docs-private */
     getMouseLeaveListener() {
         if (this.hideWithTimeout) {
             return () => setTimeout(() => this.hide(), this.leaveDelay);
         }
         return this.hide;
     }
-    /** Updates the position of the current popover. */
+    /** Updates the position of the current popover.
+     * @docs-private */
     updatePosition(reapplyPosition = false) {
         this.overlayRef = this.createOverlay();
         this.subscribeOnClosingActions();
@@ -5824,21 +6211,24 @@ class KbqPopUpTrigger {
             setTimeout(() => position.reapplyLastPosition());
         }
     }
+    /** Moves browser focus to the pop-up's native element.
+     * @docs-private */
     focus() {
         this.getNativeElement().focus();
     }
-    /** @docs-private */
+    /** Returns the element the pop-up is bound to: the external element when set, otherwise the host element.
+     * @docs-private */
     getNativeElement() {
         return this.externalNativeElement || this.elementRef.nativeElement;
     }
-    /** @docs-private */
+    /** Sets an external element to anchor and measure the pop-up against instead of the host element.
+     * @docs-private */
     setExternalNativeElement(value) {
         this.externalNativeElement = value;
     }
     /**
      * Returns a list of positions that are aligned with the element's dimensions and offsets.
-     * @protected
-     */
+     * @docs-private */
     getAdjustedPositions() {
         const res = [];
         for (const pos of this.getPrioritizedPositions()) {
@@ -5852,6 +6242,8 @@ class KbqPopUpTrigger {
         }
         return res;
     }
+    /** Maps a priority placement value (or array of values) to the matching connected position pairs.
+     * @docs-private */
     getPriorityPlacementStrategy(value) {
         const result = [];
         const possiblePositions = Object.keys(this.availablePositions);
@@ -5867,16 +6259,21 @@ class KbqPopUpTrigger {
         }
         return result;
     }
+    /** Returns the positions to try: the custom `placementPriority` when set, otherwise the default strategy.
+     * @docs-private */
     getPrioritizedPositions() {
         if (this.placementPriority) {
             return this.getPriorityPlacementStrategy(this.placementPriority);
         }
         return POSITION_PRIORITY_STRATEGY[this.placement];
     }
+    /** Removes all bound host event listeners and clears the listener map.
+     * @docs-private */
     clearListeners() {
         this.listeners.forEach(this.removeEventListener);
         this.listeners.clear();
     }
+    /** Wraps a trigger handler so it records the active trigger name and mouse event before running. */
     createListener(name, listener) {
         return [
             name,
@@ -5887,11 +6284,13 @@ class KbqPopUpTrigger {
             }
         ];
     }
+    /** Remembers the last mouse event on `mouseenter`, used for cursor-relative positioning. */
     saveMouseEvent(event) {
         if (this.triggerName === 'mouseenter') {
             this.mouseEvent = event;
         }
     }
+    /** (Re)subscribes to the closing-action streams and hides the pop-up, ignoring prevented click events. */
     subscribeOnClosingActions() {
         this.closingActionsSubscription?.unsubscribe();
         this.closingActionsSubscription = this.closingActions()
@@ -6066,6 +6465,33 @@ class KbqAbstractSelect {
     constructor() {
         /** Overlay panel class. */
         this.overlayPanelClass = 'kbq-select-overlay';
+        /** Width of the overlay panel. */
+        this.overlayWidth = '';
+        /** Minimum width of the overlay panel. */
+        this.overlayMinWidth = '';
+    }
+    /**
+     * Resolves the overlay panel size for the current trigger geometry and stores it for the
+     * `cdkConnectedOverlay` width bindings.
+     */
+    updateOverlayWidth(panelWidth, panelMinWidth, origin) {
+        const { width, minWidth } = kbqResolvePanelWidth(panelWidth, panelMinWidth, kbqGetPanelWidthOrigin(origin));
+        this.overlayWidth = width;
+        this.overlayMinWidth = minWidth;
+    }
+    /**
+     * Freezes the panel at its rendered width so that filtering the options does not reflow it.
+     * Does nothing when the width is already pinned.
+     */
+    lockOverlayWidthForSearch(panel) {
+        // Compare against the unset sentinel rather than a truthy check — `overlayWidth` can
+        // legitimately resolve to `0` for an explicit zero-width panel, which is falsy but pinned.
+        if (this.overlayWidth !== '')
+            return;
+        const measuredPanelWidth = panel?.nativeElement.getBoundingClientRect().width;
+        if (measuredPanelWidth) {
+            this.overlayWidth = measuredPanelWidth;
+        }
     }
     setOverlayPosition() {
         if (!this.overlayDir.overlayRef)
@@ -6166,6 +6592,7 @@ class KbqMeasureScrollbarService {
     }
     constructor() {
         this.document = inject(DOCUMENT);
+        this.platform = inject(Platform);
         this.scrollbarMeasure = {
             position: 'absolute',
             top: '-9999px',
@@ -6176,6 +6603,10 @@ class KbqMeasureScrollbarService {
         this.initScrollBarWidth();
     }
     initScrollBarWidth() {
+        if (!this.platform.isBrowser) {
+            this._scrollBarWidth = 0;
+            return;
+        }
         const scrollDiv = this.document.createElement('div');
         for (const scrollProp in this.scrollbarMeasure) {
             if (this.scrollbarMeasure.hasOwnProperty(scrollProp)) {
@@ -6407,11 +6838,11 @@ const validationTooltipShowDelay = 10;
  */
 const validationTooltipHideDelay = 3000;
 
-const VERSION = new Version('20.0.0+sha-17501d3');
+const VERSION = new Version('20.2.0+sha-ee9fb3c');
 
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { A, ALT, APOSTROPHE, ARROW_BOTTOM_MARGIN_AND_HALF_HEIGHT, AT_SIGN, AbsoluteDateFormatterImpurePipe, AbsoluteDateFormatterPipe, AbsoluteDateShortFormatterImpurePipe, AbsoluteDateShortFormatterPipe, AbsoluteDateTimeFormatterImpurePipe, AbsoluteDateTimeFormatterPipe, AbsoluteShortDateTimeFormatterImpurePipe, AbsoluteShortDateTimeFormatterPipe, ActiveDescendantKeyManager, B, BACKSLASH, BACKSPACE, BOTTOM_LEFT_POSITION_PRIORITY, BOTTOM_POSITION_PRIORITY, BOTTOM_RIGHT_POSITION_PRIORITY, BaseFormatterPipe, BaseLocaleAwareFormatterPipe, C, CAPS_LOCK, CLOSE_SQUARE_BRACKET, COMMA, CONTEXT_MENU, CONTROL, D, DASH, DELETE, DOWN_ARROW, DateAdapter, DateFormatter, E, EIGHT, END, ENTER, EQUALS, ESCAPE, EXTENDED_OVERLAY_POSITIONS, EmptyFocusTrapStrategy, ErrorStateMatcher, F, F1, F10, F11, F12, F2, F3, F4, F5, F6, F7, F8, F9, FF_EQUALS, FF_MINUS, FF_MUTE, FF_SEMICOLON, FF_VOLUME_DOWN, FF_VOLUME_UP, FIRST_MEDIA, FIVE, FOUR, FileValidators, FocusKeyManager, G, H, HOME, I, INSERT, J, K, KBQ_CUSTOM_SCROLL_STRATEGY_PROVIDER, KBQ_DATE_FORMATS, KBQ_DATE_LOCALE, KBQ_DATE_LOCALE_FACTORY, KBQ_DEFAULT_LOCALE_DATA_FACTORY, KBQ_DEFAULT_LOCALE_ID, KBQ_DEFAULT_PRECISION_SEPARATOR, KBQ_FORM_FIELD_REF, KBQ_INVALID_VALUE_ERROR, KBQ_LOCALE_DATA, KBQ_LOCALE_ID, KBQ_LOCALE_SERVICE, KBQ_LOCALE_SERVICE_LANG_ATTR_NAME, KBQ_NUMBER_FORMATTER_DEFAULT_OPTIONS, KBQ_NUMBER_FORMATTER_OPTIONS, KBQ_OPTION_ACTION_PARENT, KBQ_OPTION_PARENT_COMPONENT, KBQ_OVERFLOW_SHADOW_SOURCE, KBQ_PARENT_ANIMATION_COMPONENT, KBQ_PARENT_POPUP, KBQ_SELECT_SCROLL_STRATEGY, KBQ_SELECT_SCROLL_STRATEGY_PROVIDER, KBQ_SELECT_SEARCH_MIN_OPTIONS_THRESHOLD, KBQ_SIZE_UNITS_CONFIG, KBQ_SIZE_UNITS_DEFAULT_CONFIG, KBQ_TITLE_TEXT_REF, KBQ_WINDOW, KbqAbsoluteLongDatePipe, KbqAbsoluteLongDateTimePipe, KbqAbsoluteShortDatePipe, KbqAbsoluteShortDateTimePipe, KbqAbstractSelect, KbqActionContainer, KbqAnimationCurves, KbqAnimationDurations, KbqColorDirective, KbqComponentColors, KbqDataSizePipe, KbqDecimalPipe, KbqDefaultThemes, KbqErrorStateTracker, KbqFieldSizingContent, KbqForm, KbqFormElement, KbqFormattersModule, KbqFormsModule, KbqHighlightBackgroundPipe, KbqHighlightModule, KbqHighlightPipe, KbqHover, KbqLine, KbqLineSetter, KbqLocaleService, KbqLocaleServiceModule, KbqMeasureScrollbarService, KbqMeasurementSystem, KbqNormalizeWhitespace, KbqOptgroup, KbqOption, KbqOptionActionComponent, KbqOptionBase, KbqOptionModule, KbqOptionSelectionChange, KbqOverflowShadowBottom, KbqOverflowShadowContainer, KbqOverflowShadowTop, KbqPopUp, KbqPopUpTrigger, KbqPseudoCheckbox, KbqPseudoCheckboxModule, KbqRangeLongDatePipe, KbqRangeLongDateTimePipe, KbqRangeMiddleDateTimePipe, KbqRangeShortDatePipe, KbqRangeShortDateTimePipe, KbqReadStateDirective, KbqRectangleItem, KbqRelativeLongDatePipe, KbqRelativeLongDateTimePipe, KbqRelativeShortDatePipe, KbqRelativeShortDateTimePipe, KbqRoundDecimalPipe, KbqSelectFooter, KbqSelectMatcher, KbqSelectSearch, KbqSelectSearchEmptyResult, KbqSelectTrigger, KbqTableNumberPipe, KbqThemeSelector, KbqVirtualOption, L, LAST_MEDIA, LEFT_ARROW, LEFT_BOTTOM_POSITION_PRIORITY, LEFT_POSITION_PRIORITY, LEFT_TOP_POSITION_PRIORITY, ListKeyManager, M, MAC_ENTER, MAC_META, MAC_WK_CMD_LEFT, MAC_WK_CMD_RIGHT, META, MUTE, MockNgZone, MultipleMode, N, NINE, NUMBER_FORMAT_REGEXP, NUMPAD_DIVIDE, NUMPAD_EIGHT, NUMPAD_FIVE, NUMPAD_FOUR, NUMPAD_MINUS, NUMPAD_MULTIPLY, NUMPAD_NINE, NUMPAD_ONE, NUMPAD_PERIOD, NUMPAD_PLUS, NUMPAD_SEVEN, NUMPAD_SIX, NUMPAD_THREE, NUMPAD_TWO, NUMPAD_ZERO, NUM_CENTER, NUM_LOCK, O, ONE, OPEN_SQUARE_BRACKET, P, PAGE_DOWN, PAGE_UP, PAUSE, PERIOD, PLUS_SIGN, POSITION_MAP, POSITION_PRIORITY_STRATEGY, POSITION_TO_CSS_MAP, PRINT_SCREEN, PasswordValidators, PopUpPlacements, PopUpSizes, PopUpTriggers, PopUpVisibility, Q, QUESTION_MARK, R, RIGHT_ARROW, RIGHT_BOTTOM_POSITION_PRIORITY, RIGHT_POSITION_PRIORITY, RIGHT_TOP_POSITION_PRIORITY, RangeDateFormatterImpurePipe, RangeDateFormatterPipe, RangeDateTimeFormatterImpurePipe, RangeDateTimeFormatterPipe, RangeMiddleDateTimeFormatterImpurePipe, RangeMiddleDateTimeFormatterPipe, RangeShortDateFormatterImpurePipe, RangeShortDateFormatterPipe, RangeShortDateTimeFormatterImpurePipe, RangeShortDateTimeFormatterPipe, RelativeDateFormatterImpurePipe, RelativeDateFormatterPipe, RelativeDateTimeFormatterImpurePipe, RelativeDateTimeFormatterPipe, RelativeShortDateFormatterImpurePipe, RelativeShortDateFormatterPipe, RelativeShortDateTimeFormatterImpurePipe, RelativeShortDateTimeFormatterPipe, S, SCROLL_LOCK, SELECT_PANEL_VIEWPORT_PADDING, SEMICOLON, SEVEN, SHIFT, SINGLE_QUOTE, SIX, SLASH, SPACE, ShowOnControlDirtyErrorStateMatcher, ShowOnFormSubmitErrorStateMatcher, ShowRequiredOnSubmitErrorStateMatcher, T, TAB, THREE, TILDE, TOP_LEFT_POSITION_PRIORITY, TOP_POSITION_PRIORITY, TOP_RIGHT_POSITION_PRIORITY, TWO, ThemePalette, ThemeService, U, UP_ARROW, V, VERSION, VOLUME_DOWN, VOLUME_UP, W, X, Y, Z, ZERO, applyPopupMargins, checkAndNormalizeLocalizedNumber, countGroupLabelsBeforeOption, createFakeEvent, createKeyboardEvent, createMouseEvent, createTouchEvent, defaultOffsetY, dispatchEvent, dispatchFakeEvent, dispatchKeyboardEvent, dispatchMouseEvent, dispatchTouchEvent, enUSFormattersData, enUSLocaleData, esLAFormattersData, esLALocaleData, escapeRegExp, fadeAnimation, formatNumberWithLocale, getFormattedSizeParts, getHumanizedBytes, getKbqSelectDynamicMultipleError, getKbqSelectNonArrayValueError, getKbqSelectNonFunctionValueError, getNodesWithoutComments, getOptionScrollPosition, hasModifierKey, isBoolean, isControl, isCopy, isDigit, isElement, isFunctionKey, isHorizontalMovement, isHtmlElement, isHtmlElementOrNull, isInput, isLeftBracket, isLetterKey, isMac, isNull, isNumberKey, isNumpadKey, isRightBracket, isSelectAll, isUndefined, isVerticalMovement, isWithin, kbqErrorStateMatcherProvider, kbqFilesizeFormatterConfigurationProvider, kbqHighlightBackgroundMark, kbqHighlightMark, kbqInjectNativeElement, kbqLocaleServiceLangAttrNameProvider, kbqSelectAnimations, kbqSelectScrollStrategyProviderFactory, leftIconClassName, mixinColor, mixinDisabled, mixinErrorState, mixinTabIndex, normalizeNumber, numberByParts, patchElementFocus, ptBRFormattersData, ptBRLocaleData, rightIconClassName, ruRUFormattersData, ruRULocaleData, selectEvents, tkTMFormattersData, tkTMLocaleData, typeInElement, validationTooltipHideDelay, validationTooltipShowDelay, wrappedErrorMessage };
+export { A, ALT, APOSTROPHE, ARROW_BOTTOM_MARGIN_AND_HALF_HEIGHT, AT_SIGN, AbsoluteDateFormatterImpurePipe, AbsoluteDateFormatterPipe, AbsoluteDateShortFormatterImpurePipe, AbsoluteDateShortFormatterPipe, AbsoluteDateTimeFormatterImpurePipe, AbsoluteDateTimeFormatterPipe, AbsoluteShortDateTimeFormatterImpurePipe, AbsoluteShortDateTimeFormatterPipe, ActiveDescendantKeyManager, B, BACKSLASH, BACKSPACE, BOTTOM_LEFT_POSITION_PRIORITY, BOTTOM_POSITION_PRIORITY, BOTTOM_RIGHT_POSITION_PRIORITY, BaseFormatterPipe, BaseLocaleAwareFormatterPipe, C, CAPS_LOCK, CLOSE_SQUARE_BRACKET, COMMA, CONTEXT_MENU, CONTROL, D, DASH, DELETE, DOWN_ARROW, DateAdapter, DateFormatter, E, EIGHT, END, ENTER, EQUALS, ESCAPE, EXTENDED_OVERLAY_POSITIONS, EmptyFocusTrapStrategy, ErrorStateMatcher, F, F1, F10, F11, F12, F2, F3, F4, F5, F6, F7, F8, F9, FF_EQUALS, FF_MINUS, FF_MUTE, FF_SEMICOLON, FF_VOLUME_DOWN, FF_VOLUME_UP, FIRST_MEDIA, FIVE, FOUR, FileValidators, FocusKeyManager, G, H, HOME, I, INSERT, J, K, KBQ_CONNECTED_OVERLAY_ABOVE_CLASS, KBQ_CONNECTED_OVERLAY_BELOW_CLASS, KBQ_CUSTOM_SCROLL_STRATEGY_PROVIDER, KBQ_DATE_FORMATS, KBQ_DATE_LOCALE, KBQ_DATE_LOCALE_FACTORY, KBQ_DEFAULT_LOCALE_DATA_FACTORY, KBQ_DEFAULT_LOCALE_ID, KBQ_DEFAULT_PRECISION_SEPARATOR, KBQ_FORM_FIELD_REF, KBQ_INVALID_VALUE_ERROR, KBQ_LOCALE_DATA, KBQ_LOCALE_ID, KBQ_LOCALE_SERVICE, KBQ_LOCALE_SERVICE_LANG_ATTR_NAME, KBQ_NUMBER_FORMATTER_DEFAULT_OPTIONS, KBQ_NUMBER_FORMATTER_OPTIONS, KBQ_OPTION_ACTION_PARENT, KBQ_OPTION_PARENT_COMPONENT, KBQ_OVERFLOW_SHADOW_SOURCE, KBQ_PANEL_DEFAULT_MIN_WIDTH, KBQ_PARENT_ANIMATION_COMPONENT, KBQ_PARENT_POPUP, KBQ_SELECT_SCROLL_STRATEGY, KBQ_SELECT_SCROLL_STRATEGY_PROVIDER, KBQ_SELECT_SEARCH_MIN_OPTIONS_THRESHOLD, KBQ_SHADOW_DOM_OVERLAY_HOST, KBQ_SIZE_UNITS_CONFIG, KBQ_SIZE_UNITS_DEFAULT_CONFIG, KBQ_TITLE_TEXT_REF, KBQ_WINDOW, KbqAbsoluteLongDatePipe, KbqAbsoluteLongDateTimePipe, KbqAbsoluteShortDatePipe, KbqAbsoluteShortDateTimePipe, KbqAbstractSelect, KbqActionContainer, KbqAnimationCurves, KbqAnimationDurations, KbqColorDirective, KbqComponentColors, KbqDataSizePipe, KbqDecimalPipe, KbqDefaultThemes, KbqErrorStateTracker, KbqFieldSizingContent, KbqForm, KbqFormElement, KbqFormattersModule, KbqFormsModule, KbqHighlightBackgroundPipe, KbqHighlightModule, KbqHighlightPipe, KbqHover, KbqLine, KbqLineSetter, KbqLocaleService, KbqLocaleServiceModule, KbqMeasureScrollbarService, KbqMeasurementSystem, KbqNormalizeWhitespace, KbqOptgroup, KbqOption, KbqOptionActionComponent, KbqOptionBase, KbqOptionModule, KbqOptionSelectionChange, KbqOverflowShadowBottom, KbqOverflowShadowContainer, KbqOverflowShadowTop, KbqPopUp, KbqPopUpTrigger, KbqPseudoCheckbox, KbqPseudoCheckboxModule, KbqRangeLongDatePipe, KbqRangeLongDateTimePipe, KbqRangeMiddleDateTimePipe, KbqRangeShortDatePipe, KbqRangeShortDateTimePipe, KbqReadStateDirective, KbqRectangleItem, KbqRelativeLongDatePipe, KbqRelativeLongDateTimePipe, KbqRelativeShortDatePipe, KbqRelativeShortDateTimePipe, KbqRoundDecimalPipe, KbqSelectAllEvent, KbqSelectFooter, KbqSelectMatcher, KbqSelectSearch, KbqSelectSearchEmptyResult, KbqSelectTrigger, KbqShadowDomOverlayContainer, KbqTableNumberPipe, KbqThemeSelector, KbqVirtualOption, L, LAST_MEDIA, LEFT_ARROW, LEFT_BOTTOM_POSITION_PRIORITY, LEFT_POSITION_PRIORITY, LEFT_TOP_POSITION_PRIORITY, ListKeyManager, M, MAC_ENTER, MAC_META, MAC_WK_CMD_LEFT, MAC_WK_CMD_RIGHT, META, MUTE, MockNgZone, MultipleMode, N, NINE, NUMBER_FORMAT_REGEXP, NUMPAD_DIVIDE, NUMPAD_EIGHT, NUMPAD_FIVE, NUMPAD_FOUR, NUMPAD_MINUS, NUMPAD_MULTIPLY, NUMPAD_NINE, NUMPAD_ONE, NUMPAD_PERIOD, NUMPAD_PLUS, NUMPAD_SEVEN, NUMPAD_SIX, NUMPAD_THREE, NUMPAD_TWO, NUMPAD_ZERO, NUM_CENTER, NUM_LOCK, O, ONE, OPEN_SQUARE_BRACKET, P, PAGE_DOWN, PAGE_UP, PAUSE, PERIOD, PLUS_SIGN, POSITION_MAP, POSITION_PRIORITY_STRATEGY, POSITION_TO_CSS_MAP, PRINT_SCREEN, PasswordValidators, PopUpPlacements, PopUpSizes, PopUpTriggers, PopUpVisibility, Q, QUESTION_MARK, R, RIGHT_ARROW, RIGHT_BOTTOM_POSITION_PRIORITY, RIGHT_POSITION_PRIORITY, RIGHT_TOP_POSITION_PRIORITY, RangeDateFormatterImpurePipe, RangeDateFormatterPipe, RangeDateTimeFormatterImpurePipe, RangeDateTimeFormatterPipe, RangeMiddleDateTimeFormatterImpurePipe, RangeMiddleDateTimeFormatterPipe, RangeShortDateFormatterImpurePipe, RangeShortDateFormatterPipe, RangeShortDateTimeFormatterImpurePipe, RangeShortDateTimeFormatterPipe, RelativeDateFormatterImpurePipe, RelativeDateFormatterPipe, RelativeDateTimeFormatterImpurePipe, RelativeDateTimeFormatterPipe, RelativeShortDateFormatterImpurePipe, RelativeShortDateFormatterPipe, RelativeShortDateTimeFormatterImpurePipe, RelativeShortDateTimeFormatterPipe, S, SCROLL_LOCK, SELECT_PANEL_VIEWPORT_PADDING, SEMICOLON, SEVEN, SHIFT, SINGLE_QUOTE, SIX, SLASH, SPACE, ShowOnControlDirtyErrorStateMatcher, ShowOnFormSubmitErrorStateMatcher, ShowRequiredOnSubmitErrorStateMatcher, T, TAB, THREE, TILDE, TOP_LEFT_POSITION_PRIORITY, TOP_POSITION_PRIORITY, TOP_RIGHT_POSITION_PRIORITY, TWO, ThemePalette, ThemeService, U, UP_ARROW, V, VERSION, VOLUME_DOWN, VOLUME_UP, W, X, Y, Z, ZERO, applyPopupMargins, checkAndNormalizeLocalizedNumber, countGroupLabelsBeforeOption, createFakeEvent, createKeyboardEvent, createMouseEvent, createTouchEvent, defaultOffsetY, dispatchEvent, dispatchFakeEvent, dispatchKeyboardEvent, dispatchMouseEvent, dispatchTouchEvent, enUSFormattersData, enUSLocaleData, esLAFormattersData, esLALocaleData, escapeRegExp, fadeAnimation, formatNumberWithLocale, getFormattedSizeParts, getHumanizedBytes, getKbqSelectDynamicMultipleError, getKbqSelectNonArrayValueError, getKbqSelectNonFunctionValueError, getNodesWithoutComments, getOptionScrollPosition, hasModifierKey, isBoolean, isControl, isCopy, isDigit, isElement, isFunctionKey, isHorizontalMovement, isHtmlElement, isHtmlElementOrNull, isInput, isLeftBracket, isLetterKey, isMac, isNull, isNumberKey, isNumpadKey, isRightBracket, isSelectAll, isUndefined, isVerticalMovement, isWithin, kbqErrorStateMatcherProvider, kbqFilesizeFormatterConfigurationProvider, kbqGetPanelWidthOrigin, kbqHighlightBackgroundMark, kbqHighlightMark, kbqInjectNativeElement, kbqLocaleServiceLangAttrNameProvider, kbqResolvePanelWidth, kbqSelectAnimations, kbqSelectScrollStrategyProviderFactory, kbqShadowDomOverlayProvider, leftIconClassName, mixinColor, mixinDisabled, mixinErrorState, mixinTabIndex, normalizeNumber, numberByParts, patchElementFocus, ptBRFormattersData, ptBRLocaleData, rightIconClassName, ruRUFormattersData, ruRULocaleData, selectEvents, shouldSelectSearchText, tkTMFormattersData, tkTMLocaleData, toggleSelectAll, typeInElement, validationTooltipHideDelay, validationTooltipShowDelay, wrappedErrorMessage };
 //# sourceMappingURL=koobiq-components-core.mjs.map