@koobiq/components 18.20.0 → 18.22.0

package/fesm2022/koobiq-components-core.mjs

@@ -1,15 +1,15 @@
 import { trigger, state, style, transition, animate, group } from '@angular/animations';
 import * as i0 from '@angular/core';
-import { InjectionToken, inject, isDevMode, NgModule, Optional, Inject, LOCALE_ID, Type, Injectable, Pipe, Directive, ContentChildren, DestroyRef, Component, ViewEncapsulation, ChangeDetectionStrategy, ContentChild, Input, EventEmitter, booleanAttribute, ViewChild, Output, Renderer2, ChangeDetectorRef, TemplateRef, ElementRef, NgZone, ViewContainerRef, RendererFactory2, Version } from '@angular/core';
+import { inject, ElementRef, Directive, Input, InjectionToken, isDevMode, NgModule, Optional, Inject, LOCALE_ID, Type, Injectable, Pipe, ContentChildren, DestroyRef, booleanAttribute, Component, ViewEncapsulation, ChangeDetectionStrategy, ContentChild, EventEmitter, ViewChild, Output, Renderer2, ChangeDetectorRef, TemplateRef, NgZone, ViewContainerRef, RendererFactory2, Version } from '@angular/core';
 import { BidiModule, Directionality } from '@angular/cdk/bidi';
 import { DOCUMENT, CommonModule } from '@angular/common';
 import { coerceBooleanProperty, coerceNumberProperty } from '@angular/cdk/coercion';
 import * as i1 from '@koobiq/date-adapter';
 import { DateAdapter as DateAdapter$1 } from '@koobiq/date-adapter';
+import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import { DateFormatter as DateFormatter$1 } from '@koobiq/date-formatter';
 import { BehaviorSubject, Subject, Subscription, pairwise } from 'rxjs';
 import * as i1$1 from '@angular/cdk/a11y';
-import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import { SPACE, ENTER, TAB, ESCAPE, HOME, END } from '@koobiq/cdk/keycodes';
 import { Overlay, ScrollDispatcher } from '@angular/cdk/overlay';
 import { TooltipSizeArrowSize } from '@koobiq/design-tokens';
@@ -147,9 +147,41 @@ function mixinColor(base, defaultColor = KbqComponentColors.Empty) {
         constructor(...args) {
             super(...args);
             this.color = defaultColor;
+            console.warn('mixinColor deprecated and will be deleted in next major release');
         }
     };
 }
+class KbqColorDirective {
+    get colorClassName() {
+        return `kbq-${this._color}`;
+    }
+    get color() {
+        return this._color;
+    }
+    set color(color) {
+        if (color !== this._color) {
+            if (this._color) {
+                this.elementRef.nativeElement.classList.remove(`kbq-${this._color}`);
+            }
+            if (color) {
+                this.elementRef.nativeElement.classList.add(`kbq-${color}`);
+            }
+            this._color = color;
+        }
+    }
+    constructor() {
+        this.elementRef = inject(ElementRef);
+        this.color = KbqComponentColors.Empty;
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqColorDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.6", type: KbqColorDirective, isStandalone: true, inputs: { color: "color" }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqColorDirective, decorators: [{
+            type: Directive,
+            args: [{ standalone: true }]
+        }], ctorParameters: () => [], propDecorators: { color: [{
+                type: Input
+            }] } });
 
 // Injection token that configures whether the koobiq sanity checks are enabled.
 const KBQ_SANITY_CHECKS = new InjectionToken('kbq-sanity-checks', {
@@ -241,6 +273,7 @@ function mixinDisabled(base) {
         constructor(...args) {
             super(...args);
             this._disabled = false;
+            console.warn('mixinDisabled deprecated and will be deleted in next major release');
         }
     };
 }
@@ -251,6 +284,7 @@ function mixinErrorState(base) {
             super(...args);
             /** Whether the component is in an error state. */
             this.errorState = false;
+            console.warn('mixinErrorState deprecated and will be deleted in next major release');
         }
         updateErrorState() {
             const oldState = this.errorState;
@@ -279,6 +313,7 @@ function mixinTabIndex(base, defaultTabIndex = 0) {
             super(...args);
             this.defaultTabIndex = defaultTabIndex;
             this._tabIndex = defaultTabIndex;
+            console.warn('mixinTabIndex deprecated and will be deleted in next major release');
         }
     };
 }
@@ -363,659 +398,268 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImpor
  */
 const KBQ_FORM_FIELD_REF = new InjectionToken('KbqFormFieldRef');
 
