@koobiq/components 18.34.0 → 18.35.0

package/fesm2022/koobiq-components-button.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"koobiq-components-button.mjs","sources":["../../../packages/components/button/button.component.ts","../../../packages/components/button/button.component.html","../../../packages/components/button/button.dropdown-trigger.directive.ts","../../../packages/components/button/button.module.ts","../../../packages/components/button/koobiq-components-button.ts"],"sourcesContent":["import { FocusMonitor } from '@angular/cdk/a11y';\nimport {\n    AfterContentInit,\n    AfterViewInit,\n    booleanAttribute,\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\n    ContentChildren,\n    Directive,\n    ElementRef,\n    forwardRef,\n    Input,\n    numberAttribute,\n    OnDestroy,\n    QueryList,\n    Renderer2,\n    SkipSelf,\n    ViewChild,\n    ViewEncapsulation\n} from '@angular/core';\nimport {\n    getNodesWithoutComments,\n    KBQ_TITLE_TEXT_REF,\n    KbqColorDirective,\n    KbqComponentColors,\n    KbqTitleTextRef,\n    leftIconClassName,\n    rightIconClassName\n} from '@koobiq/components/core';\nimport { KbqIcon } from '@koobiq/components/icon';\n\nexport enum KbqButtonStyles {\n    Filled = 'filled',\n    Outline = 'outline',\n    Transparent = 'transparent'\n}\n\nexport const buttonLeftIconClassName = 'kbq-button-icon_left';\nexport const buttonRightIconClassName = 'kbq-button-icon_right';\n\n@Directive({\n    selector: '[kbq-button]',\n    host: {\n        '[class.kbq-button]': '!isIconButton',\n        '[class.kbq-button-icon]': 'isIconButton'\n    }\n})\nexport class KbqButtonCssStyler implements AfterContentInit {\n    @ContentChildren(forwardRef(() => KbqIcon)) icons: QueryList<KbqIcon>;\n\n    nativeElement: HTMLElement;\n\n    isIconButton: boolean = false;\n\n    constructor(\n        elementRef: ElementRef,\n        private renderer: Renderer2,\n        @SkipSelf() private cdr: ChangeDetectorRef\n    ) {\n        this.nativeElement = elementRef.nativeElement;\n    }\n\n    ngAfterContentInit() {\n        this.updateClassModifierForIcons();\n    }\n\n    updateClassModifierForIcons() {\n        this.renderer.removeClass(this.nativeElement, buttonLeftIconClassName);\n        this.renderer.removeClass(this.nativeElement, buttonRightIconClassName);\n        this.icons\n            .map((item) => item.getHostElement())\n            .forEach((iconHostElement) => {\n                this.renderer.removeClass(iconHostElement, leftIconClassName);\n                this.renderer.removeClass(iconHostElement, rightIconClassName);\n            });\n\n        const twoIcons = 2;\n        const filteredNodesWithoutComments = getNodesWithoutComments(\n            this.nativeElement.querySelector('.kbq-button-wrapper')!.childNodes as NodeList\n        );\n\n        const currentIsIconButtonValue =\n            !!this.icons.length &&\n            this.icons.length === filteredNodesWithoutComments.length &&\n            this.icons.length <= twoIcons;\n\n        if (currentIsIconButtonValue !== this.isIconButton) {\n            this.isIconButton = currentIsIconButtonValue;\n            this.cdr.detectChanges();\n        }\n\n        if (this.icons.length && filteredNodesWithoutComments.length > 1) {\n            this.icons\n                .map((item) => item.getHostElement())\n                .forEach((iconHostElement) => {\n                    const iconIndex = filteredNodesWithoutComments.findIndex((node) => node === iconHostElement);\n\n                    if (iconIndex === 0) {\n                        this.renderer.addClass(iconHostElement, leftIconClassName);\n                        this.renderer.addClass(this.nativeElement, buttonLeftIconClassName);\n                    }\n\n                    if (iconIndex === filteredNodesWithoutComments.length - 1) {\n                        this.renderer.addClass(iconHostElement, rightIconClassName);\n                        this.renderer.addClass(this.nativeElement, buttonRightIconClassName);\n                    }\n                });\n        }\n    }\n}\n\n@Component({\n    selector: '[kbq-button]',\n    templateUrl: './button.component.html',\n    styleUrls: ['./button.scss', './button-tokens.scss'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    host: {\n        '[attr.disabled]': 'disabled || null',\n        '[class.kbq-disabled]': 'disabled',\n        '[attr.tabIndex]': 'tabIndex',\n        '[class]': 'kbqStyle',\n\n        '(focus)': 'onFocus($event)',\n        '(blur)': 'onBlur()'\n    },\n    providers: [\n        { provide: KBQ_TITLE_TEXT_REF, useExisting: KbqButton }]\n})\nexport class KbqButton extends KbqColorDirective implements OnDestroy, AfterViewInit, KbqTitleTextRef {\n    hasFocus: boolean = false;\n\n    @ViewChild('kbqTitleText', { static: false }) textElement: ElementRef;\n\n    @Input()\n    get kbqStyle(): string {\n        return `kbq-button_${this._kbqStyle}`;\n    }\n\n    set kbqStyle(value: string | KbqButtonStyles) {\n        this._kbqStyle = value || KbqButtonStyles.Filled;\n    }\n\n    private _kbqStyle: string | KbqButtonStyles = KbqButtonStyles.Filled;\n\n    @Input({ transform: booleanAttribute })\n    get disabled(): boolean {\n        return this._disabled;\n    }\n\n    set disabled(value: boolean) {\n        this._disabled = value;\n\n        this._disabled ? this.stopFocusMonitor() : this.runFocusMonitor();\n    }\n\n    private _disabled: boolean = false;\n\n    @Input({ transform: numberAttribute })\n    get tabIndex(): number {\n        return this.disabled ? -1 : this._tabIndex;\n    }\n\n    set tabIndex(value: number) {\n        this._tabIndex = value;\n    }\n\n    private _tabIndex = 0;\n\n    constructor(\n        private focusMonitor: FocusMonitor,\n        private styler: KbqButtonCssStyler\n    ) {\n        super();\n\n        this.color = KbqComponentColors.ContrastFade;\n        this.setDefaultColor(KbqComponentColors.ContrastFade);\n    }\n\n    ngAfterViewInit(): void {\n        this.runFocusMonitor();\n    }\n\n    ngOnDestroy() {\n        this.stopFocusMonitor();\n    }\n\n    onFocus($event) {\n        $event.stopPropagation();\n\n        this.hasFocus = true;\n    }\n\n    onBlur() {\n        this.hasFocus = false;\n    }\n\n    getHostElement() {\n        return this.elementRef.nativeElement;\n    }\n\n    focus(): void {\n        this.hasFocus = true;\n\n        this.getHostElement().focus();\n    }\n\n    focusViaKeyboard(): void {\n        this.hasFocus = true;\n\n        this.focusMonitor.focusVia(this.getHostElement(), 'keyboard');\n    }\n\n    haltDisabledEvents(event: Event) {\n        if (this.disabled) {\n            event.preventDefault();\n            event.stopImmediatePropagation();\n            event.stopPropagation();\n        }\n    }\n\n    projectContentChanged() {\n        this.styler.updateClassModifierForIcons();\n    }\n\n    private runFocusMonitor() {\n        this.focusMonitor.monitor(this.elementRef.nativeElement, true);\n    }\n\n    private stopFocusMonitor() {\n        this.focusMonitor.stopMonitoring(this.elementRef.nativeElement);\n    }\n}\n","<div #kbqTitleText class=\"kbq-button-wrapper\" (cdkObserveContent)=\"projectContentChanged()\">\n    <ng-content />\n</div>\n<div class=\"kbq-button-overlay\" (click)=\"haltDisabledEvents($event)\"></div>\n","import { Directive, inject } from '@angular/core';\nimport { KbqDropdownTrigger } from '@koobiq/components/dropdown';\n\n/**\n * This directive enhances `kbq-button` elements acting as dropdown triggers,\n * visually indicating the active state with the `kbq-active` class,\n * following Koobiq Design System.\n *\n * The directive relies on a separate `KbqDropdownTrigger` directive to get dropdown's state.\n */\n@Directive({\n    standalone: true,\n    selector: `[kbq-button][kbqDropdownTriggerFor]`,\n    host: {\n        '[class.kbq-active]': 'dropdownTrigger.opened'\n    }\n})\nexport class KbqButtonDropdownTrigger {\n    dropdownTrigger = inject(KbqDropdownTrigger);\n}\n","import { A11yModule } from '@angular/cdk/a11y';\nimport { ObserversModule } from '@angular/cdk/observers';\nimport { PlatformModule } from '@angular/cdk/platform';\nimport { NgModule } from '@angular/core';\nimport { KbqButton, KbqButtonCssStyler } from './button.component';\nimport { KbqButtonDropdownTrigger } from './button.dropdown-trigger.directive';\n\n@NgModule({\n    imports: [\n        A11yModule,\n        PlatformModule,\n        ObserversModule,\n        KbqButtonDropdownTrigger\n    ],\n    exports: [\n        KbqButton,\n        KbqButtonCssStyler,\n        KbqButtonDropdownTrigger\n    ],\n    declarations: [\n        KbqButton,\n        KbqButtonCssStyler\n    ]\n})\nexport class KbqButtonModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"koobiq-components-button.mjs","sources":["../../../packages/components/button/button.component.ts","../../../packages/components/button/button.component.html","../../../packages/components/button/button.dropdown-trigger.directive.ts","../../../packages/components/button/button.module.ts","../../../packages/components/button/koobiq-components-button.ts"],"sourcesContent":["import { FocusMonitor } from '@angular/cdk/a11y';\nimport {\n    AfterContentInit,\n    AfterViewInit,\n    booleanAttribute,\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\n    ContentChildren,\n    Directive,\n    ElementRef,\n    forwardRef,\n    Input,\n    numberAttribute,\n    OnDestroy,\n    QueryList,\n    Renderer2,\n    SkipSelf,\n    ViewChild,\n    ViewEncapsulation\n} from '@angular/core';\nimport {\n    getNodesWithoutComments,\n    KBQ_TITLE_TEXT_REF,\n    KbqColorDirective,\n    KbqComponentColors,\n    KbqTitleTextRef,\n    leftIconClassName,\n    rightIconClassName\n} from '@koobiq/components/core';\nimport { KbqIcon } from '@koobiq/components/icon';\n\nexport enum KbqButtonStyles {\n    Filled = 'filled',\n    Outline = 'outline',\n    Transparent = 'transparent'\n}\n\nexport const buttonLeftIconClassName = 'kbq-button-icon_left';\nexport const buttonRightIconClassName = 'kbq-button-icon_right';\n\n@Directive({\n    selector: '[kbq-button]',\n    host: {\n        '[class.kbq-button]': '!isIconButton',\n        '[class.kbq-button-icon]': 'isIconButton'\n    }\n})\nexport class KbqButtonCssStyler implements AfterContentInit {\n    @ContentChildren(forwardRef(() => KbqIcon)) icons: QueryList<KbqIcon>;\n\n    nativeElement: HTMLElement;\n\n    isIconButton: boolean = false;\n\n    constructor(\n        elementRef: ElementRef,\n        private renderer: Renderer2,\n        @SkipSelf() private cdr: ChangeDetectorRef\n    ) {\n        this.nativeElement = elementRef.nativeElement;\n    }\n\n    ngAfterContentInit() {\n        this.updateClassModifierForIcons();\n    }\n\n    updateClassModifierForIcons() {\n        this.renderer.removeClass(this.nativeElement, buttonLeftIconClassName);\n        this.renderer.removeClass(this.nativeElement, buttonRightIconClassName);\n        this.icons\n            .map((item) => item.getHostElement())\n            .forEach((iconHostElement) => {\n                this.renderer.removeClass(iconHostElement, leftIconClassName);\n                this.renderer.removeClass(iconHostElement, rightIconClassName);\n            });\n\n        const twoIcons = 2;\n        const filteredNodesWithoutComments = getNodesWithoutComments(\n            this.nativeElement.querySelector('.kbq-button-wrapper')!.childNodes as NodeList\n        );\n\n        const currentIsIconButtonValue =\n            !!this.icons.length &&\n            this.icons.length === filteredNodesWithoutComments.length &&\n            this.icons.length <= twoIcons;\n\n        if (currentIsIconButtonValue !== this.isIconButton) {\n            this.isIconButton = currentIsIconButtonValue;\n            this.cdr.detectChanges();\n        }\n\n        if (this.icons.length && filteredNodesWithoutComments.length > 1) {\n            this.icons\n                .map((item) => item.getHostElement())\n                .forEach((iconHostElement) => {\n                    const iconIndex = filteredNodesWithoutComments.findIndex((node) => node === iconHostElement);\n\n                    if (iconIndex === 0) {\n                        this.renderer.addClass(iconHostElement, leftIconClassName);\n                        this.renderer.addClass(this.nativeElement, buttonLeftIconClassName);\n                    }\n\n                    if (iconIndex === filteredNodesWithoutComments.length - 1) {\n                        this.renderer.addClass(iconHostElement, rightIconClassName);\n                        this.renderer.addClass(this.nativeElement, buttonRightIconClassName);\n                    }\n                });\n        }\n    }\n}\n\n@Component({\n    selector: '[kbq-button]',\n    templateUrl: './button.component.html',\n    styleUrls: ['./button.scss', './button-tokens.scss'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    host: {\n        '[attr.disabled]': 'disabled || null',\n        '[class.kbq-disabled]': 'disabled',\n        '[attr.tabIndex]': 'tabIndex',\n        '[class]': 'kbqStyle',\n\n        '(focus)': 'onFocus($event)',\n        '(blur)': 'onBlur()'\n    },\n    providers: [\n        { provide: KBQ_TITLE_TEXT_REF, useExisting: KbqButton }]\n})\nexport class KbqButton extends KbqColorDirective implements OnDestroy, AfterViewInit, KbqTitleTextRef {\n    hasFocus: boolean = false;\n\n    @ViewChild('kbqTitleText', { static: false }) textElement: ElementRef;\n\n    @Input()\n    get kbqStyle(): string {\n        return `kbq-button_${this._kbqStyle}`;\n    }\n\n    set kbqStyle(value: string | KbqButtonStyles) {\n        this._kbqStyle = value || KbqButtonStyles.Filled;\n    }\n\n    private _kbqStyle: string | KbqButtonStyles = KbqButtonStyles.Filled;\n\n    @Input({ transform: booleanAttribute })\n    get disabled(): boolean {\n        return this._disabled;\n    }\n\n    set disabled(value: boolean) {\n        this._disabled = value;\n\n        this._disabled ? this.stopFocusMonitor() : this.runFocusMonitor();\n    }\n\n    private _disabled: boolean = false;\n\n    @Input({ transform: numberAttribute })\n    get tabIndex(): number {\n        return this.disabled ? -1 : this._tabIndex;\n    }\n\n    set tabIndex(value: number) {\n        this._tabIndex = value;\n    }\n\n    private _tabIndex = 0;\n\n    constructor(\n        private focusMonitor: FocusMonitor,\n        private styler: KbqButtonCssStyler\n    ) {\n        super();\n\n        this.color = KbqComponentColors.ContrastFade;\n        this.setDefaultColor(KbqComponentColors.ContrastFade);\n    }\n\n    ngAfterViewInit(): void {\n        this.runFocusMonitor();\n    }\n\n    ngOnDestroy() {\n        this.stopFocusMonitor();\n    }\n\n    onFocus($event) {\n        $event.stopPropagation();\n\n        this.hasFocus = true;\n    }\n\n    onBlur() {\n        this.hasFocus = false;\n    }\n\n    getHostElement() {\n        return this.elementRef.nativeElement;\n    }\n\n    focus(): void {\n        this.hasFocus = true;\n\n        this.getHostElement().focus();\n    }\n\n    focusViaKeyboard(): void {\n        this.hasFocus = true;\n\n        this.focusMonitor.focusVia(this.getHostElement(), 'keyboard');\n    }\n\n    haltDisabledEvents(event: Event) {\n        if (this.disabled) {\n            event.preventDefault();\n            event.stopImmediatePropagation();\n            event.stopPropagation();\n        }\n    }\n\n    projectContentChanged() {\n        this.styler.updateClassModifierForIcons();\n    }\n\n    private runFocusMonitor() {\n        this.focusMonitor.monitor(this.elementRef.nativeElement, true);\n    }\n\n    private stopFocusMonitor() {\n        this.focusMonitor.stopMonitoring(this.elementRef.nativeElement);\n    }\n}\n","<div #kbqTitleText class=\"kbq-button-wrapper\" (cdkObserveContent)=\"projectContentChanged()\">\n    <ng-content />\n</div>\n<div class=\"kbq-button-overlay\" (click)=\"haltDisabledEvents($event)\"></div>\n","import { Directive, inject } from '@angular/core';\nimport { KbqDropdownTrigger } from '@koobiq/components/dropdown';\n\n/**\n * This directive enhances `kbq-button` elements acting as dropdown triggers,\n * visually indicating the active state with the `kbq-active` class,\n * following Koobiq Design System.\n *\n * The directive relies on a separate `KbqDropdownTrigger` directive to get dropdown's state.\n */\n@Directive({\n    standalone: true,\n    selector: `[kbq-button][kbqDropdownTriggerFor]`,\n    host: {\n        '[class.kbq-active]': 'dropdownTrigger.opened'\n    }\n})\nexport class KbqButtonDropdownTrigger {\n    dropdownTrigger = inject(KbqDropdownTrigger);\n}\n","import { A11yModule } from '@angular/cdk/a11y';\nimport { ObserversModule } from '@angular/cdk/observers';\nimport { PlatformModule } from '@angular/cdk/platform';\nimport { NgModule } from '@angular/core';\nimport { KbqButton, KbqButtonCssStyler } from './button.component';\nimport { KbqButtonDropdownTrigger } from './button.dropdown-trigger.directive';\n\n@NgModule({\n    imports: [\n        A11yModule,\n        PlatformModule,\n        ObserversModule,\n        KbqButtonDropdownTrigger\n    ],\n    exports: [\n        KbqButton,\n        KbqButtonCssStyler,\n        KbqButtonDropdownTrigger\n    ],\n    declarations: [\n        KbqButton,\n        KbqButtonCssStyler\n    ]\n})\nexport class KbqButtonModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/koobiq-components-core.mjs

@@ -1,14 +1,15 @@
 import { trigger, state, style, transition, animate, group } from '@angular/animations';
 import * as i0 from '@angular/core';
-import { inject, ElementRef, Directive, Input, InjectionToken, isDevMode, NgModule, Optional, Inject, LOCALE_ID, Type, Injectable, Pipe, ContentChildren, DestroyRef, booleanAttribute, Component, ViewEncapsulation, ChangeDetectionStrategy, EventEmitter, ViewChild, Output, Renderer2, ChangeDetectorRef, TemplateRef, NgZone, ViewContainerRef, RendererFactory2, Version } from '@angular/core';
+import { inject, ElementRef, Directive, Input, InjectionToken, isDevMode, NgModule, Optional, Inject, LOCALE_ID, Type, Injectable, Renderer2, DestroyRef, afterNextRender, Pipe, ContentChildren, booleanAttribute, Component, ViewEncapsulation, ChangeDetectionStrategy, EventEmitter, ViewChild, Output, 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 { coerceBooleanProperty, coerceNumberProperty, coerceCssPixelValue } 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 { merge, fromEvent, BehaviorSubject, Subject, interval, Subscription, pairwise } from 'rxjs';
 import { DateFormatter as DateFormatter$1 } from '@koobiq/date-formatter';
-import { BehaviorSubject, Subject, interval, Subscription, pairwise } from 'rxjs';
+import { Platform } from '@angular/cdk/platform';
 import * as i1$1 from '@angular/cdk/a11y';
 import { SPACE, ENTER, TAB, ESCAPE, HOME, END } from '@koobiq/cdk/keycodes';
 import { Overlay, ScrollDispatcher, CdkScrollable } from '@angular/cdk/overlay';
@@ -465,6 +466,156 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
             args: [{ providedIn: 'root' }]
         }] });
 
