@koobiq/components 18.33.0 → 18.34.0

package/form-field/cleaner.scss

@@ -3,6 +3,10 @@
     align-items: center;
     justify-content: center;
 
-    width: var(--kbq-form-field-size-addon-width);
-    height: 100%;
+    width: 26px;
+    height: var(--kbq-size-xxl);
+
+    outline: none;
+
+    border-radius: var(--kbq-size-xxs);
 }

package/form-field/form-field.scss

@@ -98,7 +98,11 @@
         justify-content: center;
         align-items: center;
 
-        min-width: var(--kbq-form-field-size-addon-width);
+        & .kbq-prefix,
+        & .kbq-suffix {
+            min-width: var(--kbq-form-field-size-addon-width);
+            text-align: center;
+        }
     }
 
     .kbq-form-field__prefix {

package/form-field/password-hint.d.ts

@@ -1,4 +1,5 @@
 import { AfterContentInit, ChangeDetectorRef, QueryList } from '@angular/core';
+import { KbqComponentColors } from '@koobiq/components/core';
 import { KbqFormField } from './form-field';
 import { KbqHint } from './hint';
 import * as i0 from "@angular/core";
@@ -31,6 +32,12 @@ export declare class KbqPasswordHint extends KbqHint implements AfterContentInit
     hasError: boolean;
     checked: boolean;
     get icon(): string;
+    /**
+     * The form field hint icon color.
+     *
+     * @docs-private
+     */
+    protected get iconColor(): KbqComponentColors;
     private checkRule;
     private get control();
     private lastControlValue;

package/form-field/password-toggle.d.ts

@@ -1,10 +1,15 @@
-import { TemplateRef } from '@angular/core';
+import { FocusMonitor } from '@angular/cdk/a11y';
+import { AfterContentInit, AfterViewInit, ChangeDetectorRef, OnDestroy, TemplateRef } from '@angular/core';
 import { KbqIconButton } from '@koobiq/components/icon';
 import { KbqTooltipTrigger } from '@koobiq/components/tooltip';
 import * as i0 from "@angular/core";
 /** Component which changes password visibility. */
-export declare class KbqPasswordToggle extends KbqTooltipTrigger {
+export declare class KbqPasswordToggle extends KbqTooltipTrigger implements AfterViewInit, OnDestroy, AfterContentInit {
+    protected readonly nativeElement: any;
+    protected readonly focusMonitor: FocusMonitor;
+    protected readonly changeDetectorRef: ChangeDetectorRef;
     private readonly formField;
+    tabindex: number;
     /**
      * @docs-private
      */
@@ -12,6 +17,7 @@ export declare class KbqPasswordToggle extends KbqTooltipTrigger {
     get content(): string | TemplateRef<any>;
     set content(content: string | TemplateRef<any>);
     kbqTooltipHidden: string | TemplateRef<any>;
+    protected hasError: boolean;
     /** Form field password control. */
     private get control();
     /**
@@ -27,10 +33,24 @@ export declare class KbqPasswordToggle extends KbqTooltipTrigger {
      */
     get visibility(): 'hidden' | 'visible';
     constructor();
+    /**
+     * @docs-private
+     */
+    ngAfterContentInit(): void;
+    /**
+     * @docs-private
+     */
+    ngAfterViewInit(): void;
+    /**
+     * @docs-private
+     */
+    ngOnDestroy(): void;
     /**
      * @docs-private
      */
     toggle(event: KeyboardEvent): void;
+    private updateState;
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqPasswordToggle, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<KbqPasswordToggle, "kbq-password-toggle", ["kbqPasswordToggle"], { "content": { "alias": "kbqTooltipNotHidden"; "required": false; }; "kbqTooltipHidden": { "alias": "kbqTooltipHidden"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KbqPasswordToggle, "kbq-password-toggle", ["kbqPasswordToggle"], { "tabindex": { "alias": "tabindex"; "required": false; }; "content": { "alias": "kbqTooltipNotHidden"; "required": false; }; "kbqTooltipHidden": { "alias": "kbqTooltipHidden"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ngAcceptInputType_tabindex: unknown;
 }

package/form-field/password-toggle.scss

@@ -3,14 +3,10 @@
     align-items: center;
     justify-content: center;
 
-    width: var(--kbq-form-field-size-addon-width);
-    height: 100%;
+    width: 26px;
+    height: var(--kbq-size-xxl);
 
-    &::-moz-focus-inner {
-        border: 0;
-    }
+    border-radius: var(--kbq-size-xxs);
 
-    &:focus {
-        outline: none;
-    }
+    outline: none;
 }

package/form-field/reactive-password-hint.d.ts

@@ -4,6 +4,7 @@ import * as i0 from "@angular/core";
 export declare class KbqReactivePasswordHint extends KbqHint {
     private readonly formField;
     private readonly destroyRef;
+    private readonly changeDetectorRef;
     /** Whether the form field control has an error. */
     readonly hasError: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
     /**

package/icon/_icon-button-theme.scss

@@ -91,8 +91,14 @@
 
         &.cdk-keyboard-focused {
             box-shadow:
-                inset 0 0 0.1px 1px var(--kbq-states-line-focus-theme),
-                0 0 0.1px 1px var(--kbq-states-line-focus-theme);
+                inset 0 0 0 1px var(--kbq-states-line-focus-theme),
+                0 0 0 1px var(--kbq-states-line-focus-theme);
+
+            &.kbq-error {
+                box-shadow:
+                    inset 0 0 0 1px var(--kbq-states-line-focus-error),
+                    0 0 0 1px var(--kbq-states-line-focus-error);
+            }
         }
     }
 }

package/modal/modal.component.d.ts

@@ -31,7 +31,7 @@ export declare class KbqModalComponent<T = any, R = any> extends KbqModalRef<T,
     get kbqVisible(): boolean;
     set kbqVisible(value: boolean);
     private _kbqVisible;
-    kbqVisibleChange: EventEmitter<boolean>;
+    readonly kbqVisibleChange: EventEmitter<boolean>;
     kbqWidth: number | string;
     kbqSize: ModalSize;
     kbqWrapClassName: string;
@@ -50,20 +50,20 @@ export declare class KbqModalComponent<T = any, R = any> extends KbqModalRef<T,
     private _kbqMaskClosable;
     kbqMaskStyle: object;
     kbqBodyStyle: object;
-    kbqAfterOpen: EventEmitter<void>;
-    kbqAfterClose: EventEmitter<R | undefined>;
+    readonly kbqAfterOpen: EventEmitter<void>;
+    readonly kbqAfterClose: EventEmitter<R | undefined>;
     kbqOkText: string;
     kbqOkType: KbqComponentColors;
     kbqRestoreFocus: boolean;
     get kbqOkLoading(): boolean;
     set kbqOkLoading(value: boolean);
     private _kbqOkLoading;
-    kbqOnOk: EventEmitter<T> | OnClickCallback<T>;
+    readonly kbqOnOk: EventEmitter<T> | OnClickCallback<T>;
     kbqCancelText: string;
     get kbqCancelLoading(): boolean;
     set kbqCancelLoading(value: boolean);
     private _kbqCancelLoading;
-    kbqOnCancel: EventEmitter<T> | OnClickCallback<T>;
+    readonly kbqOnCancel: EventEmitter<T> | OnClickCallback<T>;
     modalContainer: ElementRef;
     bodyContainer: ViewContainerRef;
     autoFocusedButtons: QueryList<ElementRef>;
@@ -85,8 +85,8 @@ export declare class KbqModalComponent<T = any, R = any> extends KbqModalRef<T,
     private container;
     constructor(overlay: Overlay, renderer: Renderer2, cfr: ComponentFactoryResolver, elementRef: ElementRef, viewContainer: ViewContainerRef, modalControl: KbqModalControlService, changeDetector: ChangeDetectorRef, focusMonitor: FocusMonitor);
     kbqGetContainer: HTMLElement | OverlayRef | (() => HTMLElement | OverlayRef);
-    ngOnInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
+    ngOnInit(): void;
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
     checkOverflow(): void;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@koobiq/components",
-    "version": "18.33.0",
+    "version": "18.34.0",
     "description": "koobiq",
     "repository": {
         "type": "git",
@@ -24,9 +24,9 @@
         "@angular/cdk": "^18.0.0",
         "@angular/core": "^18.0.0",
         "@angular/forms": "^18.0.0",
-        "@koobiq/cdk": "18.33.0",
-        "@koobiq/angular-moment-adapter": "18.33.0",
-        "@koobiq/angular-luxon-adapter": "18.33.0",
+        "@koobiq/cdk": "18.34.0",
+        "@koobiq/angular-moment-adapter": "18.34.0",
+        "@koobiq/angular-luxon-adapter": "18.34.0",
         "@koobiq/date-formatter": "^3.2.3",
         "@koobiq/icons": "^10.4.0",
         "@koobiq/tokens-builder": "3.11.0",
@@ -118,12 +118,24 @@
             "esm": "./esm2022/checkbox/koobiq-components-checkbox.mjs",
             "default": "./fesm2022/koobiq-components-checkbox.mjs"
         },
+        "./clamped-text": {
+            "types": "./clamped-text/index.d.ts",
+            "esm2022": "./esm2022/clamped-text/koobiq-components-clamped-text.mjs",
+            "esm": "./esm2022/clamped-text/koobiq-components-clamped-text.mjs",
+            "default": "./fesm2022/koobiq-components-clamped-text.mjs"
+        },
         "./code-block": {
             "types": "./code-block/index.d.ts",
             "esm2022": "./esm2022/code-block/koobiq-components-code-block.mjs",
             "esm": "./esm2022/code-block/koobiq-components-code-block.mjs",
             "default": "./fesm2022/koobiq-components-code-block.mjs"
         },
+        "./content-panel": {
+            "types": "./content-panel/index.d.ts",
+            "esm2022": "./esm2022/content-panel/koobiq-components-content-panel.mjs",
+            "esm": "./esm2022/content-panel/koobiq-components-content-panel.mjs",
+            "default": "./fesm2022/koobiq-components-content-panel.mjs"
+        },
         "./core": {
             "types": "./core/index.d.ts",
             "esm2022": "./esm2022/core/koobiq-components-core.mjs",
@@ -154,6 +166,12 @@
             "esm": "./esm2022/dropdown/koobiq-components-dropdown.mjs",
             "default": "./fesm2022/koobiq-components-dropdown.mjs"
         },
+        "./dynamic-translation": {
+            "types": "./dynamic-translation/index.d.ts",
+            "esm2022": "./esm2022/dynamic-translation/koobiq-components-dynamic-translation.mjs",
+            "esm": "./esm2022/dynamic-translation/koobiq-components-dynamic-translation.mjs",
+            "default": "./fesm2022/koobiq-components-dynamic-translation.mjs"
+        },
         "./ellipsis-center": {
             "types": "./ellipsis-center/index.d.ts",
             "esm2022": "./esm2022/ellipsis-center/koobiq-components-ellipsis-center.mjs",
@@ -375,6 +393,12 @@
             "esm2022": "./esm2022/tree-select/koobiq-components-tree-select.mjs",
             "esm": "./esm2022/tree-select/koobiq-components-tree-select.mjs",
             "default": "./fesm2022/koobiq-components-tree-select.mjs"
+        },
+        "./username": {
+            "types": "./username/index.d.ts",
+            "esm2022": "./esm2022/username/koobiq-components-username.mjs",
+            "esm": "./esm2022/username/koobiq-components-username.mjs",
+            "default": "./fesm2022/koobiq-components-username.mjs"
         }
     },
     "schematics": "./schematics/collection.json",

package/popover/popover-confirm.component.d.ts

@@ -12,7 +12,7 @@ export declare class KbqPopoverConfirmComponent extends KbqPopoverComponent {
     static ɵcmp: i0.ɵɵComponentDeclaration<KbqPopoverConfirmComponent, "kbq-popover-confirm-component", never, {}, {}, never, never, false, never>;
 }
 export declare class KbqPopoverConfirmTrigger extends KbqPopoverTrigger {
-    confirm: EventEmitter<void>;
+    readonly confirm: EventEmitter<void>;
     get confirmText(): string;
     set confirmText(value: string);
     private _confirmText;

package/popover/popover.component.d.ts

@@ -83,8 +83,8 @@ export declare class KbqPopoverTrigger extends KbqPopUpTrigger<KbqPopoverCompone
     offset: number | null;
     /** Delay before closing in milliseconds. The default value for kbqTrigger=PopUpTriggers.Hover is 500 ms. */
     leaveDelay: number;
-    placementChange: EventEmitter<any>;
-    visibleChange: EventEmitter<boolean>;
+    readonly placementChange: EventEmitter<any>;
+    readonly visibleChange: EventEmitter<boolean>;
     protected originSelector: string;
     protected get overlayConfig(): OverlayConfig;
     ngOnInit(): void;

package/schematics/ng-add/index.js

@@ -27,11 +27,11 @@ function ngAdd(options) {
         }
         // Installing dependencies
         utils_packageConfig.addPackageToPackageJson(tree, '@angular/cdk', "^18.2.14");
-        utils_packageConfig.addPackageToPackageJson(tree, '@koobiq/cdk', "^18.33.0");
-        utils_packageConfig.addPackageToPackageJson(tree, '@koobiq/angular-luxon-adapter', "^18.33.0");
+        utils_packageConfig.addPackageToPackageJson(tree, '@koobiq/cdk', "^18.34.0");
+        utils_packageConfig.addPackageToPackageJson(tree, '@koobiq/angular-luxon-adapter', "^18.34.0");
         utils_packageConfig.addPackageToPackageJson(tree, '@koobiq/date-formatter', "^3.2.3");
         utils_packageConfig.addPackageToPackageJson(tree, '@koobiq/date-adapter', "^3.2.3");
-        utils_packageConfig.addPackageToPackageJson(tree, '@koobiq/icons', "^10.5.1");
+        utils_packageConfig.addPackageToPackageJson(tree, '@koobiq/icons', "^10.7.0");
         utils_packageConfig.addPackageToPackageJson(tree, '@koobiq/tokens-builder', "^3.14.0");
         utils_packageConfig.addPackageToPackageJson(tree, '@koobiq/design-tokens', "^3.14.0");
         utils_packageConfig.addPackageToPackageJson(tree, '@messageformat/core', "^3.4.0");

package/scrollbar/scrollbar.component.d.ts

@@ -17,12 +17,12 @@ export declare class KbqScrollbar implements AfterViewInit, OnDestroy {
     events: KbqScrollbarEvents;
     /** Whether to defer the initialization to a point in time when the browser is idle. (or to the next frame if `window.requestIdleCallback` is not supported) */
     defer?: boolean | IdleRequestOptions;
-    onInitialize: EventEmitter<[instance: import("overlayscrollbars").OverlayScrollbars]>;
+    readonly onInitialize: EventEmitter<[instance: import("overlayscrollbars").OverlayScrollbars]>;
     /** Event triggered when options or event listeners updated */
-    onUpdate: EventEmitter<[instance: import("overlayscrollbars").OverlayScrollbars, onUpdatedArgs: import("overlayscrollbars").OnUpdatedEventListenerArgs]>;
+    readonly onUpdate: EventEmitter<[instance: import("overlayscrollbars").OverlayScrollbars, onUpdatedArgs: import("overlayscrollbars").OnUpdatedEventListenerArgs]>;
     /** Event triggered when scrollbar instance destroyed */
-    onDestroy: EventEmitter<[instance: import("overlayscrollbars").OverlayScrollbars, canceled: boolean]>;
-    onScroll: EventEmitter<[instance: import("overlayscrollbars").OverlayScrollbars, event: Event]>;
+    readonly onDestroy: EventEmitter<[instance: import("overlayscrollbars").OverlayScrollbars, canceled: boolean]>;
+    readonly onScroll: EventEmitter<[instance: import("overlayscrollbars").OverlayScrollbars, event: Event]>;
     get element(): HTMLElement;
     private readonly injector;
     constructor(ngZone: NgZone, targetElement: ElementRef<HTMLElement>);

package/select/select.component.d.ts

@@ -25,6 +25,10 @@ export type KbqSelectOptions = Partial<{
      * If set to null or an empty string, the panel will grow to match the longest option's text.
      */
     panelWidth: KbqSelectPanelWidth;
+    /**
+     * Minimum width of the panel. If minWidth is larger than window width or property set to null, it will be ignored.
+     */
+    panelMinWidth: Exclude<KbqSelectPanelWidth, 'auto'>;
 }>;
 /** Injection token that can be used to provide the default options for the `kbq-select`. */
 export declare const KBQ_SELECT_OPTIONS: InjectionToken<Partial<{
@@ -33,6 +37,10 @@ export declare const KBQ_SELECT_OPTIONS: InjectionToken<Partial<{
      * If set to null or an empty string, the panel will grow to match the longest option's text.
      */
     panelWidth: KbqSelectPanelWidth;
+    /**
+     * Minimum width of the panel. If minWidth is larger than window width or property set to null, it will be ignored.
+     */
+    panelMinWidth: Exclude<KbqSelectPanelWidth, "auto">;
 }>>;
 /** Utility provider for `KBQ_SELECT_OPTIONS`. */
 export declare const kbqSelectOptionsProvider: (options: KbqSelectOptions) => Provider;
@@ -59,6 +67,10 @@ export declare class KbqSelect extends KbqAbstractSelect implements AfterContent
          * If set to null or an empty string, the panel will grow to match the longest option's text.
          */
         panelWidth: KbqSelectPanelWidth;
+        /**
+         * Minimum width of the panel. If minWidth is larger than window width or property set to null, it will be ignored.
+         */
+        panelMinWidth: Exclude<KbqSelectPanelWidth, "auto">;
     }> | null;
     private readonly window;
     /** Whether the component is in an error state. */
@@ -186,7 +198,7 @@ export declare class KbqSelect extends KbqAbstractSelect implements AfterContent
      * Minimum width of the panel.
      * If minWidth is larger than window width, it will be ignored.
      */
-    panelMinWidth: number;
+    panelMinWidth: Exclude<KbqSelectPanelWidth, 'auto'>;
     /** Value of the select control. */
     get value(): any;
     set value(newValue: any);
@@ -232,9 +244,9 @@ export declare class KbqSelect extends KbqAbstractSelect implements AfterContent
     protected overlayOrigin?: CdkOverlayOrigin | ElementRef;
     constructor(_changeDetectorRef: ChangeDetectorRef, _ngZone: NgZone, _renderer: Renderer2, defaultErrorStateMatcher: ErrorStateMatcher, elementRef: ElementRef, overlayContainer: OverlayContainer, _dir: Directionality, parentForm: NgForm, parentFormGroup: FormGroupDirective, parentFormField: KbqFormField, ngControl: NgControl, scrollStrategyFactory: any, localeService?: KbqLocaleService | undefined);
     ngOnInit(): void;
+    ngDoCheck(): void;
     ngAfterContentInit(): void;
     ngAfterViewInit(): void;
-    ngDoCheck(): void;
     ngOnDestroy(): void;
     updateErrorState(): void;
     hiddenItemsTextFormatter(hiddenItemsText: string, hiddenItems: number): string;

package/sidebar/sidebar.component.d.ts

@@ -1,4 +1,4 @@
-import { AfterContentInit, ElementRef, EventEmitter, NgZone, OnDestroy, OnInit } from '@angular/core';
+import { AfterContentInit, ElementRef, EventEmitter, NgZone, OnDestroy } from '@angular/core';
 import { KbqSidebarAnimationState } from './sidebar-animations';
 import * as i0 from "@angular/core";
 export declare enum SidebarPositions {
@@ -23,30 +23,56 @@ export declare class KbqSidebarClosed {
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqSidebarClosed, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<KbqSidebarClosed, "[kbq-sidebar-closed]", ["kbqSidebarClosed"], { "width": { "alias": "width"; "required": false; }; }, {}, never, never, false, never>;
 }
-export declare class KbqSidebar implements OnDestroy, OnInit, AfterContentInit {
+export declare class KbqSidebar implements OnDestroy, AfterContentInit {
     private ngZone;
     private elementRef;
+    /**
+     * @docs-private
+     */
     protected readonly document: Document;
+    private readonly renderer;
+    private readonly changeDetectorRef;
     get opened(): boolean;
     set opened(value: boolean);
     private _opened;
     position: SidebarPositions;
+    /**
+     * @docs-private
+     */
     params: KbqSidebarParams;
     readonly stateChanged: EventEmitter<boolean>;
+    /**
+     * @docs-private
+     */
     openedContent: KbqSidebarOpened;
+    /**
+     * @docs-private
+     */
     closedContent: KbqSidebarClosed;
+    /**
+     * @docs-private
+     */
     get animationState(): KbqSidebarAnimationState;
+    /**
+     * @docs-private
+     */
     internalState: boolean;
-    private documentKeydownListener;
+    private unbindKeydownListener;
     constructor(ngZone: NgZone, elementRef: ElementRef);
-    ngOnInit(): void;
+    ngAfterContentInit(): void;
     ngOnDestroy(): void;
     toggle(): void;
+    /**
+     * @docs-private
+     */
     onAnimationStart(): void;
+    /**
+     * @docs-private
+     */
     onAnimationDone(): void;
-    ngAfterContentInit(): void;
     private registerKeydownListener;
     private unRegisterKeydownListener;
+    private handleKeydown;
     private saveWidth;
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqSidebar, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<KbqSidebar, "kbq-sidebar", ["kbqSidebar"], { "opened": { "alias": "opened"; "required": false; }; "position": { "alias": "position"; "required": false; }; }, { "stateChanged": "stateChanged"; }, ["openedContent", "closedContent"], ["[kbq-sidebar-opened]", "[kbq-sidebar-closed]"], false, never>;

package/sidepanel/sidepanel-container.component.d.ts

@@ -1,6 +1,7 @@
 import { AnimationEvent } from '@angular/animations';
 import { BasePortalOutlet, CdkPortalOutlet, ComponentPortal, TemplatePortal } from '@angular/cdk/portal';
 import { ChangeDetectorRef, ComponentRef, ElementRef, EmbeddedViewRef, EventEmitter, InjectionToken, OnDestroy } from '@angular/core';
+import { Observable, Subject } from 'rxjs';
 import { KbqSidepanelAnimationState } from './sidepanel-animations';
 import { KbqSidepanelConfig } from './sidepanel-config';
 import * as i0 from "@angular/core";
@@ -27,10 +28,18 @@ export declare class KbqSidepanelContainerComponent extends BasePortalOutlet imp
     get size(): string;
     get trapFocusAutoCapture(): boolean;
     get trapFocus(): boolean;
+    /** @docs-private */
+    protected readonly indentClickEmitter: Subject<MouseEvent>;
     /** Whether the component has been destroyed. */
     private destroyed;
     constructor(elementRef: ElementRef<HTMLElement>, changeDetectorRef: ChangeDetectorRef, sidepanelConfig: KbqSidepanelConfig, withIndent: boolean, withShadow: boolean);
     ngOnDestroy(): void;
+    /**
+     * Gets an observable that emits when the indent has been clicked.
+     *
+     * @docs-private
+     */
+    indentClick(): Observable<MouseEvent>;
     /** Attach a component portal as content to this sidepanel container. */
     attachComponentPortal<T>(portal: ComponentPortal<T>): ComponentRef<T>;
     /** Attach a template portal as content to this sidepanel container. */

package/sidepanel/sidepanel-ref.d.ts

@@ -3,9 +3,9 @@ import { Observable } from 'rxjs';
 import { KbqSidepanelConfig } from './sidepanel-config';
 import { KbqSidepanelContainerComponent } from './sidepanel-container.component';
 export declare class KbqSidepanelRef<T = any, R = any> {
-    containerInstance: KbqSidepanelContainerComponent;
-    private overlayRef;
-    config: KbqSidepanelConfig;
+    readonly containerInstance: KbqSidepanelContainerComponent;
+    readonly overlayRef: OverlayRef;
+    readonly config: KbqSidepanelConfig;
     readonly id: string;
     /** Instance of the component making up the content of the sidepanel. */
     instance: T;

package/splitter/splitter.component.d.ts

@@ -63,7 +63,7 @@ export declare class KbqSplitterComponent implements OnInit, AfterContentInit, O
     changeDetectorRef: ChangeDetectorRef;
     private ngZone;
     private renderer;
-    gutterPositionChange: EventEmitter<void>;
+    readonly gutterPositionChange: EventEmitter<void>;
     areas: IArea[];
     gutters: QueryList<KbqGutterDirective>;
     ghost: KbqGutterGhostDirective;
@@ -111,7 +111,7 @@ export declare class KbqSplitterAreaDirective implements AfterViewInit, OnDestro
     private elementRef;
     private renderer;
     private splitter;
-    sizeChange: EventEmitter<number>;
+    readonly sizeChange: EventEmitter<number>;
     private readonly window;
     constructor(elementRef: ElementRef, renderer: Renderer2, splitter: KbqSplitterComponent);
     isResizing(): boolean;

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

@@ -85,6 +85,7 @@ export declare class KbqTabGroup implements AfterContentInit, AfterViewInit, Aft
     private readonly groupId;
     private readonly resizeDebounceInterval;
     constructor(changeDetectorRef: ChangeDetectorRef, defaultConfig?: KbqTabsConfig);
+    ngAfterContentInit(): void;
     /**
      * After the content is checked, this component knows what tabs have been defined
      * and what the selected index should be. This is where we can know exactly what position
@@ -92,7 +93,6 @@ export declare class KbqTabGroup implements AfterContentInit, AfterViewInit, Aft
      * a new selected tab should transition in (from the left or right).
      */
     ngAfterContentChecked(): void;
-    ngAfterContentInit(): void;
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
     focusChanged(index: number): void;

package/tabs/tab.component.d.ts

@@ -52,8 +52,8 @@ export declare class KbqTab implements OnInit, OnChanges, OnDestroy {
     private contentPortal;
     constructor(viewContainerRef: ViewContainerRef);
     ngOnChanges(changes: SimpleChanges): void;
-    ngOnDestroy(): void;
     ngOnInit(): void;
+    ngOnDestroy(): void;
     /**
      * This has been extracted to a util because of TS 4 and VE.
      * View Engine doesn't support property rename inheritance.

package/tags/tag-input.d.ts

@@ -40,7 +40,7 @@ export declare class KbqTagInput implements KbqTagTextControl, OnChanges {
     get separators(): KbqTagSeparator[];
     private _separators;
     /** Emitted when a tag is to be added. */
-    tagEnd: EventEmitter<KbqTagInputEvent>;
+    readonly tagEnd: EventEmitter<KbqTagInputEvent>;
     /** A value indicating whether allow/prevent tags duplication  */
     distinct: boolean;
     /** The input's placeholder text. */

package/tags/tag-list.component.d.ts

@@ -151,9 +151,9 @@ export declare class KbqTagList implements KbqFormFieldControl<any>, ControlValu
     private tagRemoveSubscription;
     private readonly destroyRef;
     constructor(elementRef: ElementRef<HTMLElement>, changeDetectorRef: ChangeDetectorRef, defaultErrorStateMatcher: ErrorStateMatcher, dir: Directionality, parentForm: NgForm, parentFormGroup: FormGroupDirective, ngControl: NgControl);
-    ngAfterContentInit(): void;
     ngOnInit(): void;
     ngDoCheck(): void;
+    ngAfterContentInit(): void;
     ngOnDestroy(): void;
     updateErrorState(): void;
     onTouched: () => void;

package/timepicker/timepicker.directive.d.ts

@@ -64,7 +64,7 @@ export declare class KbqTimepicker<D> implements KbqFormFieldControl<D>, Control
     set value(value: D | null);
     private _value;
     set kbqValidationTooltip(tooltip: KbqWarningTooltipTrigger);
-    incorrectInput: EventEmitter<void>;
+    readonly incorrectInput: EventEmitter<void>;
     get hasSelection(): boolean;
     get isFullFormat(): boolean;
     get isShortFormat(): boolean;

package/tooltip/tooltip.component.d.ts

@@ -78,8 +78,8 @@ export declare class KbqTooltipTrigger extends KbqPopUpTrigger<KbqTooltipCompone
     private _color;
     arrow: boolean;
     offset: number | null;
-    placementChange: EventEmitter<any>;
-    visibleChange: EventEmitter<boolean>;
+    readonly placementChange: EventEmitter<any>;
+    readonly visibleChange: EventEmitter<boolean>;
     private get hasClickInTrigger();
     protected originSelector: string;
     protected overlayConfig: OverlayConfig;

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

@@ -77,8 +77,8 @@ export declare class KbqTreeSelection extends KbqTreeBase<any> implements Contro
     private optionFocusSubscription;
     private optionBlurSubscription;
     constructor(elementRef: ElementRef, scheduler: AsyncScheduler, differs: IterableDiffers, changeDetectorRef: ChangeDetectorRef, multiple: MultipleMode, clipboard: Clipboard);
-    ngAfterViewInit(): void;
     ngAfterContentInit(): void;
+    ngAfterViewInit(): void;
     ngOnDestroy(): void;
     focus($event: any): void;
     highlightSelectedOption(): void;

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

@@ -210,9 +210,9 @@ export declare class KbqTreeSelect extends KbqAbstractSelect implements AfterCon
     private readonly window;
     constructor(elementRef: ElementRef, changeDetectorRef: ChangeDetectorRef, ngZone: NgZone, renderer: Renderer2, defaultErrorStateMatcher: ErrorStateMatcher, scrollStrategyFactory: any, dir: Directionality, parentForm: NgForm, parentFormGroup: FormGroupDirective, parentFormField: KbqFormField, ngControl: NgControl, localeService?: KbqLocaleService | undefined);
     ngOnInit(): void;
+    ngDoCheck(): void;
     ngAfterContentInit(): void;
     ngAfterViewInit(): void;
-    ngDoCheck(): void;
     ngOnDestroy(): void;
     updateErrorState(): void;
     hiddenItemsTextFormatter(hiddenItemsText: string, hiddenItems: number): string;

package/username/constants.d.ts

@@ -0,0 +1,15 @@
+import { InjectionToken } from '@angular/core';
+import { KbqFormatKeyToProfileMapping, KbqFormatKeyToProfileMappingExtended } from './types';
+/** Default name format: Last name full, first and middle as initials. */
+export declare const kbqDefaultFullNameFormatCustom = "L f. m.";
+/** Default name format: Last name full, first and middle as initials. */
+export declare const kbqDefaultFullNameFormat = "lf.m.";
+/**
+ * Throws an error when no profile field mapping is provided to the username pipe.
+ * @docs-private
+ */
+export declare function KbqMappingMissingError(): Error;
+/**
+ * Injection token for providing a global username format-to-profile mapping.
+ */
+export declare const KBQ_PROFILE_MAPPING: InjectionToken<KbqFormatKeyToProfileMapping | KbqFormatKeyToProfileMappingExtended>;

package/username/index.d.ts

@@ -0,0 +1,5 @@
+export * from './constants';
+export * from './module';
+export * from './types';
+export * from './username';
+export * from './username.pipe';

package/username/module.d.ts

@@ -0,0 +1,8 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./username";
+import * as i2 from "./username.pipe";
+export declare class KbqUsernameModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<KbqUsernameModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<KbqUsernameModule, never, [typeof i1.KbqUsername, typeof i1.KbqUsernameCustomView, typeof i1.KbqUsernamePrimary, typeof i1.KbqUsernameSecondary, typeof i2.KbqUsernameCustomPipe, typeof i2.KbqUsernamePipe], [typeof i1.KbqUsername, typeof i1.KbqUsernameCustomView, typeof i1.KbqUsernamePrimary, typeof i1.KbqUsernameSecondary, typeof i2.KbqUsernameCustomPipe, typeof i2.KbqUsernamePipe]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<KbqUsernameModule>;
+}