-class DateFormatter extends DateFormatter$1 {
-    constructor(adapter, locale) {
-        super(adapter, locale);
-        this.adapter = adapter;
+const enUSLocaleData = {
+    select: { hiddenItemsText: '{{ number }} more' },
+    datepicker: {
+        placeholder: 'yyyy-mm-dd',
+        dateInput: 'yyyy-MM-dd'
+    },
+    timepicker: {
+        placeholder: {
+            full: 'hh:mm:ss',
+            short: 'hh:mm'
+        }
+    },
+    fileUpload: {
+        single: {
+            captionText: 'Drag file here or {{ browseLink }}',
+            browseLink: 'choose'
+        },
+        multiple: {
+            captionText: 'Drag here or {{ browseLink }}',
+            captionTextWhenSelected: 'Drag more files or {{ browseLink }}',
+            captionTextForCompactSize: 'Drag files or {{ browseLink }}',
+            browseLink: 'choose',
+            title: 'Upload files',
+            gridHeaders: {
+                file: 'File',
+                size: 'Size'
+            }
+        }
+    },
+    codeBlock: {
+        softWrapOnTooltip: 'Enable word wrap',
+        softWrapOffTooltip: 'Disable word wrap',
+        downloadTooltip: 'Download',
+        copiedTooltip: '✓ Copied',
+        copyTooltip: 'Copy',
+        viewAllText: 'Show all',
+        viewLessText: 'Show less',
+        openExternalSystemTooltip: 'Open in the external system'
+    },
+    timezone: {
+        searchPlaceholder: 'City or time zone'
+    },
+    actionsPanel: {
+        closeTooltip: 'Deselect'
+    },
+    filterBar: {
+        reset: {
+            buttonName: 'Reset'
+        },
+        search: {
+            tooltip: 'Search',
+            placeholder: 'Search'
+        },
+        filters: {
+            defaultName: 'Filters',
+            saveNewFilterTooltip: 'Save the new filter',
+            searchPlaceholder: 'Search',
+            searchEmptyResult: 'Nothing found',
+            saveAsNewFilter: 'Save as new filter',
+            saveChanges: 'Save changes',
+            saveAsNew: 'Save as new',
+            change: 'Edit',
+            resetChanges: 'Reset',
+            remove: 'Delete',
+            name: 'Name',
+            error: 'The search with such name already exists',
+            errorHint: 'Could not save the filter. Try again or contact the administrator.',
+            saveButton: 'Save',
+            cancelButton: 'Cancel'
+        },
+        add: {
+            tooltip: 'Add filter'
+        },
+        pipe: {
+            clearButtonTooltip: 'Clear',
+            removeButtonTooltip: 'Delete',
+            applyButton: 'Apply',
+            emptySearchResult: 'Nothing found'
+        },
+        datePipe: {
+            customPeriod: 'Custom period',
+            customPeriodFrom: 'from',
+            customPeriodTo: 'to',
+            customPeriodErrorHint: 'The period cannot start later than it ends',
+            backToPeriodSelection: 'Back to selecting the period'
+        }
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: DateFormatter, deps: [{ token: i1.DateAdapter }, { token: KBQ_DATE_LOCALE }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    /** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: DateFormatter }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: DateFormatter, decorators: [{
-            type: Injectable
-        }], ctorParameters: () => [{ type: i1.DateAdapter }, { type: undefined, decorators: [{
-                    type: Inject,
-                    args: [KBQ_DATE_LOCALE]
-                }] }] });
+};
 
-class BaseFormatterPipe {
-    constructor() {
-        this.adapter = inject((DateAdapter));
-        this.formatter = inject((DateFormatter));
-    }
-}
-class AbsoluteDateFormatterPipe extends BaseFormatterPipe {
-    transform(value, currYear) {
-        const date = this.adapter.deserialize(value);
-        return date ? this.formatter.absoluteLongDate(date, currYear) : '';
+const esLALocaleData = {
+    select: { hiddenItemsText: '{{ number }} más' },
+    datepicker: {
+        placeholder: 'dd/mm/aaaa'
+    },
+    timepicker: {
+        placeholder: {
+            full: 'hh:mm:ss',
+            short: 'hh:mm'
+        }
+    },
+    fileUpload: {
+        single: {
+            captionText: 'Arrastre el archivo aquí o {{ browseLink }}',
+            browseLink: 'elija'
+        },
+        multiple: {
+            captionText: 'Arrastre aquí o {{ browseLink }}',
+            captionTextWhenSelected: 'Arrastre más archivos aquí o {{ browseLink }}',
+            captionTextForCompactSize: 'Arrastre archivos o {{ browseLink }}',
+            browseLink: 'elija',
+            title: 'Cargue los archivos',
+            gridHeaders: {
+                file: 'Archivo',
+                size: 'Tamaño'
+            }
+        }
+    },
+    codeBlock: {
+        softWrapOnTooltip: 'Activar el ajuste de texto',
+        softWrapOffTooltip: 'Desactivar el ajuste de texto',
+        downloadTooltip: 'Descargar',
+        copiedTooltip: '✓ Copiado',
+        copyTooltip: 'Copiar',
+        viewAllText: 'Mostrar todo',
+        viewLessText: 'Mostrar menos',
+        openExternalSystemTooltip: 'Abrir en el sistema externo'
+    },
+    timezone: {
+        searchPlaceholder: 'Ciudad o zona horaria'
+    },
+    actionsPanel: {
+        closeTooltip: 'Desmarque'
+    },
+    filterBar: {
+        reset: {
+            buttonName: 'Reiniciar'
+        },
+        search: {
+            tooltip: 'Búsqueda',
+            placeholder: 'Búsqueda'
+        },
+        filters: {
+            defaultName: 'Filtros',
+            saveNewFilterTooltip: 'Guardar el nuevo filtro',
+            searchPlaceholder: 'Búsqueda',
+            searchEmptyResult: 'No se encontró nada',
+            saveAsNewFilter: 'Guardar como nuevo filtro',
+            saveChanges: 'Guardar los cambios',
+            saveAsNew: 'Guardar como nuevo',
+            change: 'Editar',
+            resetChanges: 'Reiniciar',
+            remove: 'Eliminar',
+            name: 'Nombre',
+            error: 'La búsqueda con ese nombre ya existe',
+            errorHint: 'No se pudo guardar el filtro. Intente de nuevo o póngase en contacto con el administrador.',
+            saveButton: 'Guardar',
+            cancelButton: 'Cancelar'
+        },
+        add: {
+            tooltip: 'Agregar filtro'
+        },
+        pipe: {
+            clearButtonTooltip: 'Borrar',
+            removeButtonTooltip: 'Eliminar',
+            applyButton: 'Aplicar',
+            emptySearchResult: 'No se encontró nada'
+        },
+        datePipe: {
+            customPeriod: 'Período personalizado',
+            customPeriodFrom: 'desde',
+            customPeriodTo: 'hasta',
+            customPeriodErrorHint: 'El período no puede empezar más tarde de lo que termina',
+            backToPeriodSelection: 'Volver a la selección del período'
+        }
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: AbsoluteDateFormatterPipe, deps: null, target: i0.ɵɵFactoryTarget.Pipe }); }
-    /** @nocollapse */ static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.2.6", ngImport: i0, type: AbsoluteDateFormatterPipe, isStandalone: true, name: "absoluteLongDate" }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: AbsoluteDateFormatterPipe, decorators: [{
-            type: Pipe,
-            args: [{
-                    standalone: true,
-                    name: 'absoluteLongDate'
-                }]
-        }] });
-// eslint-disable-next-line @angular-eslint/use-pipe-transform-interface
-class AbsoluteDateFormatterImpurePipe extends AbsoluteDateFormatterPipe {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: AbsoluteDateFormatterImpurePipe, deps: null, target: i0.ɵɵFactoryTarget.Pipe }); }
-    /** @nocollapse */ static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.2.6", ngImport: i0, type: AbsoluteDateFormatterImpurePipe, isStandalone: true, name: "absoluteLongDateImpurePipe", pure: false }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: AbsoluteDateFormatterImpurePipe, decorators: [{
-            type: Pipe,
-            args: [{
-                    standalone: true,
-                    name: 'absoluteLongDateImpurePipe',
-                    pure: false
-                }]
-        }] });
-class AbsoluteDateTimeFormatterPipe extends BaseFormatterPipe {
-    transform(value, options) {
-        const date = this.adapter.deserialize(value);
-        return date ? this.formatter.absoluteLongDateTime(date, options) : '';
-    }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: AbsoluteDateTimeFormatterPipe, deps: null, target: i0.ɵɵFactoryTarget.Pipe }); }
-    /** @nocollapse */ static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.2.6", ngImport: i0, type: AbsoluteDateTimeFormatterPipe, isStandalone: true, name: "absoluteLongDateTime" }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: AbsoluteDateTimeFormatterPipe, decorators: [{
-            type: Pipe,
-            args: [{
-                    standalone: true,
-                    name: 'absoluteLongDateTime'
-                }]
-        }] });
-// eslint-disable-next-line @angular-eslint/use-pipe-transform-interface
-class AbsoluteDateTimeFormatterImpurePipe extends AbsoluteDateTimeFormatterPipe {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: AbsoluteDateTimeFormatterImpurePipe, deps: null, target: i0.ɵɵFactoryTarget.Pipe }); }
-    /** @nocollapse */ static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.2.6", ngImport: i0, type: AbsoluteDateTimeFormatterImpurePipe, isStandalone: true, name: "absoluteLongDateTimeImpurePipe", pure: false }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: AbsoluteDateTimeFormatterImpurePipe, decorators: [{
-            type: Pipe,
-            args: [{
-                    standalone: true,
-                    name: 'absoluteLongDateTimeImpurePipe',
-                    pure: false
-                }]
-        }] });
-class AbsoluteDateShortFormatterPipe extends BaseFormatterPipe {
-    transform(value, currYear) {
-        const date = this.adapter.deserialize(value);
-        return date ? this.formatter.absoluteShortDate(date, currYear) : '';
-    }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: AbsoluteDateShortFormatterPipe, deps: null, target: i0.ɵɵFactoryTarget.Pipe }); }
-    /** @nocollapse */ static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.2.6", ngImport: i0, type: AbsoluteDateShortFormatterPipe, isStandalone: true, name: "absoluteShortDate" }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: AbsoluteDateShortFormatterPipe, decorators: [{
-            type: Pipe,
-            args: [{
-                    standalone: true,
-                    name: 'absoluteShortDate'
-                }]
-        }] });
-// eslint-disable-next-line @angular-eslint/use-pipe-transform-interface
-class AbsoluteDateShortFormatterImpurePipe extends AbsoluteDateShortFormatterPipe {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: AbsoluteDateShortFormatterImpurePipe, deps: null, target: i0.ɵɵFactoryTarget.Pipe }); }
-    /** @nocollapse */ static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.2.6", ngImport: i0, type: AbsoluteDateShortFormatterImpurePipe, isStandalone: true, name: "absoluteShortDateImpurePipe", pure: false }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: AbsoluteDateShortFormatterImpurePipe, decorators: [{
-            type: Pipe,
-            args: [{
-                    standalone: true,
-                    name: 'absoluteShortDateImpurePipe',
-                    pure: false
-                }]
-        }] });
-class AbsoluteShortDateTimeFormatterPipe extends BaseFormatterPipe {
-    transform(value, options) {
-        const date = this.adapter.deserialize(value);
-        return date ? this.formatter.absoluteShortDateTime(date, options) : '';
-    }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: AbsoluteShortDateTimeFormatterPipe, deps: null, target: i0.ɵɵFactoryTarget.Pipe }); }
-    /** @nocollapse */ static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.2.6", ngImport: i0, type: AbsoluteShortDateTimeFormatterPipe, isStandalone: true, name: "absoluteShortDateTime" }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: AbsoluteShortDateTimeFormatterPipe, decorators: [{
-            type: Pipe,
-            args: [{
-                    standalone: true,
-                    name: 'absoluteShortDateTime'
-                }]
-        }] });
-// eslint-disable-next-line @angular-eslint/use-pipe-transform-interface
-class AbsoluteShortDateTimeFormatterImpurePipe extends AbsoluteShortDateTimeFormatterPipe {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: AbsoluteShortDateTimeFormatterImpurePipe, deps: null, target: i0.ɵɵFactoryTarget.Pipe }); }
-    /** @nocollapse */ static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.2.6", ngImport: i0, type: AbsoluteShortDateTimeFormatterImpurePipe, isStandalone: true, name: "absoluteShortDateTimeImpurePipe", pure: false }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: AbsoluteShortDateTimeFormatterImpurePipe, decorators: [{
-            type: Pipe,
-            args: [{
-                    standalone: true,
-                    name: 'absoluteShortDateTimeImpurePipe',
-                    pure: false
-                }]
-        }] });
-class RelativeDateFormatterPipe extends BaseFormatterPipe {
-    transform(value) {
-        const date = this.adapter.deserialize(value);
-        return date ? this.formatter.relativeLongDate(date) : '';
-    }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: RelativeDateFormatterPipe, deps: null, target: i0.ɵɵFactoryTarget.Pipe }); }
-    /** @nocollapse */ static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.2.6", ngImport: i0, type: RelativeDateFormatterPipe, isStandalone: true, name: "relativeLongDate" }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: RelativeDateFormatterPipe, decorators: [{
-            type: Pipe,
-            args: [{
-                    standalone: true,
-                    name: 'relativeLongDate'
-                }]
-        }] });
-// eslint-disable-next-line @angular-eslint/use-pipe-transform-interface
-class RelativeDateFormatterImpurePipe extends RelativeDateFormatterPipe {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: RelativeDateFormatterImpurePipe, deps: null, target: i0.ɵɵFactoryTarget.Pipe }); }
-    /** @nocollapse */ static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.2.6", ngImport: i0, type: RelativeDateFormatterImpurePipe, isStandalone: true, name: "relativeLongDateImpurePipe", pure: false }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: RelativeDateFormatterImpurePipe, decorators: [{
-            type: Pipe,
-            args: [{
-                    standalone: true,
-                    name: 'relativeLongDateImpurePipe',
-                    pure: false
-                }]
-        }] });
-class RelativeDateTimeFormatterPipe extends BaseFormatterPipe {
-    transform(value, options) {
-        const date = this.adapter.deserialize(value);
-        return date ? this.formatter.relativeLongDateTime(date, options) : '';
-    }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: RelativeDateTimeFormatterPipe, deps: null, target: i0.ɵɵFactoryTarget.Pipe }); }
-    /** @nocollapse */ static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.2.6", ngImport: i0, type: RelativeDateTimeFormatterPipe, isStandalone: true, name: "relativeLongDateTime" }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: RelativeDateTimeFormatterPipe, decorators: [{
-            type: Pipe,
-            args: [{
-                    standalone: true,
-                    name: 'relativeLongDateTime'
-                }]
-        }] });
-// eslint-disable-next-line @angular-eslint/use-pipe-transform-interface
-class RelativeDateTimeFormatterImpurePipe extends RelativeDateTimeFormatterPipe {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: RelativeDateTimeFormatterImpurePipe, deps: null, target: i0.ɵɵFactoryTarget.Pipe }); }
-    /** @nocollapse */ static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.2.6", ngImport: i0, type: RelativeDateTimeFormatterImpurePipe, isStandalone: true, name: "relativeLongDateTimeImpurePipe", pure: false }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: RelativeDateTimeFormatterImpurePipe, decorators: [{
-            type: Pipe,
-            args: [{
-                    standalone: true,
-                    name: 'relativeLongDateTimeImpurePipe',
-                    pure: false
-                }]
-        }] });
-class RelativeShortDateFormatterPipe extends BaseFormatterPipe {
-    transform(value) {
-        const date = this.adapter.deserialize(value);
-        return date ? this.formatter.relativeShortDate(date) : '';
-    }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: RelativeShortDateFormatterPipe, deps: null, target: i0.ɵɵFactoryTarget.Pipe }); }
-    /** @nocollapse */ static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.2.6", ngImport: i0, type: RelativeShortDateFormatterPipe, isStandalone: true, name: "relativeShortDate" }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: RelativeShortDateFormatterPipe, decorators: [{
-            type: Pipe,
-            args: [{
-                    standalone: true,
-                    name: 'relativeShortDate'
-                }]
-        }] });
-// eslint-disable-next-line @angular-eslint/use-pipe-transform-interface
-class RelativeShortDateFormatterImpurePipe extends RelativeShortDateFormatterPipe {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: RelativeShortDateFormatterImpurePipe, deps: null, target: i0.ɵɵFactoryTarget.Pipe }); }
-    /** @nocollapse */ static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.2.6", ngImport: i0, type: RelativeShortDateFormatterImpurePipe, isStandalone: true, name: "relativeShortDateImpurePipe", pure: false }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: RelativeShortDateFormatterImpurePipe, decorators: [{
-            type: Pipe,
-            args: [{
-                    standalone: true,
-                    name: 'relativeShortDateImpurePipe',
-                    pure: false
-                }]
-        }] });
-class RelativeShortDateTimeFormatterPipe extends BaseFormatterPipe {
-    transform(value, options) {
-        const date = this.adapter.deserialize(value);
-        return date ? this.formatter.relativeShortDateTime(date, options) : '';
-    }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: RelativeShortDateTimeFormatterPipe, deps: null, target: i0.ɵɵFactoryTarget.Pipe }); }
-    /** @nocollapse */ static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.2.6", ngImport: i0, type: RelativeShortDateTimeFormatterPipe, isStandalone: true, name: "relativeShortDateTime" }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: RelativeShortDateTimeFormatterPipe, decorators: [{
-            type: Pipe,
-            args: [{
-                    standalone: true,
-                    name: 'relativeShortDateTime'
-                }]
-        }] });
-// eslint-disable-next-line @angular-eslint/use-pipe-transform-interface
-class RelativeShortDateTimeFormatterImpurePipe extends RelativeShortDateTimeFormatterPipe {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: RelativeShortDateTimeFormatterImpurePipe, deps: null, target: i0.ɵɵFactoryTarget.Pipe }); }
-    /** @nocollapse */ static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.2.6", ngImport: i0, type: RelativeShortDateTimeFormatterImpurePipe, isStandalone: true, name: "relativeShortDateTimeImpurePipe", pure: false }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: RelativeShortDateTimeFormatterImpurePipe, decorators: [{
-            type: Pipe,
-            args: [{
-                    standalone: true,
-                    name: 'relativeShortDateTimeImpurePipe',
-                    pure: false
-                }]
-        }] });
-class RangeDateFormatterPipe extends BaseFormatterPipe {
-    transform([value1, value2]) {
-        const date1 = this.adapter.deserialize(value1);
-        const date2 = this.adapter.deserialize(value2);
-        return this.formatter.rangeLongDate(date1, date2);
-    }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: RangeDateFormatterPipe, deps: null, target: i0.ɵɵFactoryTarget.Pipe }); }
-    /** @nocollapse */ static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.2.6", ngImport: i0, type: RangeDateFormatterPipe, isStandalone: true, name: "rangeLongDate" }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: RangeDateFormatterPipe, decorators: [{
-            type: Pipe,
-            args: [{
-                    standalone: true,
-                    name: 'rangeLongDate'
-                }]
-        }] });
-// eslint-disable-next-line @angular-eslint/use-pipe-transform-interface
-class RangeDateFormatterImpurePipe extends RangeDateFormatterPipe {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: RangeDateFormatterImpurePipe, deps: null, target: i0.ɵɵFactoryTarget.Pipe }); }
-    /** @nocollapse */ static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.2.6", ngImport: i0, type: RangeDateFormatterImpurePipe, isStandalone: true, name: "rangeLongDateImpurePipe", pure: false }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: RangeDateFormatterImpurePipe, decorators: [{
-            type: Pipe,
-            args: [{
-                    standalone: true,
-                    name: 'rangeLongDateImpurePipe',
-                    pure: false
-                }]
-        }] });
-class RangeShortDateFormatterPipe extends BaseFormatterPipe {
-    transform([value1, value2]) {
-        const date1 = this.adapter.deserialize(value1);
-        const date2 = this.adapter.deserialize(value2);
-        return this.formatter.rangeShortDate(date1, date2);
-    }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: RangeShortDateFormatterPipe, deps: null, target: i0.ɵɵFactoryTarget.Pipe }); }
-    /** @nocollapse */ static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.2.6", ngImport: i0, type: RangeShortDateFormatterPipe, isStandalone: true, name: "rangeShortDate" }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: RangeShortDateFormatterPipe, decorators: [{
-            type: Pipe,
-            args: [{
-                    standalone: true,
-                    name: 'rangeShortDate'
-                }]
-        }] });
-// eslint-disable-next-line @angular-eslint/use-pipe-transform-interface
-class RangeShortDateFormatterImpurePipe extends RangeShortDateFormatterPipe {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: RangeShortDateFormatterImpurePipe, deps: null, target: i0.ɵɵFactoryTarget.Pipe }); }
-    /** @nocollapse */ static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.2.6", ngImport: i0, type: RangeShortDateFormatterImpurePipe, isStandalone: true, name: "rangeShortDateImpurePipe", pure: false }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: RangeShortDateFormatterImpurePipe, decorators: [{
-            type: Pipe,
-            args: [{
-                    standalone: true,
-                    name: 'rangeShortDateImpurePipe',
-                    pure: false
-                }]
-        }] });
-class RangeDateTimeFormatterPipe extends BaseFormatterPipe {
-    transform([value1, value2], options) {
-        const date1 = this.adapter.deserialize(value1);
-        const date2 = this.adapter.deserialize(value2);
-        return this.formatter.rangeLongDateTime(date1, date2, options);
-    }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: RangeDateTimeFormatterPipe, deps: null, target: i0.ɵɵFactoryTarget.Pipe }); }
-    /** @nocollapse */ static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.2.6", ngImport: i0, type: RangeDateTimeFormatterPipe, isStandalone: true, name: "rangeLongDateTime" }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: RangeDateTimeFormatterPipe, decorators: [{
-            type: Pipe,
-            args: [{
-                    standalone: true,
-                    name: 'rangeLongDateTime'
-                }]
-        }] });
-// eslint-disable-next-line @angular-eslint/use-pipe-transform-interface
-class RangeDateTimeFormatterImpurePipe extends RangeDateTimeFormatterPipe {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: RangeDateTimeFormatterImpurePipe, deps: null, target: i0.ɵɵFactoryTarget.Pipe }); }
-    /** @nocollapse */ static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.2.6", ngImport: i0, type: RangeDateTimeFormatterImpurePipe, isStandalone: true, name: "rangeLongDateTimeImpurePipe", pure: false }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: RangeDateTimeFormatterImpurePipe, decorators: [{
-            type: Pipe,
-            args: [{
-                    standalone: true,
-                    name: 'rangeLongDateTimeImpurePipe',
-                    pure: false
-                }]
-        }] });
-class RangeMiddleDateTimeFormatterPipe extends BaseFormatterPipe {
-    transform([value1, value2], options) {
-        const date1 = this.adapter.deserialize(value1);
-        const date2 = this.adapter.deserialize(value2);
-        return this.formatter.rangeMiddleDateTime(date1, date2, options);
-    }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: RangeMiddleDateTimeFormatterPipe, deps: null, target: i0.ɵɵFactoryTarget.Pipe }); }
-    /** @nocollapse */ static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.2.6", ngImport: i0, type: RangeMiddleDateTimeFormatterPipe, isStandalone: true, name: "rangeMiddleDateTime" }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: RangeMiddleDateTimeFormatterPipe, decorators: [{
-            type: Pipe,
-            args: [{
-                    standalone: true,
-                    name: 'rangeMiddleDateTime'
-                }]
-        }] });
-// eslint-disable-next-line @angular-eslint/use-pipe-transform-interface
-class RangeMiddleDateTimeFormatterImpurePipe extends RangeMiddleDateTimeFormatterPipe {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: RangeMiddleDateTimeFormatterImpurePipe, deps: null, target: i0.ɵɵFactoryTarget.Pipe }); }
-    /** @nocollapse */ static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.2.6", ngImport: i0, type: RangeMiddleDateTimeFormatterImpurePipe, isStandalone: true, name: "rangeMiddleDateTimeImpurePipe", pure: false }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: RangeMiddleDateTimeFormatterImpurePipe, decorators: [{
-            type: Pipe,
-            args: [{
-                    standalone: true,
-                    name: 'rangeMiddleDateTimeImpurePipe',
-                    pure: false
-                }]
-        }] });
-class RangeShortDateTimeFormatterPipe extends BaseFormatterPipe {
-    transform([value1, value2], options) {
-        const date1 = this.adapter.deserialize(value1);
-        const date2 = this.adapter.deserialize(value2);
-        return this.formatter.rangeShortDateTime(date1, date2, options);
-    }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: RangeShortDateTimeFormatterPipe, deps: null, target: i0.ɵɵFactoryTarget.Pipe }); }
-    /** @nocollapse */ static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.2.6", ngImport: i0, type: RangeShortDateTimeFormatterPipe, isStandalone: true, name: "rangeShortDateTime" }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: RangeShortDateTimeFormatterPipe, decorators: [{
-            type: Pipe,
-            args: [{
-                    standalone: true,
-                    name: 'rangeShortDateTime'
-                }]
-        }] });
-// eslint-disable-next-line @angular-eslint/use-pipe-transform-interface
-class RangeShortDateTimeFormatterImpurePipe extends RangeShortDateTimeFormatterPipe {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: RangeShortDateTimeFormatterImpurePipe, deps: null, target: i0.ɵɵFactoryTarget.Pipe }); }
-    /** @nocollapse */ static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.2.6", ngImport: i0, type: RangeShortDateTimeFormatterImpurePipe, isStandalone: true, name: "rangeShortDateTimeImpurePipe", pure: false }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: RangeShortDateTimeFormatterImpurePipe, decorators: [{
-            type: Pipe,
-            args: [{
-                    standalone: true,
-                    name: 'rangeShortDateTimeImpurePipe',
-                    pure: false
-                }]
-        }] });
-
-const enUSLocaleData = {
-    select: { hiddenItemsText: '{{ number }} more' },
-    datepicker: {
-        placeholder: 'yyyy-mm-dd',
-        dateInput: 'yyyy-MM-dd'
-    },
-    timepicker: {
-        placeholder: {
-            full: 'hh:mm:ss',
-            short: 'hh:mm'
-        }
-    },
-    fileUpload: {
-        single: {
-            captionText: 'Drag file here or {{ browseLink }}',
-            browseLink: 'choose'
-        },
-        multiple: {
-            captionText: 'Drag here or {{ browseLink }}',
-            captionTextWhenSelected: 'Drag more files or {{ browseLink }}',
-            captionTextForCompactSize: 'Drag files or {{ browseLink }}',
-            browseLink: 'choose',
-            title: 'Upload files',
-            gridHeaders: {
-                file: 'File',
-                size: 'Size'
-            }
-        }
-    },
-    codeBlock: {
-        softWrapOnTooltip: 'Enable word wrap',
-        softWrapOffTooltip: 'Disable word wrap',
-        downloadTooltip: 'Download',
-        copiedTooltip: '✓ Copied',
-        copyTooltip: 'Copy',
-        viewAllText: 'Show all',
-        viewLessText: 'Show less',
-        openExternalSystemTooltip: 'Open in the external system'
-    },
-    timezone: {
-        searchPlaceholder: 'City or time zone'
-    },
-    actionsPanel: {
-        closeTooltip: 'Deselect'
-    },
-    filterBar: {
-        reset: {
-            buttonName: 'Сбросить'
-        },
-        search: {
-            tooltip: 'Поиск',
-            placeholder: 'Поиск'
-        },
-        filters: {
-            defaultName: 'Фильтры',
-            saveNewFilterTooltip: 'Сохранить новый фильтр',
-            searchPlaceholder: 'Поиск',
-            searchEmptyResult: 'Ничего не найдено',
-            saveAsNewFilter: 'Сохранить как новый фильтр',
-            saveChanges: 'Сохранить изменения',
-            saveAsNew: 'Сохранить как новый',
-            change: 'Изменить',
-            resetChanges: 'Сбросить изменения',
-            remove: 'Удалить',
-            name: 'Название',
-            error: 'Поиск с таким названием уже существует',
-            errorHint: 'Не удалось сохранить фильтр. Попробуйте снова или сообщите администратору.',
-            saveButton: 'Сохранить',
-            cancelButton: 'Отмена'
-        },
-        add: {
-            tooltip: 'Добавить фильтр'
-        },
-        pipe: {
-            clearButtonTooltip: 'Очистить',
-            removeButtonTooltip: 'Удалить',
-            applyButton: 'Применить',
-            emptySearchResult: 'Ничего не найдено'
-        },
-        datePipe: {
-            customPeriod: 'Произвольный период',
-            customPeriodFrom: 'с',
-            customPeriodTo: 'по',
-            customPeriodErrorHint: 'Начало периода не может быть позже окончания',
-            backToPeriodSelection: 'Назад к выбору периода'
-        }
-    }
-};
-
-const esLALocaleData = {
-    select: { hiddenItemsText: '{{ number }} más' },
-    datepicker: {
-        placeholder: 'dd/mm/aaaa'
-    },
-    timepicker: {
-        placeholder: {
-            full: 'hh:mm:ss',
-            short: 'hh:mm'
-        }
-    },
-    fileUpload: {
-        single: {
-            captionText: 'Arrastre el archivo aquí o {{ browseLink }}',
-            browseLink: 'elija'
-        },
-        multiple: {
-            captionText: 'Arrastre aquí o {{ browseLink }}',
-            captionTextWhenSelected: 'Arrastre más archivos aquí o {{ browseLink }}',
-            captionTextForCompactSize: 'Arrastre archivos o {{ browseLink }}',
-            browseLink: 'elija',
-            title: 'Cargue los archivos',
-            gridHeaders: {
-                file: 'Archivo',
-                size: 'Tamaño'
-            }
-        }
-    },
-    codeBlock: {
-        softWrapOnTooltip: 'Activar el ajuste de texto',
-        softWrapOffTooltip: 'Desactivar el ajuste de texto',
-        downloadTooltip: 'Descargar',
-        copiedTooltip: '✓ Copiado',
-        copyTooltip: 'Copiar',
-        viewAllText: 'Mostrar todo',
-        viewLessText: 'Mostrar menos',
-        openExternalSystemTooltip: 'Abrir en el sistema externo'
-    },
-    timezone: {
-        searchPlaceholder: 'Ciudad o zona horaria'
-    },
-    actionsPanel: {
-        closeTooltip: 'Desmarque'
-    },
-    filterBar: {
-        reset: {
-            buttonName: 'Сбросить'
-        },
-        search: {
-            tooltip: 'Поиск',
-            placeholder: 'Поиск'
-        },
-        filters: {
-            defaultName: 'Фильтры',
-            saveNewFilterTooltip: 'Сохранить новый фильтр',
-            searchPlaceholder: 'Поиск',
-            searchEmptyResult: 'Ничего не найдено',
-            saveAsNewFilter: 'Сохранить как новый фильтр',
-            saveChanges: 'Сохранить изменения',
-            saveAsNew: 'Сохранить как новый',
-            change: 'Изменить',
-            resetChanges: 'Сбросить изменения',
-            remove: 'Удалить',
-            name: 'Название',
-            error: 'Поиск с таким названием уже существует',
-            errorHint: 'Не удалось сохранить фильтр. Попробуйте снова или сообщите администратору.',
-            saveButton: 'Сохранить',
-            cancelButton: 'Отмена'
-        },
-        add: {
-            tooltip: 'Добавить фильтр'
-        },
-        pipe: {
-            clearButtonTooltip: 'Очистить',
-            removeButtonTooltip: 'Удалить',
-            applyButton: 'Применить',
-            emptySearchResult: 'Ничего не найдено'
-        },
-        datePipe: {
-            customPeriod: 'Произвольный период',
-            customPeriodFrom: 'с',
-            customPeriodTo: 'по',
-            customPeriodErrorHint: 'Начало периода не может быть позже окончания',
-            backToPeriodSelection: 'Назад к выбору периода'
-        }
-    }
-};
-
-const faIRLocaleData = {
-    select: { hiddenItemsText: '{{ number }} بیشتر' },
-    datepicker: {
-        placeholder: 'روز/ ماه/سال'
-    },
-    timepicker: {
-        placeholder: {
-            full: 'ثانیه:دقیقه:ساعت',
-            short: 'دقیقه:ساعت'
-        }
-    },
-    fileUpload: {
-        single: {
-            captionText: 'فایل را به اینجا بکشید یا {{ browseLink }}',
-            browseLink: 'انتخاب کنید'
-        },
-        multiple: {
-            captionText: 'به اینجا بکشید یا {{ browseLink }}',
-            captionTextWhenSelected: 'فایل های بیشتری را بکشید یا {{ browseLink }}',
-            captionTextForCompactSize: 'فایل ها را بکشید یا {{ browseLink }}',
-            browseLink: 'انتخاب کنید',
-            title: 'فایل ها را آپلود کنید',
-            gridHeaders: {
-                file: 'فایل',
-                size: 'اندازه'
-            }
-        }
-    },
-    codeBlock: {
-        softWrapOnTooltip: 'فعال‌سازی سطربندی',
-        softWrapOffTooltip: 'غیرفعال‌سازی سطربندی',
-        downloadTooltip: 'دانلود',
-        copiedTooltip: '✓ کپی شد',
-        copyTooltip: 'کپی',
-        viewAllText: 'نمایش همه',
-        viewLessText: 'نمایش کمتر',
-        openExternalSystemTooltip: 'باز کردن در سیستم خارجی'
-    },
-    timezone: {
-        searchPlaceholder: ' شهر یا منطقه زمانی '
-    },
-    actionsPanel: {
-        closeTooltip: 'إلغاء التحديد'
-    },
-    filterBar: {
-        reset: {
-            buttonName: 'Сбросить'
-        },
-        search: {
-            tooltip: 'Поиск',
-            placeholder: 'Поиск'
-        },
-        filters: {
-            defaultName: 'Фильтры',
-            saveNewFilterTooltip: 'Сохранить новый фильтр',
-            searchPlaceholder: 'Поиск',
-            searchEmptyResult: 'Ничего не найдено',
-            saveAsNewFilter: 'Сохранить как новый фильтр',
-            saveChanges: 'Сохранить изменения',
-            saveAsNew: 'Сохранить как новый',
-            change: 'Изменить',
-            resetChanges: 'Сбросить изменения',
-            remove: 'Удалить',
-            name: 'Название',
-            error: 'Поиск с таким названием уже существует',
-            errorHint: 'Не удалось сохранить фильтр. Попробуйте снова или сообщите администратору.',
-            saveButton: 'Сохранить',
-            cancelButton: 'Отмена'
-        },
-        add: {
-            tooltip: 'Добавить фильтр'
-        },
-        pipe: {
-            clearButtonTooltip: 'Очистить',
-            removeButtonTooltip: 'Удалить',
-            applyButton: 'Применить',
-            emptySearchResult: 'Ничего не найдено'
-        },
-        datePipe: {
-            customPeriod: 'Произвольный период',
-            customPeriodFrom: 'с',
-            customPeriodTo: 'по',
-            customPeriodErrorHint: 'Начало периода не может быть позже окончания',
-            backToPeriodSelection: 'Назад к выбору периода'
-        }
+};
+
+const faIRLocaleData = {
+    select: { hiddenItemsText: '{{ number }} بیشتر' },
+    datepicker: {
+        placeholder: 'روز/ ماه/سال'
+    },
+    timepicker: {
+        placeholder: {
+            full: 'ثانیه:دقیقه:ساعت',
+            short: 'دقیقه:ساعت'
+        }
+    },
+    fileUpload: {
+        single: {
+            captionText: 'فایل را به اینجا بکشید یا {{ browseLink }}',
+            browseLink: 'انتخاب کنید'
+        },
+        multiple: {
+            captionText: 'به اینجا بکشید یا {{ browseLink }}',
+            captionTextWhenSelected: 'فایل های بیشتری را بکشید یا {{ browseLink }}',
+            captionTextForCompactSize: 'فایل ها را بکشید یا {{ browseLink }}',
+            browseLink: 'انتخاب کنید',
+            title: 'فایل ها را آپلود کنید',
+            gridHeaders: {
+                file: 'فایل',
+                size: 'اندازه'
+            }
+        }
+    },
+    codeBlock: {
+        softWrapOnTooltip: 'فعال‌سازی سطربندی',
+        softWrapOffTooltip: 'غیرفعال‌سازی سطربندی',
+        downloadTooltip: 'دانلود',
+        copiedTooltip: '✓ کپی شد',
+        copyTooltip: 'کپی',
+        viewAllText: 'نمایش همه',
+        viewLessText: 'نمایش کمتر',
+        openExternalSystemTooltip: 'باز کردن در سیستم خارجی'
+    },
+    timezone: {
+        searchPlaceholder: ' شهر یا منطقه زمانی '
+    },
+    actionsPanel: {
+        closeTooltip: 'إلغاء التحديد'
+    },
+    filterBar: {
+        reset: {
+            buttonName: 'بازنشانی'
+        },
+        search: {
+            tooltip: 'جستجو',
+            placeholder: 'جستجو'
+        },
+        filters: {
+            defaultName: 'فیلترها',
+            saveNewFilterTooltip: 'ذخیره فیلتر جدید',
+            searchPlaceholder: 'جستجو',
+            searchEmptyResult: 'چیزی پیدا نشد',
+            saveAsNewFilter: 'ذخیره به‌عنوان فیلتر جدید',
+            saveChanges: 'ذخیره تغییرات',
+            saveAsNew: 'ذخیره به‌عنوان مورد جدید',
+            change: 'ویرایش',
+            resetChanges: 'بازنشانی',
+            remove: 'حذف',
+            name: 'نام',
+            error: 'جستجویی با این نام از قبل وجود دارد',
+            errorHint: 'فیلتر ذخیره نشد. دوباره امتحان کنید یا با سرپرست تماس بگیرید.',
+            saveButton: 'ذخیره',
+            cancelButton: 'لغو'
+        },
+        add: {
+            tooltip: 'افزودن فیلتر'
+        },
+        pipe: {
+            clearButtonTooltip: 'پاک کردن',
+            removeButtonTooltip: 'حذف',
+            applyButton: 'اعمال',
+            emptySearchResult: 'چیزی پیدا نشد'
+        },
+        datePipe: {
+            customPeriod: 'دوره سفارشی',
+            customPeriodFrom: 'از',
+            customPeriodTo: 'تا',
+            customPeriodErrorHint: 'دوره نمی‌تواند بعد از پایان آن شروع شود',
+            backToPeriodSelection: 'بازگشت به انتخاب دوره'
+        }
     }
 };
 
@@ -1065,44 +709,44 @@ const ptBRLocaleData = {
     },
     filterBar: {
         reset: {
-            buttonName: 'Сбросить'
+            buttonName: 'Redefinir'
         },
         search: {
-            tooltip: 'Поиск',
-            placeholder: 'Поиск'
+            tooltip: 'Pesquisar',
+            placeholder: 'Pesquisar'
         },
         filters: {
-            defaultName: 'Фильтры',
-            saveNewFilterTooltip: 'Сохранить новый фильтр',
-            searchPlaceholder: 'Поиск',
-            searchEmptyResult: 'Ничего не найдено',
-            saveAsNewFilter: 'Сохранить как новый фильтр',
-            saveChanges: 'Сохранить изменения',
-            saveAsNew: 'Сохранить как новый',
-            change: 'Изменить',
-            resetChanges: 'Сбросить изменения',
-            remove: 'Удалить',
-            name: 'Название',
-            error: 'Поиск с таким названием уже существует',
-            errorHint: 'Не удалось сохранить фильтр. Попробуйте снова или сообщите администратору.',
-            saveButton: 'Сохранить',
-            cancelButton: 'Отмена'
+            defaultName: 'Filtros',
+            saveNewFilterTooltip: 'Salvar o novo filtro',
+            searchPlaceholder: 'Pesquisar',
+            searchEmptyResult: 'Nada encontrado',
+            saveAsNewFilter: 'Salvar como novo filtro',
+            saveChanges: 'Salvar alterações',
+            saveAsNew: 'Salvar como novo',
+            change: 'Editar',
+            resetChanges: 'Redefinir',
+            remove: 'Excluir',
+            name: 'Nome',
+            error: 'Já existe uma pesquisa com este nome',
+            errorHint: 'Não foi possível salvar o filtro. Tente novamente ou entre em contato com o administrador.',
+            saveButton: 'Salvar',
+            cancelButton: 'Cancelar'
         },
         add: {
-            tooltip: 'Добавить фильтр'
+            tooltip: 'Adicionar filtro'
         },
         pipe: {
-            clearButtonTooltip: 'Очистить',
-            removeButtonTooltip: 'Удалить',
-            applyButton: 'Применить',
-            emptySearchResult: 'Ничего не найдено'
+            clearButtonTooltip: 'Apagar',
+            removeButtonTooltip: 'Excluir',
+            applyButton: 'Aplicar',
+            emptySearchResult: 'Nada encontrado'
         },
         datePipe: {
-            customPeriod: 'Произвольный период',
-            customPeriodFrom: 'с',
-            customPeriodTo: 'по',
-            customPeriodErrorHint: 'Начало периода не может быть позже окончания',
-            backToPeriodSelection: 'Назад к выбору периода'
+            customPeriod: 'Período personalizado',
+            customPeriodFrom: 'de',
+            customPeriodTo: 'até',
+            customPeriodErrorHint: 'O início do período não pode ser posterior ao término do período',
+            backToPeriodSelection: 'Retornar à seleção do período'
         }
     }
 };