+/**
+ * Injects the ElementRef for the current component.
+ */
+const kbqInjectElementRef = () => {
+    return inject((ElementRef));
+};
+/**
+ * Injects the native element for the current component.
+ */
+const kbqInjectNativeElement = () => {
+    return kbqInjectElementRef().nativeElement;
+};
+
+function isBoolean(value) {
+    return typeof value === 'boolean';
+}
+/** Whether the value is undefined. */
+const isUndefined = (value) => {
+    return value === undefined;
+};
+/** Whether the value is null. */
+const isNull = (value) => {
+    return value === null;
+};
+/**
+ * Will be removed in the next major release
+ *
+ * @deprecated Use `booleanAttribute` instead
+ */
+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';
+/** Whether the current platform is a Mac. */
+function isMac() {
+    // eslint-disable-next-line no-restricted-globals
+    return /^mac/i.test(navigator?.platform);
+}
+
+const INITIAL_PROPERTIES = {
+    all: 'initial',
+    position: 'absolute',
+    top: coerceCssPixelValue(0),
+    left: coerceCssPixelValue(0),
+    width: coerceCssPixelValue(0),
+    height: coerceCssPixelValue(0),
+    visibility: 'hidden',
+    overflow: 'scroll',
+    whiteSpace: 'pre',
+    pointerEvents: 'none'
+};
+/**
+ * Properties that can affect element width and should be inherited from the parent.
+ */
+const WIDTH_INHERITED_PROPERTIES = [
+    'font',
+    'fontFamily',
+    'fontFeatureSettings',
+    'fontKerning',
+    'fontOpticalSizing',
+    'fontSizeAdjust',
+    'fontSize',
+    'fontStretch',
+    'fontSynthesis',
+    'fontVariant',
+    'fontVariantLigatures',
+    'fontVariationSettings',
+    'fontWeight',
+    'letterSpacing',
+    'textIndent',
+    'textTransform'
+];
+/**
+ * Properties that should be added to the width when `box-sizing: border-box` is applied.
+ */
+const BOX_SIZING_BORDER_BOX_WIDTH_PROPERTIES = [
+    'paddingLeft',
+    'paddingRight',
+    'borderLeftWidth',
+    'borderRightWidth'
+];
+const FIELD_RESIZE_EVENTS = ['input', 'change', 'focus'];
+/**
+ * Emulates [`field-sizing: content`](https://developer.mozilla.org/en-US/docs/Web/CSS/field-sizing) CSS property for
+ * browsers that do not support it natively.
+ *
+ * @docs-private
+ */
+class KbqFieldSizingContent {
+    constructor() {
+        this.element = kbqInjectNativeElement();
+        this.renderer = inject(Renderer2);
+        this.window = inject(KBQ_WINDOW);
+        this.document = inject(DOCUMENT);
+        this.destroyRef = inject(DestroyRef);
+        afterNextRender(() => this.emulate());
+    }
+    emulate() {
+        if (CSS.supports('field-sizing', 'content')) {
+            this.renderer.setStyle(this.element, 'fieldSizing', 'content');
+            return;
+        }
+        merge(...FIELD_RESIZE_EVENTS.map((event) => fromEvent(this.element, event)))
+            .pipe(takeUntilDestroyed(this.destroyRef))
+            .subscribe(() => this.setupWidth());
+        this.setupWidth();
+    }
+    setupWidth() {
+        const computedStyle = this.window.getComputedStyle(this.element);
+        const ruler = this.createRuler(computedStyle);
+        ruler.textContent = this.element.value || this.element.placeholder || '';
+        this.renderer.appendChild(this.document.body, ruler);
+        const width = this.calculateWidth(ruler, computedStyle);
+        this.renderer.setStyle(this.element, 'width', coerceCssPixelValue(width));
+        this.renderer.removeChild(this.document.body, ruler);
+    }
+    createRuler(computedStyle) {
+        const ruler = this.renderer.createElement('span');
+        Object.assign(ruler.style, INITIAL_PROPERTIES);
+        WIDTH_INHERITED_PROPERTIES.forEach((property) => {
+            ruler.style[property] = computedStyle[property];
+        });
+        return ruler;
+    }
+    calculateWidth(ruler, computedStyle) {
+        if (computedStyle.boxSizing === 'border-box') {
+            return BOX_SIZING_BORDER_BOX_WIDTH_PROPERTIES.reduce((width, property) => width + (parseFloat(computedStyle[property]) || 0), ruler.scrollWidth);
+        }
+        return ruler.scrollWidth;
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: KbqFieldSizingContent, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: KbqFieldSizingContent, isStandalone: true, selector: "[kbqFieldSizingContent]", host: { classAttribute: "kbq-field-sizing-content" }, exportAs: ["kbqFieldSizingContent"], ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: KbqFieldSizingContent, decorators: [{
+            type: Directive,
+            args: [{
+                    standalone: true,
+                    selector: '[kbqFieldSizingContent]',
+                    exportAs: 'kbqFieldSizingContent',
+                    host: {
+                        class: 'kbq-field-sizing-content'
+                    }
+                }]
+        }], ctorParameters: () => [] });
+
 /**
  * Injection token that can be used to inject an instances of `KbqFormField`. It serves
  * as alternative token to the actual `KbqFormField` class which would cause unnecessary
@@ -565,6 +716,12 @@ const enUSLocaleData = {
     clampedText: {
         openText: 'Expand',
         closeText: 'Collapse'
+    },
+    navbarIc: {
+        toggle: {
+            pinButton: 'Leave expanded',
+            collapseButton: 'Collapse'
+        }
     }
 };
 
@@ -658,6 +815,12 @@ const esLALocaleData = {
     clampedText: {
         openText: 'Expandir',
         closeText: 'Contraer'
+    },
+    navbarIc: {
+        toggle: {
+            pinButton: 'Expandir el menú',
+            collapseButton: 'Colapsar'
+        }
     }
 };
 
@@ -751,6 +914,12 @@ const faIRLocaleData = {
     clampedText: {
         openText: 'باز کردن',
         closeText: 'بستن'
+    },
+    navbarIc: {
+        toggle: {
+            pinButton: 'ترک گسترش یافته',
+            collapseButton: 'جمع کردن'
+        }
     }
 };
 
@@ -844,6 +1013,12 @@ const ptBRLocaleData = {
     clampedText: {
         openText: 'Expandir',
         closeText: 'Recolher'
+    },
+    navbarIc: {
+        toggle: {
+            pinButton: 'Deixar expandido',
+            collapseButton: 'Recolher'
+        }
     }
 };
 
@@ -938,6 +1113,12 @@ const ruRULocaleData = {
     clampedText: {
         openText: 'Развернуть',
         closeText: 'Свернуть'
+    },
+    navbarIc: {
+        toggle: {
+            pinButton: 'Оставить развернутым',
+            collapseButton: 'Свернуть'
+        }
     }
 };
 
@@ -1032,6 +1213,12 @@ const tkTMLocaleData = {
     clampedText: {
         openText: 'Giňelt',
         closeText: 'Ýap'
+    },
+    navbarIc: {
+        toggle: {
+            pinButton: 'Rugsat giňeldildi',
+            collapseButton: 'Apseykylmak'
+        }
     }
 };
 
@@ -1125,6 +1312,12 @@ const zhCNLocaleData = {
     clampedText: {
         openText: '展开',
         closeText: '收起'
+    },
+    navbarIc: {
+        toggle: {
+            pinButton: '保持展开',
+            collapseButton: '折叠'
+        }
     }
 };
 
@@ -2935,6 +3128,40 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                 }]
         }] });
 
+class KbqRectangleItem {
+    constructor() {
+        this.isBrowser = inject(Platform).isBrowser;
+        this.nativeElement = inject(ElementRef).nativeElement;
+        this.window = inject(KBQ_WINDOW);
+        this.state = new Subject();
+    }
+    get collapsed() {
+        return this._collapsed;
+    }
+    set collapsed(value) {
+        this._collapsed = value;
+        this.state.next();
+    }
+    getOuterElementWidth() {
+        if (!this.isBrowser)
+            return 0;
+        const { width, marginLeft, marginRight } = this.window.getComputedStyle(this.nativeElement);
+        return [width, marginLeft, marginRight].reduce((acc, item) => acc + parseInt(item), 0);
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: KbqRectangleItem, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: KbqRectangleItem, isStandalone: true, host: { properties: { "class.kbq-expanded": "!collapsed", "class.kbq-collapsed": "collapsed" } }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: KbqRectangleItem, decorators: [{
+            type: Directive,
+            args: [{
+                    standalone: true,
+                    host: {
+                        '[class.kbq-expanded]': '!collapsed',
+                        '[class.kbq-collapsed]': 'collapsed'
+                    }
+                }]
+        }] });
+
 const KBQ_OPTION_ACTION_PARENT = new InjectionToken('KBQ_OPTION_ACTION_PARENT');
 class KbqOptionActionComponent {
     get disabled() {
@@ -3204,8 +3431,10 @@ class KbqOption extends KbqOptionBase {
      * select's trigger.
      */
     get viewValue() {
-        // TODO: Add input property alternative for node envs.
-        return (this.getHostElement().textContent || '').trim();
+        return this._viewValue || (this.getHostElement().textContent || '').trim();
+    }
+    set viewValue(value) {
+        this._viewValue = value;
     }
     /** Whether the wrapping component is in multiple selection mode. */
     get multiple() {
@@ -3349,7 +3578,7 @@ class KbqOption extends KbqOptionBase {
         return this.element.nativeElement;
     }
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: KbqOption, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: KBQ_OPTION_PARENT_COMPONENT, optional: true }, { token: KbqOptgroup, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: KbqOption, selector: "kbq-option", inputs: { value: "value", selectable: ["selectable", "selectable", booleanAttribute], userSelect: ["userSelect", "userSelect", booleanAttribute], showCheckbox: "showCheckbox", disabled: "disabled" }, outputs: { onSelectionChange: "onSelectionChange" }, host: { listeners: { "click": "selectViaInteraction()", "keydown": "handleKeydown($event)" }, properties: { "attr.tabindex": "getTabIndex()", "class.kbq-selected": "selected", "class.kbq-option-multiple": "multiple", "class.kbq-active": "active", "class.kbq-disabled": "disabled", "id": "id" }, classAttribute: "kbq-option" }, providers: [
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: KbqOption, selector: "kbq-option", inputs: { value: "value", selectable: ["selectable", "selectable", booleanAttribute], userSelect: ["userSelect", "userSelect", booleanAttribute], showCheckbox: "showCheckbox", viewValue: "viewValue", disabled: "disabled" }, outputs: { onSelectionChange: "onSelectionChange" }, host: { listeners: { "click": "selectViaInteraction()", "keydown": "handleKeydown($event)" }, properties: { "attr.tabindex": "getTabIndex()", "class.kbq-selected": "selected", "class.kbq-option-multiple": "multiple", "class.kbq-active": "active", "class.kbq-disabled": "disabled", "id": "id" }, classAttribute: "kbq-option" }, providers: [
             {
                 provide: KBQ_TITLE_TEXT_REF,
                 useExisting: KbqOption
@@ -3396,6 +3625,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                 type: Input
             }], onSelectionChange: [{
                 type: Output
+            }], viewValue: [{
+                type: Input
             }], disabled: [{
                 type: Input
             }] } });
