@koobiq/components 18.38.1 → 19.0.0

package/core/option/optgroup.d.ts

@@ -11,6 +11,6 @@ export declare class KbqOptgroup {
     /** Unique id for the underlying label. */
     labelId: string;
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqOptgroup, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<KbqOptgroup, "kbq-optgroup", ["kbqOptgroup"], { "label": { "alias": "label"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, {}, never, ["kbq-option, kbq-list-option, kbq-timezone-option, ng-container"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KbqOptgroup, "kbq-optgroup", ["kbqOptgroup"], { "label": { "alias": "label"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, {}, never, ["kbq-option, kbq-list-option, kbq-timezone-option, ng-container"], true, never>;
     static ngAcceptInputType_disabled: unknown;
 }

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

@@ -1,10 +1,10 @@
 import * as i0 from "@angular/core";
-import * as i1 from "./option";
-import * as i2 from "./optgroup";
-import * as i3 from "./action";
-import * as i4 from "../selection/pseudo-checkbox/pseudo-checkbox.module";
+import * as i1 from "../selection/pseudo-checkbox/pseudo-checkbox";
+import * as i2 from "./option";
+import * as i3 from "./optgroup";
+import * as i4 from "./action";
 export declare class KbqOptionModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqOptionModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<KbqOptionModule, [typeof i1.KbqOption, typeof i2.KbqOptgroup, typeof i3.KbqOptionActionComponent], [typeof i4.KbqPseudoCheckboxModule], [typeof i1.KbqOption, typeof i2.KbqOptgroup, typeof i3.KbqOptionActionComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<KbqOptionModule, never, [typeof i1.KbqPseudoCheckbox, typeof i2.KbqOption, typeof i3.KbqOptgroup, typeof i4.KbqOptionActionComponent], [typeof i2.KbqOption, typeof i3.KbqOptgroup, typeof i4.KbqOptionActionComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<KbqOptionModule>;
 }

package/core/option/option.d.ts

@@ -17,6 +17,7 @@ export declare class KbqOptionSelectionChange<T = KbqOption> {
 export interface KbqOptionParentComponent {
     multiple?: boolean;
     multiSelection?: boolean;
+    setSelectedOptionsByClick: (option: KbqOption) => void;
 }
 /**
  * Handler that will update scroll position of elements inside overlay
@@ -120,6 +121,8 @@ export declare class KbqOption extends KbqOptionBase implements AfterViewChecked
     setInactiveStyles(): void;
     /** Gets the label to be used when determining whether the option should be focused. */
     getLabel(): string;
+    /** @docs-private */
+    handleClick(event: MouseEvent): void;
     /** Ensures the option is selected when activated from the keyboard. */
     handleKeydown(event: KeyboardEvent): void;
     /**
@@ -130,7 +133,7 @@ export declare class KbqOption extends KbqOptionBase implements AfterViewChecked
     getTabIndex(): string;
     getHostElement(): HTMLElement;
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqOption, [null, null, { optional: true; }, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<KbqOption, "kbq-option", ["kbqOption"], { "value": { "alias": "value"; "required": false; }; "selectable": { "alias": "selectable"; "required": false; }; "userSelect": { "alias": "userSelect"; "required": false; }; "showCheckbox": { "alias": "showCheckbox"; "required": false; }; "viewValue": { "alias": "viewValue"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "onSelectionChange": "onSelectionChange"; }, never, ["kbq-pseudo-checkbox", "*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KbqOption, "kbq-option", ["kbqOption"], { "value": { "alias": "value"; "required": false; }; "selectable": { "alias": "selectable"; "required": false; }; "userSelect": { "alias": "userSelect"; "required": false; }; "showCheckbox": { "alias": "showCheckbox"; "required": false; }; "viewValue": { "alias": "viewValue"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "onSelectionChange": "onSelectionChange"; }, never, ["kbq-pseudo-checkbox", "*"], true, never>;
     static ngAcceptInputType_selectable: unknown;
     static ngAcceptInputType_userSelect: unknown;
 }

package/core/pop-up/constants.d.ts

@@ -1,5 +1,6 @@
 import { InjectionToken } from '@angular/core';
 import { Observable } from 'rxjs';
+import { KbqEnumValues } from '../utils';
 export interface KbqParentPopup {
     closedStream: Observable<boolean>;
 }
@@ -21,6 +22,8 @@ export declare enum PopUpPlacements {
     BottomLeft = "bottomLeft",
     BottomRight = "bottomRight"
 }
+export type KbqPopUpPlacementValues = KbqEnumValues<PopUpPlacements>;
+export type KbqStickToWindowPlacementValues = KbqEnumValues<PopUpPlacements.Top | PopUpPlacements.Right | PopUpPlacements.Bottom | PopUpPlacements.Left>;
 export declare enum PopUpVisibility {
     Initial = "initial",
     Visible = "visible",
@@ -39,6 +42,7 @@ export declare enum PopUpSizes {
     Normal = "medium",
     Large = "large"
 }
+export type KbqPopUpSizeValues = KbqEnumValues<PopUpSizes>;
 /**
  * Default value when configuring overlay in popups (Autocomplete, Datepicker, Dropdown, Select, Tags Autocomplete,
  * Tags Input, Timezone, TreeSelect).

package/core/pop-up/pop-up-trigger.d.ts

@@ -4,7 +4,7 @@ import { ComponentPortal } from '@angular/cdk/portal';
 import { DestroyRef, ElementRef, EventEmitter, NgZone, OnDestroy, OnInit, TemplateRef, Type, ViewContainerRef } from '@angular/core';
 import { BehaviorSubject, Observable, Subscription } from 'rxjs';
 import { AsyncScheduler } from 'rxjs/internal/scheduler/AsyncScheduler';
-import { PopUpPlacements } from './constants';
+import { KbqPopUpPlacementValues, KbqStickToWindowPlacementValues } from './constants';
 import * as i0 from "@angular/core";
 export declare abstract class KbqPopUpTrigger<T> implements OnInit, OnDestroy {
     /** Stream that emits when the popupTrigger is hovered. */
@@ -24,7 +24,7 @@ export declare abstract class KbqPopUpTrigger<T> implements OnInit, OnDestroy {
     leaveDelay: number;
     triggerName: string;
     overlayRef: OverlayRef | null;
-    stickToWindow: PopUpPlacements.Top | PopUpPlacements.Right | PopUpPlacements.Bottom | PopUpPlacements.Left | string;
+    stickToWindow: KbqStickToWindowPlacementValues;
     container: HTMLElement;
     abstract disabled: boolean;
     abstract arrow: boolean;
@@ -35,7 +35,7 @@ export declare abstract class KbqPopUpTrigger<T> implements OnInit, OnDestroy {
     abstract visibleChange: EventEmitter<boolean>;
     protected abstract originSelector: string;
     protected abstract overlayConfig: OverlayConfig;
-    protected placement: PopUpPlacements;
+    protected placement: KbqPopUpPlacementValues;
     protected placementPriority: string | string[] | null;
     protected visible: boolean;
     protected _content: string | TemplateRef<any>;
@@ -60,7 +60,7 @@ export declare abstract class KbqPopUpTrigger<T> implements OnInit, OnDestroy {
     abstract getOverlayHandleComponentType(): Type<T>;
     ngOnInit(): void;
     ngOnDestroy(): void;
-    updatePlacement(value: PopUpPlacements): void;
+    updatePlacement(value: KbqPopUpPlacementValues): void;
     updatePlacementPriority(value: any): void;
     updateVisible(externalValue: boolean): void;
     keydownHandler(event: KeyboardEvent): void;
@@ -91,5 +91,5 @@ export declare abstract class KbqPopUpTrigger<T> implements OnInit, OnDestroy {
     private removeEventListener;
     private subscribeOnClosingActions;
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqPopUpTrigger<any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqPopUpTrigger<any>, never, never, {}, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqPopUpTrigger<any>, never, never, {}, {}, never, never, true, never>;
 }

package/core/pop-up/pop-up.d.ts

@@ -53,5 +53,5 @@ export declare abstract class KbqPopUp implements OnDestroy {
     protected addEventListenerForHide(): void;
     protected setStickPosition(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqPopUp, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqPopUp, never, never, {}, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqPopUp, never, never, {}, {}, never, never, true, never>;
 }

package/core/select/common.d.ts

@@ -55,5 +55,5 @@ export declare abstract class KbqAbstractSelect {
     protected resetOverlay(): void;
     protected resolveSearchMinOptionsThreshold(value?: 'auto' | number): number | undefined;
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqAbstractSelect, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqAbstractSelect, never, never, {}, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqAbstractSelect, never, never, {}, {}, never, never, true, never>;
 }

package/core/selection/pseudo-checkbox/pseudo-checkbox.d.ts

@@ -19,5 +19,5 @@ export declare class KbqPseudoCheckbox extends KbqColorDirective {
     state: KbqPseudoCheckboxState;
     disabled: boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqPseudoCheckbox, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<KbqPseudoCheckbox, "kbq-pseudo-checkbox", never, { "big": { "alias": "big"; "required": false; }; "state": { "alias": "state"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KbqPseudoCheckbox, "kbq-pseudo-checkbox", never, { "big": { "alias": "big"; "required": false; }; "state": { "alias": "state"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, {}, never, never, true, never>;
 }

package/core/selection/pseudo-checkbox/pseudo-checkbox.module.d.ts

@@ -1,8 +1,8 @@
 import * as i0 from "@angular/core";
-import * as i1 from "./pseudo-checkbox";
-import * as i2 from "@angular/common";
+import * as i1 from "@angular/common";
+import * as i2 from "./pseudo-checkbox";
 export declare class KbqPseudoCheckboxModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqPseudoCheckboxModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<KbqPseudoCheckboxModule, [typeof i1.KbqPseudoCheckbox], [typeof i2.CommonModule], [typeof i1.KbqPseudoCheckbox]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<KbqPseudoCheckboxModule, never, [typeof i1.CommonModule, typeof i2.KbqPseudoCheckbox], [typeof i2.KbqPseudoCheckbox]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<KbqPseudoCheckboxModule>;
 }

package/core/styles/common/_select.scss

@@ -122,7 +122,7 @@
         overflow: hidden;
 
         & .kbq-select__match-hidden-text {
-            flex: 0 0 70px;
+            flex: 0 0 40px;
             align-self: center;
             padding-left: 4px;
             padding-right: var(--kbq-select-size-multiple-content-gap, var(--kbq-size-xxs));

package/core/styles/theming/_scrollbar-theme.scss

@@ -3,6 +3,20 @@
 @use '../common/tokens';
 @use './scrollbar-tokens';
 
+@mixin _scrollbar-state($state, $color) {
+    &.kbq-#{$state} {
+        &::-webkit-scrollbar-thumb,
+        ::-webkit-scrollbar-thumb {
+            background-color: $color;
+        }
+    }
+
+    &::-webkit-scrollbar-thumb:#{$state},
+    ::-webkit-scrollbar-thumb:#{$state} {
+        background-color: $color;
+    }
+}
+
 @mixin _kbq-scrollbar() {
     // For Firefox compatibility
     @supports not selector(::-webkit-scrollbar) {
@@ -69,18 +83,10 @@
             // https://stackoverflow.com/a/16829330/6386666
             background-clip: content-box;
             background-color: var(--kbq-scrollbar-thumb-default-background);
-
-            &:hover {
-                background-color: var(--kbq-scrollbar-thumb-hover-background);
-            }
-
-            &:disabled {
-                background-color: var(--kbq-scrollbar-thumb-disabled-background);
-            }
-
-            &:active {
-                background-color: var(--kbq-scrollbar-thumb-active-background);
-            }
         }
+
+        @include _scrollbar-state(hover, var(--kbq-scrollbar-thumb-hover-background));
+        @include _scrollbar-state(disabled, var(--kbq-scrollbar-thumb-disabled-background));
+        @include _scrollbar-state(active, var(--kbq-scrollbar-thumb-active-background));
     }
 }

package/core/styles/visual/_layout.scss

@@ -500,6 +500,16 @@
             .layout-#{$indent}-left-#{$name} {
                 #{$indent}-left: $value !important;
             }
+
+            .layout-#{$indent}-vertical-#{$name} {
+                #{$indent}-top: $value !important;
+                #{$indent}-bottom: $value !important;
+            }
+
+            .layout-#{$indent}-horizontal-#{$name} {
+                #{$indent}-left: $value !important;
+                #{$indent}-right: $value !important;
+            }
         }
 
         .layout-#{$indent}-no-top {

package/core/utils/utils.d.ts

@@ -14,3 +14,6 @@ export declare const leftIconClassName = "kbq-icon_left";
 export declare const rightIconClassName = "kbq-icon_right";
 /** Whether the current platform is a Mac. */
 export declare function isMac(): boolean;
+/** Converts an enumeration (enum) type into a string literal type containing
+ * all possible string representations of the values. */
+export type KbqEnumValues<T extends string | number> = `${T}`;

package/datepicker/calendar-body.component.d.ts

@@ -51,5 +51,5 @@ export declare class KbqCalendarBody implements OnChanges {
     ngOnChanges(changes: SimpleChanges): void;
     isActiveCell(rowIndex: number, colIndex: number): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqCalendarBody, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<KbqCalendarBody, "[kbq-calendar-body]", ["kbqCalendarBody"], { "rows": { "alias": "rows"; "required": false; }; "todayValue": { "alias": "todayValue"; "required": false; }; "selectedValue": { "alias": "selectedValue"; "required": false; }; "labelMinRequiredCells": { "alias": "labelMinRequiredCells"; "required": false; }; "numCols": { "alias": "numCols"; "required": false; }; "activeCell": { "alias": "activeCell"; "required": false; }; "cellAspectRatio": { "alias": "cellAspectRatio"; "required": false; }; }, { "selectedValueChange": "selectedValueChange"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KbqCalendarBody, "[kbq-calendar-body]", ["kbqCalendarBody"], { "rows": { "alias": "rows"; "required": false; }; "todayValue": { "alias": "todayValue"; "required": false; }; "selectedValue": { "alias": "selectedValue"; "required": false; }; "labelMinRequiredCells": { "alias": "labelMinRequiredCells"; "required": false; }; "numCols": { "alias": "numCols"; "required": false; }; "activeCell": { "alias": "activeCell"; "required": false; }; "cellAspectRatio": { "alias": "cellAspectRatio"; "required": false; }; }, { "selectedValueChange": "selectedValueChange"; }, never, never, true, never>;
 }

package/datepicker/calendar-header.component.d.ts

@@ -47,5 +47,5 @@ export declare class KbqCalendarHeader<D> implements AfterContentInit {
     private updateYearsOptions;
     private updateMonthOptions;
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqCalendarHeader<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<KbqCalendarHeader<any>, "kbq-calendar-header", ["kbqCalendarHeader"], { "activeDate": { "alias": "activeDate"; "required": false; }; "maxDate": { "alias": "maxDate"; "required": false; }; "minDate": { "alias": "minDate"; "required": false; }; }, { "activeDateChange": "activeDateChange"; "monthSelected": "monthSelected"; "yearSelected": "yearSelected"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KbqCalendarHeader<any>, "kbq-calendar-header", ["kbqCalendarHeader"], { "activeDate": { "alias": "activeDate"; "required": false; }; "maxDate": { "alias": "maxDate"; "required": false; }; "minDate": { "alias": "minDate"; "required": false; }; }, { "activeDateChange": "activeDateChange"; "monthSelected": "monthSelected"; "yearSelected": "yearSelected"; }, never, never, true, never>;
 }

package/datepicker/calendar.component.d.ts

@@ -85,5 +85,5 @@ export declare class KbqCalendar<D> implements AfterContentInit, OnDestroy, OnCh
     private getValidDateOrNull;
     private getActiveDateDefault;
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqCalendar<any>, [null, { optional: true; }, null]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<KbqCalendar<any>, "kbq-calendar", ["kbqCalendar"], { "startAt": { "alias": "startAt"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "minDate": { "alias": "minDate"; "required": false; }; "maxDate": { "alias": "maxDate"; "required": false; }; "dateFilter": { "alias": "dateFilter"; "required": false; }; "dateClass": { "alias": "dateClass"; "required": false; }; }, { "selectedChange": "selectedChange"; "yearSelected": "yearSelected"; "monthSelected": "monthSelected"; "userSelection": "userSelection"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KbqCalendar<any>, "kbq-calendar", ["kbqCalendar"], { "startAt": { "alias": "startAt"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "minDate": { "alias": "minDate"; "required": false; }; "maxDate": { "alias": "maxDate"; "required": false; }; "dateFilter": { "alias": "dateFilter"; "required": false; }; "dateClass": { "alias": "dateClass"; "required": false; }; }, { "selectedChange": "selectedChange"; "yearSelected": "yearSelected"; "monthSelected": "monthSelected"; "userSelection": "userSelection"; }, never, never, true, never>;
 }

package/datepicker/datepicker-input.directive.d.ts

@@ -211,5 +211,5 @@ export declare class KbqDatepickerInput<D> implements KbqFormFieldControl<D>, Co
     private createDateTime;
     private correctCursorPosition;
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqDatepickerInput<any>, [null, null, { optional: true; }, { optional: true; }]>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqDatepickerInput<any>, "input[kbqDatepicker], input[kbqCalendar]", ["kbqDatepickerInput"], { "errorStateMatcher": { "alias": "errorStateMatcher"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "required": { "alias": "required"; "required": false; }; "kbqDatepicker": { "alias": "kbqDatepicker"; "required": false; }; "kbqCalendar": { "alias": "kbqCalendar"; "required": false; }; "kbqDatepickerFilter": { "alias": "kbqDatepickerFilter"; "required": false; }; "value": { "alias": "value"; "required": false; }; "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "id": { "alias": "id"; "required": false; }; "kbqValidationTooltip": { "alias": "kbqValidationTooltip"; "required": false; }; }, { "incorrectInput": "incorrectInput"; "dateChange": "dateChange"; "dateInput": "dateInput"; }, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqDatepickerInput<any>, "input[kbqDatepicker], input[kbqCalendar]", ["kbqDatepickerInput"], { "errorStateMatcher": { "alias": "errorStateMatcher"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "required": { "alias": "required"; "required": false; }; "kbqDatepicker": { "alias": "kbqDatepicker"; "required": false; }; "kbqCalendar": { "alias": "kbqCalendar"; "required": false; }; "kbqDatepickerFilter": { "alias": "kbqDatepickerFilter"; "required": false; }; "value": { "alias": "value"; "required": false; }; "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "id": { "alias": "id"; "required": false; }; "kbqValidationTooltip": { "alias": "kbqValidationTooltip"; "required": false; }; }, { "incorrectInput": "incorrectInput"; "dateChange": "dateChange"; "dateInput": "dateInput"; }, never, never, true, never>;
 }

package/datepicker/datepicker-module.d.ts

@@ -1,21 +1,21 @@
 import * as i0 from "@angular/core";
-import * as i1 from "./calendar.component";
-import * as i2 from "./calendar-body.component";
-import * as i3 from "./datepicker.component";
-import * as i4 from "./datepicker-input.directive";
-import * as i5 from "./datepicker-toggle.component";
-import * as i6 from "./month-view.component";
-import * as i7 from "./calendar-header.component";
-import * as i8 from "@koobiq/components/button";
-import * as i9 from "@angular/cdk/overlay";
-import * as i10 from "@angular/cdk/a11y";
-import * as i11 from "@angular/cdk/portal";
-import * as i12 from "@koobiq/components/select";
-import * as i13 from "@koobiq/components/icon";
-import * as i14 from "@angular/common";
+import * as i1 from "@koobiq/components/button";
+import * as i2 from "@angular/cdk/overlay";
+import * as i3 from "@angular/cdk/a11y";
+import * as i4 from "@angular/cdk/portal";
+import * as i5 from "@koobiq/components/select";
+import * as i6 from "@koobiq/components/icon";
+import * as i7 from "./datepicker-toggle.component";
+import * as i8 from "@angular/common";
+import * as i9 from "./calendar.component";
+import * as i10 from "./calendar-body.component";
+import * as i11 from "./datepicker.component";
+import * as i12 from "./datepicker-input.directive";
+import * as i13 from "./month-view.component";
+import * as i14 from "./calendar-header.component";
 import * as i15 from "@koobiq/components/form-field";
 export declare class KbqDatepickerModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqDatepickerModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<KbqDatepickerModule, [typeof i1.KbqCalendar, typeof i2.KbqCalendarBody, typeof i3.KbqDatepicker, typeof i3.KbqDatepickerContent, typeof i4.KbqDatepickerInput, typeof i5.KbqDatepickerToggle, typeof i5.KbqDatepickerToggleIcon, typeof i6.KbqMonthView, typeof i7.KbqCalendarHeader], [typeof i8.KbqButtonModule, typeof i9.OverlayModule, typeof i10.A11yModule, typeof i11.PortalModule, typeof i12.KbqSelectModule, typeof i13.KbqIconModule, typeof i5.KbqDatepickerToggleIconComponent, typeof i14.NgClass, typeof i14.TitleCasePipe], [typeof i1.KbqCalendar, typeof i2.KbqCalendarBody, typeof i3.KbqDatepicker, typeof i3.KbqDatepickerContent, typeof i4.KbqDatepickerInput, typeof i5.KbqDatepickerToggle, typeof i5.KbqDatepickerToggleIcon, typeof i5.KbqDatepickerToggleIconComponent, typeof i6.KbqMonthView, typeof i7.KbqCalendarHeader, typeof i15.KbqFormFieldModule]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<KbqDatepickerModule, never, [typeof i1.KbqButtonModule, typeof i2.OverlayModule, typeof i3.A11yModule, typeof i4.PortalModule, typeof i5.KbqSelectModule, typeof i6.KbqIconModule, typeof i7.KbqDatepickerToggleIconComponent, typeof i8.NgClass, typeof i8.TitleCasePipe, typeof i9.KbqCalendar, typeof i10.KbqCalendarBody, typeof i11.KbqDatepicker, typeof i11.KbqDatepickerContent, typeof i12.KbqDatepickerInput, typeof i7.KbqDatepickerToggle, typeof i7.KbqDatepickerToggleIcon, typeof i13.KbqMonthView, typeof i14.KbqCalendarHeader], [typeof i9.KbqCalendar, typeof i10.KbqCalendarBody, typeof i11.KbqDatepicker, typeof i11.KbqDatepickerContent, typeof i12.KbqDatepickerInput, typeof i7.KbqDatepickerToggle, typeof i7.KbqDatepickerToggleIcon, typeof i7.KbqDatepickerToggleIconComponent, typeof i13.KbqMonthView, typeof i14.KbqCalendarHeader, typeof i15.KbqFormFieldModule]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<KbqDatepickerModule>;
 }

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

@@ -6,7 +6,7 @@ import * as i0 from "@angular/core";
 /** Can be used to override the icon of a `kbqDatepickerToggle`. */
 export declare class KbqDatepickerToggleIcon {
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqDatepickerToggleIcon, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqDatepickerToggleIcon, "[kbqDatepickerToggleIcon]", never, {}, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqDatepickerToggleIcon, "[kbqDatepickerToggleIcon]", never, {}, {}, never, never, true, never>;
 }
 export declare class KbqDatepickerToggleIconComponent<D> implements AfterContentInit, OnChanges, OnDestroy {
     /** Whether the toggle button is disabled. */
@@ -53,5 +53,5 @@ export declare class KbqDatepickerToggle<D> implements AfterContentInit, OnChang
     open(event: Event): void;
     private watchStateChanges;
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqDatepickerToggle<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<KbqDatepickerToggle<any>, "kbq-datepicker-toggle", ["kbqDatepickerToggle"], { "disabled": { "alias": "disabled"; "required": false; }; "datepicker": { "alias": "for"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; }, {}, ["customIcon"], ["[kbqDatepickerToggleIcon]"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KbqDatepickerToggle<any>, "kbq-datepicker-toggle", ["kbqDatepickerToggle"], { "disabled": { "alias": "disabled"; "required": false; }; "datepicker": { "alias": "for"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; }, {}, ["customIcon"], ["[kbqDatepickerToggleIcon]"], true, never>;
 }

package/datepicker/datepicker.component.d.ts

@@ -40,7 +40,7 @@ export declare class KbqDatepickerContent<D> implements OnDestroy, AfterViewInit
     ngOnDestroy(): void;
     startExitAnimation(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqDatepickerContent<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<KbqDatepickerContent<any>, "kbq-datepicker__content", ["kbqDatepickerContent"], {}, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KbqDatepickerContent<any>, "kbq-datepicker__content", ["kbqDatepickerContent"], {}, {}, never, never, true, never>;
 }
 /** Component responsible for managing the datepicker popup/dialog. */
 export declare class KbqDatepicker<D> implements OnDestroy {
@@ -144,5 +144,5 @@ export declare class KbqDatepicker<D> implements OnDestroy {
     /** Create the popup PositionStrategy. */
     private createPopupPositionStrategy;
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqDatepicker<any>, [null, null, null, null, { optional: true; }, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<KbqDatepicker<any>, "kbq-datepicker", ["kbqDatepicker"], { "hasBackdrop": { "alias": "hasBackdrop"; "required": false; }; "startAt": { "alias": "startAt"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "opened": { "alias": "opened"; "required": false; }; "minDate": { "alias": "minDate"; "required": false; }; "maxDate": { "alias": "maxDate"; "required": false; }; "panelClass": { "alias": "panelClass"; "required": false; }; "dateClass": { "alias": "dateClass"; "required": false; }; "backdropClass": { "alias": "backdropClass"; "required": false; }; }, { "yearSelected": "yearSelected"; "monthSelected": "monthSelected"; "openedStream": "opened"; "closedStream": "closed"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KbqDatepicker<any>, "kbq-datepicker", ["kbqDatepicker"], { "hasBackdrop": { "alias": "hasBackdrop"; "required": false; }; "startAt": { "alias": "startAt"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "opened": { "alias": "opened"; "required": false; }; "minDate": { "alias": "minDate"; "required": false; }; "maxDate": { "alias": "maxDate"; "required": false; }; "panelClass": { "alias": "panelClass"; "required": false; }; "dateClass": { "alias": "dateClass"; "required": false; }; "backdropClass": { "alias": "backdropClass"; "required": false; }; }, { "yearSelected": "yearSelected"; "monthSelected": "monthSelected"; "openedStream": "opened"; "closedStream": "closed"; }, never, never, true, never>;
 }

package/datepicker/month-view.component.d.ts

@@ -69,5 +69,5 @@ export declare class KbqMonthView<D> implements AfterContentInit {
     /** Checks whether the 2 dates are non-null and fall within the same month of the same year. */
     private hasSameMonthAndYear;
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqMonthView<any>, [null, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<KbqMonthView<any>, "kbq-month-view", ["kbqMonthView"], { "activeDate": { "alias": "activeDate"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "minDate": { "alias": "minDate"; "required": false; }; "maxDate": { "alias": "maxDate"; "required": false; }; "dateFilter": { "alias": "dateFilter"; "required": false; }; "dateClass": { "alias": "dateClass"; "required": false; }; }, { "selectedChange": "selectedChange"; "userSelection": "userSelection"; "activeDateChange": "activeDateChange"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KbqMonthView<any>, "kbq-month-view", ["kbqMonthView"], { "activeDate": { "alias": "activeDate"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "minDate": { "alias": "minDate"; "required": false; }; "maxDate": { "alias": "maxDate"; "required": false; }; "dateFilter": { "alias": "dateFilter"; "required": false; }; "dateClass": { "alias": "dateClass"; "required": false; }; }, { "selectedChange": "selectedChange"; "userSelection": "userSelection"; "activeDateChange": "activeDateChange"; }, never, never, true, never>;
 }

package/divider/divider.component.d.ts

@@ -3,6 +3,10 @@ export declare class KbqDivider {
     get vertical(): boolean;
     set vertical(value: boolean);
     private _vertical;
+    /**
+     *  Whether the divider is an inset divider.
+     *  @deprecated Will be removed in the next major release
+     */
     get inset(): boolean;
     set inset(value: boolean);
     private _inset;
@@ -10,5 +14,5 @@ export declare class KbqDivider {
     set paddings(value: boolean);
     private _paddings;
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqDivider, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<KbqDivider, "kbq-divider", never, { "vertical": { "alias": "vertical"; "required": false; }; "inset": { "alias": "inset"; "required": false; }; "paddings": { "alias": "paddings"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KbqDivider, "kbq-divider", never, { "vertical": { "alias": "vertical"; "required": false; }; "inset": { "alias": "inset"; "required": false; }; "paddings": { "alias": "paddings"; "required": false; }; }, {}, never, never, true, never>;
 }

package/divider/divider.module.d.ts

@@ -1,8 +1,8 @@
 import * as i0 from "@angular/core";
-import * as i1 from "./divider.component";
-import * as i2 from "@angular/common";
+import * as i1 from "@angular/common";
+import * as i2 from "./divider.component";
 export declare class KbqDividerModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqDividerModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<KbqDividerModule, [typeof i1.KbqDivider], [typeof i2.CommonModule], [typeof i1.KbqDivider]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<KbqDividerModule, never, [typeof i1.CommonModule, typeof i2.KbqDivider], [typeof i2.KbqDivider]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<KbqDividerModule>;
 }

package/dl/dl.component.d.ts

@@ -14,13 +14,13 @@ export declare class KbqDlComponent implements AfterContentInit, OnDestroy {
     ngOnDestroy(): void;
     private readonly updateState;
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqDlComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<KbqDlComponent, "kbq-dl", never, { "minWidth": { "alias": "minWidth"; "required": false; }; "wide": { "alias": "wide"; "required": false; }; "vertical": { "alias": "vertical"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KbqDlComponent, "kbq-dl", never, { "minWidth": { "alias": "minWidth"; "required": false; }; "wide": { "alias": "wide"; "required": false; }; "vertical": { "alias": "vertical"; "required": false; }; }, {}, never, ["*"], true, never>;
 }
 export declare class KbqDtComponent {
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqDtComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<KbqDtComponent, "kbq-dt", never, {}, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KbqDtComponent, "kbq-dt", never, {}, {}, never, ["*"], true, never>;
 }
 export declare class KbqDdComponent {
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqDdComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<KbqDdComponent, "kbq-dd", never, {}, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KbqDdComponent, "kbq-dd", never, {}, {}, never, ["*"], true, never>;
 }

package/dl/dl.module.d.ts

@@ -1,9 +1,9 @@
 import * as i0 from "@angular/core";
-import * as i1 from "./dl.component";
-import * as i2 from "@angular/cdk/a11y";
-import * as i3 from "@angular/cdk/platform";
+import * as i1 from "@angular/cdk/a11y";
+import * as i2 from "@angular/cdk/platform";
+import * as i3 from "./dl.component";
 export declare class KbqDlModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqDlModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<KbqDlModule, [typeof i1.KbqDlComponent, typeof i1.KbqDtComponent, typeof i1.KbqDdComponent], [typeof i2.A11yModule, typeof i3.PlatformModule], [typeof i1.KbqDlComponent, typeof i1.KbqDtComponent, typeof i1.KbqDdComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<KbqDlModule, never, [typeof i1.A11yModule, typeof i2.PlatformModule, typeof i3.KbqDlComponent, typeof i3.KbqDtComponent, typeof i3.KbqDdComponent], [typeof i3.KbqDlComponent, typeof i3.KbqDtComponent, typeof i3.KbqDdComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<KbqDlModule>;
 }

package/dropdown/dropdown-content.directive.d.ts

@@ -28,5 +28,5 @@ export declare class KbqDropdownContent implements OnDestroy {
     detach(): void;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqDropdownContent, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqDropdownContent, "ng-template[kbqDropdownContent]", never, {}, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqDropdownContent, "ng-template[kbqDropdownContent]", never, {}, {}, never, never, true, never>;
 }

package/dropdown/dropdown-item.component.d.ts

@@ -47,6 +47,6 @@ export declare class KbqDropdownItem implements KbqTitleTextRef, IFocusableOptio
     getLabel(): string;
     haltDisabledEvents(event: Event): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqDropdownItem, [null, null, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<KbqDropdownItem, "kbq-dropdown-item, [kbq-dropdown-item]", ["kbqDropdownItem"], { "disabled": { "alias": "disabled"; "required": false; }; }, {}, ["icon"], ["[kbq-icon]", "*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KbqDropdownItem, "kbq-dropdown-item, [kbq-dropdown-item]", ["kbqDropdownItem"], { "disabled": { "alias": "disabled"; "required": false; }; }, {}, ["icon"], ["[kbq-icon]", "*"], true, never>;
     static ngAcceptInputType_disabled: unknown;
 }

package/dropdown/dropdown-trigger.directive.d.ts

@@ -138,7 +138,7 @@ export declare class KbqDropdownTrigger implements AfterContentInit, OnDestroy {
     private getPortal;
     private getWidth;
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqDropdownTrigger, [null, null, null, null, { optional: true; }, { optional: true; self: true; }, { optional: true; }, null, null]>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqDropdownTrigger, "[kbqDropdownTriggerFor]", ["kbqDropdownTrigger"], { "offsetX": { "alias": "offsetX"; "required": false; }; "offsetY": { "alias": "offsetY"; "required": false; }; "data": { "alias": "kbqDropdownTriggerData"; "required": false; }; "openByArrowDown": { "alias": "openByArrowDown"; "required": false; }; "restoreFocus": { "alias": "kbqDropdownTriggerRestoreFocus"; "required": false; }; "dropdown": { "alias": "kbqDropdownTriggerFor"; "required": false; }; }, { "dropdownOpened": "dropdownOpened"; "dropdownClosed": "dropdownClosed"; }, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqDropdownTrigger, "[kbqDropdownTriggerFor]", ["kbqDropdownTrigger"], { "offsetX": { "alias": "offsetX"; "required": false; }; "offsetY": { "alias": "offsetY"; "required": false; }; "data": { "alias": "kbqDropdownTriggerData"; "required": false; }; "openByArrowDown": { "alias": "openByArrowDown"; "required": false; }; "restoreFocus": { "alias": "kbqDropdownTriggerRestoreFocus"; "required": false; }; "dropdown": { "alias": "kbqDropdownTriggerFor"; "required": false; }; }, { "dropdownOpened": "dropdownOpened"; "dropdownClosed": "dropdownClosed"; }, never, never, true, never>;
     static ngAcceptInputType_offsetX: unknown;
     static ngAcceptInputType_offsetY: unknown;
 }

package/dropdown/dropdown.component.d.ts

@@ -121,5 +121,5 @@ export declare class KbqDropdown implements AfterContentInit, KbqDropdownPanel,
      */
     private updateDirectDescendants;
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqDropdown, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<KbqDropdown, "kbq-dropdown", ["kbqDropdown"], { "navigationWithWrap": { "alias": "navigationWithWrap"; "required": false; }; "xPosition": { "alias": "xPosition"; "required": false; }; "yPosition": { "alias": "yPosition"; "required": false; }; "overlapTriggerY": { "alias": "overlapTriggerY"; "required": false; }; "overlapTriggerX": { "alias": "overlapTriggerX"; "required": false; }; "hasBackdrop": { "alias": "hasBackdrop"; "required": false; }; "panelClass": { "alias": "class"; "required": false; }; "backdropClass": { "alias": "backdropClass"; "required": false; }; }, { "closed": "closed"; }, ["lazyContent", "items"], ["*", "[kbqDropdownStaticContent]"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KbqDropdown, "kbq-dropdown", ["kbqDropdown"], { "navigationWithWrap": { "alias": "navigationWithWrap"; "required": false; }; "xPosition": { "alias": "xPosition"; "required": false; }; "yPosition": { "alias": "yPosition"; "required": false; }; "overlapTriggerY": { "alias": "overlapTriggerY"; "required": false; }; "overlapTriggerX": { "alias": "overlapTriggerX"; "required": false; }; "hasBackdrop": { "alias": "hasBackdrop"; "required": false; }; "panelClass": { "alias": "class"; "required": false; }; "backdropClass": { "alias": "backdropClass"; "required": false; }; }, { "closed": "closed"; }, ["lazyContent", "items"], ["*", "[kbqDropdownStaticContent]"], true, never>;
 }

package/dropdown/dropdown.module.d.ts

@@ -1,13 +1,13 @@
 import * as i0 from "@angular/core";
-import * as i1 from "./dropdown.component";
-import * as i2 from "./dropdown-item.component";
-import * as i3 from "./dropdown-trigger.directive";
-import * as i4 from "./dropdown-content.directive";
-import * as i5 from "@angular/cdk/overlay";
-import * as i6 from "@koobiq/components/icon";
-import * as i7 from "@angular/common";
+import * as i1 from "@angular/cdk/overlay";
+import * as i2 from "@koobiq/components/icon";
+import * as i3 from "@angular/common";
+import * as i4 from "./dropdown.component";
+import * as i5 from "./dropdown-item.component";
+import * as i6 from "./dropdown-trigger.directive";
+import * as i7 from "./dropdown-content.directive";
 export declare class KbqDropdownModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqDropdownModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<KbqDropdownModule, [typeof i1.KbqDropdown, typeof i2.KbqDropdownItem, typeof i3.KbqDropdownTrigger, typeof i4.KbqDropdownContent], [typeof i5.OverlayModule, typeof i6.KbqIconModule, typeof i7.NgClass, typeof i1.KbqDropdownStaticContent], [typeof i1.KbqDropdown, typeof i2.KbqDropdownItem, typeof i3.KbqDropdownTrigger, typeof i4.KbqDropdownContent, typeof i1.KbqDropdownStaticContent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<KbqDropdownModule, never, [typeof i1.OverlayModule, typeof i2.KbqIconModule, typeof i3.NgClass, typeof i4.KbqDropdownStaticContent, typeof i4.KbqDropdown, typeof i5.KbqDropdownItem, typeof i6.KbqDropdownTrigger, typeof i7.KbqDropdownContent], [typeof i4.KbqDropdown, typeof i5.KbqDropdownItem, typeof i6.KbqDropdownTrigger, typeof i7.KbqDropdownContent, typeof i4.KbqDropdownStaticContent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<KbqDropdownModule>;
 }

package/dropdown/dropdown.scss

@@ -32,6 +32,7 @@
 }
 
 .kbq-dropdown__panel {
+    overflow: auto;
     min-width: var(--kbq-dropdown-size-container-width-min);
     max-width: var(--kbq-dropdown-size-container-width-max);
 

package/ellipsis-center/ellipsis-center.directive.d.ts

@@ -27,11 +27,11 @@ export declare class KbqEllipsisCenterDirective extends KbqTooltipTrigger implem
      */
     refresh(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqEllipsisCenterDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqEllipsisCenterDirective, "[kbqEllipsisCenter]", never, { "kbqEllipsisCenter": { "alias": "kbqEllipsisCenter"; "required": false; }; "minVisibleLength": { "alias": "minVisibleLength"; "required": false; }; "charWidth": { "alias": "charWidth"; "required": false; }; "debounceInterval": { "alias": "debounceInterval"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqEllipsisCenterDirective, "[kbqEllipsisCenter]", never, { "kbqEllipsisCenter": { "alias": "kbqEllipsisCenter"; "required": false; }; "minVisibleLength": { "alias": "minVisibleLength"; "required": false; }; "charWidth": { "alias": "charWidth"; "required": false; }; "debounceInterval": { "alias": "debounceInterval"; "required": false; }; }, {}, never, never, true, never>;
     static ngAcceptInputType_debounceInterval: unknown;
 }
 export declare class KbqEllipsisCenterModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqEllipsisCenterModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<KbqEllipsisCenterModule, [typeof KbqEllipsisCenterDirective], never, [typeof KbqEllipsisCenterDirective]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<KbqEllipsisCenterModule, never, [typeof KbqEllipsisCenterDirective], [typeof KbqEllipsisCenterDirective]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<KbqEllipsisCenterModule>;
 }

package/empty-state/empty-state.component.d.ts

@@ -7,19 +7,19 @@ export declare class KbqEmptyStateIcon {
     constructor(icon: KbqIconItem);
     setErrorColor(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqEmptyStateIcon, [{ optional: true; }]>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqEmptyStateIcon, "[kbq-empty-state-icon]", never, {}, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqEmptyStateIcon, "[kbq-empty-state-icon]", never, {}, {}, never, never, true, never>;
 }
 export declare class KbqEmptyStateText {
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqEmptyStateText, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqEmptyStateText, "[kbq-empty-state-text]", never, {}, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqEmptyStateText, "[kbq-empty-state-text]", never, {}, {}, never, never, true, never>;
 }
 export declare class KbqEmptyStateTitle {
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqEmptyStateTitle, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqEmptyStateTitle, "[kbq-empty-state-title]", never, {}, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqEmptyStateTitle, "[kbq-empty-state-title]", never, {}, {}, never, never, true, never>;
 }
 export declare class KbqEmptyStateActions {
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqEmptyStateActions, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqEmptyStateActions, "[kbq-empty-state-actions]", never, {}, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqEmptyStateActions, "[kbq-empty-state-actions]", never, {}, {}, never, never, true, never>;
 }
 export declare class KbqEmptyState implements AfterContentInit {
     errorColor: boolean;
@@ -32,5 +32,5 @@ export declare class KbqEmptyState implements AfterContentInit {
     protected get emptyStateSizeClass(): string;
     ngAfterContentInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqEmptyState, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<KbqEmptyState, "kbq-empty-state", never, { "errorColor": { "alias": "errorColor"; "required": false; }; "alignTop": { "alias": "alignTop"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, {}, ["icon"], ["[kbq-empty-state-icon]", "[kbq-empty-state-title]", "[kbq-empty-state-text]", "[kbq-empty-state-actions]"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KbqEmptyState, "kbq-empty-state", never, { "errorColor": { "alias": "errorColor"; "required": false; }; "alignTop": { "alias": "alignTop"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, {}, ["icon"], ["[kbq-empty-state-icon]", "[kbq-empty-state-title]", "[kbq-empty-state-text]", "[kbq-empty-state-actions]"], true, never>;
 }

package/empty-state/empty-state.module.d.ts

@@ -1,9 +1,9 @@
 import * as i0 from "@angular/core";
-import * as i1 from "./empty-state.component";
-import * as i2 from "@angular/cdk/a11y";
-import * as i3 from "@angular/cdk/platform";
+import * as i1 from "@angular/cdk/a11y";
+import * as i2 from "@angular/cdk/platform";
+import * as i3 from "./empty-state.component";
 export declare class KbqEmptyStateModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqEmptyStateModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<KbqEmptyStateModule, [typeof i1.KbqEmptyState, typeof i1.KbqEmptyStateIcon, typeof i1.KbqEmptyStateText, typeof i1.KbqEmptyStateTitle, typeof i1.KbqEmptyStateActions], [typeof i2.A11yModule, typeof i3.PlatformModule], [typeof i1.KbqEmptyState, typeof i1.KbqEmptyStateIcon, typeof i1.KbqEmptyStateText, typeof i1.KbqEmptyStateTitle, typeof i1.KbqEmptyStateActions]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<KbqEmptyStateModule, never, [typeof i1.A11yModule, typeof i2.PlatformModule, typeof i3.KbqEmptyState, typeof i3.KbqEmptyStateIcon, typeof i3.KbqEmptyStateText, typeof i3.KbqEmptyStateTitle, typeof i3.KbqEmptyStateActions], [typeof i3.KbqEmptyState, typeof i3.KbqEmptyStateIcon, typeof i3.KbqEmptyStateText, typeof i3.KbqEmptyStateTitle, typeof i3.KbqEmptyStateActions]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<KbqEmptyStateModule>;
 }