@@ -1243,44 +887,44 @@ const tkTMLocaleData = {
     },
     filterBar: {
         reset: {
-            buttonName: 'Сбросить'
+            buttonName: 'Täzeden sazlamak'
         },
         search: {
-            tooltip: 'Поиск',
-            placeholder: 'Поиск'
+            tooltip: 'Gözleg',
+            placeholder: 'Gözleg'
         },
         filters: {
-            defaultName: 'Фильтры',
-            saveNewFilterTooltip: 'Сохранить новый фильтр',
-            searchPlaceholder: 'Поиск',
-            searchEmptyResult: 'Ничего не найдено',
-            saveAsNewFilter: 'Сохранить как новый фильтр',
-            saveChanges: 'Сохранить изменения',
-            saveAsNew: 'Сохранить как новый',
-            change: 'Изменить',
-            resetChanges: 'Сбросить изменения',
-            remove: 'Удалить',
-            name: 'Название',
-            error: 'Поиск с таким названием уже существует',
-            errorHint: 'Не удалось сохранить фильтр. Попробуйте снова или сообщите администратору.',
-            saveButton: 'Сохранить',
-            cancelButton: 'Отмена'
+            defaultName: 'Filtrler',
+            saveNewFilterTooltip: 'Täze filtri ýatda saklamak',
+            searchPlaceholder: 'Gözleg',
+            searchEmptyResult: 'Hiç zat tapylmady',
+            saveAsNewFilter: 'Täze filtr hökmünde ýatda saklamak',
+            saveChanges: 'Üýtgetmeleri ýatda saklamak',
+            saveAsNew: 'Täze hökmünde ýatda saklamak',
+            change: 'Üýtgetmek',
+            resetChanges: 'Üýtgetmeleri täzeden sazlamak',
+            remove: 'Pozmak',
+            name: 'Ady',
+            error: 'Beýle atly gözleg eýýäm bar',
+            errorHint: 'Filtri ýatda sakladyp bolmady. Täzeden synanyşyň ýa-da administratora habar beriň.',
+            saveButton: 'Ýatda saklamak',
+            cancelButton: 'Ýatyrmak'
         },
         add: {
-            tooltip: 'Добавить фильтр'
+            tooltip: 'Filtr goşmak'
         },
         pipe: {
-            clearButtonTooltip: 'Очистить',
-            removeButtonTooltip: 'Удалить',
-            applyButton: 'Применить',
-            emptySearchResult: 'Ничего не найдено'
+            clearButtonTooltip: 'Arassalamak',
+            removeButtonTooltip: 'Pozmak',
+            applyButton: 'Ulanmak',
+            emptySearchResult: 'Hiç zat tapylmady'
         },
         datePipe: {
-            customPeriod: 'Произвольный период',
-            customPeriodFrom: 'с',
-            customPeriodTo: 'по',
-            customPeriodErrorHint: 'Начало периода не может быть позже окончания',
-            backToPeriodSelection: 'Назад к выбору периода'
+            customPeriod: 'Erkin döwür',
+            customPeriodFrom: 'şundan',
+            customPeriodTo: 'şuňa',
+            customPeriodErrorHint: 'Döwrüň başlangyjy gutarýan wagtyndan soň bolup bilmeýär',
+            backToPeriodSelection: 'Döwür saýlamaga dolanmak'
         }
     }
 };
