@koobiq/components 18.39.0 → 19.1.0

package/breadcrumbs/roving-focus-group.directive.d.ts

@@ -0,0 +1,50 @@
+import { EventEmitter } from '@angular/core';
+import { Direction, Orientation } from './utils';
+import * as i0 from "@angular/core";
+export declare class RdxRovingFocusGroupDirective {
+    private readonly ngZone;
+    private readonly elementRef;
+    orientation: Orientation | undefined;
+    dir: Direction;
+    loop: boolean;
+    preventScrollOnEntryFocus: boolean;
+    readonly entryFocus: EventEmitter<Event>;
+    readonly currentTabStopIdChange: EventEmitter<string | null>;
+    /** @docs-private */
+    readonly currentTabStopId: import("@angular/core").WritableSignal<string | null>;
+    /** @docs-private */
+    readonly focusableItems: import("@angular/core").WritableSignal<HTMLElement[]>;
+    private readonly isClickFocus;
+    private readonly isTabbingBackOut;
+    private readonly focusableItemsCount;
+    /** @docs-private */
+    get dataOrientation(): Orientation;
+    /** @docs-private */
+    get tabIndex(): 0 | -1;
+    /** @docs-private */
+    handleBlur(): void;
+    /** @docs-private */
+    handleMouseUp(): void;
+    /** @docs-private */
+    handleFocus(event: FocusEvent): void;
+    /** @docs-private */
+    handleMouseDown(): void;
+    /** @docs-private */
+    onItemFocus(tabStopId: string): void;
+    /** @docs-private */
+    onItemShiftTab(): void;
+    /** @docs-private */
+    onFocusableItemAdd(): void;
+    /** @docs-private */
+    onFocusableItemRemove(): void;
+    /** @docs-private */
+    registerItem(item: HTMLElement): void;
+    /** @docs-private */
+    unregisterItem(item: HTMLElement): void;
+    /** @docs-private */
+    getFocusableItemsCount(): number;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RdxRovingFocusGroupDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<RdxRovingFocusGroupDirective, "[rdxRovingFocusGroup]", never, { "orientation": { "alias": "orientation"; "required": false; }; "dir": { "alias": "dir"; "required": false; }; "loop": { "alias": "loop"; "required": false; }; "preventScrollOnEntryFocus": { "alias": "preventScrollOnEntryFocus"; "required": false; }; }, { "entryFocus": "entryFocus"; "currentTabStopIdChange": "currentTabStopIdChange"; }, never, never, true, never>;
+    static ngAcceptInputType_loop: unknown;
+    static ngAcceptInputType_preventScrollOnEntryFocus: unknown;
+}

package/breadcrumbs/roving-focus-item.directive.d.ts