@@ -3972,7 +4203,11 @@ class KbqPopUpTrigger {
         this.availablePositions = POSITION_MAP;
         /** Hide pop-up with timeout. Need if you want to show pop-up after leaving trigger */
         this.hideWithTimeout = false;
+        /** prevents closure by any event */
+        this.preventClose = false;
         this.hide = (delay = this.leaveDelay) => {
+            if (this.preventClose)
+                return;
             if ((this.instance && this.triggerName !== 'mouseleave') ||
                 (this.triggerName === 'mouseleave' && !this.instance?.hovered.getValue())) {
                 this.ngZone.run(() => this.instance?.hide(delay));
@@ -4586,29 +4821,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
             args: [{ providedIn: 'root' }]
         }], ctorParameters: () => [] });
 
-function isBoolean(value) {
-    return typeof value === 'boolean';
-}
-/**
- * Will be removed in the next major release
- *
- * @deprecated Use `booleanAttribute` instead
- */
-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';
-/** Whether the current platform is a Mac. */
-function isMac() {
-    // eslint-disable-next-line no-restricted-globals
-    return /^mac/i.test(navigator?.platform);
-}
-
 /**
  * @docs-private
  */
@@ -4635,11 +4847,11 @@ const kbqDisableLegacyValidationDirectiveProvider = () => ({
     useValue: { useValidation: false }
 });
 