@@ -1290,99 +934,282 @@ const zhCNLocaleData = {
     datepicker: {
         placeholder: '年/月/日'
     },
-    timepicker: {
-        placeholder: {
-            full: '时:分:秒',
-            short: '时:分'
+    timepicker: {
+        placeholder: {
+            full: '时:分:秒',
+            short: '时:分'
+        }
+    },
+    fileUpload: {
+        single: {
+            captionText: '将文件拖到此处或{{ browseLink }}',
+            browseLink: '选择'
+        },
+        multiple: {
+            captionText: '拖到此处或{{ browseLink }}',
+            captionTextWhenSelected: '拖动更多文件或{{ browseLink }}',
+            captionTextForCompactSize: '拖动文件或{{ browseLink }}',
+            browseLink: '选择',
+            title: '上传文件',
+            gridHeaders: {
+                file: '文件',
+                size: '大小'
+            }
+        }
+    },
+    codeBlock: {
+        softWrapOnTooltip: '启用文本换行',
+        softWrapOffTooltip: '禁用文本换行',
+        downloadTooltip: '下载',
+        copiedTooltip: '✓已复制',
+        copyTooltip: '复制',
+        viewAllText: '显示全部',
+        viewLessText: '显示部分',
+        openExternalSystemTooltip: '在外部系统中打开'
+    },
+    timezone: {
+        searchPlaceholder: '城市或时区'
+    },
+    actionsPanel: {
+        closeTooltip: '取消选择'
+    },
+    filterBar: {
+        reset: {
+            buttonName: '重置'
+        },
+        search: {
+            tooltip: '搜索',
+            placeholder: '搜索'
+        },
+        filters: {
+            defaultName: '筛选器',
+            saveNewFilterTooltip: '保存新筛选器',
+            searchPlaceholder: '搜索',
+            searchEmptyResult: '未找到任何内容',
+            saveAsNewFilter: '另存为新筛选器',
+            saveChanges: '保存更改',
+            saveAsNew: '另存为新的',
+            change: '编辑',
+            resetChanges: '重置',
+            remove: '删除',
+            name: '名称',
+            error: '已经使用此名称进行过搜索',
+            errorHint: '无法保存筛选器。请重试或联系管理员。',
+            saveButton: '保存',
+            cancelButton: '取消'
+        },
+        add: {
+            tooltip: '添加筛选器'
+        },
+        pipe: {
+            clearButtonTooltip: '清除',
+            removeButtonTooltip: '删除',
+            applyButton: '应用',
+            emptySearchResult: '未找到任何内容'
+        },
+        datePipe: {
+            customPeriod: '自定义时段',
+            customPeriodFrom: '从',
+            customPeriodTo: '到',
+            customPeriodErrorHint: '时段开始时间不能晚于结束时间',
+            backToPeriodSelection: '返回以选择一个时段'
+        }
+    }
+};
+
+const enUSFormattersData = {
+    formatters: {
+        number: {
+            rounding: {
+                separator: '',
+                groupSeparator: '.',
+                thousand: 'K',
+                million: 'M',
+                billion: 'B',
+                trillion: 'T'
+            }
+        }
+    },
+    input: {
+        number: {
+            groupSeparator: [','],
+            fractionSeparator: '.'
+        }
+    },
+    sizeUnits: {
+        defaultUnitSystem: 'SI',
+        defaultPrecision: 2,
+        unitSystems: {
+            SI: {
+                abbreviations: ['B', 'KB', 'MB', 'GB', 'TB'],
+                base: 10,
+                power: 3
+            },
+            IEC: {
+                abbreviations: ['B', 'KiB', 'MiB', 'GiB', 'TiB'],
+                base: 2,
+                power: 10
+            }
+        }
+    }
+};
+const esLAFormattersData = {
+    formatters: {
+        number: {
+            rounding: {
+                separator: '',
+                groupSeparator: ',',
+                thousand: 'K',
+                million: 'M',
+                billion: 'MRD',
+                trillion: 'B'
+            }
+        }
+    },
+    input: {
+        number: {
+            // nbsp is generated automatically and used by default in spec
+            groupSeparator: [' ', ' '],
+            fractionSeparator: ','
+        }
+    },
+    sizeUnits: {
+        defaultUnitSystem: 'SI',
+        defaultPrecision: 2,
+        unitSystems: {
+            SI: {
+                abbreviations: ['Б', 'КБ', 'МБ', 'ГБ', 'ТБ'],
+                base: 10,
+                power: 3
+            },
+            IEC: {
+                abbreviations: ['Б', 'КиБ', 'МиБ', 'ГиБ', 'ТиБ'],
+                base: 2,
+                power: 10
+            }
+        }
+    }
+};
+const faIRFormattersData = {
+    formatters: {
+        number: {
+            rounding: {
+                separator: ' ',
+                groupSeparator: '٫',
+                thousand: 'هزار',
+                million: 'میلیون',
+                billion: 'م',
+                trillion: 'تریلیون',
+                rtl: true
+            }
+        }
+    },
+    input: {
+        number: {
+            groupSeparator: ['\u066C'],
+            fractionSeparator: '\u066B'
+        }
+    },
+    sizeUnits: {
+        defaultUnitSystem: 'SI',
+        defaultPrecision: 2,
+        unitSystems: {
+            SI: {
+                abbreviations: ['Б', 'КБ', 'МБ', 'ГБ', 'ТБ'],
+                base: 10,
+                power: 3
+            },
+            IEC: {
+                abbreviations: ['Б', 'КиБ', 'МиБ', 'ГиБ', 'ТиБ'],
+                base: 2,
+                power: 10
+            }
+        }
+    }
+};
+const ptBRFormattersData = {
+    formatters: {
+        number: {
+            rounding: {
+                separator: ' ',
+                groupSeparator: ',',
+                thousand: 'mil',
+                million: 'mi',
+                billion: 'bi',
+                trillion: 'tri'
+            }
+        }
+    },
+    input: {
+        number: {
+            groupSeparator: ['.'],
+            fractionSeparator: ','
         }
     },
-    fileUpload: {
-        single: {
-            captionText: '将文件拖到此处或{{ browseLink }}',
-            browseLink: '选择'
-        },
-        multiple: {
-            captionText: '拖到此处或{{ browseLink }}',
-            captionTextWhenSelected: '拖动更多文件或{{ browseLink }}',
-            captionTextForCompactSize: '拖动文件或{{ browseLink }}',
-            browseLink: '选择',
-            title: '上传文件',
-            gridHeaders: {
-                file: '文件',
-                size: '大小'
+    sizeUnits: {
+        defaultUnitSystem: 'SI',
+        defaultPrecision: 2,
+        unitSystems: {
+            SI: {
+                abbreviations: ['Б', 'КБ', 'МБ', 'ГБ', 'ТБ'],
+                base: 10,
+                power: 3
+            },
+            IEC: {
+                abbreviations: ['Б', 'КиБ', 'МиБ', 'ГиБ', 'ТиБ'],
+                base: 2,
+                power: 10
+            }
+        }
+    }
+};
+const ruRUFormattersData = {
+    formatters: {
+        number: {
+            rounding: {
+                separator: ' ',
+                groupSeparator: ',',
+                thousand: 'К',
+                million: 'М',
+                billion: 'М',
+                trillion: 'Т'
             }
         }
     },
-    codeBlock: {
-        softWrapOnTooltip: '启用文本换行',
-        softWrapOffTooltip: '禁用文本换行',
-        downloadTooltip: '下载',
-        copiedTooltip: '✓已复制',
-        copyTooltip: '复制',
-        viewAllText: '显示全部',
-        viewLessText: '显示部分',
-        openExternalSystemTooltip: '在外部系统中打开'
-    },
-    timezone: {
-        searchPlaceholder: '城市或时区'
-    },
-    actionsPanel: {
-        closeTooltip: '取消选择'
+    input: {
+        number: {
+            // nbsp is generated automatically and used by default in spec
+            groupSeparator: [' ', ' '],
+            fractionSeparator: ',',
+            startFormattingFrom: 4
+        }
     },
-    filterBar: {
-        reset: {
-            buttonName: 'Сбросить'
-        },
-        search: {
-            tooltip: 'Поиск',
-            placeholder: 'Поиск'
-        },
-        filters: {
-            defaultName: 'Фильтры',
-            saveNewFilterTooltip: 'Сохранить новый фильтр',
-            searchPlaceholder: 'Поиск',
-            searchEmptyResult: 'Ничего не найдено',
-            saveAsNewFilter: 'Сохранить как новый фильтр',
-            saveChanges: 'Сохранить изменения',
-            saveAsNew: 'Сохранить как новый',
-            change: 'Изменить',
-            resetChanges: 'Сбросить изменения',
-            remove: 'Удалить',
-            name: 'Название',
-            error: 'Поиск с таким названием уже существует',
-            errorHint: 'Не удалось сохранить фильтр. Попробуйте снова или сообщите администратору.',
-            saveButton: 'Сохранить',
-            cancelButton: 'Отмена'
-        },
-        add: {
-            tooltip: 'Добавить фильтр'
-        },
-        pipe: {
-            clearButtonTooltip: 'Очистить',
-            removeButtonTooltip: 'Удалить',
-            applyButton: 'Применить',
-            emptySearchResult: 'Ничего не найдено'
-        },
-        datePipe: {
-            customPeriod: 'Произвольный период',
-            customPeriodFrom: 'с',
-            customPeriodTo: 'по',
-            customPeriodErrorHint: 'Начало периода не может быть позже окончания',
-            backToPeriodSelection: 'Назад к выбору периода'
+    sizeUnits: {
+        defaultUnitSystem: 'SI',
+        defaultPrecision: 2,
+        unitSystems: {
+            SI: {
+                abbreviations: ['Б', 'КБ', 'МБ', 'ГБ', 'ТБ'],
+                base: 10,
+                power: 3
+            },
+            IEC: {
+                abbreviations: ['Б', 'КиБ', 'МиБ', 'ГиБ', 'ТиБ'],
+                base: 2,
+                power: 10
+            }
         }
     }
 };
-
-const enUSFormattersData = {
+const zhCNFormattersData = {
     formatters: {
         number: {
             rounding: {
-                separator: '',
+                separator: ' ',
                 groupSeparator: '.',
-                thousand: 'K',
-                million: 'M',
-                billion: 'B',
-                trillion: 'T'
+                tenThousand: '万',
+                oneHundredMillions: '亿',
+                trillion: '兆'
             }
         }
     },
@@ -1397,35 +1224,34 @@ const enUSFormattersData = {
         defaultPrecision: 2,
         unitSystems: {
             SI: {
-                abbreviations: ['B', 'KB', 'MB', 'GB', 'TB'],
+                abbreviations: ['Б', 'КБ', 'МБ', 'ГБ', 'ТБ'],
                 base: 10,
                 power: 3
             },
             IEC: {
-                abbreviations: ['B', 'KiB', 'MiB', 'GiB', 'TiB'],
+                abbreviations: ['Б', 'КиБ', 'МиБ', 'ГиБ', 'ТиБ'],
                 base: 2,
                 power: 10
             }
         }
     }
 };
-const esLAFormattersData = {
+const tkTMFormattersData = {
     formatters: {
         number: {
             rounding: {
-                separator: '',
-                groupSeparator: ',',
-                thousand: 'K',
-                million: 'M',
-                billion: 'MRD',
-                trillion: 'B'
+                separator: ' ',
+                groupSeparator: '',
+                thousand: 'M',
+                million: 'Mn',
+                billion: 'Mr',
+                trillion: 'Tn'
             }
         }
     },
     input: {
         number: {
-            // nbsp is generated automatically and used by default in spec
-            groupSeparator: [' ', ' '],
+            groupSeparator: [' '],
             fractionSeparator: ','
         }
     },
@@ -1434,333 +1260,584 @@ const esLAFormattersData = {
         defaultPrecision: 2,
         unitSystems: {
             SI: {
-                abbreviations: ['Б', 'КБ', 'МБ', 'ГБ', 'ТБ'],
+                abbreviations: ['B', 'KB', 'MB', 'GB', 'TB'],
                 base: 10,
                 power: 3
             },
             IEC: {
-                abbreviations: ['Б', 'КиБ', 'МиБ', 'ГиБ', 'ТиБ'],
+                abbreviations: ['B', 'KiB', 'MiB', 'GiB', 'TiB'],
                 base: 2,
                 power: 10
             }
         }
     }
-};
-const faIRFormattersData = {
-    formatters: {
-        number: {
-            rounding: {
-                separator: ' ',
-                groupSeparator: '٫',
-                thousand: 'هزار',
-                million: 'میلیون',
-                billion: 'م',
-                trillion: 'تریلیون',
-                rtl: true
-            }
+};
+
+const KBQ_LOCALE_ID = new InjectionToken('KbqLocaleId');
+const KBQ_DEFAULT_LOCALE_ID = 'ru-RU';
+function KBQ_DEFAULT_LOCALE_DATA_FACTORY() {
+    return {
+        items: [
+            { id: 'en-US', name: 'English' },
+            { id: 'zh-CN', name: '简体中文' },
+            { id: 'es-LA', name: 'Español' },
+            { id: 'pt-BR', name: 'Português' },
+            { id: 'ru-RU', name: 'Русский' },
+            { id: 'fa-IR', name: 'فارسی' },
+            { id: 'tk-TM', name: 'Türkmen' }
+        ],
+        'en-US': { ...enUSLocaleData, ...enUSFormattersData },
+        'zh-CN': { ...zhCNLocaleData, ...zhCNFormattersData },
+        'es-LA': { ...esLALocaleData, ...esLAFormattersData },
+        'pt-BR': { ...ptBRLocaleData, ...ptBRFormattersData },
+        'ru-RU': { ...ruRULocaleData, ...ruRUFormattersData },
+        'fa-IR': { ...faIRLocaleData, ...faIRFormattersData },
+        'tk-TM': { ...tkTMLocaleData, ...tkTMFormattersData }
+    };
+}
+const KBQ_LOCALE_DATA = new InjectionToken('KBQ_LOCALE_DATA', {
+    providedIn: 'root',
+    factory: KBQ_DEFAULT_LOCALE_DATA_FACTORY
+});
+const KBQ_LOCALE_SERVICE = new InjectionToken('KBQ_LOCALE_SERVICE');
+/**
+ * Attribute name to be used to set the locale in the html element.
+ *
+ * @default 'lang'
+ *
+ * @docs-private
+ */
+const KBQ_LOCALE_SERVICE_LANG_ATTR_NAME = new InjectionToken('KBQ_LOCALE_SERVICE_LANG_ATTR_NAME', {
+    factory: () => 'lang'
+});
+/**
+ * Utility provider to configure the attribute name to be used to set the locale in the html element.
+ *
+ * @see KBQ_LOCALE_SERVICE_LANG_ATTR_NAME
+ *
+ * @docs-private
+ */
+const kbqLocaleServiceLangAttrNameProvider = (attrName) => ({
+    provide: KBQ_LOCALE_SERVICE_LANG_ATTR_NAME,
+    useValue: attrName
+});
+class KbqLocaleService {
+    constructor(id, localeData) {
+        this.locales = {};
+        this.document = inject(DOCUMENT);
+        this.langAttrName = inject(KBQ_LOCALE_SERVICE_LANG_ATTR_NAME);
+        this.locales = localeData;
+        this.id = id || KBQ_DEFAULT_LOCALE_ID;
+        this.current = this.locales[this.id];
+        this.changes = new BehaviorSubject(this.id);
+    }
+    setLocale(id) {
+        this.id = id;
+        this.current = this.locales[this.id];
+        this.document.documentElement.setAttribute(this.langAttrName, this.id);
+        this.changes.next(this.id);
+    }
+    addLocale(id, localeData) {
+        this.id = id;
+        this.changes.next(this.id);
+        this.locales[this.id] = localeData;
+    }
+    getParams(componentName) {
+        return this.current[componentName];
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqLocaleService, deps: [{ token: KBQ_LOCALE_ID, optional: true }, { token: KBQ_LOCALE_DATA, optional: true }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    /** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqLocaleService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqLocaleService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }], ctorParameters: () => [{ type: undefined, decorators: [{
+                    type: Optional
+                }, {
+                    type: Inject,
+                    args: [KBQ_LOCALE_ID]
+                }] }, { type: undefined, decorators: [{
+                    type: Optional
+                }, {
+                    type: Inject,
+                    args: [KBQ_LOCALE_DATA]
+                }] }] });
+// todo code below need refactor or delete in DS-3603
+function numberByParts(value, fractionSeparator, groupSeparator) {
+    const result = { integer: '', fraction: '' };
+    const numberByParts = value.split(fractionSeparator);
+    if (numberByParts.length > 1) {
+        result.fraction = numberByParts.pop() || '';
+        result.integer = numberByParts
+            .join()
+            .replace(groupSeparator, '')
+            .replace(fractionSeparator, '')
+            .replace(/\D/g, '');
+    }
+    else {
+        result.integer = numberByParts.join().replace(groupSeparator[0], '').replace(/\D/g, '');
+    }
+    return result;
+}
+/**
+ * Function that returns a string representation of a number without localized separators
+ */
+function normalizeNumber(value, customConfig) {
+    if (value === null || value === undefined)
+        return '';
+    const { groupSeparator, fractionSeparator } = customConfig;
+    const groupSeparatorRegexp = new RegExp(`[${groupSeparator.join('')}]`, 'g');
+    const fractionSeparatorRegexp = new RegExp(`\\${fractionSeparator}`, 'g');
+    return value.toString().replace(groupSeparatorRegexp, '').replace(fractionSeparatorRegexp, '.');
+}
+/**
+ * Function that parse string and return a number. The string can be in any locale.
+ */
+function checkAndNormalizeLocalizedNumber(num, locale) {
+    if (num === null || num === undefined)
+        return null;
+    const locales = KBQ_DEFAULT_LOCALE_DATA_FACTORY();
+    if (locale && locales[locale]) {
+        const config = locales[locale].input.number;
+        let normalized;
+        if (!/\d/g.test(num))
+            return +num;
+        const { groupSeparator, fractionSeparator } = config;
+        const { integer, fraction } = numberByParts(num, fractionSeparator, groupSeparator.join(''));
+        const fractionSeparatorRegexp = new RegExp(`\\${fractionSeparator}`, 'g');
+        if (fraction) {
+            normalized = +[integer, fraction].join('.');
         }
-    },
-    input: {
-        number: {
-            groupSeparator: ['\u066C'],
-            fractionSeparator: '\u066B'
+        else {
+            normalized = +integer.replace(fractionSeparatorRegexp, '.');
         }
-    },
-    sizeUnits: {
-        defaultUnitSystem: 'SI',
-        defaultPrecision: 2,
-        unitSystems: {
-            SI: {
-                abbreviations: ['Б', 'КБ', 'МБ', 'ГБ', 'ТБ'],
-                base: 10,
-                power: 3
-            },
-            IEC: {
-                abbreviations: ['Б', 'КиБ', 'МиБ', 'ГиБ', 'ТиБ'],
-                base: 2,
-                power: 10
-            }
+        if (!Number.isNaN(normalized)) {
+            return normalized;
         }
     }
-};
-const ptBRFormattersData = {
-    formatters: {
-        number: {
-            rounding: {
-                separator: ' ',
-                groupSeparator: ',',
-                thousand: 'mil',
-                million: 'mi',
-                billion: 'bi',
-                trillion: 'tri'
-            }
-        }
-    },
-    input: {
-        number: {
-            groupSeparator: ['.'],
-            fractionSeparator: ','
-        }
-    },
-    sizeUnits: {
-        defaultUnitSystem: 'SI',
-        defaultPrecision: 2,
-        unitSystems: {
-            SI: {
-                abbreviations: ['Б', 'КБ', 'МБ', 'ГБ', 'ТБ'],
-                base: 10,
-                power: 3
-            },
-            IEC: {
-                abbreviations: ['Б', 'КиБ', 'МиБ', 'ГиБ', 'ТиБ'],
-                base: 2,
-                power: 10
-            }
+    /* if some locale input config satisfies pasted number, try to normalise with selected locale config */
+    let numberOutput = null;
+    for (const config of locales.items.map(({ id }) => locales[id].input.number)) {
+        const normalized = +normalizeNumber(num, config);
+        if (!Number.isNaN(normalized)) {
+            numberOutput = normalized;
+            break;
         }
     }
-};
-const ruRUFormattersData = {
-    formatters: {
-        number: {
-            rounding: {
-                separator: ' ',
-                groupSeparator: ',',
-                thousand: 'К',
-                million: 'М',
-                billion: 'М',
-                trillion: 'Т'
-            }
-        }
-    },
-    input: {
-        number: {
-            // nbsp is generated automatically and used by default in spec
-            groupSeparator: [' ', ' '],
-            fractionSeparator: ',',
-            startFormattingFrom: 4
-        }
-    },
-    sizeUnits: {
-        defaultUnitSystem: 'SI',
-        defaultPrecision: 2,
-        unitSystems: {
-            SI: {
-                abbreviations: ['Б', 'КБ', 'МБ', 'ГБ', 'ТБ'],
-                base: 10,
-                power: 3
-            },
-            IEC: {
-                abbreviations: ['Б', 'КиБ', 'МиБ', 'ГиБ', 'ТиБ'],
-                base: 2,
-                power: 10
-            }
-        }
+    return numberOutput;
+}
+
+class KbqLocaleServiceModule {
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqLocaleServiceModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.6", ngImport: i0, type: KbqLocaleServiceModule }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqLocaleServiceModule, providers: [
+            { provide: KBQ_LOCALE_SERVICE, useClass: KbqLocaleService }
+        ] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqLocaleServiceModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    providers: [
+                        { provide: KBQ_LOCALE_SERVICE, useClass: KbqLocaleService }
+                    ]
+                }]
+        }] });
+
+class DateFormatter extends DateFormatter$1 {
+    constructor(adapter, locale, localeService) {
+        super(adapter, locale);
+        this.adapter = adapter;
+        this.localeService = localeService;
+        this.localeService?.changes.pipe(takeUntilDestroyed()).subscribe((locale) => this.setLocale(locale));
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: DateFormatter, deps: [{ token: i1.DateAdapter }, { token: KBQ_DATE_LOCALE }, { token: KBQ_LOCALE_SERVICE, optional: true }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    /** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: DateFormatter }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: DateFormatter, decorators: [{
+            type: Injectable
+        }], ctorParameters: () => [{ type: i1.DateAdapter }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [KBQ_DATE_LOCALE]
+                }] }, { type: undefined, decorators: [{
+                    type: Optional
+                }, {
+                    type: Inject,
+                    args: [KBQ_LOCALE_SERVICE]
+                }] }] });
+
+class BaseFormatterPipe {
+    constructor() {
+        this.adapter = inject((DateAdapter));
+        this.formatter = inject((DateFormatter));
+    }
+}
+class AbsoluteDateFormatterPipe extends BaseFormatterPipe {
+    transform(value, currYear) {
+        const date = this.adapter.deserialize(value);
+        return date ? this.formatter.absoluteLongDate(date, currYear) : '';
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: AbsoluteDateFormatterPipe, deps: null, target: i0.ɵɵFactoryTarget.Pipe }); }
+    /** @nocollapse */ static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.2.6", ngImport: i0, type: AbsoluteDateFormatterPipe, isStandalone: true, name: "absoluteLongDate" }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: AbsoluteDateFormatterPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    standalone: true,
+                    name: 'absoluteLongDate'
+                }]
+        }] });
+// eslint-disable-next-line @angular-eslint/use-pipe-transform-interface
+class AbsoluteDateFormatterImpurePipe extends AbsoluteDateFormatterPipe {
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: AbsoluteDateFormatterImpurePipe, deps: null, target: i0.ɵɵFactoryTarget.Pipe }); }
+    /** @nocollapse */ static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.2.6", ngImport: i0, type: AbsoluteDateFormatterImpurePipe, isStandalone: true, name: "absoluteLongDateImpurePipe", pure: false }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: AbsoluteDateFormatterImpurePipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    standalone: true,
+                    name: 'absoluteLongDateImpurePipe',
+                    pure: false
+                }]
+        }] });
+class AbsoluteDateTimeFormatterPipe extends BaseFormatterPipe {
+    transform(value, options) {
+        const date = this.adapter.deserialize(value);
+        return date ? this.formatter.absoluteLongDateTime(date, options) : '';
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: AbsoluteDateTimeFormatterPipe, deps: null, target: i0.ɵɵFactoryTarget.Pipe }); }
+    /** @nocollapse */ static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.2.6", ngImport: i0, type: AbsoluteDateTimeFormatterPipe, isStandalone: true, name: "absoluteLongDateTime" }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: AbsoluteDateTimeFormatterPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    standalone: true,
+                    name: 'absoluteLongDateTime'
+                }]
+        }] });
+// eslint-disable-next-line @angular-eslint/use-pipe-transform-interface
+class AbsoluteDateTimeFormatterImpurePipe extends AbsoluteDateTimeFormatterPipe {
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: AbsoluteDateTimeFormatterImpurePipe, deps: null, target: i0.ɵɵFactoryTarget.Pipe }); }
+    /** @nocollapse */ static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.2.6", ngImport: i0, type: AbsoluteDateTimeFormatterImpurePipe, isStandalone: true, name: "absoluteLongDateTimeImpurePipe", pure: false }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: AbsoluteDateTimeFormatterImpurePipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    standalone: true,
+                    name: 'absoluteLongDateTimeImpurePipe',
+                    pure: false
+                }]
+        }] });
+class AbsoluteDateShortFormatterPipe extends BaseFormatterPipe {
+    transform(value, currYear) {
+        const date = this.adapter.deserialize(value);
+        return date ? this.formatter.absoluteShortDate(date, currYear) : '';
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: AbsoluteDateShortFormatterPipe, deps: null, target: i0.ɵɵFactoryTarget.Pipe }); }
+    /** @nocollapse */ static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.2.6", ngImport: i0, type: AbsoluteDateShortFormatterPipe, isStandalone: true, name: "absoluteShortDate" }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: AbsoluteDateShortFormatterPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    standalone: true,
+                    name: 'absoluteShortDate'
+                }]
+        }] });
+// eslint-disable-next-line @angular-eslint/use-pipe-transform-interface
+class AbsoluteDateShortFormatterImpurePipe extends AbsoluteDateShortFormatterPipe {
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: AbsoluteDateShortFormatterImpurePipe, deps: null, target: i0.ɵɵFactoryTarget.Pipe }); }
+    /** @nocollapse */ static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.2.6", ngImport: i0, type: AbsoluteDateShortFormatterImpurePipe, isStandalone: true, name: "absoluteShortDateImpurePipe", pure: false }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: AbsoluteDateShortFormatterImpurePipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    standalone: true,
+                    name: 'absoluteShortDateImpurePipe',
+                    pure: false
+                }]
+        }] });
+class AbsoluteShortDateTimeFormatterPipe extends BaseFormatterPipe {
+    transform(value, options) {
+        const date = this.adapter.deserialize(value);
+        return date ? this.formatter.absoluteShortDateTime(date, options) : '';
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: AbsoluteShortDateTimeFormatterPipe, deps: null, target: i0.ɵɵFactoryTarget.Pipe }); }
+    /** @nocollapse */ static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.2.6", ngImport: i0, type: AbsoluteShortDateTimeFormatterPipe, isStandalone: true, name: "absoluteShortDateTime" }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: AbsoluteShortDateTimeFormatterPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    standalone: true,
+                    name: 'absoluteShortDateTime'
+                }]
+        }] });
+// eslint-disable-next-line @angular-eslint/use-pipe-transform-interface
+class AbsoluteShortDateTimeFormatterImpurePipe extends AbsoluteShortDateTimeFormatterPipe {
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: AbsoluteShortDateTimeFormatterImpurePipe, deps: null, target: i0.ɵɵFactoryTarget.Pipe }); }
+    /** @nocollapse */ static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.2.6", ngImport: i0, type: AbsoluteShortDateTimeFormatterImpurePipe, isStandalone: true, name: "absoluteShortDateTimeImpurePipe", pure: false }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: AbsoluteShortDateTimeFormatterImpurePipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    standalone: true,
+                    name: 'absoluteShortDateTimeImpurePipe',
+                    pure: false
+                }]
+        }] });
+class RelativeDateFormatterPipe extends BaseFormatterPipe {
+    transform(value) {
+        const date = this.adapter.deserialize(value);
+        return date ? this.formatter.relativeLongDate(date) : '';
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: RelativeDateFormatterPipe, deps: null, target: i0.ɵɵFactoryTarget.Pipe }); }
+    /** @nocollapse */ static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.2.6", ngImport: i0, type: RelativeDateFormatterPipe, isStandalone: true, name: "relativeLongDate" }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: RelativeDateFormatterPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    standalone: true,
+                    name: 'relativeLongDate'
+                }]
+        }] });
+// eslint-disable-next-line @angular-eslint/use-pipe-transform-interface
+class RelativeDateFormatterImpurePipe extends RelativeDateFormatterPipe {
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: RelativeDateFormatterImpurePipe, deps: null, target: i0.ɵɵFactoryTarget.Pipe }); }
+    /** @nocollapse */ static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.2.6", ngImport: i0, type: RelativeDateFormatterImpurePipe, isStandalone: true, name: "relativeLongDateImpurePipe", pure: false }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: RelativeDateFormatterImpurePipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    standalone: true,
+                    name: 'relativeLongDateImpurePipe',
+                    pure: false
+                }]
+        }] });
+class RelativeDateTimeFormatterPipe extends BaseFormatterPipe {
+    transform(value, options) {
+        const date = this.adapter.deserialize(value);
+        return date ? this.formatter.relativeLongDateTime(date, options) : '';
     }
-};
-const zhCNFormattersData = {
-    formatters: {
-        number: {
-            rounding: {
-                separator: ' ',
-                groupSeparator: '.',
-                tenThousand: '万',
-                oneHundredMillions: '亿',
-                trillion: '兆'
-            }
-        }
-    },
-    input: {
-        number: {
-            groupSeparator: [','],
-            fractionSeparator: '.'
-        }
-    },
-    sizeUnits: {
-        defaultUnitSystem: 'SI',
-        defaultPrecision: 2,
-        unitSystems: {
-            SI: {
-                abbreviations: ['Б', 'КБ', 'МБ', 'ГБ', 'ТБ'],
-                base: 10,
-                power: 3
-            },
-            IEC: {
-                abbreviations: ['Б', 'КиБ', 'МиБ', 'ГиБ', 'ТиБ'],
-                base: 2,
-                power: 10
-            }
-        }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: RelativeDateTimeFormatterPipe, deps: null, target: i0.ɵɵFactoryTarget.Pipe }); }
+    /** @nocollapse */ static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.2.6", ngImport: i0, type: RelativeDateTimeFormatterPipe, isStandalone: true, name: "relativeLongDateTime" }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: RelativeDateTimeFormatterPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    standalone: true,
+                    name: 'relativeLongDateTime'
+                }]
+        }] });
+// eslint-disable-next-line @angular-eslint/use-pipe-transform-interface
+class RelativeDateTimeFormatterImpurePipe extends RelativeDateTimeFormatterPipe {
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: RelativeDateTimeFormatterImpurePipe, deps: null, target: i0.ɵɵFactoryTarget.Pipe }); }
+    /** @nocollapse */ static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.2.6", ngImport: i0, type: RelativeDateTimeFormatterImpurePipe, isStandalone: true, name: "relativeLongDateTimeImpurePipe", pure: false }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: RelativeDateTimeFormatterImpurePipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    standalone: true,
+                    name: 'relativeLongDateTimeImpurePipe',
+                    pure: false
+                }]
+        }] });
+class RelativeShortDateFormatterPipe extends BaseFormatterPipe {
+    transform(value) {
+        const date = this.adapter.deserialize(value);
+        return date ? this.formatter.relativeShortDate(date) : '';
     }
-};
-const tkTMFormattersData = {
-    formatters: {
-        number: {
-            rounding: {
-                separator: ' ',
-                groupSeparator: '',
-                thousand: 'M',
-                million: 'Mn',
-                billion: 'Mr',
-                trillion: 'Tn'
-            }
-        }
-    },
-    input: {
-        number: {
-            groupSeparator: [' '],
-            fractionSeparator: ','
-        }
-    },
-    sizeUnits: {
-        defaultUnitSystem: 'SI',
-        defaultPrecision: 2,
-        unitSystems: {
-            SI: {
-                abbreviations: ['B', 'KB', 'MB', 'GB', 'TB'],
-                base: 10,
-                power: 3
-            },
-            IEC: {
-                abbreviations: ['B', 'KiB', 'MiB', 'GiB', 'TiB'],
-                base: 2,
-                power: 10
-            }
-        }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: RelativeShortDateFormatterPipe, deps: null, target: i0.ɵɵFactoryTarget.Pipe }); }
+    /** @nocollapse */ static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.2.6", ngImport: i0, type: RelativeShortDateFormatterPipe, isStandalone: true, name: "relativeShortDate" }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: RelativeShortDateFormatterPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    standalone: true,
+                    name: 'relativeShortDate'
+                }]
+        }] });
+// eslint-disable-next-line @angular-eslint/use-pipe-transform-interface
+class RelativeShortDateFormatterImpurePipe extends RelativeShortDateFormatterPipe {
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: RelativeShortDateFormatterImpurePipe, deps: null, target: i0.ɵɵFactoryTarget.Pipe }); }
+    /** @nocollapse */ static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.2.6", ngImport: i0, type: RelativeShortDateFormatterImpurePipe, isStandalone: true, name: "relativeShortDateImpurePipe", pure: false }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: RelativeShortDateFormatterImpurePipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    standalone: true,
+                    name: 'relativeShortDateImpurePipe',
+                    pure: false
+                }]
+        }] });
+class RelativeShortDateTimeFormatterPipe extends BaseFormatterPipe {
+    transform(value, options) {
+        const date = this.adapter.deserialize(value);
+        return date ? this.formatter.relativeShortDateTime(date, options) : '';
     }
-};
-
-const KBQ_LOCALE_ID = new InjectionToken('KbqLocaleId');
-const KBQ_DEFAULT_LOCALE_ID = 'ru-RU';
-function KBQ_DEFAULT_LOCALE_DATA_FACTORY() {
-    return {
-        items: [
-            { id: 'en-US', name: 'English' },
-            { id: 'zh-CN', name: '简体中文' },
-            { id: 'es-LA', name: 'Español' },
-            { id: 'pt-BR', name: 'Português' },
-            { id: 'ru-RU', name: 'Русский' },
-            { id: 'fa-IR', name: 'فارسی' },
-            { id: 'tk-TM', name: 'Türkmen' }
-        ],
-        'en-US': { ...enUSLocaleData, ...enUSFormattersData },
-        'zh-CN': { ...zhCNLocaleData, ...zhCNFormattersData },
-        'es-LA': { ...esLALocaleData, ...esLAFormattersData },
-        'pt-BR': { ...ptBRLocaleData, ...ptBRFormattersData },
-        'ru-RU': { ...ruRULocaleData, ...ruRUFormattersData },
-        'fa-IR': { ...faIRLocaleData, ...faIRFormattersData },
-        'tk-TM': { ...tkTMLocaleData, ...tkTMFormattersData }
-    };
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: RelativeShortDateTimeFormatterPipe, deps: null, target: i0.ɵɵFactoryTarget.Pipe }); }
+    /** @nocollapse */ static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.2.6", ngImport: i0, type: RelativeShortDateTimeFormatterPipe, isStandalone: true, name: "relativeShortDateTime" }); }
 }
