@koobiq/components 18.38.1 → 19.0.0

package/file-upload/single-file-upload.component.d.ts

@@ -1,18 +1,20 @@
+import { FocusOrigin } from '@angular/cdk/a11y';
 import { AfterViewInit, DoCheck, ElementRef, EventEmitter } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
 import { ErrorStateMatcher } from '@koobiq/components/core';
 import { ProgressSpinnerMode } from '@koobiq/components/progress-spinner';
-import { KbqFile, KbqFileItem, KbqFileUploadBase, KbqFileValidatorFn, KbqInputFile, KbqInputFileLabel } from './file-upload';
+import { KbqFile, KbqFileItem, KbqFileUploadBase, KbqFileValidatorFn, KbqInputFileLabel } from './file-upload';
+import { KbqFileLoader } from './primitives';
 import * as i0 from "@angular/core";
+import * as i1 from "./primitives/file-picker";
 export declare const KBQ_SINGLE_FILE_UPLOAD_DEFAULT_CONFIGURATION: KbqInputFileLabel;
-export declare class KbqSingleFileUploadComponent extends KbqFileUploadBase implements AfterViewInit, KbqInputFile, ControlValueAccessor, DoCheck {
+export declare class KbqSingleFileUploadComponent extends KbqFileUploadBase implements AfterViewInit, ControlValueAccessor, DoCheck {
     /**
      * A value responsible for progress spinner type.
      * Loading logic depends on selected mode */
     progressMode: ProgressSpinnerMode;
     /** Array of file type specifiers */
     accept?: string[];
-    disabled: boolean;
     /**
      * @deprecated use `FormControl.errors`
      */
@@ -24,7 +26,6 @@ export declare class KbqSingleFileUploadComponent extends KbqFileUploadBase impl
     customValidation?: KbqFileValidatorFn[];
     /** An object used to control the error state of the component. */
     errorStateMatcher: ErrorStateMatcher;
-    private _file;
     get file(): KbqFileItem | null;
     set file(currentFile: KbqFileItem | null);
     /**
@@ -38,7 +39,7 @@ export declare class KbqSingleFileUploadComponent extends KbqFileUploadBase impl
      * public output will be renamed to fileChange in next major release (#DS-3700) */
     readonly fileChange: EventEmitter<KbqFileItem | null>;
     /** @docs-private */
-    input: ElementRef<HTMLInputElement>;
+    protected readonly fileLoader: KbqFileLoader | undefined;
     /** @docs-private */
     private readonly hint;
     /** @docs-private */
@@ -54,6 +55,8 @@ export declare class KbqSingleFileUploadComponent extends KbqFileUploadBase impl
      */
     onTouched: () => void;
     /** @docs-private */
+    get input(): ElementRef<HTMLInputElement> | undefined;
+    /** @docs-private */
     get acceptedFiles(): string;
     /** @docs-private */
     get hasHint(): boolean;
@@ -88,15 +91,15 @@ export declare class KbqSingleFileUploadComponent extends KbqFileUploadBase impl
     /** @docs-private */
     onFileSelectedViaClick({ target }: Event): void;
     /** @docs-private */
-    deleteItem(event?: MouseEvent): void;
+    onFileDropped(files: KbqFile[]): void;
     /** @docs-private */
-    onFileDropped(files: FileList | KbqFile[]): void;
+    deleteItem(event?: MouseEvent, origin?: FocusOrigin): void;
     private updateLocaleParams;
     private mapToFileItem;
     private validateFile;
     private initDefaultParams;
     private getCaptionText;
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqSingleFileUploadComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<KbqSingleFileUploadComponent, "kbq-single-file-upload,kbq-file-upload:not([multiple])", never, { "progressMode": { "alias": "progressMode"; "required": false; }; "accept": { "alias": "accept"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "errors": { "alias": "errors"; "required": false; }; "inputId": { "alias": "inputId"; "required": false; }; "customValidation": { "alias": "customValidation"; "required": false; }; "errorStateMatcher": { "alias": "errorStateMatcher"; "required": false; }; "file": { "alias": "file"; "required": false; }; "showFileSize": { "alias": "showFileSize"; "required": false; }; "localeConfig": { "alias": "localeConfig"; "required": false; "isSignal": true; }; }, { "fileChange": "fileQueueChange"; }, ["hint"], ["[kbq-icon]", "kbq-hint"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KbqSingleFileUploadComponent, "kbq-single-file-upload,kbq-file-upload:not([multiple])", never, { "progressMode": { "alias": "progressMode"; "required": false; }; "accept": { "alias": "accept"; "required": false; }; "errors": { "alias": "errors"; "required": false; }; "inputId": { "alias": "inputId"; "required": false; }; "customValidation": { "alias": "customValidation"; "required": false; }; "errorStateMatcher": { "alias": "errorStateMatcher"; "required": false; }; "file": { "alias": "file"; "required": false; }; "showFileSize": { "alias": "showFileSize"; "required": false; }; "localeConfig": { "alias": "localeConfig"; "required": false; "isSignal": true; }; }, { "fileChange": "fileQueueChange"; }, ["hint"], ["[kbq-icon]", "kbq-hint"], true, [{ directive: typeof i1.KbqFileUploadContext; inputs: { "id": "id"; "disabled": "disabled"; "multiple": "multiple"; "onlyDirectory": "onlyDirectory"; }; outputs: {}; }, { directive: typeof i1.KbqFileList; inputs: {}; outputs: { "listChange": "fileChange"; }; }]>;
     static ngAcceptInputType_showFileSize: unknown;
 }

package/filter-bar/filter-bar.d.ts

@@ -76,6 +76,6 @@ export declare class KbqFilterBar {
     private updateLocaleParams;
     private initDefaultParams;
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqFilterBar, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<KbqFilterBar, "kbq-filter-bar, [kbq-filter-bar]", never, { "selectedAllEqualsSelectedNothing": { "alias": "selectedAllEqualsSelectedNothing"; "required": false; }; "filter": { "alias": "filter"; "required": false; }; "pipeTemplates": { "alias": "pipeTemplates"; "required": false; }; }, { "filterChange": "filterChange"; "onChangePipe": "onChangePipe"; "onRemovePipe": "onRemovePipe"; "onClearPipe": "onClearPipe"; "onClosePipe": "onClosePipe"; }, ["filters", "filterReset"], ["kbq-filters", "*", "kbq-pipe-add", "kbq-filter-reset", "kbq-filter-search, [kbq-filter-search]", "kbq-filter-refresher, [kbq-filter-refresher]"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KbqFilterBar, "kbq-filter-bar, [kbq-filter-bar]", never, { "selectedAllEqualsSelectedNothing": { "alias": "selectedAllEqualsSelectedNothing"; "required": false; }; "filter": { "alias": "filter"; "required": false; }; "pipeTemplates": { "alias": "pipeTemplates"; "required": false; }; }, { "filterChange": "filterChange"; "onChangePipe": "onChangePipe"; "onRemovePipe": "onRemovePipe"; "onClearPipe": "onClearPipe"; "onClosePipe": "onClosePipe"; }, ["filters", "filterReset"], ["kbq-filters", "*", "kbq-pipe-add", "kbq-filter-reset", "kbq-filter-search, [kbq-filter-search], kbq-search-expandable", "kbq-filter-refresher, [kbq-filter-refresher]"], true, never>;
     static ngAcceptInputType_selectedAllEqualsSelectedNothing: unknown;
 }

package/filter-bar/filter-search.d.ts

@@ -1,10 +1,12 @@
-import { EventEmitter } from '@angular/core';
+import { AfterViewInit, EventEmitter } from '@angular/core';
 import { UntypedFormControl } from '@angular/forms';
 import * as i0 from "@angular/core";
-export declare class KbqFilterBarSearch {
+export declare const defaultOnSearchTimeout = 0;
+export declare class KbqFilterBarSearch implements AfterViewInit {
     /** KbqFilterBar instance */
     private readonly filterBar;
     private readonly changeDetectorRef;
+    private readonly destroyRef;
     private input;
     private button;
     private tooltip;
@@ -15,18 +17,29 @@ export declare class KbqFilterBarSearch {
     /** localized data
      * @docs-private */
     get localeData(): any;
+    /**
+    /** Timeout in milliseconds for emit event. The default value is taken from defaultOnSearchTimeout
+     * @default 0
+     */
+    readonly onSearchTimeout: import("@angular/core").InputSignalWithTransform<number, unknown>;
+    /** Emit event by enter or not. Default is false */
+    readonly emitValueByEnter: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    /** Value of the field after initialization */
+    readonly initialValue: import("@angular/core").InputSignal<unknown>;
     /** event that is generated whenever a user performs a search. */
     readonly onSearch: EventEmitter<string>;
-    constructor();
+    ngAfterViewInit(): void;
     openSearch(): void;
     /** @docs-private */
     onBlur(): void;
     /** @docs-private */
     onEscape(): void;
     /** @docs-private */
+    onEnter(): void;
+    /** @docs-private */
     onClear(): void;
     /** @docs-private */
     onReset: () => void;
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqFilterBarSearch, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<KbqFilterBarSearch, "kbq-filter-search, [kbq-filter-search]", never, {}, { "onSearch": "onSearch"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KbqFilterBarSearch, "kbq-filter-search, [kbq-filter-search]", never, { "onSearchTimeout": { "alias": "onSearchTimeout"; "required": false; "isSignal": true; }; "emitValueByEnter": { "alias": "emitValueByEnter"; "required": false; "isSignal": true; }; "initialValue": { "alias": "initialValue"; "required": false; "isSignal": true; }; }, { "onSearch": "onSearch"; }, never, never, true, never>;
 }

package/icon/_icon-button-theme.scss

@@ -3,7 +3,8 @@
 @mixin _kbq-icon-button-color($map) {
     color: map.get($map, default);
 
-    &:hover {
+    &:hover,
+    &.kbq-hovered {
         color: map.get($map, hover);
     }
 

package/inline-edit/inline-edit.d.ts

@@ -5,7 +5,6 @@ import { KbqDropdownTrigger } from '@koobiq/components/dropdown';
 import { KbqFormField, KbqLabel } from '@koobiq/components/form-field';
 import { KbqTooltipTrigger } from '@koobiq/components/tooltip';
 import * as i0 from "@angular/core";
-import * as i1 from "@koobiq/components/core";
 /** @docs-private */
 export declare class KbqFocusRegionItem {
     readonly tabOut: import("@angular/core").OutputEmitterRef<KeyboardEvent>;
@@ -37,7 +36,7 @@ export declare class KbqInlineEditMenu {
  */
 export declare class KbqInlineEdit {
     private readonly elementRef;
-    private readonly kbqFocusMonitor;
+    private readonly focusMonitor;
     private readonly overlay;
     private readonly document;
     /**
@@ -136,5 +135,5 @@ export declare class KbqInlineEdit {
     private openPanel;
     private getInputNativeElement;
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqInlineEdit, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<KbqInlineEdit, "kbq-inline-edit", ["kbqInlineEdit"], { "showActions": { "alias": "showActions"; "required": false; "isSignal": true; }; "showTooltipOnError": { "alias": "showTooltipOnError"; "required": false; "isSignal": true; }; "validationTooltip": { "alias": "validationTooltip"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "editModeWidth": { "alias": "editModeWidth"; "required": false; "isSignal": true; }; "tooltipPlacement": { "alias": "tooltipPlacement"; "required": false; "isSignal": true; }; "getValueHandler": { "alias": "getValueHandler"; "required": false; "isSignal": true; }; "setValueHandler": { "alias": "setValueHandler"; "required": false; "isSignal": true; }; "canSaveOnEnter": { "alias": "canSaveOnEnter"; "required": false; "isSignal": true; }; }, { "saved": "saved"; "canceled": "canceled"; "modeChange": "modeChange"; }, ["menu", "label", "formFieldRef"], ["kbq-label", "[kbqInlineEditViewMode]", "[kbqInlineEditMenu]", "[kbqInlineEditEditMode]"], true, [{ directive: typeof i1.KbqFocusMonitor; inputs: {}; outputs: {}; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KbqInlineEdit, "kbq-inline-edit", ["kbqInlineEdit"], { "showActions": { "alias": "showActions"; "required": false; "isSignal": true; }; "showTooltipOnError": { "alias": "showTooltipOnError"; "required": false; "isSignal": true; }; "validationTooltip": { "alias": "validationTooltip"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "editModeWidth": { "alias": "editModeWidth"; "required": false; "isSignal": true; }; "tooltipPlacement": { "alias": "tooltipPlacement"; "required": false; "isSignal": true; }; "getValueHandler": { "alias": "getValueHandler"; "required": false; "isSignal": true; }; "setValueHandler": { "alias": "setValueHandler"; "required": false; "isSignal": true; }; "canSaveOnEnter": { "alias": "canSaveOnEnter"; "required": false; "isSignal": true; }; }, { "saved": "saved"; "canceled": "canceled"; "modeChange": "modeChange"; }, ["menu", "label", "formFieldRef"], ["kbq-label", "[kbqInlineEditViewMode]", "[kbqInlineEditMenu]", "[kbqInlineEditEditMode]"], true, never>;
 }

package/input/_input-theme.scss

@@ -6,7 +6,8 @@
         @include kbq-typography-level-to-styles-css-variables(typography, text-normal);
     }
 
-    .kbq-input.kbq-input-password {
+    .kbq-input.kbq-input-password,
+    .kbq-input.kbq-input_monospace {
         @include kbq-typography-level-to-styles-css-variables(typography, mono-normal);
         // disable font-specific symbols replacements
         font-variant-ligatures: none;

package/input/input-number-validators.d.ts

@@ -15,7 +15,7 @@ export declare class MinValidator implements Validator, OnChanges {
     registerOnValidatorChange(fn: () => void): void;
     private createValidator;
     static ɵfac: i0.ɵɵFactoryDeclaration<MinValidator, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<MinValidator, "[min][formControlName],[min][formControl],[min][ngModel]", never, { "min": { "alias": "min"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<MinValidator, "[min][formControlName],[min][formControl],[min][ngModel]", never, { "min": { "alias": "min"; "required": false; }; }, {}, never, never, true, never>;
 }
 export declare const MAX_VALIDATOR: Provider;
 /**
@@ -31,5 +31,5 @@ export declare class MaxValidator implements Validator, OnChanges {
     registerOnValidatorChange(fn: () => void): void;
     private createValidator;
     static ɵfac: i0.ɵɵFactoryDeclaration<MaxValidator, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<MaxValidator, "[max][formControlName],[max][formControl],[max][ngModel]", never, { "max": { "alias": "max"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<MaxValidator, "[max][formControlName],[max][formControl],[max][ngModel]", never, { "max": { "alias": "max"; "required": false; }; }, {}, never, never, true, never>;
 }

package/input/input-number.d.ts

@@ -90,7 +90,7 @@ export declare class KbqNumberInput implements KbqFormFieldControl<any>, Control
     private createLocalizedNumberFromParts;
     private updateLocaleParams;
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqNumberInput, [null, null, { attribute: "step"; }, { attribute: "big-step"; }, { attribute: "min"; }, { attribute: "max"; }, { optional: true; }]>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqNumberInput, "input[kbqNumberInput]", ["kbqNumericalInput"], { "integer": { "alias": "integer"; "required": false; }; "bigStep": { "alias": "bigStep"; "required": false; }; "step": { "alias": "step"; "required": false; }; "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "withThousandSeparator": { "alias": "withThousandSeparator"; "required": false; }; "startFormattingFrom": { "alias": "startFormattingFrom"; "required": false; }; "value": { "alias": "value"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqNumberInput, "input[kbqNumberInput]", ["kbqNumericalInput"], { "integer": { "alias": "integer"; "required": false; }; "bigStep": { "alias": "bigStep"; "required": false; }; "step": { "alias": "step"; "required": false; }; "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "withThousandSeparator": { "alias": "withThousandSeparator"; "required": false; }; "startFormattingFrom": { "alias": "startFormattingFrom"; "required": false; }; "value": { "alias": "value"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, {}, never, never, true, never>;
     static ngAcceptInputType_integer: unknown;
     static ngAcceptInputType_withThousandSeparator: unknown;
 }

package/input/input-password.d.ts

@@ -94,5 +94,5 @@ export declare class KbqInputPassword implements KbqFormFieldControl<any>, OnCha
     /** Checks whether the input is invalid based on the native validation. */
     protected isBadInput(): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqInputPassword, [null, { optional: true; self: true; }, { optional: true; }, { optional: true; }, null, { optional: true; self: true; }]>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqInputPassword, "input[kbqInputPassword]", ["kbqInputPassword"], { "errorStateMatcher": { "alias": "errorStateMatcher"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "id": { "alias": "id"; "required": false; }; "required": { "alias": "required"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqInputPassword, "input[kbqInputPassword]", ["kbqInputPassword"], { "errorStateMatcher": { "alias": "errorStateMatcher"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "id": { "alias": "id"; "required": false; }; "required": { "alias": "required"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, never, true, never>;
 }

package/input/input.d.ts

@@ -100,9 +100,9 @@ export declare class KbqInput implements KbqFormFieldControl<any>, OnChanges, On
     /** Checks whether the input is invalid based on the native validation. */
     protected isBadInput(): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqInput, [null, { optional: true; self: true; }, { optional: true; self: true; }, { optional: true; }, { optional: true; }, null, { optional: true; self: true; }]>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqInput, "input[kbqInput],input[kbqNumberInput]", ["kbqInput"], { "errorStateMatcher": { "alias": "errorStateMatcher"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "id": { "alias": "id"; "required": false; }; "required": { "alias": "required"; "required": false; }; "type": { "alias": "type"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqInput, "input[kbqInput],input[kbqNumberInput]", ["kbqInput"], { "errorStateMatcher": { "alias": "errorStateMatcher"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "id": { "alias": "id"; "required": false; }; "required": { "alias": "required"; "required": false; }; "type": { "alias": "type"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, never, true, never>;
 }
 export declare class KbqInputMono {
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqInputMono, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqInputMono, "input[kbqInputMonospace]", ["KbqInputMonospace"], {}, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqInputMono, "input[kbqInputMonospace]", ["KbqInputMonospace"], {}, {}, never, never, true, never>;
 }

package/input/input.module.d.ts

@@ -1,14 +1,14 @@
 import * as i0 from "@angular/core";
-import * as i1 from "./input";
-import * as i2 from "./input-number";
-import * as i3 from "./input-password";
-import * as i4 from "./input-number-validators";
-import * as i5 from "@angular/cdk/a11y";
-import * as i6 from "@angular/forms";
-import * as i7 from "@koobiq/components/icon";
+import * as i1 from "@angular/cdk/a11y";
+import * as i2 from "@angular/forms";
+import * as i3 from "@koobiq/components/icon";
+import * as i4 from "./input";
+import * as i5 from "./input-number";
+import * as i6 from "./input-password";
+import * as i7 from "./input-number-validators";
 import * as i8 from "@koobiq/components/form-field";
 export declare class KbqInputModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqInputModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<KbqInputModule, [typeof i1.KbqInput, typeof i2.KbqNumberInput, typeof i3.KbqInputPassword, typeof i1.KbqInputMono, typeof i4.MinValidator, typeof i4.MaxValidator], [typeof i5.A11yModule, typeof i6.FormsModule, typeof i7.KbqIconModule], [typeof i1.KbqInput, typeof i2.KbqNumberInput, typeof i3.KbqInputPassword, typeof i1.KbqInputMono, typeof i4.MinValidator, typeof i4.MaxValidator, typeof i8.KbqFormFieldModule]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<KbqInputModule, never, [typeof i1.A11yModule, typeof i2.FormsModule, typeof i3.KbqIconModule, typeof i4.KbqInput, typeof i5.KbqNumberInput, typeof i6.KbqInputPassword, typeof i4.KbqInputMono, typeof i7.MinValidator, typeof i7.MaxValidator], [typeof i4.KbqInput, typeof i5.KbqNumberInput, typeof i6.KbqInputPassword, typeof i4.KbqInputMono, typeof i7.MinValidator, typeof i7.MaxValidator, typeof i8.KbqFormFieldModule]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<KbqInputModule>;
 }

package/link/_link-theme.scss

@@ -121,6 +121,7 @@
 
         transition: color ease-out 300ms;
 
+        &.kbq-hovered,
         &:hover {
             transition: color 0ms;
 
@@ -146,9 +147,11 @@
             }
         }
 
+        &.kbq-link_use-visited.kbq-visited:not(.kbq-disabled),
         &.kbq-link_use-visited:not(.kbq-disabled):visited {
             @include kbq-link-state(state-visited);
 
+            &.kbq-hovered,
             &:hover {
                 @include kbq-link-state(state-visited-hover);
             }

package/link/link.component.d.ts

@@ -38,7 +38,7 @@ export declare class KbqLink implements AfterContentInit, AfterViewInit, OnDestr
     private updateClassModifierForIcons;
     private updatePrintUrl;
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqLink, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqLink, "[kbq-link]", ["kbqLink"], { "disabled": { "alias": "disabled"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "pseudo": { "alias": "pseudo"; "required": false; }; "noUnderline": { "alias": "noUnderline"; "required": false; }; "big": { "alias": "big"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "useVisited": { "alias": "useVisited"; "required": false; }; "print": { "alias": "print"; "required": false; }; }, {}, ["icon", "icons"], never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqLink, "[kbq-link]", ["kbqLink"], { "disabled": { "alias": "disabled"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "pseudo": { "alias": "pseudo"; "required": false; }; "noUnderline": { "alias": "noUnderline"; "required": false; }; "big": { "alias": "big"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "useVisited": { "alias": "useVisited"; "required": false; }; "print": { "alias": "print"; "required": false; }; }, {}, ["icon", "icons"], never, true, never>;
     static ngAcceptInputType_disabled: unknown;
     static ngAcceptInputType_tabIndex: unknown;
     static ngAcceptInputType_pseudo: unknown;

package/link/link.module.d.ts

@@ -1,8 +1,8 @@
 import * as i0 from "@angular/core";
-import * as i1 from "./link.component";
-import * as i2 from "@angular/cdk/a11y";
+import * as i1 from "@angular/cdk/a11y";
+import * as i2 from "./link.component";
 export declare class KbqLinkModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqLinkModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<KbqLinkModule, [typeof i1.KbqLink], [typeof i2.A11yModule], [typeof i1.KbqLink]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<KbqLinkModule, never, [typeof i1.A11yModule, typeof i2.KbqLink], [typeof i2.KbqLink]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<KbqLinkModule>;
 }

package/list/_list-theme.scss

@@ -26,11 +26,13 @@
     .kbq-list-option {
         @include _kbq-list-item(default);
 
+        &.kbq-hovered:not(.kbq-disabled),
         &:hover:not(.kbq-disabled),
         &.kbq-action-button-focused:not(.kbq-disabled) {
             @include _kbq-list-item(states-hover);
         }
 
+        &.kbq-active:not(.kbq-disabled),
         &:active:not(.kbq-disabled) {
             @include _kbq-list-item(states-active);
         }
@@ -38,10 +40,12 @@
         &.kbq-selected:not(.kbq-disabled) {
             @include _kbq-list-item(states-selected);
 
+            &.kbq-hovered,
             &:hover {
                 @include _kbq-list-item(states-selected-hover);
             }
 
+            &.kbq-active,
             &:active {
                 @include _kbq-list-item(states-selected-active);
             }
@@ -56,10 +60,12 @@
         &.kbq-selected:not(.kbq-disabled) {
             @include _kbq-list-item(multiple-states-selected);
 
+            &.kbq-hovered,
             &:hover {
                 @include _kbq-list-item(multiple-states-selected-hover);
             }
 
+            &.kbq-active,
             &:active {
                 @include _kbq-list-item(multiple-states-selected-active);
             }

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

@@ -4,7 +4,7 @@ import { SelectionModel } from '@angular/cdk/collections';
 import { AfterContentInit, AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter, NgZone, OnDestroy, OnInit, QueryList } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
 import { FocusKeyManager, IFocusableOption } from '@koobiq/cdk/a11y';
-import { KbqOptgroup, KbqOptionActionComponent, KbqTitleTextRef, MultipleMode } from '@koobiq/components/core';
+import { KbqOptgroup, KbqOptionActionComponent, KbqPseudoCheckbox, KbqTitleTextRef, MultipleMode } from '@koobiq/components/core';
 import { KbqDropdownTrigger } from '@koobiq/components/dropdown';
 import { KbqTooltipTrigger } from '@koobiq/components/tooltip';
 import { Observable, Subject } from 'rxjs';
@@ -124,13 +124,13 @@ export declare class KbqListSelection implements AfterContentInit, AfterViewInit
     private selectAllOptions;
     private copyActiveOption;
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqListSelection, [null, null, { attribute: "multiple"; }, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<KbqListSelection, "kbq-list-selection", ["kbqListSelection"], { "autoSelect": { "alias": "autoSelect"; "required": false; }; "noUnselectLast": { "alias": "noUnselectLast"; "required": false; }; "horizontal": { "alias": "horizontal"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "compareWith": { "alias": "compareWith"; "required": false; }; }, { "onSelectAll": "onSelectAll"; "onCopy": "onCopy"; "selectionChange": "selectionChange"; }, ["options"], ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KbqListSelection, "kbq-list-selection", ["kbqListSelection"], { "autoSelect": { "alias": "autoSelect"; "required": false; }; "noUnselectLast": { "alias": "noUnselectLast"; "required": false; }; "horizontal": { "alias": "horizontal"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "compareWith": { "alias": "compareWith"; "required": false; }; }, { "onSelectAll": "onSelectAll"; "onCopy": "onCopy"; "selectionChange": "selectionChange"; }, ["options"], ["*"], true, never>;
     static ngAcceptInputType_horizontal: unknown;
     static ngAcceptInputType_disabled: unknown;
 }
 export declare class KbqListOptionCaption {
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqListOptionCaption, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqListOptionCaption, "[kbq-list-option-caption]", never, {}, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqListOptionCaption, "[kbq-list-option-caption]", never, {}, {}, never, never, true, never>;
 }
 /**
  * Component for list-options of selection-list. Each list-option can automatically
@@ -150,6 +150,7 @@ export declare class KbqListOption implements OnDestroy, OnInit, IFocusableOptio
     actionButton: KbqOptionActionComponent;
     tooltipTrigger: KbqTooltipTrigger;
     dropdownTrigger: KbqDropdownTrigger;
+    pseudoCheckbox: KbqPseudoCheckbox;
     text: ElementRef;
     textElement: ElementRef;
     checkboxPosition: 'before' | 'after';
@@ -172,6 +173,7 @@ export declare class KbqListOption implements OnDestroy, OnInit, IFocusableOptio
     set selected(value: boolean);
     private _selected;
     get tabIndex(): any;
+    get externalPseudoCheckbox(): boolean;
     constructor(elementRef: ElementRef<HTMLElement>, changeDetector: ChangeDetectorRef, ngZone: NgZone, listSelection: KbqListSelection, group: KbqOptgroup);
     ngOnInit(): void;
     ngOnDestroy(): void;
@@ -187,7 +189,7 @@ export declare class KbqListOption implements OnDestroy, OnInit, IFocusableOptio
     blur(): void;
     getHostElement(): HTMLElement;
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqListOption, [null, null, null, null, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<KbqListOption, "kbq-list-option", ["kbqListOption"], { "checkboxPosition": { "alias": "checkboxPosition"; "required": false; }; "value": { "alias": "value"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "showCheckbox": { "alias": "showCheckbox"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; }, {}, ["actionButton", "tooltipTrigger", "dropdownTrigger"], ["[kbq-icon]", "*", "[kbq-list-option-caption]", "kbq-option-action"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KbqListOption, "kbq-list-option", ["kbqListOption"], { "checkboxPosition": { "alias": "checkboxPosition"; "required": false; }; "value": { "alias": "value"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "showCheckbox": { "alias": "showCheckbox"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; }, {}, ["actionButton", "tooltipTrigger", "dropdownTrigger", "pseudoCheckbox"], ["kbq-pseudo-checkbox", "[kbq-icon]", "*", "[kbq-list-option-caption]", "kbq-option-action"], true, never>;
     static ngAcceptInputType_disabled: unknown;
     static ngAcceptInputType_selected: unknown;
 }

package/list/list.component.d.ts

@@ -3,7 +3,7 @@ import { KbqLine } from '@koobiq/components/core';
 import * as i0 from "@angular/core";
 export declare class KbqList {
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqList, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<KbqList, "kbq-list", never, {}, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KbqList, "kbq-list", never, {}, {}, never, ["*"], true, never>;
 }
 export declare class KbqListItem implements AfterContentInit {
     private elementRef;
@@ -14,5 +14,5 @@ export declare class KbqListItem implements AfterContentInit {
     handleBlur(): void;
     getHostElement(): HTMLElement;
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqListItem, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<KbqListItem, "kbq-list-item, a[kbq-list-item]", never, {}, {}, ["lines"], ["[kbq-list-icon], [mcListIcon]", "[kbq-line], [mcLine]", "*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KbqListItem, "kbq-list-item, a[kbq-list-item]", never, {}, {}, ["lines"], ["[kbq-list-icon], [mcListIcon]", "[kbq-line], [mcLine]", "*"], true, never>;
 }

package/list/list.module.d.ts

@@ -1,11 +1,11 @@
 import * as i0 from "@angular/core";
-import * as i1 from "./list.component";
-import * as i2 from "./list-selection.component";
-import * as i3 from "@angular/cdk/a11y";
-import * as i4 from "@koobiq/components/core";
-import * as i5 from "@koobiq/components/icon";
+import * as i1 from "@angular/cdk/a11y";
+import * as i2 from "@koobiq/components/core";
+import * as i3 from "@koobiq/components/icon";
+import * as i4 from "./list.component";
+import * as i5 from "./list-selection.component";
 export declare class KbqListModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqListModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<KbqListModule, [typeof i1.KbqList, typeof i2.KbqListSelection, typeof i1.KbqListItem, typeof i2.KbqListOption, typeof i2.KbqListOptionCaption], [typeof i3.A11yModule, typeof i4.KbqPseudoCheckboxModule, typeof i4.KbqLineModule, typeof i4.KbqOptionModule, typeof i4.KbqActionContainer, typeof i5.KbqIconModule], [typeof i1.KbqList, typeof i2.KbqListSelection, typeof i1.KbqListItem, typeof i2.KbqListOption, typeof i2.KbqListOptionCaption, typeof i4.KbqOptionModule]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<KbqListModule, never, [typeof i1.A11yModule, typeof i2.KbqPseudoCheckboxModule, typeof i2.KbqLine, typeof i2.KbqOptionModule, typeof i2.KbqActionContainer, typeof i3.KbqIconModule, typeof i4.KbqList, typeof i5.KbqListSelection, typeof i4.KbqListItem, typeof i5.KbqListOption, typeof i5.KbqListOptionCaption], [typeof i4.KbqList, typeof i5.KbqListSelection, typeof i4.KbqListItem, typeof i5.KbqListOption, typeof i5.KbqListOptionCaption, typeof i2.KbqOptionModule]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<KbqListModule>;
 }

package/list/list.scss

@@ -33,6 +33,7 @@
     &:not(.kbq-disabled) {
         cursor: pointer;
 
+        &.kbq-hovered,
         &:hover,
         &.kbq-focused,
         &.kbq-action-button-focused {

package/loader-overlay/loader-overlay.component.d.ts

@@ -3,15 +3,15 @@ import { KbqDefaultSizes } from '@koobiq/components/core';
 import * as i0 from "@angular/core";
 export declare class KbqLoaderOverlayIndicator {
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqLoaderOverlayIndicator, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqLoaderOverlayIndicator, "[kbq-loader-overlay-indicator]", never, {}, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqLoaderOverlayIndicator, "[kbq-loader-overlay-indicator]", never, {}, {}, never, never, true, never>;
 }
 export declare class KbqLoaderOverlayText {
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqLoaderOverlayText, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqLoaderOverlayText, "[kbq-loader-overlay-text]", never, {}, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqLoaderOverlayText, "[kbq-loader-overlay-text]", never, {}, {}, never, never, true, never>;
 }
 export declare class KbqLoaderOverlayCaption {
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqLoaderOverlayCaption, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqLoaderOverlayCaption, "[kbq-loader-overlay-caption]", never, {}, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqLoaderOverlayCaption, "[kbq-loader-overlay-caption]", never, {}, {}, never, never, true, never>;
 }
 export declare class KbqLoaderOverlay implements OnInit, OnDestroy {
     private elementRef;
@@ -37,5 +37,5 @@ export declare class KbqLoaderOverlay implements OnInit, OnDestroy {
     ngOnInit(): void;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqLoaderOverlay, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<KbqLoaderOverlay, "kbq-loader-overlay", never, { "text": { "alias": "text"; "required": false; }; "caption": { "alias": "caption"; "required": false; }; "size": { "alias": "size"; "required": false; }; "transparent": { "alias": "transparent"; "required": false; }; }, {}, ["externalIndicator", "externalText", "externalCaption"], ["[kbq-loader-overlay-indicator]", "[kbq-loader-overlay-text]", "[kbq-loader-overlay-caption]"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KbqLoaderOverlay, "kbq-loader-overlay", never, { "text": { "alias": "text"; "required": false; }; "caption": { "alias": "caption"; "required": false; }; "size": { "alias": "size"; "required": false; }; "transparent": { "alias": "transparent"; "required": false; }; }, {}, ["externalIndicator", "externalText", "externalCaption"], ["[kbq-loader-overlay-indicator]", "[kbq-loader-overlay-text]", "[kbq-loader-overlay-caption]"], true, never>;
 }

package/loader-overlay/loader-overlay.module.d.ts

@@ -1,10 +1,10 @@
 import * as i0 from "@angular/core";
-import * as i1 from "./loader-overlay.component";
-import * as i2 from "@angular/cdk/a11y";
-import * as i3 from "@angular/cdk/platform";
-import * as i4 from "@koobiq/components/progress-spinner";
+import * as i1 from "@angular/cdk/a11y";
+import * as i2 from "@angular/cdk/platform";
+import * as i3 from "@koobiq/components/progress-spinner";
+import * as i4 from "./loader-overlay.component";
 export declare class KbqLoaderOverlayModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqLoaderOverlayModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<KbqLoaderOverlayModule, [typeof i1.KbqLoaderOverlay, typeof i1.KbqLoaderOverlayIndicator, typeof i1.KbqLoaderOverlayText, typeof i1.KbqLoaderOverlayCaption], [typeof i2.A11yModule, typeof i3.PlatformModule, typeof i4.KbqProgressSpinnerModule], [typeof i1.KbqLoaderOverlay, typeof i1.KbqLoaderOverlayIndicator, typeof i1.KbqLoaderOverlayText, typeof i1.KbqLoaderOverlayCaption]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<KbqLoaderOverlayModule, never, [typeof i1.A11yModule, typeof i2.PlatformModule, typeof i3.KbqProgressSpinnerModule, typeof i4.KbqLoaderOverlay, typeof i4.KbqLoaderOverlayIndicator, typeof i4.KbqLoaderOverlayText, typeof i4.KbqLoaderOverlayCaption], [typeof i4.KbqLoaderOverlay, typeof i4.KbqLoaderOverlayIndicator, typeof i4.KbqLoaderOverlayText, typeof i4.KbqLoaderOverlayCaption]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<KbqLoaderOverlayModule>;
 }

package/modal/css-unit.pipe.d.ts

@@ -3,5 +3,5 @@ import * as i0 from "@angular/core";
 export declare class CssUnitPipe implements PipeTransform {
     transform(value: number | string, defaultUnit?: string): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<CssUnitPipe, never>;
-    static ɵpipe: i0.ɵɵPipeDeclaration<CssUnitPipe, "toCssUnit", false>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<CssUnitPipe, "toCssUnit", true>;
 }

package/modal/modal.component.d.ts

@@ -131,5 +131,5 @@ export declare class KbqModalComponent<T = any, R = any> extends KbqModalRef<T,
      */
     private changeBodyOverflow;
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqModalComponent<any, any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<KbqModalComponent<any, any>, "kbq-modal", never, { "kbqModalType": { "alias": "kbqModalType"; "required": false; }; "kbqComponent": { "alias": "kbqComponent"; "required": false; }; "kbqContent": { "alias": "kbqContent"; "required": false; }; "kbqComponentParams": { "alias": "kbqComponentParams"; "required": false; }; "kbqFooter": { "alias": "kbqFooter"; "required": false; }; "kbqVisible": { "alias": "kbqVisible"; "required": false; }; "kbqWidth": { "alias": "kbqWidth"; "required": false; }; "kbqSize": { "alias": "kbqSize"; "required": false; }; "kbqWrapClassName": { "alias": "kbqWrapClassName"; "required": false; }; "kbqClassName": { "alias": "kbqClassName"; "required": false; }; "kbqStyle": { "alias": "kbqStyle"; "required": false; }; "kbqTitle": { "alias": "kbqTitle"; "required": false; }; "kbqCloseByESC": { "alias": "kbqCloseByESC"; "required": false; }; "kbqClosable": { "alias": "kbqClosable"; "required": false; }; "kbqMask": { "alias": "kbqMask"; "required": false; }; "kbqMaskClosable": { "alias": "kbqMaskClosable"; "required": false; }; "kbqMaskStyle": { "alias": "kbqMaskStyle"; "required": false; }; "kbqBodyStyle": { "alias": "kbqBodyStyle"; "required": false; }; "kbqOkText": { "alias": "kbqOkText"; "required": false; }; "kbqOkType": { "alias": "kbqOkType"; "required": false; }; "kbqRestoreFocus": { "alias": "kbqRestoreFocus"; "required": false; }; "kbqOkLoading": { "alias": "kbqOkLoading"; "required": false; }; "kbqOnOk": { "alias": "kbqOnOk"; "required": false; }; "kbqCancelText": { "alias": "kbqCancelText"; "required": false; }; "kbqCancelLoading": { "alias": "kbqCancelLoading"; "required": false; }; "kbqOnCancel": { "alias": "kbqOnCancel"; "required": false; }; "kbqGetContainer": { "alias": "kbqGetContainer"; "required": false; }; }, { "kbqVisibleChange": "kbqVisibleChange"; "kbqAfterOpen": "kbqAfterOpen"; "kbqAfterClose": "kbqAfterClose"; "kbqOnOk": "kbqOnOk"; "kbqOnCancel": "kbqOnCancel"; }, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KbqModalComponent<any, any>, "kbq-modal", never, { "kbqModalType": { "alias": "kbqModalType"; "required": false; }; "kbqComponent": { "alias": "kbqComponent"; "required": false; }; "kbqContent": { "alias": "kbqContent"; "required": false; }; "kbqComponentParams": { "alias": "kbqComponentParams"; "required": false; }; "kbqFooter": { "alias": "kbqFooter"; "required": false; }; "kbqVisible": { "alias": "kbqVisible"; "required": false; }; "kbqWidth": { "alias": "kbqWidth"; "required": false; }; "kbqSize": { "alias": "kbqSize"; "required": false; }; "kbqWrapClassName": { "alias": "kbqWrapClassName"; "required": false; }; "kbqClassName": { "alias": "kbqClassName"; "required": false; }; "kbqStyle": { "alias": "kbqStyle"; "required": false; }; "kbqTitle": { "alias": "kbqTitle"; "required": false; }; "kbqCloseByESC": { "alias": "kbqCloseByESC"; "required": false; }; "kbqClosable": { "alias": "kbqClosable"; "required": false; }; "kbqMask": { "alias": "kbqMask"; "required": false; }; "kbqMaskClosable": { "alias": "kbqMaskClosable"; "required": false; }; "kbqMaskStyle": { "alias": "kbqMaskStyle"; "required": false; }; "kbqBodyStyle": { "alias": "kbqBodyStyle"; "required": false; }; "kbqOkText": { "alias": "kbqOkText"; "required": false; }; "kbqOkType": { "alias": "kbqOkType"; "required": false; }; "kbqRestoreFocus": { "alias": "kbqRestoreFocus"; "required": false; }; "kbqOkLoading": { "alias": "kbqOkLoading"; "required": false; }; "kbqOnOk": { "alias": "kbqOnOk"; "required": false; }; "kbqCancelText": { "alias": "kbqCancelText"; "required": false; }; "kbqCancelLoading": { "alias": "kbqCancelLoading"; "required": false; }; "kbqOnCancel": { "alias": "kbqOnCancel"; "required": false; }; "kbqGetContainer": { "alias": "kbqGetContainer"; "required": false; }; }, { "kbqVisibleChange": "kbqVisibleChange"; "kbqAfterOpen": "kbqAfterOpen"; "kbqAfterClose": "kbqAfterClose"; "kbqOnOk": "kbqOnOk"; "kbqOnCancel": "kbqOnCancel"; }, never, ["*"], true, never>;
 }

package/modal/modal.directive.d.ts

@@ -4,17 +4,17 @@ export declare class KbqModalTitle {
     protected modal: KbqModalComponent;
     constructor(modal: KbqModalComponent);
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqModalTitle, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<KbqModalTitle, "[kbq-modal-title], kbq-modal-title, [kbqModalTitle]", never, {}, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KbqModalTitle, "[kbq-modal-title], kbq-modal-title, [kbqModalTitle]", never, {}, {}, never, ["*"], true, never>;
 }
 export declare class KbqModalBody {
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqModalBody, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqModalBody, "[kbq-modal-body], kbq-modal-body, [kbqModalBody]", never, {}, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqModalBody, "[kbq-modal-body], kbq-modal-body, [kbqModalBody]", never, {}, {}, never, never, true, never>;
 }
 export declare class KbqModalFooter {
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqModalFooter, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqModalFooter, "[kbq-modal-footer], kbq-modal-footer, [kbqModalFooter]", never, {}, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqModalFooter, "[kbq-modal-footer], kbq-modal-footer, [kbqModalFooter]", never, {}, {}, never, never, true, never>;
 }
 export declare class KbqModalMainAction {
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqModalMainAction, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqModalMainAction, "[kbq-modal-main-action]", never, {}, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqModalMainAction, "[kbq-modal-main-action]", never, {}, {}, never, never, true, never>;
 }

package/modal/modal.module.d.ts

@@ -1,15 +1,15 @@
 import * as i0 from "@angular/core";
-import * as i1 from "./modal.component";
-import * as i2 from "./modal.directive";
-import * as i3 from "./css-unit.pipe";
-import * as i4 from "@angular/cdk/overlay";
-import * as i5 from "@angular/cdk/a11y";
-import * as i6 from "@koobiq/components/button";
-import * as i7 from "@koobiq/components/icon";
-import * as i8 from "@koobiq/components/title";
-import * as i9 from "@angular/common";
+import * as i1 from "@angular/cdk/overlay";
+import * as i2 from "@angular/cdk/a11y";
+import * as i3 from "@koobiq/components/button";
+import * as i4 from "@koobiq/components/icon";
+import * as i5 from "@koobiq/components/title";
+import * as i6 from "@angular/common";
+import * as i7 from "./modal.component";
+import * as i8 from "./modal.directive";
+import * as i9 from "./css-unit.pipe";
 export declare class KbqModalModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqModalModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<KbqModalModule, [typeof i1.KbqModalComponent, typeof i2.KbqModalTitle, typeof i2.KbqModalBody, typeof i2.KbqModalFooter, typeof i3.CssUnitPipe, typeof i2.KbqModalMainAction], [typeof i4.OverlayModule, typeof i5.A11yModule, typeof i6.KbqButtonModule, typeof i7.KbqIconModule, typeof i8.KbqTitleModule, typeof i9.NgTemplateOutlet, typeof i9.NgStyle, typeof i9.NgClass], [typeof i1.KbqModalComponent, typeof i2.KbqModalTitle, typeof i2.KbqModalBody, typeof i2.KbqModalFooter, typeof i2.KbqModalMainAction]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<KbqModalModule, never, [typeof i1.OverlayModule, typeof i2.A11yModule, typeof i3.KbqButtonModule, typeof i4.KbqIconModule, typeof i5.KbqTitleModule, typeof i6.NgTemplateOutlet, typeof i6.NgStyle, typeof i6.NgClass, typeof i7.KbqModalComponent, typeof i8.KbqModalTitle, typeof i8.KbqModalBody, typeof i8.KbqModalFooter, typeof i9.CssUnitPipe, typeof i8.KbqModalMainAction], [typeof i7.KbqModalComponent, typeof i8.KbqModalTitle, typeof i8.KbqModalBody, typeof i8.KbqModalFooter, typeof i8.KbqModalMainAction]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<KbqModalModule>;
 }

package/modal/modal.service.d.ts

@@ -18,7 +18,7 @@ export declare class ModalBuilderForService {
     private readonly injector;
     private modalRef;
     private overlayRef;
-    constructor(overlay: Overlay, options: IModalOptionsForService, injector: Injector);
+    constructor(overlay: Overlay, options: IModalOptionsForService | undefined, injector: Injector);
     getInstance(): KbqModalComponent | null;
     destroyModal(): void;
     private changeProps;

package/navbar/_navbar-theme.scss

@@ -44,6 +44,7 @@ button {
 
         @include kbq-navbar-item(default);
 
+        &.kbq-hovered:not(.kbq-disabled),
         &:hover:not(.kbq-disabled) {
             @include kbq-navbar-item(states-hover);
         }