@koobiq/components 18.39.0 → 19.1.0

package/file-upload/primitives/file-picker.d.ts

@@ -0,0 +1,82 @@
+import { ElementRef } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * File upload context.
+ */
+export declare class KbqFileUploadContext {
+    /** id for file input */
+    readonly id: import("@angular/core").InputSignal<string | null>;
+    /** Whether file input selectable or not */
+    readonly disabled: import("@angular/core").ModelSignal<boolean | null>;
+    /** Selection mode for file input */
+    readonly multiple: import("@angular/core").InputSignalWithTransform<boolean | null, unknown>;
+    /** File type specifiers */
+    readonly accept: import("@angular/core").InputSignal<string | null>;
+    /**
+     * Reflects webkitdirectory attribute, which indicates that elements can only select directories instead of files.
+     */
+    readonly onlyDirectory: import("@angular/core").InputSignal<boolean | null>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<KbqFileUploadContext, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqFileUploadContext, "[kbqFileUploadContext]", ["kbqFileUploadContext"], { "id": { "alias": "id"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "accept": { "alias": "accept"; "required": false; "isSignal": true; }; "onlyDirectory": { "alias": "onlyDirectory"; "required": false; "isSignal": true; }; }, { "disabled": "disabledChange"; }, never, never, true, never>;
+}
+/**
+ * Loader component to trigger Browser API.
+ */
+export declare class KbqFileLoader {
+    private fileUploadContext;
+    /** Whether file input selectable or not */
+    readonly disabled: import("@angular/core").InputSignal<boolean>;
+    /** Selection mode for file input */
+    readonly multiple: import("@angular/core").InputSignal<boolean | null>;
+    /** File type specifiers */
+    readonly accept: import("@angular/core").InputSignal<string | null>;
+    /** id for file input  */
+    readonly for: import("@angular/core").InputSignal<string | null>;
+    /**
+     * Reflects webkitdirectory attribute,
+     * which indicates that elements can only select directories instead of files.
+     * @link [`HTMLInputElement: webkitdirectory property`](https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/webkitdirectory)
+     */
+    readonly onlyDirectory: import("@angular/core").InputSignal<boolean | null>;
+    /** Event fires when file selected in file-picker. */
+    readonly fileChange: import("@angular/core").OutputEmitterRef<Event>;
+    /** Underlying file input element */
+    readonly input: import("@angular/core").Signal<ElementRef<HTMLInputElement>>;
+    /** @docs-private */
+    protected readonly innerDisabled: import("@angular/core").Signal<boolean>;
+    /** @docs-private */
+    protected readonly innerMultiple: import("@angular/core").Signal<boolean | null>;
+    /** @docs-private */
+    protected readonly innerAccept: import("@angular/core").Signal<string | null>;
+    /** @docs-private */
+    protected readonly innerFor: import("@angular/core").Signal<string | null>;
+    /** @docs-private */
+    protected readonly innerOnlyDirectory: import("@angular/core").Signal<boolean | null>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<KbqFileLoader, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KbqFileLoader, "[kbqFileLoader]", ["kbqFileLoader"], { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "accept": { "alias": "accept"; "required": false; "isSignal": true; }; "for": { "alias": "for"; "required": false; "isSignal": true; }; "onlyDirectory": { "alias": "onlyDirectory"; "required": false; "isSignal": true; }; }, { "fileChange": "fileChange"; }, never, ["*"], true, never>;
+}
+/**
+ * Responsible for list update (add/remove)
+ */
+export declare class KbqFileList<T> {
+    /** Current list of items. */
+    readonly list: import("@angular/core").ModelSignal<T[]>;
+    /**
+     * Emits an event containing a tuple of file and file's index when removed from the file list.
+     * Useful when handle removed files, skipping filtering file list.
+     */
+    readonly itemRemoved: import("@angular/core").OutputEmitterRef<[T, number]>;
+    /** Emits array of items that were added to the list. */
+    readonly itemsAdded: import("@angular/core").OutputEmitterRef<T[]>;
+    /** Adds a single item to the list and emits event */
+    add(item: T): void;
+    /** Adds multiple items to the list and emits event */
+    addArray(items: T[]): void;
+    /** Removes the first occurrence of the specified item. Returns removed items and emits event. */
+    remove(item: T): T[];
+    /** Removes item at specified index. Returns removed items and emits event. */
+    removeAt(index: number): T[];
+    private update;
+    static ɵfac: i0.ɵɵFactoryDeclaration<KbqFileList<any>, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqFileList<any>, "[kbqFileList]", ["kbqFileList"], { "list": { "alias": "list"; "required": false; "isSignal": true; }; }, { "list": "listChange"; "itemRemoved": "itemRemoved"; "itemsAdded": "itemsAdded"; }, never, never, true, never>;
+}

package/file-upload/primitives/index.d.ts

@@ -0,0 +1,2 @@
+export * from './file-drop';
+export * from './file-picker';

package/file-upload/public-api.d.ts

@@ -1,5 +1,6 @@
-export * from './file-drop';
 export * from './file-upload';
 export * from './file-upload.module';
 export * from './multiple-file-upload.component';
+export * from './primitives/file-drop';
+export * from './primitives/file-picker';
 export * from './single-file-upload.component';

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 { ErrorStateMatcher, KbqBaseFileUploadLocaleConfig, KbqFileUploadLocaleConfig } 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, KbqFileUploadCaptionContext, KbqFileValidatorFn } from './file-upload';
+import { KbqFileLoader } from './primitives';
 import * as i0 from "@angular/core";
