@koobiq/components 17.0.0-rc.10 → 17.0.0-rc.12

package/progress-bar/public-api.d.ts

@@ -1,2 +1,2 @@
-export * from './progress-bar.module';
 export * from './progress-bar.component';
+export * from './progress-bar.module';

package/progress-spinner/public-api.d.ts

@@ -1,2 +1,2 @@
-export * from './progress-spinner.module';
 export * from './progress-spinner.component';
+export * from './progress-spinner.module';

package/radio/_radio-theme.scss

@@ -58,6 +58,7 @@
 
         & .kbq-radio-label {
             cursor: default;
+            color: map.get($component, $type-name, states-disabled, caption);
         }
 
         & .kbq-hint .kbq-hint__text {

package/radio/public-api.d.ts

@@ -1,2 +1,2 @@
-export * from './radio.module';
 export * from './radio.component';
+export * from './radio.module';

package/radio/radio.scss

@@ -73,7 +73,12 @@ $tokens: meta.module-variables(tokens) !default;
         }
 
         left: 0;
-        top: var(--kbq-radio-size-normal-top, map.get($tokens, radio-size-normal-top));
+        top: calc(
+            (
+                    var(--radio-font-normal-label-line-height, map.get($tokens, radio-font-normal-label-line-height)) -
+                        (var(--radio-size-normal-outer-size, map.get($tokens, radio-size-normal-outer-size)) + 2px)
+                ) / 2
+        );
 
         width: kbq-css-variable(radio-size-normal-outer-size);
         height: kbq-css-variable(radio-size-normal-outer-size);