-const KBQ_LOCALE_DATA = new InjectionToken('KBQ_LOCALE_DATA', {
-    providedIn: 'root',
-    factory: KBQ_DEFAULT_LOCALE_DATA_FACTORY
-});
-const KBQ_LOCALE_SERVICE = new InjectionToken('KBQ_LOCALE_SERVICE');
-/**
- * Attribute name to be used to set the locale in the html element.
- *
- * @default 'lang'
- *
- * @docs-private
- */
-const KBQ_LOCALE_SERVICE_LANG_ATTR_NAME = new InjectionToken('KBQ_LOCALE_SERVICE_LANG_ATTR_NAME', {
-    factory: () => 'lang'
-});
-/**
- * Utility provider to configure the attribute name to be used to set the locale in the html element.
- *
- * @see KBQ_LOCALE_SERVICE_LANG_ATTR_NAME
- *
- * @docs-private
- */
-const kbqLocaleServiceLangAttrNameProvider = (attrName) => ({
-    provide: KBQ_LOCALE_SERVICE_LANG_ATTR_NAME,
-    useValue: attrName
-});
-class KbqLocaleService {
-    constructor(id, localeData) {
-        this.locales = {};
-        this.document = inject(DOCUMENT);
-        this.langAttrName = inject(KBQ_LOCALE_SERVICE_LANG_ATTR_NAME);
-        this.locales = localeData;
-        this.id = id || KBQ_DEFAULT_LOCALE_ID;
-        this.current = this.locales[this.id];
-        this.changes = new BehaviorSubject(this.id);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: RelativeShortDateTimeFormatterPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    standalone: true,
+                    name: 'relativeShortDateTime'
+                }]
+        }] });
+// eslint-disable-next-line @angular-eslint/use-pipe-transform-interface
+class RelativeShortDateTimeFormatterImpurePipe extends RelativeShortDateTimeFormatterPipe {
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: RelativeShortDateTimeFormatterImpurePipe, deps: null, target: i0.ɵɵFactoryTarget.Pipe }); }
+    /** @nocollapse */ static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.2.6", ngImport: i0, type: RelativeShortDateTimeFormatterImpurePipe, isStandalone: true, name: "relativeShortDateTimeImpurePipe", pure: false }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: RelativeShortDateTimeFormatterImpurePipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    standalone: true,
+                    name: 'relativeShortDateTimeImpurePipe',
+                    pure: false
+                }]
+        }] });
+class RangeDateFormatterPipe extends BaseFormatterPipe {
+    transform([value1, value2]) {
+        const date1 = this.adapter.deserialize(value1);
+        const date2 = this.adapter.deserialize(value2);
+        return this.formatter.rangeLongDate(date1, date2);
     }
-    setLocale(id) {
-        this.id = id;
-        this.current = this.locales[this.id];
-        this.document.documentElement.setAttribute(this.langAttrName, this.id);
-        this.changes.next(this.id);
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: RangeDateFormatterPipe, deps: null, target: i0.ɵɵFactoryTarget.Pipe }); }
+    /** @nocollapse */ static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.2.6", ngImport: i0, type: RangeDateFormatterPipe, isStandalone: true, name: "rangeLongDate" }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: RangeDateFormatterPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    standalone: true,
+                    name: 'rangeLongDate'
+                }]
+        }] });
+// eslint-disable-next-line @angular-eslint/use-pipe-transform-interface
+class RangeDateFormatterImpurePipe extends RangeDateFormatterPipe {
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: RangeDateFormatterImpurePipe, deps: null, target: i0.ɵɵFactoryTarget.Pipe }); }
+    /** @nocollapse */ static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.2.6", ngImport: i0, type: RangeDateFormatterImpurePipe, isStandalone: true, name: "rangeLongDateImpurePipe", pure: false }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: RangeDateFormatterImpurePipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    standalone: true,
+                    name: 'rangeLongDateImpurePipe',
+                    pure: false
+                }]
+        }] });
+class RangeShortDateFormatterPipe extends BaseFormatterPipe {
+    transform([value1, value2]) {
+        const date1 = this.adapter.deserialize(value1);
+        const date2 = this.adapter.deserialize(value2);
+        return this.formatter.rangeShortDate(date1, date2);
     }
-    addLocale(id, localeData) {
-        this.id = id;
-        this.changes.next(this.id);
-        this.locales[this.id] = localeData;
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: RangeShortDateFormatterPipe, deps: null, target: i0.ɵɵFactoryTarget.Pipe }); }
+    /** @nocollapse */ static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.2.6", ngImport: i0, type: RangeShortDateFormatterPipe, isStandalone: true, name: "rangeShortDate" }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: RangeShortDateFormatterPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    standalone: true,
+                    name: 'rangeShortDate'
+                }]
+        }] });
+// eslint-disable-next-line @angular-eslint/use-pipe-transform-interface
+class RangeShortDateFormatterImpurePipe extends RangeShortDateFormatterPipe {
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: RangeShortDateFormatterImpurePipe, deps: null, target: i0.ɵɵFactoryTarget.Pipe }); }
+    /** @nocollapse */ static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.2.6", ngImport: i0, type: RangeShortDateFormatterImpurePipe, isStandalone: true, name: "rangeShortDateImpurePipe", pure: false }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: RangeShortDateFormatterImpurePipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    standalone: true,
+                    name: 'rangeShortDateImpurePipe',
+                    pure: false
+                }]
+        }] });
+class RangeDateTimeFormatterPipe extends BaseFormatterPipe {
+    transform([value1, value2], options) {
+        const date1 = this.adapter.deserialize(value1);
+        const date2 = this.adapter.deserialize(value2);
+        return this.formatter.rangeLongDateTime(date1, date2, options);
     }
-    getParams(componentName) {
-        return this.current[componentName];
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: RangeDateTimeFormatterPipe, deps: null, target: i0.ɵɵFactoryTarget.Pipe }); }
+    /** @nocollapse */ static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.2.6", ngImport: i0, type: RangeDateTimeFormatterPipe, isStandalone: true, name: "rangeLongDateTime" }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: RangeDateTimeFormatterPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    standalone: true,
+                    name: 'rangeLongDateTime'
+                }]
+        }] });
+// eslint-disable-next-line @angular-eslint/use-pipe-transform-interface
+class RangeDateTimeFormatterImpurePipe extends RangeDateTimeFormatterPipe {
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: RangeDateTimeFormatterImpurePipe, deps: null, target: i0.ɵɵFactoryTarget.Pipe }); }
+    /** @nocollapse */ static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.2.6", ngImport: i0, type: RangeDateTimeFormatterImpurePipe, isStandalone: true, name: "rangeLongDateTimeImpurePipe", pure: false }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: RangeDateTimeFormatterImpurePipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    standalone: true,
+                    name: 'rangeLongDateTimeImpurePipe',
+                    pure: false
+                }]
+        }] });
+class RangeMiddleDateTimeFormatterPipe extends BaseFormatterPipe {
+    transform([value1, value2], options) {
+        const date1 = this.adapter.deserialize(value1);
+        const date2 = this.adapter.deserialize(value2);
+        return this.formatter.rangeMiddleDateTime(date1, date2, options);
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqLocaleService, deps: [{ token: KBQ_LOCALE_ID, optional: true }, { token: KBQ_LOCALE_DATA, optional: true }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    /** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqLocaleService, providedIn: 'root' }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: RangeMiddleDateTimeFormatterPipe, deps: null, target: i0.ɵɵFactoryTarget.Pipe }); }
+    /** @nocollapse */ static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.2.6", ngImport: i0, type: RangeMiddleDateTimeFormatterPipe, isStandalone: true, name: "rangeMiddleDateTime" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqLocaleService, decorators: [{
-            type: Injectable,
-            args: [{ providedIn: 'root' }]
-        }], ctorParameters: () => [{ type: undefined, decorators: [{
-                    type: Optional
-                }, {
-                    type: Inject,
-                    args: [KBQ_LOCALE_ID]
-                }] }, { type: undefined, decorators: [{
-                    type: Optional
-                }, {
-                    type: Inject,
-                    args: [KBQ_LOCALE_DATA]
-                }] }] });
-/**
- * Function that returns a string representation of a number without localized separators
- */
-function normalizeNumber(value, customConfig) {
-    if (value === null || value === undefined)
-        return '';
-    const { groupSeparator, fractionSeparator } = customConfig;
-    const groupSeparatorRegexp = new RegExp(`[${groupSeparator.join('')}]`, 'g');
-    const fractionSeparatorRegexp = new RegExp(`\\${fractionSeparator}`, 'g');
-    return value.toString().replace(groupSeparatorRegexp, '').replace(fractionSeparatorRegexp, '.');
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: RangeMiddleDateTimeFormatterPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    standalone: true,
+                    name: 'rangeMiddleDateTime'
+                }]
+        }] });
+// eslint-disable-next-line @angular-eslint/use-pipe-transform-interface
+class RangeMiddleDateTimeFormatterImpurePipe extends RangeMiddleDateTimeFormatterPipe {
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: RangeMiddleDateTimeFormatterImpurePipe, deps: null, target: i0.ɵɵFactoryTarget.Pipe }); }
+    /** @nocollapse */ static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.2.6", ngImport: i0, type: RangeMiddleDateTimeFormatterImpurePipe, isStandalone: true, name: "rangeMiddleDateTimeImpurePipe", pure: false }); }
 }
-/**
- * Function that parse string and return a number. The string can be in any locale.
- */
-function checkAndNormalizeLocalizedNumber(num) {
-    if (num === null || num === undefined)
-        return null;
-    /* if some locale input config satisfies pasted number, try to normalise with selected locale config */
-    let numberOutput = null;
-    const locales = KBQ_DEFAULT_LOCALE_DATA_FACTORY();
-    for (const config of locales.items.map(({ id }) => locales[id].input.number)) {
-        const normalized = +normalizeNumber(num, config);
-        if (!Number.isNaN(normalized)) {
-            numberOutput = normalized;
-            break;
-        }
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: RangeMiddleDateTimeFormatterImpurePipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    standalone: true,
+                    name: 'rangeMiddleDateTimeImpurePipe',
+                    pure: false
+                }]
+        }] });
+class RangeShortDateTimeFormatterPipe extends BaseFormatterPipe {
+    transform([value1, value2], options) {
+        const date1 = this.adapter.deserialize(value1);
+        const date2 = this.adapter.deserialize(value2);
+        return this.formatter.rangeShortDateTime(date1, date2, options);
     }
-    return numberOutput;
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: RangeShortDateTimeFormatterPipe, deps: null, target: i0.ɵɵFactoryTarget.Pipe }); }
+    /** @nocollapse */ static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.2.6", ngImport: i0, type: RangeShortDateTimeFormatterPipe, isStandalone: true, name: "rangeShortDateTime" }); }
 }
-
-class KbqLocaleServiceModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqLocaleServiceModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.6", ngImport: i0, type: KbqLocaleServiceModule }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqLocaleServiceModule, providers: [
-            { provide: KBQ_LOCALE_SERVICE, useClass: KbqLocaleService }
-        ] }); }
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: RangeShortDateTimeFormatterPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    standalone: true,
+                    name: 'rangeShortDateTime'
+                }]
+        }] });
+// eslint-disable-next-line @angular-eslint/use-pipe-transform-interface
+class RangeShortDateTimeFormatterImpurePipe extends RangeShortDateTimeFormatterPipe {
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: RangeShortDateTimeFormatterImpurePipe, deps: null, target: i0.ɵɵFactoryTarget.Pipe }); }
+    /** @nocollapse */ static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.2.6", ngImport: i0, type: RangeShortDateTimeFormatterImpurePipe, isStandalone: true, name: "rangeShortDateTimeImpurePipe", pure: false }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqLocaleServiceModule, decorators: [{
-            type: NgModule,
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: RangeShortDateTimeFormatterImpurePipe, decorators: [{
+            type: Pipe,
             args: [{
-                    providers: [
-                        { provide: KBQ_LOCALE_SERVICE, useClass: KbqLocaleService }
-                    ]
+                    standalone: true,
+                    name: 'rangeShortDateTimeImpurePipe',
+                    pure: false
                 }]
         }] });
 
@@ -2588,20 +2665,23 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImpor
         }] });
 
 const KBQ_OPTION_ACTION_PARENT = new InjectionToken('KBQ_OPTION_ACTION_PARENT');
-/** @docs-private */
-class KbqOptionActionBase {
-}
-/** @docs-private */
-const KbqOptionActionMixinBase = mixinTabIndex(mixinDisabled(KbqOptionActionBase));
-class KbqOptionActionComponent extends KbqOptionActionMixinBase {
+class KbqOptionActionComponent {
+    get disabled() {
+        return this._disabled;
+    }
+    set disabled(value) {
+        if (value !== this.disabled) {
+            this._disabled = value;
+        }
+    }
     get active() {
         return this.hasFocus || !!this.option.dropdownTrigger?.opened;
     }
     constructor(elementRef, focusMonitor, option) {
-        super();
         this.elementRef = elementRef;
         this.focusMonitor = focusMonitor;
         this.option = option;
+        this._disabled = false;
         this.hasFocus = false;
         this.destroyRef = inject(DestroyRef);
     }
@@ -2661,7 +2741,7 @@ class KbqOptionActionComponent extends KbqOptionActionMixinBase {
         setTimeout(() => (this.option.tooltipTrigger.disabled = false));
     }
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqOptionActionComponent, deps: [{ token: i0.ElementRef }, { token: i1$1.FocusMonitor }, { token: KBQ_OPTION_ACTION_PARENT }], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.6", type: KbqOptionActionComponent, selector: "kbq-option-action", inputs: { disabled: "disabled" }, host: { listeners: { "focus": "onFocus($event)", "blur": "onBlur()", "click": "onClick($event)", "keydown": "onKeyDown($event)" }, properties: { "class.kbq-expanded": "false", "class.kbq-disabled": "disabled", "attr.disabled": "disabled || null", "attr.tabIndex": "-1" }, classAttribute: "kbq-option-action" }, queries: [{ propertyName: "customIcon", first: true, predicate: ["customIcon"], descendants: true }], exportAs: ["kbqOptionAction"], usesInheritance: true, ngImport: i0, template: `
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.6", type: KbqOptionActionComponent, selector: "kbq-option-action", inputs: { disabled: ["disabled", "disabled", booleanAttribute] }, host: { listeners: { "focus": "onFocus($event)", "blur": "onBlur()", "click": "onClick($event)", "keydown": "onKeyDown($event)" }, properties: { "class.kbq-expanded": "false", "class.kbq-disabled": "disabled", "attr.disabled": "disabled || null", "attr.tabIndex": "-1" }, classAttribute: "kbq-option-action" }, queries: [{ propertyName: "customIcon", first: true, predicate: ["customIcon"], descendants: true }], exportAs: ["kbqOptionAction"], ngImport: i0, template: `
         @if (!!customIcon) {
             <ng-content select="[kbq-icon]" />
         } @else {
@@ -2687,54 +2767,55 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImpor
                         '(blur)': 'onBlur()',
                         '(click)': 'onClick($event)',
                         '(keydown)': 'onKeyDown($event)'
-                    }, inputs: ['disabled'], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, styles: [".kbq-option-action{box-sizing:border-box;position:relative;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-right:-2px;width:var(--kbq-typography-text-normal-line-height);height:var(--kbq-typography-text-normal-line-height);cursor:pointer;outline:none;border:var(--kbq-size-3xs) solid transparent;background:transparent}.kbq-option-action.kbq-disabled{cursor:default}.kbq-option-action.cdk-keyboard-focused{border-color:var(--kbq-states-line-focus-theme)}.kbq-option-action:active,.kbq-option-action.kbq-pressed{background-color:var(--kbq-background-transparent)}.kbq-option-action:active .kbq-icon,.kbq-option-action.kbq-pressed .kbq-icon{color:var(--kbq-states-icon-contrast-fade-active)}.kbq-option-action:hover .kbq-icon{color:var(--kbq-states-icon-contrast-fade-hover)}.kbq-option-action.kbq-disabled{background-color:var(--kbq-background-transparent)}.kbq-option-action.kbq-disabled .kbq-icon{color:var(--kbq-states-icon-disabled)}\n"] }]
+                    }, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, styles: [".kbq-option-action{box-sizing:border-box;position:relative;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-right:-2px;width:var(--kbq-typography-text-normal-line-height);height:var(--kbq-typography-text-normal-line-height);cursor:pointer;outline:none;border:var(--kbq-size-3xs) solid transparent;background:transparent}.kbq-option-action.kbq-disabled{cursor:default}.kbq-option-action.cdk-keyboard-focused{border-color:var(--kbq-states-line-focus-theme)}.kbq-option-action:active,.kbq-option-action.kbq-pressed{background-color:var(--kbq-background-transparent)}.kbq-option-action:active .kbq-icon,.kbq-option-action.kbq-pressed .kbq-icon{color:var(--kbq-states-icon-contrast-fade-active)}.kbq-option-action:hover .kbq-icon{color:var(--kbq-states-icon-contrast-fade-hover)}.kbq-option-action.kbq-disabled{background-color:var(--kbq-background-transparent)}.kbq-option-action.kbq-disabled .kbq-icon{color:var(--kbq-states-icon-disabled)}\n"] }]
         }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i1$1.FocusMonitor }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [KBQ_OPTION_ACTION_PARENT]
                 }] }], propDecorators: { customIcon: [{
                 type: ContentChild,
                 args: ['customIcon']
+            }], disabled: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
             }] } });
 
-/** @docs-private */
-class KbqOptgroupBase {
-}
-const KbqOptgroupMixinBase = mixinDisabled(KbqOptgroupBase);
 let uniqueOptgroupIdCounter = 0;
 /**
  * Component that is used to group instances of `kbq-option`.
  * When options aren't provided as `ng-content`, used as a Group Header with styling.
  */