-export declare const KBQ_SINGLE_FILE_UPLOAD_DEFAULT_CONFIGURATION: KbqInputFileLabel;
-export declare class KbqSingleFileUploadComponent extends KbqFileUploadBase implements AfterViewInit, KbqInputFile, ControlValueAccessor, DoCheck {
+import * as i1 from "./primitives/file-picker";
+export declare const KBQ_SINGLE_FILE_UPLOAD_DEFAULT_CONFIGURATION: KbqFileUploadLocaleConfig['single'];
+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);
     /**
@@ -32,19 +33,21 @@ export declare class KbqSingleFileUploadComponent extends KbqFileUploadBase impl
      * @default true
      */
     showFileSize: boolean;
+    /**
+     * Determines which kind of items the upload component can accept.
+     * @default mixed
+     */
+    allowed: import("@angular/core").InputSignal<"file" | "folder" | "mixed">;
     /** Optional configuration to override default labels with localized text.*/
-    readonly localeConfig: import("@angular/core").InputSignal<Partial<KbqInputFileLabel> | undefined>;
+    readonly localeConfig: import("@angular/core").InputSignal<Partial<KbqBaseFileUploadLocaleConfig> | undefined>;
     /** Emits an event containing updated file.
      * 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 */
-    config: KbqInputFileLabel;
-    /** @docs-private */
-    separatedCaptionText: string[];
     /** cvaOnChange function registered via registerOnChange (ControlValueAccessor).
      * @docs-private
      */
@@ -54,6 +57,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;
@@ -64,7 +69,12 @@ export declare class KbqSingleFileUploadComponent extends KbqFileUploadBase impl
      */
     get invalid(): boolean;
     /** @docs-private */
-    readonly configuration: KbqInputFileLabel | null;
+    readonly configuration: KbqBaseFileUploadLocaleConfig | null;
+    /** @docs-private */
+    protected readonly captionContext: import("@angular/core").Signal<KbqFileUploadCaptionContext>;
+    private readonly localeId;
+    /** @docs-private */
+    readonly resolvedLocaleConfig: import("@angular/core").Signal<KbqBaseFileUploadLocaleConfig>;
     private readonly focusMonitor;
     private readonly platformId;
     constructor();
@@ -88,15 +98,12 @@ 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;
-    private updateLocaleParams;
+    deleteItem(event?: MouseEvent, origin?: FocusOrigin): void;
     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; }; "allowed": { "alias": "allowed"; "required": false; "isSignal": true; }; "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"; }; outputs: {}; }, { directive: typeof i1.KbqFileList; inputs: {}; outputs: { "listChange": "fileChange"; }; }]>;
     static ngAcceptInputType_showFileSize: unknown;
 }

package/filter-bar/pipes/pipe-multi-select.d.ts

@@ -28,6 +28,7 @@ export declare class KbqPipeMultiSelectComponent extends KbqBasePipe<KbqSelectVa
     get selectedAllEqualsSelectedNothing(): boolean;
     private get visibleOptions();
     private selectionAllInProgress;
+    private internalSelected;
     /** @docs-private */
     ngOnInit(): void;
     ngAfterViewInit(): void;
@@ -39,14 +40,16 @@ export declare class KbqPipeMultiSelectComponent extends KbqBasePipe<KbqSelectVa
     toggleSelectionAllByEnterKey(): void;
     /** @docs-private */
     toggleSelectionAll(emitEvent?: boolean): void;
-    private emitChangePipeEvent;
     /** Comparator of selected options */
     compareByValue: (o1: any, o2: any) => boolean;
     /** handler for select all options in select */
     selectAllHandler: (event: KeyboardEvent) => void;
+    /** @docs-private */
     onClose(): void;
     /** opens select */
     open(): void;
+    private updateInternalSelected;
+    private emitChangePipeEvent;
     private getFilteredOptions;
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqPipeMultiSelectComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<KbqPipeMultiSelectComponent, "kbq-pipe-multi-select", never, {}, {}, never, never, true, never>;

package/filter-bar/pipes/pipe-multi-tree-select.d.ts

@@ -31,6 +31,7 @@ export declare class KbqPipeMultiTreeSelectComponent extends KbqBasePipe<KbqSele
     get selectedAllEqualsSelectedNothing(): boolean;
     /** true if all visible options selected */
     get allVisibleOptionsSelected(): boolean;
+    private internalSelected;
     constructor();
     ngOnInit(): void;
     ngAfterViewInit(): void;
@@ -45,10 +46,14 @@ export declare class KbqPipeMultiTreeSelectComponent extends KbqBasePipe<KbqSele
     updateTemplates: (templates: KbqPipeTemplate[] | null) => void;
     /** opens select */
     open(): void;
+    onClear(): void;
+    /** @docs-private */
     onOpen(): void;
+    /** @docs-private */
     onClose(): void;
     /** handler for select all options in select */
     selectAllHandler: (event: KeyboardEvent) => void;
+    private updateInternalSelected;
     private emitChangePipeEvent;
     private toggleParents;
     private transformer;

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

@@ -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
@@ -189,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", "pseudoCheckbox"], ["kbq-pseudo-checkbox", "[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>;
 }