@@ -119,7 +124,12 @@ $tokens: meta.module-variables(tokens) !default;
         );
 
         .kbq-radio-button__outer-circle {
-            top: var(--kbq-radio-size-big-top, map.get($tokens, radio-size-big-top));
+            top: calc(
+                (
+                        var(--radio-font-big-label-line-height, map.get($tokens, radio-font-big-label-line-height)) -
+                            (var(--radio-size-big-outer-size, map.get($tokens, radio-size-big-outer-size)) + 2px)
+                    ) / 2
+            );
 
             width: kbq-css-variable(radio-size-big-outer-size);
             height: kbq-css-variable(radio-size-big-outer-size);

package/risk-level/public-api.d.ts

@@ -1,2 +1,2 @@
-export * from './risk-level.module';
 export * from './risk-level.component';
+export * from './risk-level.module';

package/schematics/ng-add/index.js

@@ -52,13 +52,13 @@ function ngAdd(options) {
         }
         // Installing dependencies
         addPackageToPackageJson(tree, '@angular/cdk', "^17.2.0");
-        addPackageToPackageJson(tree, '@koobiq/cdk', "^17.0.0-rc.10");
-        addPackageToPackageJson(tree, '@koobiq/angular-luxon-adapter', "^17.0.0-rc.10");
+        addPackageToPackageJson(tree, '@koobiq/cdk', "^17.0.0-rc.12");
+        addPackageToPackageJson(tree, '@koobiq/angular-luxon-adapter', "^17.0.0-rc.12");
         addPackageToPackageJson(tree, '@koobiq/date-formatter', "^3.1.2");
         addPackageToPackageJson(tree, '@koobiq/date-adapter', "^3.1.2");
         addPackageToPackageJson(tree, '@koobiq/icons', "^7.1.1");
-        addPackageToPackageJson(tree, '@koobiq/tokens-builder', "^3.0.0-rc.12");
-        addPackageToPackageJson(tree, '@koobiq/design-tokens', "^3.0.0-rc.12");
+        addPackageToPackageJson(tree, '@koobiq/tokens-builder', "^3.0.0-rc.13");
+        addPackageToPackageJson(tree, '@koobiq/design-tokens', "^3.0.0-rc.13");
         addPackageToPackageJson(tree, '@messageformat/core', "^3.0.1");
         addPackageToPackageJson(tree, 'luxon', "^3.4.4");
         addPackageToPackageJson(tree, 'marked', "^9.0.0");

package/scrollbar/public-api.d.ts

@@ -1,4 +1,4 @@
-export * from './scrollbar.module';
 export * from './scrollbar.component';
 export * from './scrollbar.directive';
+export * from './scrollbar.module';
 export * from './scrollbar.types';

package/scrollbar/scrollbar.directive.d.ts

@@ -1,6 +1,6 @@
 import { NgZone, OnDestroy } from '@angular/core';
-import { KbqScrollbarEvents, KbqScrollbarOptions, KbqScrollbarTarget } from './scrollbar.types';
 import { OverlayScrollbars } from 'overlayscrollbars';
+import { KbqScrollbarEvents, KbqScrollbarOptions, KbqScrollbarTarget } from './scrollbar.types';
 import * as i0 from "@angular/core";
 export declare class KbqScrollbarDirective implements OnDestroy {
     private ngZone;

package/scrollbar/scrollbar.types.d.ts

@@ -1,5 +1,5 @@
-import { EventListeners, EventListenerArgs, InitializationTarget, PartialOptions } from 'overlayscrollbars';
 import { InjectionToken, Provider } from '@angular/core';
+import { EventListenerArgs, EventListeners, InitializationTarget, PartialOptions } from 'overlayscrollbars';
 export type KbqScrollbarEvents = EventListeners;
 export type KbqScrollbarEventListenerArgs = EventListenerArgs;
 export type KbqScrollbarOptions = PartialOptions;

package/select/public-api.d.ts

@@ -1,3 +1,3 @@
-export * from './select.module';
-export * from './select.component';
 export * from './select-option.directive';
+export * from './select.component';
+export * from './select.module';

package/select/select.component.d.ts

@@ -5,7 +5,7 @@ import { CdkVirtualForOf } from '@angular/cdk/scrolling';
 import { AfterContentInit, AfterViewInit, ChangeDetectorRef, DoCheck, ElementRef, EventEmitter, NgZone, OnChanges, OnDestroy, OnInit, QueryList, Renderer2, SimpleChanges, TemplateRef } from '@angular/core';
 import { ControlValueAccessor, FormGroupDirective, NgControl, NgForm } from '@angular/forms';
 import { ActiveDescendantKeyManager } from '@koobiq/cdk/a11y';
-import { CanDisable, CanDisableCtor, CanUpdateErrorState, CanUpdateErrorStateCtor, ErrorStateMatcher, HasTabIndex, HasTabIndexCtor, KbqOptgroup, KbqOption, KbqOptionSelectionChange, KbqLocaleService, KbqOptionBase, KbqSelectTrigger, KbqSelectMatcher, KbqSelectSearch } from '@koobiq/components/core';
+import { CanDisable, CanDisableCtor, CanUpdateErrorState, CanUpdateErrorStateCtor, ErrorStateMatcher, HasTabIndex, HasTabIndexCtor, KbqLocaleService, KbqOptgroup, KbqOption, KbqOptionBase, KbqOptionSelectionChange, KbqSelectMatcher, KbqSelectSearch, KbqSelectTrigger } from '@koobiq/components/core';
 import { KbqCleaner, KbqFormField, KbqFormFieldControl } from '@koobiq/components/form-field';
 import { KbqTag } from '@koobiq/components/tags';
 import { Observable, Subject } from 'rxjs';

package/sidebar/public-api.d.ts

@@ -1,2 +1,2 @@
-export * from './sidebar.module';
 export * from './sidebar.component';
+export * from './sidebar.module';

package/sidepanel/public-api.d.ts

@@ -1,6 +1,6 @@
-export * from './sidepanel-directives';
-export * from './sidepanel.module';
-export * from './sidepanel.service';
 export * from './sidepanel-config';
 export * from './sidepanel-container.component';
+export * from './sidepanel-directives';
 export * from './sidepanel-ref';
+export * from './sidepanel.module';
+export * from './sidepanel.service';

package/sidepanel/sidepanel.scss

@@ -36,6 +36,7 @@ $tokens: meta.module-variables(tokens) !default;
     &.kbq-sidepanel-container_right {
         height: 100%;
         top: 0;
+        max-width: 100%;
 
         &.kbq-sidepanel_small {
             width: kbq-css-variable(sidepanel-size-small-width);
@@ -49,7 +50,6 @@ $tokens: meta.module-variables(tokens) !default;
 
         &.kbq-sidepanel_large {
             width: kbq-css-variable(sidepanel-size-large-width);
-            max-width: kbq-css-variable(sidepanel-size-large-width);
         }
 
         .kbq-sidepanel-indent {

package/splitter/public-api.d.ts

@@ -1,2 +1,2 @@
-export * from './splitter.module';
 export * from './splitter.component';
+export * from './splitter.module';

package/table/public-api.d.ts

@@ -1,2 +1,2 @@
-export * from './table.module';
 export * from './table.component';
+export * from './table.module';

package/tabs/paginated-tab-header.d.ts

@@ -2,7 +2,7 @@ import { FocusableOption } from '@angular/cdk/a11y';
 import { Direction, Directionality } from '@angular/cdk/bidi';
 import { Platform } from '@angular/cdk/platform';
 import { ViewportRuler } from '@angular/cdk/scrolling';
-import { ChangeDetectorRef, ElementRef, NgZone, QueryList, EventEmitter, AfterContentChecked, AfterContentInit, AfterViewInit, OnDestroy } from '@angular/core';
+import { AfterContentChecked, AfterContentInit, AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter, NgZone, OnDestroy, QueryList } from '@angular/core';
 import { Subject } from 'rxjs';
 import * as i0 from "@angular/core";
 /**

package/tabs/public-api.d.ts

@@ -1,10 +1,10 @@
-export * from './tabs.module';
+export { KbqTabBody, KbqTabBodyOriginState, KbqTabBodyPortal, KbqTabBodyPositionState } from './tab-body.component';
+export { KbqTabContent } from './tab-content.directive';
 export * from './tab-group.component';
-export { KbqTabBody, KbqTabBodyOriginState, KbqTabBodyPositionState, KbqTabBodyPortal } from './tab-body.component';
 export { KbqTabHeader, ScrollDirection } from './tab-header.component';
 export { KbqTabLabelWrapper } from './tab-label-wrapper.directive';
-export { KbqTab } from './tab.component';
 export { KbqTabLabel } from './tab-label.directive';
-export { KbqTabNav, KbqTabLink } from './tab-nav-bar/index';
-export { KbqTabContent } from './tab-content.directive';
+export { KbqTabLink, KbqTabNav } from './tab-nav-bar/index';
+export { KbqTab } from './tab.component';
 export * from './tabs-animations';
+export * from './tabs.module';

package/tabs/tab-body.component.d.ts

@@ -1,7 +1,7 @@
 import { AnimationEvent } from '@angular/animations';
-import { Directionality, Direction } from '@angular/cdk/bidi';
-import { TemplatePortal, CdkPortalOutlet } from '@angular/cdk/portal';
-import { ChangeDetectorRef, EventEmitter, OnDestroy, OnInit, ElementRef, ComponentFactoryResolver, ViewContainerRef } from '@angular/core';
+import { Direction, Directionality } from '@angular/cdk/bidi';
+import { CdkPortalOutlet, TemplatePortal } from '@angular/cdk/portal';
+import { ChangeDetectorRef, ComponentFactoryResolver, ElementRef, EventEmitter, OnDestroy, OnInit, ViewContainerRef } from '@angular/core';
 import * as i0 from "@angular/core";
 /**
  * These position states are used internally as animation states for the tab body. Setting the

package/tabs/tab-group.component.d.ts

@@ -1,4 +1,4 @@
-import { AfterContentChecked, AfterContentInit, ChangeDetectorRef, ElementRef, EventEmitter, OnDestroy, QueryList, InjectionToken, AfterViewInit } from '@angular/core';
+import { AfterContentChecked, AfterContentInit, AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter, InjectionToken, OnDestroy, QueryList } from '@angular/core';
 import { CanDisableCtor } from '@koobiq/components/core';
 import { Subject } from 'rxjs';
 import { KbqTabHeader } from './tab-header.component';

package/tags/public-api.d.ts

@@ -1,5 +1,5 @@
-export * from './tag.module';
-export * from './tag.component';
-export * from './tag-list.component';
-export * from './tag-input';
 export * from './tag-default-options';
+export * from './tag-input';
+export * from './tag-list.component';
+export * from './tag.component';
+export * from './tag.module';

package/tags/tag-input.d.ts

@@ -1,10 +1,10 @@
 import { ElementRef, EventEmitter, OnChanges, Renderer2 } from '@angular/core';
 import { NgControl } from '@angular/forms';
+import { KbqAutocompleteTrigger } from '@koobiq/components/autocomplete';
 import { KbqTrim } from '@koobiq/components/form-field';
 import { KbqTagsDefaultOptions } from './tag-default-options';
 import { KbqTagList } from './tag-list.component';
 import { KbqTagTextControl } from './tag-text-control';
-import { KbqAutocompleteTrigger } from '@koobiq/components/autocomplete';
 import * as i0 from "@angular/core";
 /** Represents an input event on a `kbqTagInput`. */
 export interface KbqTagInputEvent {

package/textarea/textarea.component.d.ts

@@ -1,4 +1,4 @@
-import { DoCheck, ElementRef, OnChanges, OnDestroy, InjectionToken, NgZone, OnInit } from '@angular/core';
+import { DoCheck, ElementRef, InjectionToken, NgZone, OnChanges, OnDestroy, OnInit } from '@angular/core';
 import { FormGroupDirective, NgControl, NgForm } from '@angular/forms';
 import { CanUpdateErrorState, CanUpdateErrorStateCtor, ErrorStateMatcher } from '@koobiq/components/core';
 import { KbqFormFieldControl } from '@koobiq/components/form-field';

package/timepicker/public-api.d.ts

@@ -1,3 +1,3 @@
-export * from './timepicker.module';
 export * from './timepicker.constants';
 export * from './timepicker.directive';
+export * from './timepicker.module';

package/timepicker/timepicker.constants.d.ts

@@ -10,6 +10,8 @@ export declare enum TimeFormats {
 export declare const TIMEFORMAT_PLACEHOLDERS: {
     [timeFormat: string]: string;
 };
+/** Object that maps each time format to a related locale key */
+export declare const TimeFormatToLocaleKeys: Record<TimeFormats, 'full' | 'short'>;
 export declare const DEFAULT_TIME_FORMAT: TimeFormats;
 export declare const HOURS_MINUTES_SECONDS_REGEXP: RegExp;
 export declare const HOURS_MINUTES_REGEXP: RegExp;

package/timepicker/timepicker.directive.d.ts

@@ -1,6 +1,6 @@
 import { ElementRef, EventEmitter, OnDestroy, Renderer2 } from '@angular/core';
 import { AbstractControl, ControlValueAccessor, ValidationErrors, Validator } from '@angular/forms';
-import { DateAdapter } from '@koobiq/components/core';
+import { DateAdapter, KbqLocaleService } from '@koobiq/components/core';
 import { KbqFormFieldControl } from '@koobiq/components/form-field';
 import { KbqWarningTooltipTrigger } from '@koobiq/components/tooltip';
 import { Subject } from 'rxjs';
@@ -14,6 +14,7 @@ export declare class KbqTimepicker<D> implements KbqFormFieldControl<D>, Control
     private elementRef;
     private renderer;
     private dateAdapter;
+    private localeService?;
     /**
      * Implemented as part of KbqFormFieldControl.
      * @docs-private
@@ -78,14 +79,18 @@ export declare class KbqTimepicker<D> implements KbqFormFieldControl<D>, Control
     set selectionStart(value: number | null);
     get selectionEnd(): number | null;
     set selectionEnd(value: number | null);
+    /** Localized placeholder */
+    get timeFormatPlaceholder(): string;
     private readonly uid;
     private readonly validator;
     private lastValueValid;
     private control;
     private defaultPlaceholder;
+    private separator;
     private onChange;
     private onTouched;
-    constructor(elementRef: ElementRef, renderer: Renderer2, dateAdapter: DateAdapter<any>);
+    private localeSubscription;
+    constructor(elementRef: ElementRef, renderer: Renderer2, dateAdapter: DateAdapter<any>, localeService?: KbqLocaleService | undefined);
     ngOnDestroy(): void;
     getSize(): number;
     focus(): void;
@@ -114,6 +119,7 @@ export declare class KbqTimepicker<D> implements KbqFormFieldControl<D>, Control
     private spaceKeyHandler;
     private getNewValue;
     private verticalArrowKeyHandler;
+    private fixEmptyDigit;
     private horizontalArrowKeyHandler;
     private createSelectionOfTimeComponentInInput;
     private incrementTime;
@@ -136,6 +142,7 @@ export declare class KbqTimepicker<D> implements KbqFormFieldControl<D>, Control
     private updateView;
     private setControl;
     private validatorOnChange;
-    static ɵfac: i0.ɵɵFactoryDeclaration<KbqTimepicker<any>, [null, null, { optional: true; }]>;
+    private updateLocaleParams;
+    static ɵfac: i0.ɵɵFactoryDeclaration<KbqTimepicker<any>, [null, null, { optional: true; }, { optional: true; }]>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<KbqTimepicker<any>, "input[kbqTimepicker]", ["kbqTimepicker"], { "placeholder": { "alias": "placeholder"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "id": { "alias": "id"; "required": false; }; "required": { "alias": "required"; "required": false; }; "format": { "alias": "format"; "required": false; }; "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "value": { "alias": "value"; "required": false; }; "kbqValidationTooltip": { "alias": "kbqValidationTooltip"; "required": false; }; }, { "incorrectInput": "incorrectInput"; }, never, never, false, never>;
 }

package/timezone/timezone-option.directive.d.ts

@@ -1,7 +1,7 @@
 import { FocusMonitor } from '@angular/cdk/a11y';
 import { Directionality } from '@angular/cdk/bidi';
 import { Overlay, ScrollDispatcher } from '@angular/cdk/overlay';
-import { AfterViewInit, ElementRef, NgZone, OnDestroy, ViewContainerRef, ChangeDetectorRef } from '@angular/core';
+import { AfterViewInit, ChangeDetectorRef, ElementRef, NgZone, OnDestroy, ViewContainerRef } from '@angular/core';
 import { KbqTooltipTrigger } from '@koobiq/components/tooltip';
 import { KbqTimezoneOption } from './timezone-option.component';
 import * as i0 from "@angular/core";

package/timezone/timezone.utils.d.ts

@@ -1,4 +1,4 @@
-import { KbqTimezoneZone, KbqTimezoneGroup } from './timezone.models';
+import { KbqTimezoneGroup, KbqTimezoneZone } from './timezone.models';
 /**
  * Convert string timezone offset (formatted offset) to number (minutes)
  */

package/title/public-api.d.ts

@@ -1,2 +1,2 @@
-export * from './title.module';
 export * from './title.directive';
+export * from './title.module';

package/toast/public-api.d.ts

@@ -1,5 +1,5 @@
-export * from './toast.service';
+export * from './toast-container.component';
+export * from './toast.component';
 export * from './toast.module';
+export * from './toast.service';
 export * from './toast.type';
-export * from './toast.component';
-export * from './toast-container.component';

package/toast/toast.component.scss

@@ -29,7 +29,10 @@ $tokens: meta.module-variables(tokens) !default;
 
     margin-right: kbq-css-variable(toast-size-icon-margin-right);
 
-    padding-top: kbq-css-variable(toast-size-content-padding-top);
+    $padding-top: kbq-css-variable(toast-size-content-padding-top);
+    $toast-font-title-line-height: kbq-css-variable(toast-font-title-line-height);
+    $toast-size-icon-height: kbq-css-variable(toast-size-icon-height);
+    padding-top: calc($padding-top + (($toast-font-title-line-height - $toast-size-icon-height) / 2));
 }
 
 .kbq-toast__container {

package/toast/toast.service.d.ts

@@ -1,9 +1,9 @@
 import { AnimationEvent } from '@angular/animations';
 import { Overlay, OverlayContainer } from '@angular/cdk/overlay';
-import { Injector, ComponentRef, TemplateRef, EmbeddedViewRef, InjectionToken, NgZone, OnDestroy } from '@angular/core';
+import { ComponentRef, EmbeddedViewRef, InjectionToken, Injector, NgZone, OnDestroy, TemplateRef } from '@angular/core';
 import { BehaviorSubject } from 'rxjs';
 import { KbqToastComponent } from './toast.component';
-import { KbqToastData, KbqToastConfig } from './toast.type';
+import { KbqToastConfig, KbqToastData } from './toast.type';
 import * as i0 from "@angular/core";
 export declare const KBQ_TOAST_FACTORY: InjectionToken<unknown>;
 export declare const defaultToastConfig: KbqToastConfig;

package/toast/toast.type.d.ts

@@ -1,4 +1,4 @@
-import { TemplateRef, InjectionToken } from '@angular/core';
+import { InjectionToken, TemplateRef } from '@angular/core';
 export declare enum KbqToastStyle {
     Contrast = "contrast",
     Success = "success",

package/toggle/public-api.d.ts

@@ -1,2 +1,2 @@
-export * from './toggle.module';
 export * from './toggle.component';
+export * from './toggle.module';

package/tooltip/public-api.d.ts

@@ -1,2 +1,2 @@
-export * from './tooltip.module';
 export * from './tooltip.component';
+export * from './tooltip.module';

package/tooltip/tooltip.component.d.ts

@@ -1,8 +1,8 @@
 import { FocusMonitor } from '@angular/cdk/a11y';
 import { Directionality } from '@angular/cdk/bidi';
-import { Overlay, ScrollDispatcher, ScrollStrategy, OverlayConfig } from '@angular/cdk/overlay';
+import { Overlay, OverlayConfig, ScrollDispatcher, ScrollStrategy } from '@angular/cdk/overlay';
 import { ChangeDetectorRef, ElementRef, EventEmitter, InjectionToken, NgZone, OnDestroy, TemplateRef, Type, ViewContainerRef } from '@angular/core';
-import { KbqPopUp, KbqPopUpTrigger, PopUpPlacements, KbqComponentColors } from '@koobiq/components/core';
+import { KbqComponentColors, KbqPopUp, KbqPopUpTrigger, PopUpPlacements } from '@koobiq/components/core';
 import * as i0 from "@angular/core";
 export declare enum TooltipModifier {
     Default = "default",

package/tree/public-api.d.ts

@@ -1,16 +1,16 @@
-export * from './tree.module';
-export * from './tree-base';
-export * from './outlet';
-export * from './tree';
-export * from './node';
-export * from './padding.directive';
-export * from './toggle';
-export * from './tree-selection.component';
-export * from './tree-option.component';
 export * from './control/base-tree-control';
-export * from './control/tree-control';
 export * from './control/flat-tree-control';
 export * from './control/flat-tree-control.filters';
 export * from './control/nested-tree-control';
+export * from './control/tree-control';
 export * from './data-source/flat-data-source';
 export * from './data-source/nested-data-source';
+export * from './node';
+export * from './outlet';
+export * from './padding.directive';
+export * from './toggle';
+export * from './tree';
+export * from './tree-base';
+export * from './tree-option.component';
+export * from './tree-selection.component';
+export * from './tree.module';

package/tree/tree-base.d.ts

@@ -1,5 +1,5 @@
 import { CollectionViewer, DataSource } from '@angular/cdk/collections';
-import { AfterContentChecked, ChangeDetectorRef, ElementRef, IterableDiffer, IterableDiffers, OnDestroy, OnInit, QueryList, ViewContainerRef, TrackByFunction } from '@angular/core';
+import { AfterContentChecked, ChangeDetectorRef, ElementRef, IterableDiffer, IterableDiffers, OnDestroy, OnInit, QueryList, TrackByFunction, ViewContainerRef } from '@angular/core';
 import { IFocusableOption } from '@koobiq/cdk/a11y';
 import { BehaviorSubject, Observable, Subject } from 'rxjs';
 import { TreeControl } from './control/tree-control';

package/tree/tree-option.component.d.ts

@@ -1,5 +1,5 @@
 import { FocusOrigin } from '@angular/cdk/a11y';
-import { ChangeDetectorRef, EventEmitter, ElementRef, InjectionToken, AfterContentInit, NgZone } from '@angular/core';
+import { AfterContentInit, ChangeDetectorRef, ElementRef, EventEmitter, InjectionToken, NgZone } from '@angular/core';
 import { KbqOptionActionComponent, KbqPseudoCheckbox, KbqPseudoCheckboxState, KbqTitleTextRef } from '@koobiq/components/core';
 import { KbqDropdownTrigger } from '@koobiq/components/dropdown';
 import { KbqTooltipTrigger } from '@koobiq/components/tooltip';

package/tree/tree-selection.component.d.ts

@@ -2,9 +2,9 @@ import { Clipboard } from '@angular/cdk/clipboard';
 import { SelectionModel } from '@angular/cdk/collections';
 import { AfterContentInit, ChangeDetectorRef, ElementRef, EventEmitter, IterableDiffer, IterableDiffers, QueryList, ViewContainerRef } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
+import { Observable } from 'rxjs';
 import { FocusKeyManager } from '@koobiq/cdk/a11y';
 import { CanDisable, HasTabIndex, MultipleMode } from '@koobiq/components/core';
-import { Observable } from 'rxjs';
 import { AsyncScheduler } from 'rxjs/internal/scheduler/AsyncScheduler';
 import { FlatTreeControl } from './control/flat-tree-control';
 import { KbqTreeNodeOutlet } from './outlet';

package/tree-select/public-api.d.ts

@@ -1,2 +1,2 @@
-export * from './tree-select.module';
 export * from './tree-select.component';
+export * from './tree-select.module';

package/tree-select/tree-select.component.d.ts

@@ -3,10 +3,10 @@ import { SelectionModel } from '@angular/cdk/collections';
 import { CdkConnectedOverlay, ConnectedPosition, ViewportRuler } from '@angular/cdk/overlay';
 import { AfterContentInit, AfterViewInit, ChangeDetectorRef, DoCheck, ElementRef, EventEmitter, NgZone, OnChanges, OnDestroy, OnInit, QueryList, Renderer2, SimpleChanges, TemplateRef } from '@angular/core';
 import { ControlValueAccessor, FormGroupDirective, NgControl, NgForm } from '@angular/forms';
-import { CanDisable, CanUpdateErrorState, ErrorStateMatcher, HasTabIndex, CanDisableCtor, HasTabIndexCtor, CanUpdateErrorStateCtor, KbqSelectSearch, KbqSelectTrigger, KbqSelectMatcher } from '@koobiq/components/core';
+import { CanDisable, CanDisableCtor, CanUpdateErrorState, CanUpdateErrorStateCtor, ErrorStateMatcher, HasTabIndex, HasTabIndexCtor, KbqLocaleService, KbqSelectMatcher, KbqSelectSearch, KbqSelectTrigger } from '@koobiq/components/core';
 import { KbqCleaner, KbqFormField, KbqFormFieldControl } from '@koobiq/components/form-field';
 import { KbqTag } from '@koobiq/components/tags';
-import { KbqTreeSelection, KbqTreeOption } from '@koobiq/components/tree';
+import { KbqTreeOption, KbqTreeSelection } from '@koobiq/components/tree';
 import { Observable, Subject } from 'rxjs';
 import * as i0 from "@angular/core";
 export interface ITriggerValue {
@@ -46,6 +46,7 @@ export declare class KbqTreeSelect extends KbqTreeSelectMixinBase implements Aft
     private readonly scrollStrategyFactory;
     private readonly dir;
     private readonly parentFormField;
+    private localeService?;
     /** A name for this control that can be used by `kbq-form-field`. */
     controlType: string;
     hiddenItems: number;
@@ -166,7 +167,7 @@ export declare class KbqTreeSelect extends KbqTreeSelectMixinBase implements Aft
     /** Emits whenever the component is destroyed. */
     private readonly destroy;
     private tempValues;
-    constructor(elementRef: ElementRef, changeDetectorRef: ChangeDetectorRef, viewportRuler: ViewportRuler, ngZone: NgZone, renderer: Renderer2, defaultErrorStateMatcher: ErrorStateMatcher, scrollStrategyFactory: any, dir: Directionality, parentForm: NgForm, parentFormGroup: FormGroupDirective, parentFormField: KbqFormField, ngControl: NgControl);
+    constructor(elementRef: ElementRef, changeDetectorRef: ChangeDetectorRef, viewportRuler: ViewportRuler, ngZone: NgZone, renderer: Renderer2, defaultErrorStateMatcher: ErrorStateMatcher, scrollStrategyFactory: any, dir: Directionality, parentForm: NgForm, parentFormGroup: FormGroupDirective, parentFormField: KbqFormField, ngControl: NgControl, localeService?: KbqLocaleService | undefined);
     ngOnInit(): void;
     ngAfterContentInit(): void;
     ngAfterViewInit(): void;
@@ -239,6 +240,7 @@ export declare class KbqTreeSelect extends KbqTreeSelectMixinBase implements Aft
     /** Invoked when an option is clicked. */
     onRemoveSelectedOption(selectedOption: any, $event: any): void;
     calculateHiddenItems(): void;
+    private updateLocaleParams;
     private closingActions;
     private getTotalItemsWidthInMatcher;
     private getTotalVisibleItems;
@@ -274,7 +276,7 @@ export declare class KbqTreeSelect extends KbqTreeSelectMixinBase implements Aft
     /** Comparison function to specify which option is displayed. Defaults to object equality. */
     private _compareWith;
     private subscribeOnSearchChanges;
-    static ɵfac: i0.ɵɵFactoryDeclaration<KbqTreeSelect, [null, null, null, null, null, null, null, { optional: true; }, { optional: true; }, { optional: true; }, { optional: true; }, { optional: true; self: true; }]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<KbqTreeSelect, [null, null, null, null, null, null, null, { optional: true; }, { optional: true; }, { optional: true; }, { optional: true; }, { optional: true; self: true; }, { optional: true; }]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<KbqTreeSelect, "kbq-tree-select", ["kbqTreeSelect"], { "disabled": { "alias": "disabled"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "hiddenItemsText": { "alias": "hiddenItemsText"; "required": false; }; "panelClass": { "alias": "panelClass"; "required": false; }; "backdropClass": { "alias": "backdropClass"; "required": false; }; "errorStateMatcher": { "alias": "errorStateMatcher"; "required": false; }; "sortComparator": { "alias": "sortComparator"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "required": { "alias": "required"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "autoSelect": { "alias": "autoSelect"; "required": false; }; "compareWith": { "alias": "compareWith"; "required": false; }; "id": { "alias": "id"; "required": false; }; "hasBackdrop": { "alias": "hasBackdrop"; "required": false; }; "hiddenItemsTextFormatter": { "alias": "hiddenItemsTextFormatter"; "required": false; }; }, { "openedChange": "openedChange"; "openedStream": "opened"; "closedStream": "closed"; "selectionChange": "selectionChange"; "valueChange": "valueChange"; }, ["cleaner", "customTrigger", "customMatcher", "customTagTemplateRef", "tree", "search"], ["kbq-select-trigger", "kbq-cleaner", "kbq-select-matcher, [kbq-select-matcher]", "[kbqSelectSearch]", "[kbq-select-search-empty-result]", "kbq-tree-selection", "kbq-select-footer,[kbq-tree-select-footer]"], false, never>;
 }
 export {};