-class KbqOptgroup extends KbqOptgroupMixinBase {
+class KbqOptgroup {
     constructor() {
-        super(...arguments);
+        this._disabled = false;
         /** Unique id for the underlying label. */
         this.labelId = `kbq-optgroup-label-${uniqueOptgroupIdCounter++}`;
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqOptgroup, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.6", type: KbqOptgroup, selector: "kbq-optgroup", inputs: { disabled: "disabled", label: "label" }, host: { properties: { "class.kbq-disabled": "disabled" }, classAttribute: "kbq-optgroup" }, exportAs: ["kbqOptgroup"], usesInheritance: true, ngImport: i0, template: "<label class=\"kbq-optgroup-label\" [id]=\"labelId\">\n    {{ label }}\n</label>\n<ng-content select=\"kbq-option, kbq-list-option, kbq-timezone-option, ng-container\" />\n", styles: [".kbq-optgroup-label{display:flex;align-items:center;box-sizing:border-box;padding:var(--kbq-size-s) var(--kbq-size-l) var(--kbq-size-s) var(--kbq-size-m);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default}.kbq-optgroup-label{--kbq-optgroup-label-color: var(--kbq-foreground-contrast-secondary);color:var(--kbq-optgroup-label-color)}.kbq-disabled .kbq-optgroup-label{--kbq-optgroup-label-color: var(--kbq-states-foreground-disabled)}.kbq-optgroup-label{font-size:var(--kbq-typography-caps-compact-strong-font-size);font-weight:var(--kbq-typography-caps-compact-strong-font-weight);line-height:var(--kbq-typography-caps-compact-strong-line-height);font-family:var(--kbq-typography-caps-compact-strong-font-family);text-transform:var(--kbq-typography-caps-compact-strong-text-transform);font-feature-settings:var(--kbq-typography-caps-compact-strong-font-feature-settings);letter-spacing:var(--kbq-typography-caps-compact-strong-letter-spacing)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    get disabled() {
+        return this._disabled;
+    }
+    set disabled(value) {
+        if (value !== this.disabled) {
+            this._disabled = value;
+        }
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqOptgroup, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.2.6", type: KbqOptgroup, selector: "kbq-optgroup", inputs: { label: "label", disabled: ["disabled", "disabled", booleanAttribute] }, host: { properties: { "class.kbq-disabled": "disabled" }, classAttribute: "kbq-optgroup" }, exportAs: ["kbqOptgroup"], ngImport: i0, template: "<label class=\"kbq-optgroup-label\" [id]=\"labelId\">\n    {{ label }}\n</label>\n<ng-content select=\"kbq-option, kbq-list-option, kbq-timezone-option, ng-container\" />\n", styles: [".kbq-optgroup-label{display:flex;align-items:center;box-sizing:border-box;padding:var(--kbq-size-s) var(--kbq-size-l) var(--kbq-size-s) var(--kbq-size-m);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default}.kbq-optgroup-label{--kbq-optgroup-label-color: var(--kbq-foreground-contrast-secondary);color:var(--kbq-optgroup-label-color)}.kbq-disabled .kbq-optgroup-label{--kbq-optgroup-label-color: var(--kbq-states-foreground-disabled)}.kbq-optgroup-label{font-size:var(--kbq-typography-caps-compact-strong-font-size);font-weight:var(--kbq-typography-caps-compact-strong-font-weight);line-height:var(--kbq-typography-caps-compact-strong-line-height);font-family:var(--kbq-typography-caps-compact-strong-font-family);text-transform:var(--kbq-typography-caps-compact-strong-text-transform);font-feature-settings:var(--kbq-typography-caps-compact-strong-font-feature-settings);letter-spacing:var(--kbq-typography-caps-compact-strong-letter-spacing)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqOptgroup, decorators: [{
             type: Component,
-            args: [{ selector: 'kbq-optgroup', exportAs: 'kbqOptgroup', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, inputs: ['disabled'], host: {
+            args: [{ selector: 'kbq-optgroup', exportAs: 'kbqOptgroup', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         class: 'kbq-optgroup',
                         '[class.kbq-disabled]': 'disabled'
                     }, template: "<label class=\"kbq-optgroup-label\" [id]=\"labelId\">\n    {{ label }}\n</label>\n<ng-content select=\"kbq-option, kbq-list-option, kbq-timezone-option, ng-container\" />\n", styles: [".kbq-optgroup-label{display:flex;align-items:center;box-sizing:border-box;padding:var(--kbq-size-s) var(--kbq-size-l) var(--kbq-size-s) var(--kbq-size-m);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default}.kbq-optgroup-label{--kbq-optgroup-label-color: var(--kbq-foreground-contrast-secondary);color:var(--kbq-optgroup-label-color)}.kbq-disabled .kbq-optgroup-label{--kbq-optgroup-label-color: var(--kbq-states-foreground-disabled)}.kbq-optgroup-label{font-size:var(--kbq-typography-caps-compact-strong-font-size);font-weight:var(--kbq-typography-caps-compact-strong-font-weight);line-height:var(--kbq-typography-caps-compact-strong-line-height);font-family:var(--kbq-typography-caps-compact-strong-font-family);text-transform:var(--kbq-typography-caps-compact-strong-text-transform);font-feature-settings:var(--kbq-typography-caps-compact-strong-font-feature-settings);letter-spacing:var(--kbq-typography-caps-compact-strong-letter-spacing)}\n"] }]
         }], propDecorators: { label: [{
                 type: Input
+            }], disabled: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
             }] } });
 
 const KBQ_TITLE_TEXT_REF = new InjectionToken('KbqTitleTextRef');
 
-// Boilerplate for applying mixins to KbqPseudoCheckbox.
-/** @docs-private */
-class KbqPseudoCheckboxBase {
-    constructor(elementRef) {
-        this.elementRef = elementRef;
-    }
-}
-/** @docs-private */
-const KbqPseudoCheckboxMixinBase = mixinColor(mixinDisabled(KbqPseudoCheckboxBase), KbqComponentColors.Theme);
 /**
  * Component that shows a simplified checkbox without including any kind of "real" checkbox.
  * Meant to be used when the checkbox is purely decorative and a large number of them will be
@@ -2748,15 +2829,15 @@ const KbqPseudoCheckboxMixinBase = mixinColor(mixinDisabled(KbqPseudoCheckboxBas
  * of more complex components that appropriately handle selected / checked state.
  * @docs-private
  */
-class KbqPseudoCheckbox extends KbqPseudoCheckboxMixinBase {
-    constructor(elementRef) {
-        super(elementRef);
+class KbqPseudoCheckbox extends KbqColorDirective {
+    constructor() {
+        super(...arguments);
         this.big = false;
         this.state = 'unchecked';
         this.disabled = false;
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqPseudoCheckbox, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.6", type: KbqPseudoCheckbox, selector: "kbq-pseudo-checkbox", inputs: { color: "color", big: "big", state: "state", disabled: "disabled" }, host: { properties: { "class.kbq-checkbox_big": "big", "class.kbq-indeterminate": "state === \"indeterminate\"", "class.kbq-checked": "state === \"checked\"", "class.kbq-disabled": "disabled" }, classAttribute: "kbq-pseudo-checkbox" }, usesInheritance: true, ngImport: i0, template: "<i class=\"kbq-checkbox-checkmark kbq kbq-check-s_16\"></i>\n<i class=\"kbq-checkbox-mixedmark kbq kbq-minus-s_16\"></i>\n", styles: [".kbq-pseudo-checkbox{position:relative;display:inline-flex;box-sizing:border-box;align-items:center;justify-content:center;width:var(--kbq-checkbox-size-normal-width);height:var(--kbq-checkbox-size-normal-width);border-radius:var(--kbq-checkbox-size-normal-border-radius);border-width:var(--kbq-checkbox-size-normal-border-width);border-style:solid;cursor:pointer;vertical-align:middle;flex-shrink:0}.kbq-pseudo-checkbox .kbq-checkbox-checkmark,.kbq-pseudo-checkbox .kbq-checkbox-mixedmark{display:none}.kbq-pseudo-checkbox.kbq-pseudo-checkbox-checked,.kbq-pseudo-checkbox.kbq-pseudo-checkbox-indeterminate{border-color:transparent}.kbq-pseudo-checkbox.kbq-checked .kbq-checkbox-checkmark,.kbq-pseudo-checkbox.kbq-indeterminate .kbq-checkbox-mixedmark{display:inline-block}.kbq-pseudo-checkbox.kbq-disabled{cursor:default}.kbq-pseudo-checkbox.kbq-pseudo-checkbox_big{width:var(--kbq-checkbox-size-big-width);height:var(--kbq-checkbox-size-big-width);border-radius:var(--kbq-checkbox-size-big-border-radius);border-width:var(--kbq-checkbox-size-big-border-width)}.kbq-pseudo-checkbox{border-color:var(--kbq-checkbox-theme-default-border);background:var(--kbq-checkbox-theme-default-background)}.kbq-pseudo-checkbox .kbq-checkbox-checkmark,.kbq-pseudo-checkbox .kbq-checkbox-mixedmark{color:var(--kbq-checkbox-theme-default-color)}.kbq-pseudo-checkbox.kbq-checked,.kbq-pseudo-checkbox.kbq-indeterminate{border-color:var(--kbq-checkbox-theme-states-checked-border);background:var(--kbq-checkbox-theme-states-checked-background)}.kbq-pseudo-checkbox.kbq-disabled{border-color:var(--kbq-checkbox-theme-states-disabled-border);background:var(--kbq-checkbox-theme-states-disabled-background)}.kbq-pseudo-checkbox.kbq-disabled .kbq-checkbox-checkmark,.kbq-pseudo-checkbox.kbq-disabled .kbq-checkbox-mixedmark{color:var(--kbq-checkbox-theme-states-disabled-color)}.kbq-pseudo-checkbox.kbq-error{border-color:var(--kbq-checkbox-error-default-border);background:var(--kbq-checkbox-error-default-background)}.kbq-pseudo-checkbox.kbq-error .kbq-checkbox-checkmark,.kbq-pseudo-checkbox.kbq-error .kbq-checkbox-mixedmark{color:var(--kbq-checkbox-error-default-color)}.kbq-pseudo-checkbox.kbq-error.kbq-checked,.kbq-pseudo-checkbox.kbq-error.kbq-indeterminate{border-color:var(--kbq-checkbox-error-states-checked-border);background:var(--kbq-checkbox-error-states-checked-background)}.kbq-pseudo-checkbox.kbq-error.kbq-disabled{border-color:var(--kbq-checkbox-error-states-disabled-border);background:var(--kbq-checkbox-error-states-disabled-background)}.kbq-pseudo-checkbox.kbq-error.kbq-disabled .kbq-checkbox-checkmark,.kbq-pseudo-checkbox.kbq-error.kbq-disabled .kbq-checkbox-mixedmark{color:var(--kbq-checkbox-error-states-disabled-color)}\n", ".kbq-pseudo-checkbox{--kbq-checkbox-size-normal-width: var(--kbq-size-l);--kbq-checkbox-size-normal-border-width: var(--kbq-size-border-width);--kbq-checkbox-size-normal-border-radius: var(--kbq-size-xxs);--kbq-checkbox-size-normal-horizontal-content-padding: var(--kbq-size-s);--kbq-checkbox-size-normal-vertical-content-padding: var(--kbq-size-3xs);--kbq-checkbox-size-normal-top: var(--kbq-size-3xs);--kbq-checkbox-size-big-width: var(--kbq-size-l);--kbq-checkbox-size-big-border-width: var(--kbq-size-border-width);--kbq-checkbox-size-big-border-radius: var(--kbq-size-xxs);--kbq-checkbox-size-big-horizontal-content-padding: var(--kbq-size-s);--kbq-checkbox-size-big-vertical-content-padding: var(--kbq-size-3xs);--kbq-checkbox-size-big-top: var(--kbq-size-xxs);--kbq-checkbox-theme-default-border: var(--kbq-line-contrast-fade);--kbq-checkbox-theme-default-color: var(--kbq-icon-white);--kbq-checkbox-theme-default-text: var(--kbq-foreground-contrast);--kbq-checkbox-theme-default-background: var(--kbq-background-bg);--kbq-checkbox-theme-default-caption: var(--kbq-foreground-contrast-secondary);--kbq-checkbox-theme-states-hover-border: var(--kbq-line-contrast-fade);--kbq-checkbox-theme-states-hover-background: var(--kbq-states-background-transparent-hover);--kbq-checkbox-theme-states-checked-border: transparent;--kbq-checkbox-theme-states-checked-background: var(--kbq-background-theme);--kbq-checkbox-theme-states-checked-hover-border: transparent;--kbq-checkbox-theme-states-checked-hover-background: var(--kbq-states-background-theme-hover);--kbq-checkbox-theme-states-focused-border: var(--kbq-states-line-focus-theme);--kbq-checkbox-theme-states-focused-background: var(--kbq-background-bg);--kbq-checkbox-theme-states-focused-outline: 1px solid var(--kbq-states-line-focus-theme);--kbq-checkbox-theme-states-checked-focused-border: var(--kbq-states-line-focus-theme);--kbq-checkbox-theme-states-checked-focused-background: var(--kbq-background-theme);--kbq-checkbox-theme-states-checked-focused-outline: 1px solid var(--kbq-states-line-focus-theme);--kbq-checkbox-theme-states-disabled-border: var(--kbq-states-line-disabled);--kbq-checkbox-theme-states-disabled-color: var(--kbq-states-icon-disabled);--kbq-checkbox-theme-states-disabled-text: var(--kbq-states-foreground-disabled);--kbq-checkbox-theme-states-disabled-background: var(--kbq-states-background-disabled);--kbq-checkbox-theme-states-disabled-caption: var(--kbq-states-icon-disabled);--kbq-checkbox-error-default-border: var(--kbq-line-error);--kbq-checkbox-error-default-color: var(--kbq-icon-white);--kbq-checkbox-error-default-text: var(--kbq-foreground-contrast);--kbq-checkbox-error-default-background: var(--kbq-background-error-less);--kbq-checkbox-error-default-caption: var(--kbq-foreground-contrast-secondary);--kbq-checkbox-error-states-hover-border: var(--kbq-line-error);--kbq-checkbox-error-states-hover-background: var(--kbq-states-background-error-fade-hover);--kbq-checkbox-error-states-checked-border: transparent;--kbq-checkbox-error-states-checked-background: var(--kbq-background-error);--kbq-checkbox-error-states-checked-hover-border: transparent;--kbq-checkbox-error-states-checked-hover-background: var(--kbq-states-background-error-hover);--kbq-checkbox-error-states-focused-border: var(--kbq-line-error);--kbq-checkbox-error-states-focused-background: var(--kbq-background-error-less);--kbq-checkbox-error-states-focused-outline: 1px solid var(--kbq-states-line-focus-error);--kbq-checkbox-error-states-checked-focused-border: var(--kbq-states-line-focus-error);--kbq-checkbox-error-states-checked-focused-background: var(--kbq-background-error);--kbq-checkbox-error-states-checked-focused-outline: 1px solid var(--kbq-states-line-focus-error);--kbq-checkbox-error-states-disabled-border: var(--kbq-states-line-disabled);--kbq-checkbox-error-states-disabled-color: var(--kbq-states-icon-disabled);--kbq-checkbox-error-states-disabled-text: var(--kbq-states-foreground-disabled);--kbq-checkbox-error-states-disabled-background: var(--kbq-states-background-disabled);--kbq-checkbox-error-states-disabled-caption: var(--kbq-states-icon-disabled)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqPseudoCheckbox, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.6", type: KbqPseudoCheckbox, selector: "kbq-pseudo-checkbox", inputs: { big: "big", state: "state", disabled: "disabled" }, host: { properties: { "class.kbq-checkbox_big": "big", "class.kbq-indeterminate": "state === \"indeterminate\"", "class.kbq-checked": "state === \"checked\"", "class.kbq-disabled": "disabled" }, classAttribute: "kbq-pseudo-checkbox" }, usesInheritance: true, ngImport: i0, template: "<i class=\"kbq-checkbox-checkmark kbq kbq-check-s_16\"></i>\n<i class=\"kbq-checkbox-mixedmark kbq kbq-minus-s_16\"></i>\n", styles: [".kbq-pseudo-checkbox{position:relative;display:inline-flex;box-sizing:border-box;align-items:center;justify-content:center;width:var(--kbq-checkbox-size-normal-width);height:var(--kbq-checkbox-size-normal-width);border-radius:var(--kbq-checkbox-size-normal-border-radius);border-width:var(--kbq-checkbox-size-normal-border-width);border-style:solid;cursor:pointer;vertical-align:middle;flex-shrink:0}.kbq-pseudo-checkbox .kbq-checkbox-checkmark,.kbq-pseudo-checkbox .kbq-checkbox-mixedmark{display:none}.kbq-pseudo-checkbox.kbq-pseudo-checkbox-checked,.kbq-pseudo-checkbox.kbq-pseudo-checkbox-indeterminate{border-color:transparent}.kbq-pseudo-checkbox.kbq-checked .kbq-checkbox-checkmark,.kbq-pseudo-checkbox.kbq-indeterminate .kbq-checkbox-mixedmark{display:inline-block}.kbq-pseudo-checkbox.kbq-disabled{cursor:default}.kbq-pseudo-checkbox.kbq-pseudo-checkbox_big{width:var(--kbq-checkbox-size-big-width);height:var(--kbq-checkbox-size-big-width);border-radius:var(--kbq-checkbox-size-big-border-radius);border-width:var(--kbq-checkbox-size-big-border-width)}.kbq-pseudo-checkbox{border-color:var(--kbq-checkbox-theme-default-border);background:var(--kbq-checkbox-theme-default-background)}.kbq-pseudo-checkbox .kbq-checkbox-checkmark,.kbq-pseudo-checkbox .kbq-checkbox-mixedmark{color:var(--kbq-checkbox-theme-default-color)}.kbq-pseudo-checkbox.kbq-checked,.kbq-pseudo-checkbox.kbq-indeterminate{border-color:var(--kbq-checkbox-theme-states-checked-border);background:var(--kbq-checkbox-theme-states-checked-background)}.kbq-pseudo-checkbox.kbq-disabled{border-color:var(--kbq-checkbox-theme-states-disabled-border);background:var(--kbq-checkbox-theme-states-disabled-background)}.kbq-pseudo-checkbox.kbq-disabled .kbq-checkbox-checkmark,.kbq-pseudo-checkbox.kbq-disabled .kbq-checkbox-mixedmark{color:var(--kbq-checkbox-theme-states-disabled-color)}.kbq-pseudo-checkbox.kbq-error{border-color:var(--kbq-checkbox-error-default-border);background:var(--kbq-checkbox-error-default-background)}.kbq-pseudo-checkbox.kbq-error .kbq-checkbox-checkmark,.kbq-pseudo-checkbox.kbq-error .kbq-checkbox-mixedmark{color:var(--kbq-checkbox-error-default-color)}.kbq-pseudo-checkbox.kbq-error.kbq-checked,.kbq-pseudo-checkbox.kbq-error.kbq-indeterminate{border-color:var(--kbq-checkbox-error-states-checked-border);background:var(--kbq-checkbox-error-states-checked-background)}.kbq-pseudo-checkbox.kbq-error.kbq-disabled{border-color:var(--kbq-checkbox-error-states-disabled-border);background:var(--kbq-checkbox-error-states-disabled-background)}.kbq-pseudo-checkbox.kbq-error.kbq-disabled .kbq-checkbox-checkmark,.kbq-pseudo-checkbox.kbq-error.kbq-disabled .kbq-checkbox-mixedmark{color:var(--kbq-checkbox-error-states-disabled-color)}\n", ".kbq-pseudo-checkbox{--kbq-checkbox-size-normal-width: var(--kbq-size-l);--kbq-checkbox-size-normal-border-width: var(--kbq-size-border-width);--kbq-checkbox-size-normal-border-radius: var(--kbq-size-xxs);--kbq-checkbox-size-normal-horizontal-content-padding: var(--kbq-size-s);--kbq-checkbox-size-normal-vertical-content-padding: var(--kbq-size-3xs);--kbq-checkbox-size-normal-top: var(--kbq-size-3xs);--kbq-checkbox-size-big-width: var(--kbq-size-l);--kbq-checkbox-size-big-border-width: var(--kbq-size-border-width);--kbq-checkbox-size-big-border-radius: var(--kbq-size-xxs);--kbq-checkbox-size-big-horizontal-content-padding: var(--kbq-size-s);--kbq-checkbox-size-big-vertical-content-padding: var(--kbq-size-3xs);--kbq-checkbox-size-big-top: var(--kbq-size-xxs);--kbq-checkbox-theme-default-border: var(--kbq-line-contrast-fade);--kbq-checkbox-theme-default-color: var(--kbq-icon-white);--kbq-checkbox-theme-default-text: var(--kbq-foreground-contrast);--kbq-checkbox-theme-default-background: var(--kbq-background-bg);--kbq-checkbox-theme-default-caption: var(--kbq-foreground-contrast-secondary);--kbq-checkbox-theme-states-hover-border: var(--kbq-line-contrast-fade);--kbq-checkbox-theme-states-hover-background: var(--kbq-states-background-transparent-hover);--kbq-checkbox-theme-states-checked-border: transparent;--kbq-checkbox-theme-states-checked-background: var(--kbq-background-theme);--kbq-checkbox-theme-states-checked-hover-border: transparent;--kbq-checkbox-theme-states-checked-hover-background: var(--kbq-states-background-theme-hover);--kbq-checkbox-theme-states-focused-border: var(--kbq-states-line-focus-theme);--kbq-checkbox-theme-states-focused-background: var(--kbq-background-bg);--kbq-checkbox-theme-states-focused-outline: 1px solid var(--kbq-states-line-focus-theme);--kbq-checkbox-theme-states-checked-focused-border: var(--kbq-states-line-focus-theme);--kbq-checkbox-theme-states-checked-focused-background: var(--kbq-background-theme);--kbq-checkbox-theme-states-checked-focused-outline: 1px solid var(--kbq-states-line-focus-theme);--kbq-checkbox-theme-states-disabled-border: var(--kbq-states-line-disabled);--kbq-checkbox-theme-states-disabled-color: var(--kbq-states-icon-disabled);--kbq-checkbox-theme-states-disabled-text: var(--kbq-states-foreground-disabled);--kbq-checkbox-theme-states-disabled-background: var(--kbq-states-background-disabled);--kbq-checkbox-theme-states-disabled-caption: var(--kbq-states-icon-disabled);--kbq-checkbox-error-default-border: var(--kbq-line-error);--kbq-checkbox-error-default-color: var(--kbq-icon-white);--kbq-checkbox-error-default-text: var(--kbq-foreground-contrast);--kbq-checkbox-error-default-background: var(--kbq-background-error-less);--kbq-checkbox-error-default-caption: var(--kbq-foreground-contrast-secondary);--kbq-checkbox-error-states-hover-border: var(--kbq-line-error);--kbq-checkbox-error-states-hover-background: var(--kbq-states-background-error-fade-hover);--kbq-checkbox-error-states-checked-border: transparent;--kbq-checkbox-error-states-checked-background: var(--kbq-background-error);--kbq-checkbox-error-states-checked-hover-border: transparent;--kbq-checkbox-error-states-checked-hover-background: var(--kbq-states-background-error-hover);--kbq-checkbox-error-states-focused-border: var(--kbq-line-error);--kbq-checkbox-error-states-focused-background: var(--kbq-background-error-less);--kbq-checkbox-error-states-focused-outline: 1px solid var(--kbq-states-line-focus-error);--kbq-checkbox-error-states-checked-focused-border: var(--kbq-states-line-focus-error);--kbq-checkbox-error-states-checked-focused-background: var(--kbq-background-error);--kbq-checkbox-error-states-checked-focused-outline: 1px solid var(--kbq-states-line-focus-error);--kbq-checkbox-error-states-disabled-border: var(--kbq-states-line-disabled);--kbq-checkbox-error-states-disabled-color: var(--kbq-states-icon-disabled);--kbq-checkbox-error-states-disabled-text: var(--kbq-states-foreground-disabled);--kbq-checkbox-error-states-disabled-background: var(--kbq-states-background-disabled);--kbq-checkbox-error-states-disabled-caption: var(--kbq-states-icon-disabled)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqPseudoCheckbox, decorators: [{
             type: Component,
@@ -2766,8 +2847,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImpor
                         '[class.kbq-indeterminate]': 'state === "indeterminate"',
                         '[class.kbq-checked]': 'state === "checked"',
                         '[class.kbq-disabled]': 'disabled'
-                    }, preserveWhitespaces: false, inputs: ['color'], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<i class=\"kbq-checkbox-checkmark kbq kbq-check-s_16\"></i>\n<i class=\"kbq-checkbox-mixedmark kbq kbq-minus-s_16\"></i>\n", styles: [".kbq-pseudo-checkbox{position:relative;display:inline-flex;box-sizing:border-box;align-items:center;justify-content:center;width:var(--kbq-checkbox-size-normal-width);height:var(--kbq-checkbox-size-normal-width);border-radius:var(--kbq-checkbox-size-normal-border-radius);border-width:var(--kbq-checkbox-size-normal-border-width);border-style:solid;cursor:pointer;vertical-align:middle;flex-shrink:0}.kbq-pseudo-checkbox .kbq-checkbox-checkmark,.kbq-pseudo-checkbox .kbq-checkbox-mixedmark{display:none}.kbq-pseudo-checkbox.kbq-pseudo-checkbox-checked,.kbq-pseudo-checkbox.kbq-pseudo-checkbox-indeterminate{border-color:transparent}.kbq-pseudo-checkbox.kbq-checked .kbq-checkbox-checkmark,.kbq-pseudo-checkbox.kbq-indeterminate .kbq-checkbox-mixedmark{display:inline-block}.kbq-pseudo-checkbox.kbq-disabled{cursor:default}.kbq-pseudo-checkbox.kbq-pseudo-checkbox_big{width:var(--kbq-checkbox-size-big-width);height:var(--kbq-checkbox-size-big-width);border-radius:var(--kbq-checkbox-size-big-border-radius);border-width:var(--kbq-checkbox-size-big-border-width)}.kbq-pseudo-checkbox{border-color:var(--kbq-checkbox-theme-default-border);background:var(--kbq-checkbox-theme-default-background)}.kbq-pseudo-checkbox .kbq-checkbox-checkmark,.kbq-pseudo-checkbox .kbq-checkbox-mixedmark{color:var(--kbq-checkbox-theme-default-color)}.kbq-pseudo-checkbox.kbq-checked,.kbq-pseudo-checkbox.kbq-indeterminate{border-color:var(--kbq-checkbox-theme-states-checked-border);background:var(--kbq-checkbox-theme-states-checked-background)}.kbq-pseudo-checkbox.kbq-disabled{border-color:var(--kbq-checkbox-theme-states-disabled-border);background:var(--kbq-checkbox-theme-states-disabled-background)}.kbq-pseudo-checkbox.kbq-disabled .kbq-checkbox-checkmark,.kbq-pseudo-checkbox.kbq-disabled .kbq-checkbox-mixedmark{color:var(--kbq-checkbox-theme-states-disabled-color)}.kbq-pseudo-checkbox.kbq-error{border-color:var(--kbq-checkbox-error-default-border);background:var(--kbq-checkbox-error-default-background)}.kbq-pseudo-checkbox.kbq-error .kbq-checkbox-checkmark,.kbq-pseudo-checkbox.kbq-error .kbq-checkbox-mixedmark{color:var(--kbq-checkbox-error-default-color)}.kbq-pseudo-checkbox.kbq-error.kbq-checked,.kbq-pseudo-checkbox.kbq-error.kbq-indeterminate{border-color:var(--kbq-checkbox-error-states-checked-border);background:var(--kbq-checkbox-error-states-checked-background)}.kbq-pseudo-checkbox.kbq-error.kbq-disabled{border-color:var(--kbq-checkbox-error-states-disabled-border);background:var(--kbq-checkbox-error-states-disabled-background)}.kbq-pseudo-checkbox.kbq-error.kbq-disabled .kbq-checkbox-checkmark,.kbq-pseudo-checkbox.kbq-error.kbq-disabled .kbq-checkbox-mixedmark{color:var(--kbq-checkbox-error-states-disabled-color)}\n", ".kbq-pseudo-checkbox{--kbq-checkbox-size-normal-width: var(--kbq-size-l);--kbq-checkbox-size-normal-border-width: var(--kbq-size-border-width);--kbq-checkbox-size-normal-border-radius: var(--kbq-size-xxs);--kbq-checkbox-size-normal-horizontal-content-padding: var(--kbq-size-s);--kbq-checkbox-size-normal-vertical-content-padding: var(--kbq-size-3xs);--kbq-checkbox-size-normal-top: var(--kbq-size-3xs);--kbq-checkbox-size-big-width: var(--kbq-size-l);--kbq-checkbox-size-big-border-width: var(--kbq-size-border-width);--kbq-checkbox-size-big-border-radius: var(--kbq-size-xxs);--kbq-checkbox-size-big-horizontal-content-padding: var(--kbq-size-s);--kbq-checkbox-size-big-vertical-content-padding: var(--kbq-size-3xs);--kbq-checkbox-size-big-top: var(--kbq-size-xxs);--kbq-checkbox-theme-default-border: var(--kbq-line-contrast-fade);--kbq-checkbox-theme-default-color: var(--kbq-icon-white);--kbq-checkbox-theme-default-text: var(--kbq-foreground-contrast);--kbq-checkbox-theme-default-background: var(--kbq-background-bg);--kbq-checkbox-theme-default-caption: var(--kbq-foreground-contrast-secondary);--kbq-checkbox-theme-states-hover-border: var(--kbq-line-contrast-fade);--kbq-checkbox-theme-states-hover-background: var(--kbq-states-background-transparent-hover);--kbq-checkbox-theme-states-checked-border: transparent;--kbq-checkbox-theme-states-checked-background: var(--kbq-background-theme);--kbq-checkbox-theme-states-checked-hover-border: transparent;--kbq-checkbox-theme-states-checked-hover-background: var(--kbq-states-background-theme-hover);--kbq-checkbox-theme-states-focused-border: var(--kbq-states-line-focus-theme);--kbq-checkbox-theme-states-focused-background: var(--kbq-background-bg);--kbq-checkbox-theme-states-focused-outline: 1px solid var(--kbq-states-line-focus-theme);--kbq-checkbox-theme-states-checked-focused-border: var(--kbq-states-line-focus-theme);--kbq-checkbox-theme-states-checked-focused-background: var(--kbq-background-theme);--kbq-checkbox-theme-states-checked-focused-outline: 1px solid var(--kbq-states-line-focus-theme);--kbq-checkbox-theme-states-disabled-border: var(--kbq-states-line-disabled);--kbq-checkbox-theme-states-disabled-color: var(--kbq-states-icon-disabled);--kbq-checkbox-theme-states-disabled-text: var(--kbq-states-foreground-disabled);--kbq-checkbox-theme-states-disabled-background: var(--kbq-states-background-disabled);--kbq-checkbox-theme-states-disabled-caption: var(--kbq-states-icon-disabled);--kbq-checkbox-error-default-border: var(--kbq-line-error);--kbq-checkbox-error-default-color: var(--kbq-icon-white);--kbq-checkbox-error-default-text: var(--kbq-foreground-contrast);--kbq-checkbox-error-default-background: var(--kbq-background-error-less);--kbq-checkbox-error-default-caption: var(--kbq-foreground-contrast-secondary);--kbq-checkbox-error-states-hover-border: var(--kbq-line-error);--kbq-checkbox-error-states-hover-background: var(--kbq-states-background-error-fade-hover);--kbq-checkbox-error-states-checked-border: transparent;--kbq-checkbox-error-states-checked-background: var(--kbq-background-error);--kbq-checkbox-error-states-checked-hover-border: transparent;--kbq-checkbox-error-states-checked-hover-background: var(--kbq-states-background-error-hover);--kbq-checkbox-error-states-focused-border: var(--kbq-line-error);--kbq-checkbox-error-states-focused-background: var(--kbq-background-error-less);--kbq-checkbox-error-states-focused-outline: 1px solid var(--kbq-states-line-focus-error);--kbq-checkbox-error-states-checked-focused-border: var(--kbq-states-line-focus-error);--kbq-checkbox-error-states-checked-focused-background: var(--kbq-background-error);--kbq-checkbox-error-states-checked-focused-outline: 1px solid var(--kbq-states-line-focus-error);--kbq-checkbox-error-states-disabled-border: var(--kbq-states-line-disabled);--kbq-checkbox-error-states-disabled-color: var(--kbq-states-icon-disabled);--kbq-checkbox-error-states-disabled-text: var(--kbq-states-foreground-disabled);--kbq-checkbox-error-states-disabled-background: var(--kbq-states-background-disabled);--kbq-checkbox-error-states-disabled-caption: var(--kbq-states-icon-disabled)}\n"] }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { big: [{
+                    }, preserveWhitespaces: false, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<i class=\"kbq-checkbox-checkmark kbq kbq-check-s_16\"></i>\n<i class=\"kbq-checkbox-mixedmark kbq kbq-minus-s_16\"></i>\n", styles: [".kbq-pseudo-checkbox{position:relative;display:inline-flex;box-sizing:border-box;align-items:center;justify-content:center;width:var(--kbq-checkbox-size-normal-width);height:var(--kbq-checkbox-size-normal-width);border-radius:var(--kbq-checkbox-size-normal-border-radius);border-width:var(--kbq-checkbox-size-normal-border-width);border-style:solid;cursor:pointer;vertical-align:middle;flex-shrink:0}.kbq-pseudo-checkbox .kbq-checkbox-checkmark,.kbq-pseudo-checkbox .kbq-checkbox-mixedmark{display:none}.kbq-pseudo-checkbox.kbq-pseudo-checkbox-checked,.kbq-pseudo-checkbox.kbq-pseudo-checkbox-indeterminate{border-color:transparent}.kbq-pseudo-checkbox.kbq-checked .kbq-checkbox-checkmark,.kbq-pseudo-checkbox.kbq-indeterminate .kbq-checkbox-mixedmark{display:inline-block}.kbq-pseudo-checkbox.kbq-disabled{cursor:default}.kbq-pseudo-checkbox.kbq-pseudo-checkbox_big{width:var(--kbq-checkbox-size-big-width);height:var(--kbq-checkbox-size-big-width);border-radius:var(--kbq-checkbox-size-big-border-radius);border-width:var(--kbq-checkbox-size-big-border-width)}.kbq-pseudo-checkbox{border-color:var(--kbq-checkbox-theme-default-border);background:var(--kbq-checkbox-theme-default-background)}.kbq-pseudo-checkbox .kbq-checkbox-checkmark,.kbq-pseudo-checkbox .kbq-checkbox-mixedmark{color:var(--kbq-checkbox-theme-default-color)}.kbq-pseudo-checkbox.kbq-checked,.kbq-pseudo-checkbox.kbq-indeterminate{border-color:var(--kbq-checkbox-theme-states-checked-border);background:var(--kbq-checkbox-theme-states-checked-background)}.kbq-pseudo-checkbox.kbq-disabled{border-color:var(--kbq-checkbox-theme-states-disabled-border);background:var(--kbq-checkbox-theme-states-disabled-background)}.kbq-pseudo-checkbox.kbq-disabled .kbq-checkbox-checkmark,.kbq-pseudo-checkbox.kbq-disabled .kbq-checkbox-mixedmark{color:var(--kbq-checkbox-theme-states-disabled-color)}.kbq-pseudo-checkbox.kbq-error{border-color:var(--kbq-checkbox-error-default-border);background:var(--kbq-checkbox-error-default-background)}.kbq-pseudo-checkbox.kbq-error .kbq-checkbox-checkmark,.kbq-pseudo-checkbox.kbq-error .kbq-checkbox-mixedmark{color:var(--kbq-checkbox-error-default-color)}.kbq-pseudo-checkbox.kbq-error.kbq-checked,.kbq-pseudo-checkbox.kbq-error.kbq-indeterminate{border-color:var(--kbq-checkbox-error-states-checked-border);background:var(--kbq-checkbox-error-states-checked-background)}.kbq-pseudo-checkbox.kbq-error.kbq-disabled{border-color:var(--kbq-checkbox-error-states-disabled-border);background:var(--kbq-checkbox-error-states-disabled-background)}.kbq-pseudo-checkbox.kbq-error.kbq-disabled .kbq-checkbox-checkmark,.kbq-pseudo-checkbox.kbq-error.kbq-disabled .kbq-checkbox-mixedmark{color:var(--kbq-checkbox-error-states-disabled-color)}\n", ".kbq-pseudo-checkbox{--kbq-checkbox-size-normal-width: var(--kbq-size-l);--kbq-checkbox-size-normal-border-width: var(--kbq-size-border-width);--kbq-checkbox-size-normal-border-radius: var(--kbq-size-xxs);--kbq-checkbox-size-normal-horizontal-content-padding: var(--kbq-size-s);--kbq-checkbox-size-normal-vertical-content-padding: var(--kbq-size-3xs);--kbq-checkbox-size-normal-top: var(--kbq-size-3xs);--kbq-checkbox-size-big-width: var(--kbq-size-l);--kbq-checkbox-size-big-border-width: var(--kbq-size-border-width);--kbq-checkbox-size-big-border-radius: var(--kbq-size-xxs);--kbq-checkbox-size-big-horizontal-content-padding: var(--kbq-size-s);--kbq-checkbox-size-big-vertical-content-padding: var(--kbq-size-3xs);--kbq-checkbox-size-big-top: var(--kbq-size-xxs);--kbq-checkbox-theme-default-border: var(--kbq-line-contrast-fade);--kbq-checkbox-theme-default-color: var(--kbq-icon-white);--kbq-checkbox-theme-default-text: var(--kbq-foreground-contrast);--kbq-checkbox-theme-default-background: var(--kbq-background-bg);--kbq-checkbox-theme-default-caption: var(--kbq-foreground-contrast-secondary);--kbq-checkbox-theme-states-hover-border: var(--kbq-line-contrast-fade);--kbq-checkbox-theme-states-hover-background: var(--kbq-states-background-transparent-hover);--kbq-checkbox-theme-states-checked-border: transparent;--kbq-checkbox-theme-states-checked-background: var(--kbq-background-theme);--kbq-checkbox-theme-states-checked-hover-border: transparent;--kbq-checkbox-theme-states-checked-hover-background: var(--kbq-states-background-theme-hover);--kbq-checkbox-theme-states-focused-border: var(--kbq-states-line-focus-theme);--kbq-checkbox-theme-states-focused-background: var(--kbq-background-bg);--kbq-checkbox-theme-states-focused-outline: 1px solid var(--kbq-states-line-focus-theme);--kbq-checkbox-theme-states-checked-focused-border: var(--kbq-states-line-focus-theme);--kbq-checkbox-theme-states-checked-focused-background: var(--kbq-background-theme);--kbq-checkbox-theme-states-checked-focused-outline: 1px solid var(--kbq-states-line-focus-theme);--kbq-checkbox-theme-states-disabled-border: var(--kbq-states-line-disabled);--kbq-checkbox-theme-states-disabled-color: var(--kbq-states-icon-disabled);--kbq-checkbox-theme-states-disabled-text: var(--kbq-states-foreground-disabled);--kbq-checkbox-theme-states-disabled-background: var(--kbq-states-background-disabled);--kbq-checkbox-theme-states-disabled-caption: var(--kbq-states-icon-disabled);--kbq-checkbox-error-default-border: var(--kbq-line-error);--kbq-checkbox-error-default-color: var(--kbq-icon-white);--kbq-checkbox-error-default-text: var(--kbq-foreground-contrast);--kbq-checkbox-error-default-background: var(--kbq-background-error-less);--kbq-checkbox-error-default-caption: var(--kbq-foreground-contrast-secondary);--kbq-checkbox-error-states-hover-border: var(--kbq-line-error);--kbq-checkbox-error-states-hover-background: var(--kbq-states-background-error-fade-hover);--kbq-checkbox-error-states-checked-border: transparent;--kbq-checkbox-error-states-checked-background: var(--kbq-background-error);--kbq-checkbox-error-states-checked-hover-border: transparent;--kbq-checkbox-error-states-checked-hover-background: var(--kbq-states-background-error-hover);--kbq-checkbox-error-states-focused-border: var(--kbq-line-error);--kbq-checkbox-error-states-focused-background: var(--kbq-background-error-less);--kbq-checkbox-error-states-focused-outline: 1px solid var(--kbq-states-line-focus-error);--kbq-checkbox-error-states-checked-focused-border: var(--kbq-states-line-focus-error);--kbq-checkbox-error-states-checked-focused-background: var(--kbq-background-error);--kbq-checkbox-error-states-checked-focused-outline: 1px solid var(--kbq-states-line-focus-error);--kbq-checkbox-error-states-disabled-border: var(--kbq-states-line-disabled);--kbq-checkbox-error-states-disabled-color: var(--kbq-states-icon-disabled);--kbq-checkbox-error-states-disabled-text: var(--kbq-states-foreground-disabled);--kbq-checkbox-error-states-disabled-background: var(--kbq-states-background-disabled);--kbq-checkbox-error-states-disabled-caption: var(--kbq-states-icon-disabled)}\n"] }]
+        }], propDecorators: { big: [{
                 type: Input
             }], state: [{
                 type: Input
@@ -2992,7 +3073,7 @@ class KbqOption extends KbqOptionBase {
                 provide: KBQ_TITLE_TEXT_REF,
                 useExisting: KbqOption
             }
-        ], viewQueries: [{ propertyName: "textElement", first: true, predicate: ["kbqTitleText"], descendants: true }], exportAs: ["kbqOption"], usesInheritance: true, ngImport: i0, template: "@if (showCheckbox) {\n    <kbq-pseudo-checkbox [disabled]=\"disabled\" [state]=\"selected ? 'checked' : 'unchecked'\" />\n}\n\n<span #kbqTitleText class=\"kbq-option-text\">\n    <ng-content />\n</span>\n", styles: [".kbq-truncate-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kbq-no-select{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.kbq-option{position:relative;display:flex;flex-direction:row;align-items:center;box-sizing:border-box;outline:none;-webkit-tap-highlight-color:transparent;min-height:32px;gap:var(--kbq-size-s);border:var(--kbq-size-3xs) solid transparent;padding:var(--kbq-size-xxs) calc(var(--kbq-size-m) - var(--kbq-size-3xs));-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-radius:var(--kbq-option-border-radius)}.kbq-option .kbq-list-text{display:flex;flex-direction:column;width:100%;box-sizing:content-box;display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kbq-option .kbq-list-text>*{margin:0;padding:0;font-weight:400;font-size:inherit}.kbq-option .kbq-list-text:empty{display:none}.kbq-option .kbq-list-option-caption{padding-top:var(--kbq-size-3xs)}.kbq-option:not(.kbq-disabled){cursor:pointer}.kbq-option-text{display:flex;flex-direction:column;width:100%;box-sizing:content-box;display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kbq-option-text>*{margin:0;padding:0;font-weight:400;font-size:inherit}.kbq-option-text:empty{display:none}.kbq-option{background:var(--kbq-list-default-container-background)}.kbq-option .kbq-option-text{color:var(--kbq-list-default-text-color)}.kbq-option .kbq-option-action .kbq-icon{color:var(--kbq-list-default-icon-button-color)}.kbq-option .kbq-option-caption{color:var(--kbq-list-default-caption-color)}.kbq-option:hover:not(.kbq-disabled){background:var(--kbq-list-states-hover-container-background)}.kbq-option:hover:not(.kbq-disabled) .kbq-option-text{color:var(--kbq-list-states-hover-text-color)}.kbq-option:hover:not(.kbq-disabled) .kbq-option-action .kbq-icon{color:var(--kbq-list-states-hover-icon-button-color)}.kbq-option:hover:not(.kbq-disabled) .kbq-option-caption{color:var(--kbq-list-states-hover-caption-color)}.kbq-option.kbq-selected{background:var(--kbq-list-states-selected-container-background)}.kbq-option.kbq-selected .kbq-option-text{color:var(--kbq-list-states-selected-text-color)}.kbq-option.kbq-selected .kbq-option-action .kbq-icon{color:var(--kbq-list-states-selected-icon-button-color)}.kbq-option.kbq-selected .kbq-option-caption{color:var(--kbq-list-states-selected-caption-color)}.kbq-option.kbq-selected:hover:not(.kbq-disabled){background:var(--kbq-list-states-selected-hover-container-background)}.kbq-option.kbq-selected:hover:not(.kbq-disabled) .kbq-option-text{color:var(--kbq-list-states-selected-hover-text-color)}.kbq-option.kbq-selected:hover:not(.kbq-disabled) .kbq-option-action .kbq-icon{color:var(--kbq-list-states-selected-hover-icon-button-color)}.kbq-option.kbq-selected:hover:not(.kbq-disabled) .kbq-option-caption{color:var(--kbq-list-states-selected-hover-caption-color)}.kbq-option.kbq-disabled{background:var(--kbq-list-states-disabled-container-background)}.kbq-option.kbq-disabled .kbq-option-text{color:var(--kbq-list-states-disabled-text-color)}.kbq-option.kbq-disabled .kbq-option-action .kbq-icon{color:var(--kbq-list-states-disabled-icon-button-color)}.kbq-option.kbq-disabled .kbq-option-caption{color:var(--kbq-list-states-disabled-caption-color)}.kbq-option:is(.kbq-selected,.kbq-focused,.kbq-active):has(+:is(.kbq-selected,.kbq-focused,.kbq-active)){border-bottom-left-radius:0;border-bottom-right-radius:0}.kbq-option:is(.kbq-selected,.kbq-focused,.kbq-active)+:is(.kbq-selected,.kbq-focused,.kbq-active){border-top-left-radius:0;border-top-right-radius:0}.cdk-keyboard-focused .kbq-option.kbq-focused,.cdk-keyboard-focused .kbq-option.kbq-active{border-color:var(--kbq-list-states-focused-focus-outline-color)}.kbq-option{font-size:var(--kbq-typography-text-normal-font-size);font-weight:var(--kbq-typography-text-normal-font-weight);line-height:var(--kbq-typography-text-normal-line-height);font-family:var(--kbq-typography-text-normal-font-family);text-transform:var(--kbq-typography-text-normal-text-transform);font-feature-settings:var(--kbq-typography-text-normal-font-feature-settings);letter-spacing:var(--kbq-typography-text-normal-letter-spacing)}.kbq-list-option-caption{font-size:var(--kbq-typography-text-compact-font-size);font-weight:var(--kbq-typography-text-compact-font-weight);line-height:var(--kbq-typography-text-compact-line-height);font-family:var(--kbq-typography-text-compact-font-family);text-transform:var(--kbq-typography-text-compact-text-transform);font-feature-settings:var(--kbq-typography-text-compact-font-feature-settings);letter-spacing:var(--kbq-typography-text-compact-letter-spacing)}\n", ".kbq-list,.kbq-list-selection{--kbq-list-size-container-padding-left: var(--kbq-size-m);--kbq-list-size-container-padding-right: var(--kbq-size-m);--kbq-list-size-container-padding-vertical: var(--kbq-size-xs);--kbq-list-size-container-content-gap-horizontal: var(--kbq-size-s);--kbq-list-size-container-content-gap-vertical: var(--kbq-size-3xs);--kbq-list-size-container-focus-outline-width: var(--kbq-size-3xs);--kbq-list-size-header-padding-top: var(--kbq-size-s);--kbq-list-size-header-padding-bottom: var(--kbq-size-xxs);--kbq-list-size-header-padding-horizontal: var(--kbq-size-m);--kbq-list-size-subheading-padding-top: var(--kbq-size-m);--kbq-list-size-subheading-padding-bottom: var(--kbq-size-xxs);--kbq-list-size-subheading-padding-horizontal: var(--kbq-size-m);--kbq-list-default-container-background: transparent;--kbq-list-default-text-color: var(--kbq-foreground-contrast);--kbq-list-default-icon-color: var(--kbq-icon-contrast);--kbq-list-default-icon-button-color: var(--kbq-icon-contrast-fade);--kbq-list-default-caption-color: var(--kbq-foreground-contrast-secondary);--kbq-list-states-hover-container-background: var(--kbq-states-background-transparent-hover);--kbq-list-states-hover-text-color: var(--kbq-foreground-contrast);--kbq-list-states-hover-icon-color: var(--kbq-icon-contrast);--kbq-list-states-hover-icon-button-color: var(--kbq-icon-contrast-fade);--kbq-list-states-selected-container-background: var(--kbq-background-theme-less);--kbq-list-states-selected-text-color: var(--kbq-foreground-contrast);--kbq-list-states-selected-icon-color: var(--kbq-icon-contrast);--kbq-list-states-selected-icon-button-color: var(--kbq-icon-contrast-fade);--kbq-list-states-selected-hover-container-background: var(--kbq-states-background-theme-less-hover);--kbq-list-states-selected-hover-text-color: var(--kbq-foreground-contrast);--kbq-list-states-selected-hover-icon-color: var(--kbq-icon-contrast);--kbq-list-states-selected-hover-icon-button-color: var(--kbq-icon-contrast-fade);--kbq-list-states-focused-focus-outline-color: var(--kbq-states-line-focus-theme);--kbq-list-states-disabled-container-background: transparent;--kbq-list-states-disabled-text-color: var(--kbq-states-foreground-disabled);--kbq-list-states-disabled-icon-color: var(--kbq-states-icon-disabled);--kbq-list-states-disabled-icon-button-color: var(--kbq-states-icon-disabled);--kbq-list-states-disabled-caption-color: var(--kbq-states-foreground-disabled)}.kbq-option{--kbq-option-size-horizontal-padding: var(--kbq-size-m);--kbq-option-size-height: var(--kbq-size-3xl);--kbq-option-size-border-width: 2px;--kbq-option-border-radius: var(--kbq-size-xs)}.kbq-option{--kbq-list-default-container-background: transparent;--kbq-list-default-text-color: var(--kbq-foreground-contrast);--kbq-list-default-icon-color: var(--kbq-icon-contrast);--kbq-list-default-icon-button-color: var(--kbq-icon-contrast-fade);--kbq-list-default-caption-color: var(--kbq-foreground-contrast-secondary);--kbq-list-states-hover-container-background: var(--kbq-states-background-transparent-hover);--kbq-list-states-hover-text-color: var(--kbq-foreground-contrast);--kbq-list-states-hover-icon-color: var(--kbq-icon-contrast);--kbq-list-states-hover-icon-button-color: var(--kbq-icon-contrast-fade);--kbq-list-states-selected-container-background: var(--kbq-background-theme-less);--kbq-list-states-selected-text-color: var(--kbq-foreground-contrast);--kbq-list-states-selected-icon-color: var(--kbq-icon-contrast);--kbq-list-states-selected-icon-button-color: var(--kbq-icon-contrast-fade);--kbq-list-states-selected-hover-container-background: var(--kbq-states-background-theme-less-hover);--kbq-list-states-selected-hover-text-color: var(--kbq-foreground-contrast);--kbq-list-states-selected-hover-icon-color: var(--kbq-icon-contrast);--kbq-list-states-selected-hover-icon-button-color: var(--kbq-icon-contrast-fade);--kbq-list-states-focused-focus-outline-color: var(--kbq-states-line-focus-theme);--kbq-list-states-disabled-container-background: transparent;--kbq-list-states-disabled-text-color: var(--kbq-states-foreground-disabled);--kbq-list-states-disabled-icon-color: var(--kbq-states-icon-disabled);--kbq-list-states-disabled-icon-button-color: var(--kbq-states-icon-disabled);--kbq-list-states-disabled-caption-color: var(--kbq-states-foreground-disabled)}\n"], dependencies: [{ kind: "component", type: KbqPseudoCheckbox, selector: "kbq-pseudo-checkbox", inputs: ["color", "big", "state", "disabled"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+        ], viewQueries: [{ propertyName: "textElement", first: true, predicate: ["kbqTitleText"], descendants: true }], exportAs: ["kbqOption"], usesInheritance: true, ngImport: i0, template: "@if (showCheckbox) {\n    <kbq-pseudo-checkbox [disabled]=\"disabled\" [state]=\"selected ? 'checked' : 'unchecked'\" />\n}\n\n<span #kbqTitleText class=\"kbq-option-text\">\n    <ng-content />\n</span>\n", styles: [".kbq-truncate-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kbq-no-select{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.kbq-option{position:relative;display:flex;flex-direction:row;align-items:center;box-sizing:border-box;outline:none;-webkit-tap-highlight-color:transparent;min-height:32px;gap:var(--kbq-size-s);border:var(--kbq-size-3xs) solid transparent;padding:var(--kbq-size-xxs) calc(var(--kbq-size-m) - var(--kbq-size-3xs));-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-radius:var(--kbq-option-border-radius)}.kbq-option .kbq-list-text{display:flex;flex-direction:column;width:100%;box-sizing:content-box;display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kbq-option .kbq-list-text>*{margin:0;padding:0;font-weight:400;font-size:inherit}.kbq-option .kbq-list-text:empty{display:none}.kbq-option .kbq-list-option-caption{padding-top:var(--kbq-size-3xs)}.kbq-option:not(.kbq-disabled){cursor:pointer}.kbq-option-text{display:flex;flex-direction:column;width:100%;box-sizing:content-box;display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kbq-option-text>*{margin:0;padding:0;font-weight:400;font-size:inherit}.kbq-option-text:empty{display:none}.kbq-option{background:var(--kbq-list-default-container-background)}.kbq-option .kbq-option-text{color:var(--kbq-list-default-text-color)}.kbq-option .kbq-option-action .kbq-icon{color:var(--kbq-list-default-icon-button-color)}.kbq-option .kbq-option-caption{color:var(--kbq-list-default-caption-color)}.kbq-option:hover:not(.kbq-disabled){background:var(--kbq-list-states-hover-container-background)}.kbq-option:hover:not(.kbq-disabled) .kbq-option-text{color:var(--kbq-list-states-hover-text-color)}.kbq-option:hover:not(.kbq-disabled) .kbq-option-action .kbq-icon{color:var(--kbq-list-states-hover-icon-button-color)}.kbq-option:hover:not(.kbq-disabled) .kbq-option-caption{color:var(--kbq-list-states-hover-caption-color)}.kbq-option.kbq-selected{background:var(--kbq-list-states-selected-container-background)}.kbq-option.kbq-selected .kbq-option-text{color:var(--kbq-list-states-selected-text-color)}.kbq-option.kbq-selected .kbq-option-action .kbq-icon{color:var(--kbq-list-states-selected-icon-button-color)}.kbq-option.kbq-selected .kbq-option-caption{color:var(--kbq-list-states-selected-caption-color)}.kbq-option.kbq-selected:hover:not(.kbq-disabled){background:var(--kbq-list-states-selected-hover-container-background)}.kbq-option.kbq-selected:hover:not(.kbq-disabled) .kbq-option-text{color:var(--kbq-list-states-selected-hover-text-color)}.kbq-option.kbq-selected:hover:not(.kbq-disabled) .kbq-option-action .kbq-icon{color:var(--kbq-list-states-selected-hover-icon-button-color)}.kbq-option.kbq-selected:hover:not(.kbq-disabled) .kbq-option-caption{color:var(--kbq-list-states-selected-hover-caption-color)}.kbq-option.kbq-disabled{background:var(--kbq-list-states-disabled-container-background)}.kbq-option.kbq-disabled .kbq-option-text{color:var(--kbq-list-states-disabled-text-color)}.kbq-option.kbq-disabled .kbq-option-action .kbq-icon{color:var(--kbq-list-states-disabled-icon-button-color)}.kbq-option.kbq-disabled .kbq-option-caption{color:var(--kbq-list-states-disabled-caption-color)}.kbq-option:is(.kbq-selected,.kbq-focused,.kbq-active):has(+:is(.kbq-selected,.kbq-focused,.kbq-active)){border-bottom-left-radius:0;border-bottom-right-radius:0}.kbq-option:is(.kbq-selected,.kbq-focused,.kbq-active)+:is(.kbq-selected,.kbq-focused,.kbq-active){border-top-left-radius:0;border-top-right-radius:0}.cdk-keyboard-focused .kbq-option.kbq-focused,.cdk-keyboard-focused .kbq-option.kbq-active{border-color:var(--kbq-list-states-focused-focus-outline-color)}.kbq-option{font-size:var(--kbq-typography-text-normal-font-size);font-weight:var(--kbq-typography-text-normal-font-weight);line-height:var(--kbq-typography-text-normal-line-height);font-family:var(--kbq-typography-text-normal-font-family);text-transform:var(--kbq-typography-text-normal-text-transform);font-feature-settings:var(--kbq-typography-text-normal-font-feature-settings);letter-spacing:var(--kbq-typography-text-normal-letter-spacing)}.kbq-list-option-caption{font-size:var(--kbq-typography-text-compact-font-size);font-weight:var(--kbq-typography-text-compact-font-weight);line-height:var(--kbq-typography-text-compact-line-height);font-family:var(--kbq-typography-text-compact-font-family);text-transform:var(--kbq-typography-text-compact-text-transform);font-feature-settings:var(--kbq-typography-text-compact-font-feature-settings);letter-spacing:var(--kbq-typography-text-compact-letter-spacing)}\n", ".kbq-list,.kbq-list-selection{--kbq-list-size-container-padding-left: var(--kbq-size-m);--kbq-list-size-container-padding-right: var(--kbq-size-m);--kbq-list-size-container-padding-vertical: var(--kbq-size-xs);--kbq-list-size-container-content-gap-horizontal: var(--kbq-size-s);--kbq-list-size-container-content-gap-vertical: var(--kbq-size-3xs);--kbq-list-size-container-focus-outline-width: var(--kbq-size-3xs);--kbq-list-size-header-padding-top: var(--kbq-size-s);--kbq-list-size-header-padding-bottom: var(--kbq-size-xxs);--kbq-list-size-header-padding-horizontal: var(--kbq-size-m);--kbq-list-size-subheading-padding-top: var(--kbq-size-m);--kbq-list-size-subheading-padding-bottom: var(--kbq-size-xxs);--kbq-list-size-subheading-padding-horizontal: var(--kbq-size-m);--kbq-list-default-container-background: transparent;--kbq-list-default-text-color: var(--kbq-foreground-contrast);--kbq-list-default-icon-color: var(--kbq-icon-contrast);--kbq-list-default-icon-button-color: var(--kbq-icon-contrast-fade);--kbq-list-default-caption-color: var(--kbq-foreground-contrast-secondary);--kbq-list-states-hover-container-background: var(--kbq-states-background-transparent-hover);--kbq-list-states-hover-text-color: var(--kbq-foreground-contrast);--kbq-list-states-hover-icon-color: var(--kbq-icon-contrast);--kbq-list-states-hover-icon-button-color: var(--kbq-icon-contrast-fade);--kbq-list-states-selected-container-background: var(--kbq-background-theme-less);--kbq-list-states-selected-text-color: var(--kbq-foreground-contrast);--kbq-list-states-selected-icon-color: var(--kbq-icon-contrast);--kbq-list-states-selected-icon-button-color: var(--kbq-icon-contrast-fade);--kbq-list-states-selected-hover-container-background: var(--kbq-states-background-theme-less-hover);--kbq-list-states-selected-hover-text-color: var(--kbq-foreground-contrast);--kbq-list-states-selected-hover-icon-color: var(--kbq-icon-contrast);--kbq-list-states-selected-hover-icon-button-color: var(--kbq-icon-contrast-fade);--kbq-list-states-focused-focus-outline-color: var(--kbq-states-line-focus-theme);--kbq-list-states-disabled-container-background: transparent;--kbq-list-states-disabled-text-color: var(--kbq-states-foreground-disabled);--kbq-list-states-disabled-icon-color: var(--kbq-states-icon-disabled);--kbq-list-states-disabled-icon-button-color: var(--kbq-states-icon-disabled);--kbq-list-states-disabled-caption-color: var(--kbq-states-foreground-disabled)}.kbq-option{--kbq-option-size-horizontal-padding: var(--kbq-size-m);--kbq-option-size-height: var(--kbq-size-3xl);--kbq-option-size-border-width: 2px;--kbq-option-border-radius: var(--kbq-size-xs)}.kbq-option{--kbq-list-default-container-background: transparent;--kbq-list-default-text-color: var(--kbq-foreground-contrast);--kbq-list-default-icon-color: var(--kbq-icon-contrast);--kbq-list-default-icon-button-color: var(--kbq-icon-contrast-fade);--kbq-list-default-caption-color: var(--kbq-foreground-contrast-secondary);--kbq-list-states-hover-container-background: var(--kbq-states-background-transparent-hover);--kbq-list-states-hover-text-color: var(--kbq-foreground-contrast);--kbq-list-states-hover-icon-color: var(--kbq-icon-contrast);--kbq-list-states-hover-icon-button-color: var(--kbq-icon-contrast-fade);--kbq-list-states-selected-container-background: var(--kbq-background-theme-less);--kbq-list-states-selected-text-color: var(--kbq-foreground-contrast);--kbq-list-states-selected-icon-color: var(--kbq-icon-contrast);--kbq-list-states-selected-icon-button-color: var(--kbq-icon-contrast-fade);--kbq-list-states-selected-hover-container-background: var(--kbq-states-background-theme-less-hover);--kbq-list-states-selected-hover-text-color: var(--kbq-foreground-contrast);--kbq-list-states-selected-hover-icon-color: var(--kbq-icon-contrast);--kbq-list-states-selected-hover-icon-button-color: var(--kbq-icon-contrast-fade);--kbq-list-states-focused-focus-outline-color: var(--kbq-states-line-focus-theme);--kbq-list-states-disabled-container-background: transparent;--kbq-list-states-disabled-text-color: var(--kbq-states-foreground-disabled);--kbq-list-states-disabled-icon-color: var(--kbq-states-icon-disabled);--kbq-list-states-disabled-icon-button-color: var(--kbq-states-icon-disabled);--kbq-list-states-disabled-caption-color: var(--kbq-states-foreground-disabled)}\n"], dependencies: [{ kind: "component", type: KbqPseudoCheckbox, selector: "kbq-pseudo-checkbox", inputs: ["big", "state", "disabled"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqOption, decorators: [{
             type: Component,
@@ -3419,7 +3500,10 @@ class EmptyFocusTrapStrategy {
 class KbqPopUp {
     constructor() {
         this.renderer = inject(Renderer2);
+        this.elementRef = inject(ElementRef);
         this.changeDetectorRef = inject(ChangeDetectorRef);
+        /** Stream that emits when the popup item is hovered. */
+        this.hovered = new BehaviorSubject(false);
         this.classMap = {};
         this.visibility = PopUpVisibility.Initial;
         this.visibleChange = new EventEmitter();
@@ -3431,6 +3515,7 @@ class KbqPopUp {
         clearTimeout(this.showTimeoutId);
         clearTimeout(this.hideTimeoutId);
         this.onHideSubject.complete();
+        this.hovered.complete();
     }
     isTemplateRef(value) {
         return value instanceof TemplateRef;
@@ -3447,6 +3532,9 @@ class KbqPopUp {
             // Mark for check so if any parent component has set the
             // ChangeDetectionStrategy to OnPush it will be checked anyways
             this.markForCheck();
+            if (this.trigger.triggerName === 'mouseenter') {
+                this.addEventListenerForHide();
+            }
         }, delay);
     }
     /**
@@ -3506,11 +3594,20 @@ class KbqPopUp {
             this.hide(0);
         }
     }
+    addEventListenerForHide() {
+        this.elementRef.nativeElement.addEventListener('mouseleave', () => this.hide(0));
+    }
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqPopUp, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.6", type: KbqPopUp, ngImport: i0 }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.6", type: KbqPopUp, host: { listeners: { "mouseenter": "hovered.next(true)", "mouseleave": "hovered.next(false)" } }, ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqPopUp, decorators: [{
-            type: Directive
+            type: Directive,
+            args: [{
+                    host: {
+                        '(mouseenter)': 'hovered.next(true)',
+                        '(mouseleave)': 'hovered.next(false)'
+                    }
+                }]
         }] });
 
 const applyPopupMargins = (renderer, element, name, value) => {
@@ -3584,6 +3681,11 @@ class KbqPopUpTrigger {
         this.visible = false;
         this.listeners = new Map();
         this.availablePositions = POSITION_MAP;
+        this.hide = (delay = this.leaveDelay) => {
+            if (this.instance && this.triggerName !== 'mouseenter' && !this.instance.hovered.getValue()) {
+                this.ngZone.run(() => this.instance.hide(delay));
+            }
+        };
         this.detach = () => {
             if (this.overlayRef?.hasAttached()) {
                 this.overlayRef.detach();
@@ -3689,11 +3791,6 @@ class KbqPopUpTrigger {
         this.updatePosition();
         this.instance.show(delay);
     }
-    hide(delay = this.leaveDelay) {
-        if (this.instance) {
-            this.ngZone.run(() => this.instance.hide(delay));
-        }
-    }
     /** Create the overlay config and position strategy */
     createOverlay() {
         if (this.overlayRef) {
@@ -3730,7 +3827,7 @@ class KbqPopUpTrigger {
         if (this.trigger.includes(PopUpTriggers.Hover)) {
             this.listeners
                 .set(...this.createListener('mouseenter', this.show))
-                .set(...this.createListener('mouseleave', this.hide));
+                .set(...this.createListener('mouseleave', () => setTimeout(this.hide)));
         }
         if (this.trigger.includes(PopUpTriggers.Focus)) {
             this.listeners
@@ -3740,7 +3837,7 @@ class KbqPopUpTrigger {
         if (this.trigger.includes(PopUpTriggers.Keydown)) {
             this.listeners.set('keydown', (event) => {
                 if (event instanceof KeyboardEvent && [ENTER, SPACE].includes(event.keyCode)) {
-                    this.show();
+                    setTimeout(() => this.show());
                 }
             });
         }
@@ -4277,6 +4374,12 @@ function isBoolean(value) {
 function toBoolean(value) {
     return value != null && `${value}` !== 'false';
 }
+const getNodesWithoutComments = (nodes) => {
+    const COMMENT_NODE = 8;
+    return Array.from(nodes).filter((node) => node.nodeType !== COMMENT_NODE);
+};
+const leftIconClassName = 'kbq-icon_left';
+const rightIconClassName = 'kbq-icon_right';
 
 const validationTooltipShowDelay = 10;
 const validationTooltipHideDelay = 3000;
@@ -4285,11 +4388,11 @@ const KBQ_VALIDATION = new InjectionToken('KbqUseValidation', {
     factory: () => ({ useValidation: true })
 });
 
-const VERSION = new Version('18.20.0+sha-92a8fc2');
+const VERSION = new Version('18.22.0+sha-1f652e3');
 
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { ARROW_BOTTOM_MARGIN_AND_HALF_HEIGHT, AbsoluteDateFormatterImpurePipe, AbsoluteDateFormatterPipe, AbsoluteDateShortFormatterImpurePipe, AbsoluteDateShortFormatterPipe, AbsoluteDateTimeFormatterImpurePipe, AbsoluteDateTimeFormatterPipe, AbsoluteShortDateTimeFormatterImpurePipe, AbsoluteShortDateTimeFormatterPipe, AnimationCurves, BOTTOM_LEFT_POSITION_PRIORITY, BOTTOM_POSITION_PRIORITY, BOTTOM_RIGHT_POSITION_PRIORITY, BaseFormatterPipe, DateAdapter, DateFormatter, EXTENDED_OVERLAY_POSITIONS, EmptyFocusTrapStrategy, ErrorStateMatcher, FileValidators, 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_FORM_FIELD_REF, 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_PARENT_ANIMATION_COMPONENT, KBQ_PARENT_POPUP, KBQ_SANITY_CHECKS, KBQ_SELECT_SCROLL_STRATEGY, KBQ_SELECT_SCROLL_STRATEGY_PROVIDER, KBQ_SIZE_UNITS_CONFIG, KBQ_SIZE_UNITS_DEFAULT_CONFIG, KBQ_TITLE_TEXT_REF, KBQ_VALIDATION, KbqAbstractSelect, KbqAnimationCurves, KbqAnimationDurations, KbqCommonModule, KbqComponentColors, KbqDataSizePipe, KbqDecimalPipe, KbqDefaultThemes, KbqForm, KbqFormElement, KbqFormattersModule, KbqFormsModule, KbqHighlightModule, KbqHighlightPipe, KbqLine, KbqLineModule, KbqLineSetter, KbqLocaleService, KbqLocaleServiceModule, KbqMeasureScrollbarService, KbqOptgroup, KbqOptgroupBase, KbqOptgroupMixinBase, KbqOption, KbqOptionActionBase, KbqOptionActionComponent, KbqOptionActionMixinBase, KbqOptionBase, KbqOptionModule, KbqOptionSelectionChange, KbqPopUp, KbqPopUpTrigger, KbqPseudoCheckbox, KbqPseudoCheckboxBase, KbqPseudoCheckboxMixinBase, KbqPseudoCheckboxModule, KbqRoundDecimalPipe, KbqSelectFooter, KbqSelectMatcher, KbqSelectSearch, KbqSelectSearchEmptyResult, KbqSelectTrigger, KbqTableNumberPipe, KbqThemeSelector, KbqVirtualOption, LEFT_BOTTOM_POSITION_PRIORITY, LEFT_POSITION_PRIORITY, LEFT_TOP_POSITION_PRIORITY, MeasurementSystem, MultipleMode, NUMBER_FORMAT_REGEXP, POSITION_MAP, POSITION_PRIORITY_STRATEGY, POSITION_TO_CSS_MAP, PasswordValidators, PopUpPlacements, PopUpSizes, PopUpTriggers, PopUpVisibility, 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, SELECT_PANEL_VIEWPORT_PADDING, ShowOnControlDirtyErrorStateMatcher, ShowOnFormSubmitErrorStateMatcher, TOP_LEFT_POSITION_PRIORITY, TOP_POSITION_PRIORITY, TOP_RIGHT_POSITION_PRIORITY, ThemePalette, ThemeService, VERSION, applyPopupMargins, checkAndNormalizeLocalizedNumber, countGroupLabelsBeforeOption, defaultOffsetY, enUSFormattersData, enUSLocaleData, esLAFormattersData, esLALocaleData, escapeRegExp, faIRFormattersData, faIRLocaleData, fadeAnimation, formatDataSize, getHumanizedBytes, getKbqSelectDynamicMultipleError, getKbqSelectNonArrayValueError, getKbqSelectNonFunctionValueError, getOptionScrollPosition, isBoolean, isWithin, kbqErrorStateMatcherProvider, kbqLocaleServiceLangAttrNameProvider, kbqSelectAnimations, kbqSelectScrollStrategyProviderFactory, mixinColor, mixinDisabled, mixinErrorState, mixinTabIndex, normalizeNumber, ptBRFormattersData, ptBRLocaleData, ruRUFormattersData, ruRULocaleData, selectEvents, tkTMFormattersData, tkTMLocaleData, toBoolean, validationTooltipHideDelay, validationTooltipShowDelay, zhCNFormattersData, zhCNLocaleData };
+export { ARROW_BOTTOM_MARGIN_AND_HALF_HEIGHT, AbsoluteDateFormatterImpurePipe, AbsoluteDateFormatterPipe, AbsoluteDateShortFormatterImpurePipe, AbsoluteDateShortFormatterPipe, AbsoluteDateTimeFormatterImpurePipe, AbsoluteDateTimeFormatterPipe, AbsoluteShortDateTimeFormatterImpurePipe, AbsoluteShortDateTimeFormatterPipe, AnimationCurves, BOTTOM_LEFT_POSITION_PRIORITY, BOTTOM_POSITION_PRIORITY, BOTTOM_RIGHT_POSITION_PRIORITY, BaseFormatterPipe, DateAdapter, DateFormatter, EXTENDED_OVERLAY_POSITIONS, EmptyFocusTrapStrategy, ErrorStateMatcher, FileValidators, 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_FORM_FIELD_REF, 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_PARENT_ANIMATION_COMPONENT, KBQ_PARENT_POPUP, KBQ_SANITY_CHECKS, KBQ_SELECT_SCROLL_STRATEGY, KBQ_SELECT_SCROLL_STRATEGY_PROVIDER, KBQ_SIZE_UNITS_CONFIG, KBQ_SIZE_UNITS_DEFAULT_CONFIG, KBQ_TITLE_TEXT_REF, KBQ_VALIDATION, KbqAbstractSelect, KbqAnimationCurves, KbqAnimationDurations, KbqColorDirective, KbqCommonModule, KbqComponentColors, KbqDataSizePipe, KbqDecimalPipe, KbqDefaultThemes, KbqForm, KbqFormElement, KbqFormattersModule, KbqFormsModule, KbqHighlightModule, KbqHighlightPipe, KbqLine, KbqLineModule, KbqLineSetter, KbqLocaleService, KbqLocaleServiceModule, KbqMeasureScrollbarService, KbqOptgroup, KbqOption, KbqOptionActionComponent, KbqOptionBase, KbqOptionModule, KbqOptionSelectionChange, KbqPopUp, KbqPopUpTrigger, KbqPseudoCheckbox, KbqPseudoCheckboxModule, KbqRoundDecimalPipe, KbqSelectFooter, KbqSelectMatcher, KbqSelectSearch, KbqSelectSearchEmptyResult, KbqSelectTrigger, KbqTableNumberPipe, KbqThemeSelector, KbqVirtualOption, LEFT_BOTTOM_POSITION_PRIORITY, LEFT_POSITION_PRIORITY, LEFT_TOP_POSITION_PRIORITY, MeasurementSystem, MultipleMode, NUMBER_FORMAT_REGEXP, POSITION_MAP, POSITION_PRIORITY_STRATEGY, POSITION_TO_CSS_MAP, PasswordValidators, PopUpPlacements, PopUpSizes, PopUpTriggers, PopUpVisibility, 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, SELECT_PANEL_VIEWPORT_PADDING, ShowOnControlDirtyErrorStateMatcher, ShowOnFormSubmitErrorStateMatcher, TOP_LEFT_POSITION_PRIORITY, TOP_POSITION_PRIORITY, TOP_RIGHT_POSITION_PRIORITY, ThemePalette, ThemeService, VERSION, applyPopupMargins, checkAndNormalizeLocalizedNumber, countGroupLabelsBeforeOption, defaultOffsetY, enUSFormattersData, enUSLocaleData, esLAFormattersData, esLALocaleData, escapeRegExp, faIRFormattersData, faIRLocaleData, fadeAnimation, formatDataSize, getHumanizedBytes, getKbqSelectDynamicMultipleError, getKbqSelectNonArrayValueError, getKbqSelectNonFunctionValueError, getNodesWithoutComments, getOptionScrollPosition, isBoolean, isWithin, kbqErrorStateMatcherProvider, kbqLocaleServiceLangAttrNameProvider, kbqSelectAnimations, kbqSelectScrollStrategyProviderFactory, leftIconClassName, mixinColor, mixinDisabled, mixinErrorState, mixinTabIndex, normalizeNumber, numberByParts, ptBRFormattersData, ptBRLocaleData, rightIconClassName, ruRUFormattersData, ruRULocaleData, selectEvents, tkTMFormattersData, tkTMLocaleData, toBoolean, validationTooltipHideDelay, validationTooltipShowDelay, zhCNFormattersData, zhCNLocaleData };
 //# sourceMappingURL=koobiq-components-core.mjs.map