-const VERSION = new Version('18.34.0+sha-b801dbb');
+const VERSION = new Version('18.35.0+sha-52fe775');
 
 /**
  * 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_INVALID_VALUE_ERROR, KBQ_LOCALE_DATA, KBQ_LOCALE_ID, KBQ_LOCALE_SERVICE, KBQ_LOCALE_SERVICE_LANG_ATTR_NAME, KBQ_NUMBER_FORMATTER_DEFAULT_OPTIONS, KBQ_NUMBER_FORMATTER_OPTIONS, KBQ_OPTION_ACTION_PARENT, KBQ_OPTION_PARENT_COMPONENT, KBQ_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, KBQ_WINDOW, KbqAbstractSelect, KbqActionContainer, KbqAnimationCurves, KbqAnimationDurations, KbqColorDirective, KbqCommonModule, KbqComponentColors, KbqDataSizePipe, KbqDecimalPipe, KbqDefaultThemes, KbqErrorStateTracker, KbqForm, KbqFormElement, KbqFormattersModule, KbqFormsModule, KbqHighlightModule, KbqHighlightPipe, KbqLine, KbqLineModule, KbqLineSetter, KbqLocaleService, KbqLocaleServiceModule, KbqMeasureScrollbarService, KbqMeasurementSystem, KbqNormalizeWhitespace, 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, formatNumberWithLocale, getFormattedSizeParts, getHumanizedBytes, getKbqSelectDynamicMultipleError, getKbqSelectNonArrayValueError, getKbqSelectNonFunctionValueError, getNodesWithoutComments, getOptionScrollPosition, isBoolean, isMac, isWithin, kbqDisableLegacyValidationDirectiveProvider, kbqErrorStateMatcherProvider, kbqFilesizeFormatterConfigurationProvider, kbqLocaleServiceLangAttrNameProvider, kbqSelectAnimations, kbqSelectScrollStrategyProviderFactory, leftIconClassName, mixinColor, mixinDisabled, mixinErrorState, mixinTabIndex, normalizeNumber, numberByParts, ptBRFormattersData, ptBRLocaleData, rightIconClassName, 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_INVALID_VALUE_ERROR, KBQ_LOCALE_DATA, KBQ_LOCALE_ID, KBQ_LOCALE_SERVICE, KBQ_LOCALE_SERVICE_LANG_ATTR_NAME, KBQ_NUMBER_FORMATTER_DEFAULT_OPTIONS, KBQ_NUMBER_FORMATTER_OPTIONS, KBQ_OPTION_ACTION_PARENT, KBQ_OPTION_PARENT_COMPONENT, KBQ_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, KBQ_WINDOW, KbqAbstractSelect, KbqActionContainer, KbqAnimationCurves, KbqAnimationDurations, KbqColorDirective, KbqCommonModule, KbqComponentColors, KbqDataSizePipe, KbqDecimalPipe, KbqDefaultThemes, KbqErrorStateTracker, KbqFieldSizingContent, KbqForm, KbqFormElement, KbqFormattersModule, KbqFormsModule, KbqHighlightModule, KbqHighlightPipe, KbqLine, KbqLineModule, KbqLineSetter, KbqLocaleService, KbqLocaleServiceModule, KbqMeasureScrollbarService, KbqMeasurementSystem, KbqNormalizeWhitespace, KbqOptgroup, KbqOption, KbqOptionActionComponent, KbqOptionBase, KbqOptionModule, KbqOptionSelectionChange, KbqPopUp, KbqPopUpTrigger, KbqPseudoCheckbox, KbqPseudoCheckboxModule, KbqRectangleItem, 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, formatNumberWithLocale, getFormattedSizeParts, getHumanizedBytes, getKbqSelectDynamicMultipleError, getKbqSelectNonArrayValueError, getKbqSelectNonFunctionValueError, getNodesWithoutComments, getOptionScrollPosition, isBoolean, isMac, isNull, isUndefined, isWithin, kbqDisableLegacyValidationDirectiveProvider, kbqErrorStateMatcherProvider, kbqFilesizeFormatterConfigurationProvider, kbqInjectElementRef, kbqInjectNativeElement, 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