@@ -0,0 +1,50 @@
+import { OnDestroy, OnInit } from '@angular/core';
+import { RdxRovingFocusGroupDirective } from './roving-focus-group.directive';
+import * as i0 from "@angular/core";
+export declare class RdxRovingFocusItemDirective implements OnInit, OnDestroy {
+    private readonly elementRef;
+    private readonly ngZone;
+    protected readonly parent: RdxRovingFocusGroupDirective;
+    focusable: boolean;
+    active: boolean;
+    tabStopId: string;
+    allowShiftKey: boolean;
+    private readonly id;
+    /** @docs-private */
+    readonly isCurrentTabStop: import("@angular/core").Signal<boolean>;
+    /**
+     * Lifecycle hook triggered on initialization.
+     * Registers the element with the parent roving focus group if it is focusable.
+     * @docs-private
+     */
+    ngOnInit(): void;
+    /**
+     * Lifecycle hook triggered on destruction.
+     * Unregisters the element from the parent roving focus group if it is focusable.
+     * @docs-private
+     */
+    ngOnDestroy(): void;
+    /**
+     * Determines the `tabIndex` of the element.
+     * Returns `0` if the element is the current tab stop; otherwise, returns `-1`.
+     * @docs-private
+     */
+    get tabIndex(): 0 | -1;
+    /** @docs-private */
+    handleMouseDown(event: MouseEvent): void;
+    /** @docs-private */
+    onFocus(): void;
+    /**
+     * Handles the `keydown` event for keyboard navigation within the roving focus group.
+     * Supports navigation based on orientation and direction, and focuses appropriate elements.
+     *
+     * @param event The `KeyboardEvent` object.
+     * @docs-private
+     */
+    handleKeydown(event: KeyboardEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RdxRovingFocusItemDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<RdxRovingFocusItemDirective, "[rdxRovingFocusItem]", never, { "focusable": { "alias": "focusable"; "required": false; }; "active": { "alias": "active"; "required": false; }; "tabStopId": { "alias": "tabStopId"; "required": false; }; "allowShiftKey": { "alias": "allowShiftKey"; "required": false; }; }, {}, never, never, true, never>;
+    static ngAcceptInputType_focusable: unknown;
+    static ngAcceptInputType_active: unknown;
+    static ngAcceptInputType_allowShiftKey: unknown;
+}

package/breadcrumbs/utils.d.ts

@@ -0,0 +1,19 @@
+export type Orientation = 'horizontal' | 'vertical';
+export type Direction = 'ltr' | 'rtl';
+export declare const ENTRY_FOCUS = "rovingFocusGroup.onEntryFocus";
+export declare const EVENT_OPTIONS: {
+    bubbles: boolean;
+    cancelable: boolean;
+};
+type FocusIntent = 'first' | 'last' | 'prev' | 'next';
+export declare const MAP_KEY_TO_FOCUS_INTENT: Record<string, FocusIntent>;
+export declare function getDirectionAwareKey(key: string, dir?: Direction): string;
+export declare function getFocusIntent(event: KeyboardEvent, orientation?: Orientation, dir?: Direction): FocusIntent | undefined;
+export declare function focusFirst(candidates: HTMLElement[], preventScroll?: boolean, rootNode?: Document | ShadowRoot): void;
+/**
+ * Wraps an array around itself at a given start index
+ * Example: `wrapArray(['a', 'b', 'c', 'd'], 2) === ['c', 'd', 'a', 'b']`
+ */
+export declare function wrapArray<T>(array: T[], startIndex: number): T[];
+export declare function generateId(): string;
+export {};

package/button/button.component.d.ts

@@ -20,7 +20,7 @@ export declare class KbqButtonCssStyler implements AfterContentInit {
     ngAfterContentInit(): void;
     updateClassModifierForIcons(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqButtonCssStyler, [null, null, { skipSelf: true; }]>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqButtonCssStyler, "[kbq-button]", never, {}, {}, ["icons"], never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqButtonCssStyler, "[kbq-button]", never, {}, {}, ["icons"], never, true, never>;
 }
 export declare class KbqButton extends KbqColorDirective implements OnDestroy, AfterViewInit, KbqTitleTextRef {
     private focusMonitor;
@@ -50,7 +50,7 @@ export declare class KbqButton extends KbqColorDirective implements OnDestroy, A
     private runFocusMonitor;
     private stopFocusMonitor;
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqButton, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<KbqButton, "[kbq-button]", never, { "kbqStyle": { "alias": "kbqStyle"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KbqButton, "[kbq-button]", never, { "kbqStyle": { "alias": "kbqStyle"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; }, {}, never, ["*"], true, never>;
     static ngAcceptInputType_disabled: unknown;
     static ngAcceptInputType_tabIndex: unknown;
 }

package/button/button.module.d.ts

@@ -1,11 +1,11 @@
 import * as i0 from "@angular/core";
-import * as i1 from "./button.component";
-import * as i2 from "@angular/cdk/a11y";
-import * as i3 from "@angular/cdk/platform";
-import * as i4 from "@angular/cdk/observers";
-import * as i5 from "./button.dropdown-trigger.directive";
+import * as i1 from "@angular/cdk/a11y";
+import * as i2 from "@angular/cdk/platform";
+import * as i3 from "@angular/cdk/observers";
+import * as i4 from "./button.dropdown-trigger.directive";
+import * as i5 from "./button.component";
 export declare class KbqButtonModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqButtonModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<KbqButtonModule, [typeof i1.KbqButton, typeof i1.KbqButtonCssStyler], [typeof i2.A11yModule, typeof i3.PlatformModule, typeof i4.ObserversModule, typeof i5.KbqButtonDropdownTrigger], [typeof i1.KbqButton, typeof i1.KbqButtonCssStyler, typeof i5.KbqButtonDropdownTrigger]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<KbqButtonModule, never, [typeof i1.A11yModule, typeof i2.PlatformModule, typeof i3.ObserversModule, typeof i4.KbqButtonDropdownTrigger, typeof i5.KbqButton, typeof i5.KbqButtonCssStyler], [typeof i5.KbqButton, typeof i5.KbqButtonCssStyler, typeof i4.KbqButtonDropdownTrigger]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<KbqButtonModule>;
 }

package/button-toggle/_button-toggle-theme.scss

@@ -1,12 +1,15 @@
 @use '../core/styles/common/tokens' as *;
 
 @mixin kbq-button-toggle-state($state-name) {
-    background: var(--kbq-button-toggle-item-#{$state-name}-background);
+    & > .kbq-button,
+    & > .kbq-icon-button {
+        background: var(--kbq-button-toggle-item-#{$state-name}-background);
 
-    color: var(--kbq-button-toggle-item-#{$state-name}-text);
+        color: var(--kbq-button-toggle-item-#{$state-name}-text);
 
-    & .kbq-icon.kbq-empty {
-        color: var(--kbq-button-toggle-item-#{$state-name}-icon);
+        & .kbq-icon.kbq-empty {
+            color: var(--kbq-button-toggle-item-#{$state-name}-icon);
+        }
     }
 }
 
@@ -15,37 +18,37 @@
         background: var(--kbq-button-toggle-container-background);
 
         .kbq-button-toggle {
-            & > .kbq-button,
-            & > .kbq-icon-button {
-                @include kbq-button-toggle-state(default);
+            @include kbq-button-toggle-state(default);
 
-                &:hover:not(.kbq-disabled) {
-                    @include kbq-button-toggle-state(states-hover);
-                }
+            &.kbq-hover:not(.kbq-disabled),
+            &:hover:not(.kbq-disabled) {
+                @include kbq-button-toggle-state(states-hover);
+            }
 
-                &:active:not(.kbq-disabled) {
-                    @include kbq-button-toggle-state(states-active);
-                }
+            &.kbq-active:not(.kbq-disabled),
+            &:active:not(.kbq-disabled) {
+                @include kbq-button-toggle-state(states-active);
+            }
 
-                &.kbq-selected:not(.kbq-disabled) {
-                    @include kbq-button-toggle-state(states-selected);
+            &.kbq-selected:not(.kbq-disabled) {
+                @include kbq-button-toggle-state(states-selected);
 
-                    &:active {
-                        @include kbq-button-toggle-state(states-selected-active);
-                    }
+                &.kbq-active,
+                &:active {
+                    @include kbq-button-toggle-state(states-selected-active);
                 }
+            }
 
-                &.kbq-disabled {
-                    @include kbq-button-toggle-state(states-disabled);
-                }
+            &.kbq-disabled {
+                @include kbq-button-toggle-state(states-disabled);
+            }
 
-                &.kbq-disabled.kbq-selected {
-                    @include kbq-button-toggle-state(states-selected-disabled);
-                }
+            &.kbq-disabled.kbq-selected {
+                @include kbq-button-toggle-state(states-selected-disabled);
+            }
 
-                &.cdk-keyboard-focused {
-                    border-color: var(--kbq-button-toggle-item-states-focused-outline);
-                }
+            &.cdk-keyboard-focused {
+                border-color: var(--kbq-button-toggle-item-states-focused-outline);
             }
         }
     }

package/button-toggle/button-toggle.component.d.ts

@@ -100,7 +100,7 @@ export declare class KbqButtonToggleGroup implements ControlValueAccessor, OnIni
     /** Selects a value if there's a toggle that corresponds to it. */
     private selectValue;
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqButtonToggleGroup, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqButtonToggleGroup, "kbq-button-toggle-group", ["kbqButtonToggleGroup"], { "vertical": { "alias": "vertical"; "required": false; }; "value": { "alias": "value"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "valueChange": "valueChange"; "change": "change"; }, ["buttonToggles"], never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqButtonToggleGroup, "kbq-button-toggle-group", ["kbqButtonToggleGroup"], { "vertical": { "alias": "vertical"; "required": false; }; "value": { "alias": "value"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "valueChange": "valueChange"; "change": "change"; }, ["buttonToggles"], never, true, never>;
 }
 /** Single button inside of a toggle group. */
 export declare class KbqButtonToggle implements OnInit, AfterContentInit, AfterViewInit, OnDestroy {
@@ -142,5 +142,5 @@ export declare class KbqButtonToggle implements OnInit, AfterContentInit, AfterV
      */
     markForCheck(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqButtonToggle, [{ optional: true; }, null, null, null]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<KbqButtonToggle, "kbq-button-toggle", ["kbqButtonToggle"], { "checked": { "alias": "checked"; "required": false; }; "value": { "alias": "value"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "change": "change"; }, ["icons"], ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KbqButtonToggle, "kbq-button-toggle", ["kbqButtonToggle"], { "checked": { "alias": "checked"; "required": false; }; "value": { "alias": "value"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "change": "change"; }, ["icons"], ["*"], true, never>;
 }

package/button-toggle/button-toggle.module.d.ts

@@ -1,9 +1,9 @@
 import * as i0 from "@angular/core";
-import * as i1 from "./button-toggle.component";
-import * as i2 from "@koobiq/components/button";
-import * as i3 from "@koobiq/components/title";
+import * as i1 from "@koobiq/components/button";
+import * as i2 from "@koobiq/components/title";
+import * as i3 from "./button-toggle.component";
 export declare class KbqButtonToggleModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqButtonToggleModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<KbqButtonToggleModule, [typeof i1.KbqButtonToggleGroup, typeof i1.KbqButtonToggle], [typeof i2.KbqButtonModule, typeof i3.KbqTitleModule], [typeof i1.KbqButtonToggleGroup, typeof i1.KbqButtonToggle]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<KbqButtonToggleModule, never, [typeof i1.KbqButtonModule, typeof i2.KbqTitleModule, typeof i3.KbqButtonToggleGroup, typeof i3.KbqButtonToggle], [typeof i3.KbqButtonToggleGroup, typeof i3.KbqButtonToggle]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<KbqButtonToggleModule>;
 }

package/button-toggle/button-toggle.scss

@@ -40,11 +40,11 @@
             border-width: 0;
 
             padding: kbq-difference-series-css-variables(
-                    [ button-toggle-size-item-padding-vertical,
+                    [button-toggle-size-item-padding-vertical,
                     button-toggle-size-item-focus-outline-width]
                 )
                 kbq-difference-series-css-variables(
-                    [ button-toggle-size-item-padding-horizontal,
+                    [button-toggle-size-item-padding-horizontal,
                     button-toggle-size-item-focus-outline-width]
                 );
 

package/checkbox/checkbox-module.d.ts

@@ -1,9 +1,9 @@
 import * as i0 from "@angular/core";
-import * as i1 from "./checkbox";
-import * as i2 from "./checkbox-required-validator";
-import * as i3 from "@angular/common";
+import * as i1 from "@angular/common";
+import * as i2 from "./checkbox";
+import * as i3 from "./checkbox-required-validator";
 export declare class KbqCheckboxModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqCheckboxModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<KbqCheckboxModule, [typeof i1.KbqCheckbox, typeof i2.KbqCheckboxRequiredValidator], [typeof i3.CommonModule], [typeof i1.KbqCheckbox, typeof i2.KbqCheckboxRequiredValidator]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<KbqCheckboxModule, never, [typeof i1.CommonModule, typeof i2.KbqCheckbox, typeof i3.KbqCheckboxRequiredValidator], [typeof i2.KbqCheckbox, typeof i3.KbqCheckboxRequiredValidator]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<KbqCheckboxModule>;
 }

package/checkbox/checkbox-required-validator.d.ts

@@ -9,5 +9,5 @@ export declare const KBQ_CHECKBOX_REQUIRED_VALIDATOR: Provider;
  */
 export declare class KbqCheckboxRequiredValidator extends CheckboxRequiredValidator {
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqCheckboxRequiredValidator, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqCheckboxRequiredValidator, "kbq-checkbox[required][formControlName],             kbq-checkbox[required][formControl], kbq-checkbox[required][ngModel]", never, {}, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqCheckboxRequiredValidator, "kbq-checkbox[required][formControlName],             kbq-checkbox[required][formControl], kbq-checkbox[required][ngModel]", never, {}, {}, never, never, true, never>;
 }

package/checkbox/checkbox.d.ts

@@ -120,7 +120,7 @@ export declare class KbqCheckbox extends KbqColorDirective implements ControlVal
     /** Function is called whenever the focus changes for the input element. */
     private onInputFocusChange;
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqCheckbox, [null, null, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<KbqCheckbox, "kbq-checkbox", ["kbqCheckbox"], { "big": { "alias": "big"; "required": false; }; "id": { "alias": "id"; "required": false; }; "labelPosition": { "alias": "labelPosition"; "required": false; }; "name": { "alias": "name"; "required": false; }; "value": { "alias": "value"; "required": false; }; "required": { "alias": "required"; "required": false; }; "checked": { "alias": "checked"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "indeterminate": { "alias": "indeterminate"; "required": false; }; }, { "change": "change"; "indeterminateChange": "indeterminateChange"; }, never, ["*", "kbq-hint"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KbqCheckbox, "kbq-checkbox", ["kbqCheckbox"], { "big": { "alias": "big"; "required": false; }; "id": { "alias": "id"; "required": false; }; "labelPosition": { "alias": "labelPosition"; "required": false; }; "name": { "alias": "name"; "required": false; }; "value": { "alias": "value"; "required": false; }; "required": { "alias": "required"; "required": false; }; "checked": { "alias": "checked"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "indeterminate": { "alias": "indeterminate"; "required": false; }; }, { "change": "change"; "indeterminateChange": "indeterminateChange"; }, never, ["*", "kbq-hint"], true, never>;
     static ngAcceptInputType_required: unknown;
     static ngAcceptInputType_disabled: unknown;
     static ngAcceptInputType_tabIndex: unknown;

package/checkbox/checkbox.scss

@@ -1,4 +1,3 @@
-@use '../core/styles/common/tokens' as *;
 @use './checkbox-theme' as *;
 
 .kbq-checkbox-checkmark,
@@ -27,10 +26,7 @@
 }
 
 .kbq-checkbox__layout {
-    $padding-left: kbq-sum-series-css-variables(
-        [checkbox-size-normal-width,
-        checkbox-size-normal-horizontal-content-padding]
-    );
+    --padding: calc(var(--kbq-checkbox-size-normal-width) + var(--kbq-checkbox-size-normal-horizontal-content-padding));
 
     box-sizing: initial;
 
@@ -39,7 +35,7 @@
 
     display: inline-flex;
 
-    max-width: calc(100% - $padding-left);
+    max-width: calc(100% - var(--padding));
 
     // `cursor: inherit` ensures that the wrapper element gets the same cursor as the kbq-checkbox
     // (e.g. pointer by default, regular when disabled), instead of the browser default.
@@ -49,7 +45,7 @@
 
     padding-bottom: var(--kbq-checkbox-size-normal-padding-bottom);
 
-    padding-left: $padding-left;
+    padding-left: var(--padding);
 
     vertical-align: top;
 }
@@ -104,16 +100,7 @@
 }
 
 .kbq-checkbox.kbq-checkbox_big {
-    & .kbq-checkbox__layout {
-        $padding-left: kbq-sum-series-css-variables(
-            [ checkbox-size-normal-width,
-            checkbox-size-normal-horizontal-content-padding]
-        );
-
-        max-width: calc(100% - $padding-left);
-
-        padding-left: $padding-left;
-    }
+    --padding: calc(var(--kbq-checkbox-size-big-width) + var(--kbq-checkbox-size-big-horizontal-content-padding));
 
     & .kbq-checkbox__inner-container {
         top: var(--kbq-checkbox-size-big-top);
@@ -152,10 +139,7 @@
 .kbq-checkbox_label-before {
     .kbq-checkbox__layout {
         padding-left: 0;
-        padding-right: kbq-sum-series-css-variables(
-            [ checkbox-size-normal-width,
-            checkbox-size-normal-horizontal-content-padding]
-        );
+        padding-right: var(--padding);
     }
 
     .kbq-checkbox__inner-container {

package/code-block/code-block.scss

@@ -139,8 +139,8 @@
             display: none;
             position: absolute;
             top: 0;
-            right: 0;
-            padding: var(--kbq-size-s) var(--kbq-size-m);
+            right: var(--kbq-size-m);
+            padding: var(--kbq-size-s) 0 var(--kbq-size-s) var(--kbq-size-m);
         }
 
         .kbq-code-block__main {

package/core/common-behaviors/index.d.ts

@@ -5,7 +5,6 @@ export { CanColor, CanColorCtor, KbqColorDirective, KbqComponentColors, mixinCol
 export { KBQ_SANITY_CHECKS, KbqCommonModule } from './common-module';
 export { CanDisable, CanDisableCtor, mixinDisabled } from './disabled';
 export { CanUpdateErrorState, CanUpdateErrorStateCtor, KbqErrorStateTracker, mixinErrorState } from './error-state';
-export * from './focus-monitor';
 export * from './hover';
 export * from './orientation';
 export * from './read-state';

package/core/formatters/date/formatter.pipe.d.ts

@@ -13,6 +13,7 @@ export declare class AbsoluteDateFormatterPipe<D> extends BaseFormatterPipe<D> i
     static ɵpipe: i0.ɵɵPipeDeclaration<AbsoluteDateFormatterPipe<any>, "absoluteLongDate", true>;
 }
 export declare class AbsoluteDateFormatterImpurePipe<D> extends AbsoluteDateFormatterPipe<D> {
+    transform(value: string | D, currYear?: boolean): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<AbsoluteDateFormatterImpurePipe<any>, never>;
     static ɵpipe: i0.ɵɵPipeDeclaration<AbsoluteDateFormatterImpurePipe<any>, "absoluteLongDateImpurePipe", true>;
 }
@@ -22,6 +23,7 @@ export declare class AbsoluteDateTimeFormatterPipe<D> extends BaseFormatterPipe<
     static ɵpipe: i0.ɵɵPipeDeclaration<AbsoluteDateTimeFormatterPipe<any>, "absoluteLongDateTime", true>;
 }
 export declare class AbsoluteDateTimeFormatterImpurePipe<D> extends AbsoluteDateTimeFormatterPipe<D> {
+    transform(value: string | D, options?: DateTimeOptions): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<AbsoluteDateTimeFormatterImpurePipe<any>, never>;
     static ɵpipe: i0.ɵɵPipeDeclaration<AbsoluteDateTimeFormatterImpurePipe<any>, "absoluteLongDateTimeImpurePipe", true>;
 }
@@ -31,6 +33,7 @@ export declare class AbsoluteDateShortFormatterPipe<D> extends BaseFormatterPipe
     static ɵpipe: i0.ɵɵPipeDeclaration<AbsoluteDateShortFormatterPipe<any>, "absoluteShortDate", true>;
 }
 export declare class AbsoluteDateShortFormatterImpurePipe<D> extends AbsoluteDateShortFormatterPipe<D> {
+    transform(value: string | D, currYear?: boolean): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<AbsoluteDateShortFormatterImpurePipe<any>, never>;
     static ɵpipe: i0.ɵɵPipeDeclaration<AbsoluteDateShortFormatterImpurePipe<any>, "absoluteShortDateImpurePipe", true>;
 }
@@ -40,6 +43,7 @@ export declare class AbsoluteShortDateTimeFormatterPipe<D> extends BaseFormatter
     static ɵpipe: i0.ɵɵPipeDeclaration<AbsoluteShortDateTimeFormatterPipe<any>, "absoluteShortDateTime", true>;
 }
 export declare class AbsoluteShortDateTimeFormatterImpurePipe<D> extends AbsoluteShortDateTimeFormatterPipe<D> {
+    transform(value: string | D, options?: DateTimeOptions): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<AbsoluteShortDateTimeFormatterImpurePipe<any>, never>;
     static ɵpipe: i0.ɵɵPipeDeclaration<AbsoluteShortDateTimeFormatterImpurePipe<any>, "absoluteShortDateTimeImpurePipe", true>;
 }
@@ -49,6 +53,7 @@ export declare class RelativeDateFormatterPipe<D> extends BaseFormatterPipe<D> i
     static ɵpipe: i0.ɵɵPipeDeclaration<RelativeDateFormatterPipe<any>, "relativeLongDate", true>;
 }
 export declare class RelativeDateFormatterImpurePipe<D> extends RelativeDateFormatterPipe<D> {
+    transform(value: string | D): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<RelativeDateFormatterImpurePipe<any>, never>;
     static ɵpipe: i0.ɵɵPipeDeclaration<RelativeDateFormatterImpurePipe<any>, "relativeLongDateImpurePipe", true>;
 }
@@ -58,6 +63,7 @@ export declare class RelativeDateTimeFormatterPipe<D> extends BaseFormatterPipe<
     static ɵpipe: i0.ɵɵPipeDeclaration<RelativeDateTimeFormatterPipe<any>, "relativeLongDateTime", true>;
 }
 export declare class RelativeDateTimeFormatterImpurePipe<D> extends RelativeDateTimeFormatterPipe<D> {
+    transform(value: string | D, options?: DateTimeOptions): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<RelativeDateTimeFormatterImpurePipe<any>, never>;
     static ɵpipe: i0.ɵɵPipeDeclaration<RelativeDateTimeFormatterImpurePipe<any>, "relativeLongDateTimeImpurePipe", true>;
 }
@@ -67,6 +73,7 @@ export declare class RelativeShortDateFormatterPipe<D> extends BaseFormatterPipe
     static ɵpipe: i0.ɵɵPipeDeclaration<RelativeShortDateFormatterPipe<any>, "relativeShortDate", true>;
 }
 export declare class RelativeShortDateFormatterImpurePipe<D> extends RelativeShortDateFormatterPipe<D> {
+    transform(value: string | D): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<RelativeShortDateFormatterImpurePipe<any>, never>;
     static ɵpipe: i0.ɵɵPipeDeclaration<RelativeShortDateFormatterImpurePipe<any>, "relativeShortDateImpurePipe", true>;
 }
@@ -76,6 +83,7 @@ export declare class RelativeShortDateTimeFormatterPipe<D> extends BaseFormatter
     static ɵpipe: i0.ɵɵPipeDeclaration<RelativeShortDateTimeFormatterPipe<any>, "relativeShortDateTime", true>;
 }
 export declare class RelativeShortDateTimeFormatterImpurePipe<D> extends RelativeShortDateTimeFormatterPipe<D> {
+    transform(value: string | D, options?: DateTimeOptions): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<RelativeShortDateTimeFormatterImpurePipe<any>, never>;
     static ɵpipe: i0.ɵɵPipeDeclaration<RelativeShortDateTimeFormatterImpurePipe<any>, "relativeShortDateTimeImpurePipe", true>;
 }
@@ -85,6 +93,7 @@ export declare class RangeDateFormatterPipe<D> extends BaseFormatterPipe<D> impl
     static ɵpipe: i0.ɵɵPipeDeclaration<RangeDateFormatterPipe<any>, "rangeLongDate", true>;
 }
 export declare class RangeDateFormatterImpurePipe<D> extends RangeDateFormatterPipe<D> {
+    transform([value1, value2]: D[] | string[]): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<RangeDateFormatterImpurePipe<any>, never>;
     static ɵpipe: i0.ɵɵPipeDeclaration<RangeDateFormatterImpurePipe<any>, "rangeLongDateImpurePipe", true>;
 }
@@ -94,6 +103,7 @@ export declare class RangeShortDateFormatterPipe<D> extends BaseFormatterPipe<D>
     static ɵpipe: i0.ɵɵPipeDeclaration<RangeShortDateFormatterPipe<any>, "rangeShortDate", true>;
 }
 export declare class RangeShortDateFormatterImpurePipe<D> extends RangeShortDateFormatterPipe<D> {
+    transform([value1, value2]: D[] | string[]): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<RangeShortDateFormatterImpurePipe<any>, never>;
     static ɵpipe: i0.ɵɵPipeDeclaration<RangeShortDateFormatterImpurePipe<any>, "rangeShortDateImpurePipe", true>;
 }
@@ -103,6 +113,7 @@ export declare class RangeDateTimeFormatterPipe<D> extends BaseFormatterPipe<D>
     static ɵpipe: i0.ɵɵPipeDeclaration<RangeDateTimeFormatterPipe<any>, "rangeLongDateTime", true>;
 }
 export declare class RangeDateTimeFormatterImpurePipe<D> extends RangeDateTimeFormatterPipe<D> {
+    transform([value1, value2]: D[] | string[], options?: DateTimeOptions): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<RangeDateTimeFormatterImpurePipe<any>, never>;
     static ɵpipe: i0.ɵɵPipeDeclaration<RangeDateTimeFormatterImpurePipe<any>, "rangeLongDateTimeImpurePipe", true>;
 }
@@ -112,6 +123,7 @@ export declare class RangeMiddleDateTimeFormatterPipe<D> extends BaseFormatterPi
     static ɵpipe: i0.ɵɵPipeDeclaration<RangeMiddleDateTimeFormatterPipe<any>, "rangeMiddleDateTime", true>;
 }
 export declare class RangeMiddleDateTimeFormatterImpurePipe<D> extends RangeMiddleDateTimeFormatterPipe<D> {
+    transform([value1, value2]: D[] | string[], options?: DateTimeOptions): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<RangeMiddleDateTimeFormatterImpurePipe<any>, never>;
     static ɵpipe: i0.ɵɵPipeDeclaration<RangeMiddleDateTimeFormatterImpurePipe<any>, "rangeMiddleDateTimeImpurePipe", true>;
 }
@@ -121,6 +133,7 @@ export declare class RangeShortDateTimeFormatterPipe<D> extends BaseFormatterPip
     static ɵpipe: i0.ɵɵPipeDeclaration<RangeShortDateTimeFormatterPipe<any>, "rangeShortDateTime", true>;
 }
 export declare class RangeShortDateTimeFormatterImpurePipe<D> extends RangeShortDateTimeFormatterPipe<D> {
+    transform([value1, value2]: D[] | string[], options?: DateTimeOptions): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<RangeShortDateTimeFormatterImpurePipe<any>, never>;
     static ɵpipe: i0.ɵɵPipeDeclaration<RangeShortDateTimeFormatterImpurePipe<any>, "rangeShortDateTimeImpurePipe", true>;
 }

package/core/formatters/index.d.ts

@@ -1,10 +1,10 @@
 import * as i0 from "@angular/core";
-import * as i1 from "./number/formatter";
-import * as i2 from "./date/formatter.pipe";
-import * as i3 from "./filesize/formatter";
+import * as i1 from "./date/formatter.pipe";
+import * as i2 from "./filesize/formatter";
+import * as i3 from "./number/formatter";
 export declare class KbqFormattersModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqFormattersModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<KbqFormattersModule, [typeof i1.KbqDecimalPipe, typeof i1.KbqRoundDecimalPipe, typeof i1.KbqTableNumberPipe], [typeof i2.AbsoluteDateFormatterPipe, typeof i2.AbsoluteDateTimeFormatterPipe, typeof i2.AbsoluteDateShortFormatterPipe, typeof i2.AbsoluteShortDateTimeFormatterPipe, typeof i2.RelativeDateFormatterPipe, typeof i2.RelativeDateTimeFormatterPipe, typeof i2.RelativeShortDateFormatterPipe, typeof i2.RelativeShortDateTimeFormatterPipe, typeof i2.RangeDateFormatterPipe, typeof i2.RangeShortDateFormatterPipe, typeof i2.RangeDateTimeFormatterPipe, typeof i2.RangeShortDateTimeFormatterPipe, typeof i2.RangeMiddleDateTimeFormatterPipe, typeof i2.AbsoluteDateFormatterImpurePipe, typeof i2.AbsoluteDateTimeFormatterImpurePipe, typeof i2.AbsoluteDateShortFormatterImpurePipe, typeof i2.AbsoluteShortDateTimeFormatterImpurePipe, typeof i2.RelativeDateFormatterImpurePipe, typeof i2.RelativeDateTimeFormatterImpurePipe, typeof i2.RelativeShortDateFormatterImpurePipe, typeof i2.RelativeShortDateTimeFormatterImpurePipe, typeof i2.RangeDateFormatterImpurePipe, typeof i2.RangeShortDateFormatterImpurePipe, typeof i2.RangeDateTimeFormatterImpurePipe, typeof i2.RangeShortDateTimeFormatterImpurePipe, typeof i2.RangeMiddleDateTimeFormatterImpurePipe, typeof i3.KbqDataSizePipe], [typeof i1.KbqDecimalPipe, typeof i1.KbqRoundDecimalPipe, typeof i1.KbqTableNumberPipe, typeof i2.AbsoluteDateFormatterPipe, typeof i2.AbsoluteDateTimeFormatterPipe, typeof i2.AbsoluteDateShortFormatterPipe, typeof i2.AbsoluteShortDateTimeFormatterPipe, typeof i2.RelativeDateFormatterPipe, typeof i2.RelativeDateTimeFormatterPipe, typeof i2.RelativeShortDateFormatterPipe, typeof i2.RelativeShortDateTimeFormatterPipe, typeof i2.RangeDateFormatterPipe, typeof i2.RangeShortDateFormatterPipe, typeof i2.RangeDateTimeFormatterPipe, typeof i2.RangeShortDateTimeFormatterPipe, typeof i2.RangeMiddleDateTimeFormatterPipe, typeof i2.AbsoluteDateFormatterImpurePipe, typeof i2.AbsoluteDateTimeFormatterImpurePipe, typeof i2.AbsoluteDateShortFormatterImpurePipe, typeof i2.AbsoluteShortDateTimeFormatterImpurePipe, typeof i2.RelativeDateFormatterImpurePipe, typeof i2.RelativeDateTimeFormatterImpurePipe, typeof i2.RelativeShortDateFormatterImpurePipe, typeof i2.RelativeShortDateTimeFormatterImpurePipe, typeof i2.RangeDateFormatterImpurePipe, typeof i2.RangeShortDateFormatterImpurePipe, typeof i2.RangeDateTimeFormatterImpurePipe, typeof i2.RangeShortDateTimeFormatterImpurePipe, typeof i2.RangeMiddleDateTimeFormatterImpurePipe, typeof i3.KbqDataSizePipe]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<KbqFormattersModule, never, [typeof i1.AbsoluteDateFormatterPipe, typeof i1.AbsoluteDateTimeFormatterPipe, typeof i1.AbsoluteDateShortFormatterPipe, typeof i1.AbsoluteShortDateTimeFormatterPipe, typeof i1.RelativeDateFormatterPipe, typeof i1.RelativeDateTimeFormatterPipe, typeof i1.RelativeShortDateFormatterPipe, typeof i1.RelativeShortDateTimeFormatterPipe, typeof i1.RangeDateFormatterPipe, typeof i1.RangeShortDateFormatterPipe, typeof i1.RangeDateTimeFormatterPipe, typeof i1.RangeShortDateTimeFormatterPipe, typeof i1.RangeMiddleDateTimeFormatterPipe, typeof i1.AbsoluteDateFormatterImpurePipe, typeof i1.AbsoluteDateTimeFormatterImpurePipe, typeof i1.AbsoluteDateShortFormatterImpurePipe, typeof i1.AbsoluteShortDateTimeFormatterImpurePipe, typeof i1.RelativeDateFormatterImpurePipe, typeof i1.RelativeDateTimeFormatterImpurePipe, typeof i1.RelativeShortDateFormatterImpurePipe, typeof i1.RelativeShortDateTimeFormatterImpurePipe, typeof i1.RangeDateFormatterImpurePipe, typeof i1.RangeShortDateFormatterImpurePipe, typeof i1.RangeDateTimeFormatterImpurePipe, typeof i1.RangeShortDateTimeFormatterImpurePipe, typeof i1.RangeMiddleDateTimeFormatterImpurePipe, typeof i2.KbqDataSizePipe, typeof i3.KbqDecimalPipe, typeof i3.KbqRoundDecimalPipe, typeof i3.KbqTableNumberPipe], [typeof i3.KbqDecimalPipe, typeof i3.KbqRoundDecimalPipe, typeof i3.KbqTableNumberPipe, typeof i1.AbsoluteDateFormatterPipe, typeof i1.AbsoluteDateTimeFormatterPipe, typeof i1.AbsoluteDateShortFormatterPipe, typeof i1.AbsoluteShortDateTimeFormatterPipe, typeof i1.RelativeDateFormatterPipe, typeof i1.RelativeDateTimeFormatterPipe, typeof i1.RelativeShortDateFormatterPipe, typeof i1.RelativeShortDateTimeFormatterPipe, typeof i1.RangeDateFormatterPipe, typeof i1.RangeShortDateFormatterPipe, typeof i1.RangeDateTimeFormatterPipe, typeof i1.RangeShortDateTimeFormatterPipe, typeof i1.RangeMiddleDateTimeFormatterPipe, typeof i1.AbsoluteDateFormatterImpurePipe, typeof i1.AbsoluteDateTimeFormatterImpurePipe, typeof i1.AbsoluteDateShortFormatterImpurePipe, typeof i1.AbsoluteShortDateTimeFormatterImpurePipe, typeof i1.RelativeDateFormatterImpurePipe, typeof i1.RelativeDateTimeFormatterImpurePipe, typeof i1.RelativeShortDateFormatterImpurePipe, typeof i1.RelativeShortDateTimeFormatterImpurePipe, typeof i1.RangeDateFormatterImpurePipe, typeof i1.RangeShortDateFormatterImpurePipe, typeof i1.RangeDateTimeFormatterImpurePipe, typeof i1.RangeShortDateTimeFormatterImpurePipe, typeof i1.RangeMiddleDateTimeFormatterImpurePipe, typeof i2.KbqDataSizePipe]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<KbqFormattersModule>;
 }
 export * from './date/formatter';

package/core/formatters/number/formatter.d.ts

@@ -52,7 +52,7 @@ export declare class KbqDecimalPipe implements KbqNumericPipe, PipeTransform {
     transform(value: any, digitsInfo?: string, locale?: string): string | null;
     isSpecialFormatForRULocale(locale: string, value: number, grouping?: boolean): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqDecimalPipe, [{ optional: true; }, { optional: true; }, { optional: true; }]>;
-    static ɵpipe: i0.ɵɵPipeDeclaration<KbqDecimalPipe, "kbqNumber", false>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<KbqDecimalPipe, "kbqNumber", true>;
     static ɵprov: i0.ɵɵInjectableDeclaration<KbqDecimalPipe>;
 }
 export declare class KbqTableNumberPipe implements KbqNumericPipe, PipeTransform {
@@ -76,7 +76,7 @@ export declare class KbqTableNumberPipe implements KbqNumericPipe, PipeTransform
      */
     transform(value: any, digitsInfo?: string, locale?: string): string | null;
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqTableNumberPipe, [{ optional: true; }, { optional: true; }, { optional: true; }]>;
-    static ɵpipe: i0.ɵɵPipeDeclaration<KbqTableNumberPipe, "kbqTableNumber", false>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<KbqTableNumberPipe, "kbqTableNumber", true>;
     static ɵprov: i0.ɵɵInjectableDeclaration<KbqTableNumberPipe>;
 }
 export declare function isWithin(startRange: number, endRange: number, valueToCheck: number): boolean;
@@ -95,7 +95,7 @@ export declare class KbqRoundDecimalPipe implements PipeTransform {
     private calculatePartsForThousands;
     private calculateUnit;
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqRoundDecimalPipe, [{ optional: true; }, { optional: true; }]>;
-    static ɵpipe: i0.ɵɵPipeDeclaration<KbqRoundDecimalPipe, "kbqRoundNumber", false>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<KbqRoundDecimalPipe, "kbqRoundNumber", true>;
     static ɵprov: i0.ɵɵInjectableDeclaration<KbqRoundDecimalPipe>;
 }
 export {};

package/core/forms/forms-module.d.ts

@@ -2,6 +2,6 @@ import * as i0 from "@angular/core";
 import * as i1 from "./forms.directive";
 export declare class KbqFormsModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqFormsModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<KbqFormsModule, [typeof i1.KbqForm, typeof i1.KbqFormElement], never, [typeof i1.KbqForm, typeof i1.KbqFormElement]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<KbqFormsModule, never, [typeof i1.KbqForm, typeof i1.KbqFormElement], [typeof i1.KbqForm, typeof i1.KbqFormElement]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<KbqFormsModule>;
 }

package/core/forms/forms.directive.d.ts

@@ -11,12 +11,12 @@ export declare class KbqFormElement implements AfterContentInit {
     constructor(element: ElementRef<HTMLElement>);
     ngAfterContentInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqFormElement, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqFormElement, ".kbq-form__row, .kbq-form__fieldset, .kbq-form__legend", ["kbqFormElement"], {}, {}, ["elements"], never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqFormElement, ".kbq-form__row, .kbq-form__fieldset, .kbq-form__legend", ["kbqFormElement"], {}, {}, ["elements"], never, true, never>;
 }
 export declare class KbqForm implements AfterContentInit {
     elements: QueryList<KbqFormElement>;
     ngAfterContentInit(): void;
     handleElements(elements: QueryList<KbqFormElement>): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqForm, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqForm, ".kbq-form-vertical, .kbq-form-horizontal", ["kbqForm"], {}, {}, ["elements"], never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqForm, ".kbq-form-vertical, .kbq-form-horizontal", ["kbqForm"], {}, {}, ["elements"], never, true, never>;
 }

package/core/highlight/highlight.pipe.d.ts

@@ -4,5 +4,5 @@ export declare function escapeRegExp(value: string): string;
 export declare class KbqHighlightPipe implements PipeTransform {
     transform(value: any, args: any): any;
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqHighlightPipe, never>;
-    static ɵpipe: i0.ɵɵPipeDeclaration<KbqHighlightPipe, "mcHighlight", false>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<KbqHighlightPipe, "mcHighlight", true>;
 }

package/core/highlight/index.d.ts

@@ -1,9 +1,9 @@
 import * as i0 from "@angular/core";
-import * as i1 from "./highlight.pipe";
-import * as i2 from "@angular/common";
+import * as i1 from "@angular/common";
+import * as i2 from "./highlight.pipe";
 export declare class KbqHighlightModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqHighlightModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<KbqHighlightModule, [typeof i1.KbqHighlightPipe], [typeof i2.CommonModule], [typeof i1.KbqHighlightPipe]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<KbqHighlightModule, never, [typeof i1.CommonModule, typeof i2.KbqHighlightPipe], [typeof i2.KbqHighlightPipe]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<KbqHighlightModule>;
 }
 export * from './highlight.pipe';