@koobiq/components 19.8.3 → 20.1.0

package/input/index.d.ts

@@ -1 +1,339 @@
-export * from './public-api';
+import * as i0 from '@angular/core';
+import { OnDestroy, EventEmitter, OnChanges, DoCheck, ElementRef, Provider, SimpleChanges, InjectionToken } from '@angular/core';
+import * as i2 from '@angular/forms';
+import { ControlValueAccessor, NgControl, NgForm, FormGroupDirective, Validator, AbstractControl, ValidationErrors } from '@angular/forms';
+import { KbqNumberInputLocaleConfig, CanUpdateErrorState, ErrorStateMatcher } from '@koobiq/components/core';
+import * as i8 from '@koobiq/components/form-field';
+import { KbqFormFieldControl } from '@koobiq/components/form-field';
+import { Subject } from 'rxjs';
+import * as i1 from '@angular/cdk/a11y';
+import * as i3 from '@koobiq/components/icon';
+
+declare const KBQ_INPUT_NUMBER_DEFAULT_CONFIGURATION: {
+    groupSeparator: string[];
+    fractionSeparator: string;
+    startFormattingFrom: number;
+    viewGroupSeparator: string;
+};
+declare const BIG_STEP = 10;
+declare const SMALL_STEP = 1;
+declare function normalizeSplitter(value: string): string;
+declare function isFloat(value: string): boolean;
+declare function isInt(value: string): boolean;
+declare function isDigit(value: string): boolean;
+declare function getPrecision(value: number): number;
+declare function add(value1: number, value2: number): number;
+declare const KBQ_NUMBER_INPUT_VALUE_ACCESSOR: any;
+declare class KbqNumberInput implements KbqFormFieldControl<any>, ControlValueAccessor, OnDestroy {
+    private elementRef;
+    private readonly renderer;
+    private localeService;
+    /** Emits when the value changes (either due to user input or programmatic change). */
+    valueChange: EventEmitter<number | null>;
+    /** Emits when the disabled state has changed */
+    disabledChange: EventEmitter<boolean>;
+    readonly stateChanges: Subject<void>;
+    id: string;
+    placeholder: string;
+    empty: boolean;
+    required: boolean;
+    errorState: boolean;
+    controlType?: string | undefined;
+    /**
+     * Allows input and pasting of integers only.
+     */
+    readonly integer: i0.InputSignalWithTransform<boolean, unknown>;
+    bigStep: number;
+    step: number;
+    min: number;
+    max: number;
+    readonly withThousandSeparator: i0.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Include thousand separator from custom index. For example, it will be useful in tables.
+     */
+    readonly startFormattingFrom: i0.InputSignal<number | undefined>;
+    get value(): number | null;
+    set value(value: number | null);
+    private _value;
+    get disabled(): boolean;
+    set disabled(value: boolean);
+    private _disabled;
+    focused: boolean;
+    get nativeElement(): HTMLInputElement;
+    get viewValue(): string;
+    get ngControl(): any;
+    protected get fractionSeparator(): KbqNumberInputLocaleConfig['fractionSeparator'];
+    protected get groupSeparator(): KbqNumberInputLocaleConfig['groupSeparator'];
+    private control;
+    private config;
+    private valueFromPaste;
+    constructor();
+    ngOnDestroy(): void;
+    onContainerClick(): void;
+    focus(): void;
+    writeValue(value: number | null): void;
+    registerOnChange(fn: (value: any) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    focusChanged(isFocused: boolean): void;
+    onTouched: () => void;
+    onKeyDown(event: KeyboardEvent): void;
+    onInput(event: InputEvent): void;
+    onPaste(event: ClipboardEvent): void;
+    stepUp(step: number): void;
+    stepDown(step: number): void;
+    private initDefaultParams;
+    private isCtrlV;
+    private isCtrlX;
+    private isCtrlZ;
+    private isPeriod;
+    private cvaOnChange;
+    private setViewValue;
+    private viewToModelUpdate;
+    private formatViewValue;
+    private formatNumber;
+    private createLocalizedNumberFromParts;
+    private updateLocaleParams;
+    static ɵfac: i0.ɵɵFactoryDeclaration<KbqNumberInput, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqNumberInput, "input[kbqNumberInput]", ["kbqNumericalInput"], { "integer": { "alias": "integer"; "required": false; "isSignal": true; }; "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; "isSignal": true; }; "startFormattingFrom": { "alias": "startFormattingFrom"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, {}, never, never, true, never>;
+}
+
+declare class KbqInput implements KbqFormFieldControl<any>, OnChanges, OnDestroy, DoCheck, OnChanges, CanUpdateErrorState {
+    protected elementRef: ElementRef<HTMLInputElement>;
+    ngControl: NgControl | null;
+    numberInput: KbqNumberInput | null;
+    parentForm: NgForm | null;
+    parentFormGroup: FormGroupDirective | null;
+    defaultErrorStateMatcher: ErrorStateMatcher;
+    /** Whether the component is in an error state. */
+    errorState: boolean;
+    /** An object used to control when error messages are shown. */
+    errorStateMatcher: ErrorStateMatcher;
+    /**
+     * Implemented as part of KbqFormFieldControl.
+     * @docs-private
+     */
+    focused: boolean;
+    /**
+     * Implemented as part of KbqFormFieldControl.
+     * @docs-private
+     */
+    readonly stateChanges: Subject<void>;
+    /**
+     * Implemented as part of KbqFormFieldControl.
+     * @docs-private
+     */
+    controlType: string;
+    /**
+     * Implemented as part of KbqFormFieldControl.
+     * @docs-private
+     */
+    placeholder: string;
+    protected uid: string;
+    protected previousNativeValue: any;
+    protected neverEmptyInputTypes: string[];
+    /**
+     * Implemented as part of KbqFormFieldControl.
+     * @docs-private
+     */
+    get disabled(): boolean;
+    set disabled(value: boolean);
+    private _disabled;
+    /**
+     * Implemented as part of KbqFormFieldControl.
+     * @docs-private
+     */
+    get id(): string;
+    set id(value: string);
+    private _id;
+    /**
+     * Implemented as part of KbqFormFieldControl.
+     * @docs-private
+     */
+    get required(): boolean;
+    set required(value: boolean);
+    private _required;
+    /** Input type of the element. */
+    get type(): string;
+    set type(value: string);
+    private _type;
+    /**
+     * Implemented as part of KbqFormFieldControl.
+     * @docs-private
+     */
+    get value(): string;
+    set value(value: string);
+    private inputValueAccessor;
+    constructor();
+    ngOnChanges(): void;
+    ngOnDestroy(): void;
+    ngDoCheck(): void;
+    updateErrorState(): void;
+    /** Focuses the input. */
+    focus(): void;
+    onBlur(): void;
+    /** Callback for the cases where the focused state of the input changes. */
+    focusChanged(isFocused: boolean): void;
+    /**
+     * Implemented as part of KbqFormFieldControl.
+     * @docs-private
+     */
+    get empty(): boolean;
+    /**
+     * Implemented as part of KbqFormFieldControl.
+     * @docs-private
+     */
+    onContainerClick(): void;
+    /** Does some manual dirty checking on the native input `value` property. */
+    protected dirtyCheckNativeValue(): void;
+    /** Make sure the input is a supported type. */
+    protected validateType(): void;
+    /** Checks whether the input type is one of the types that are never empty. */
+    protected isNeverEmpty(): boolean;
+    /** Checks whether the input is invalid based on the native validation. */
+    protected isBadInput(): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<KbqInput, 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>;
+}
+declare class KbqInputMono {
+    static ɵfac: i0.ɵɵFactoryDeclaration<KbqInputMono, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqInputMono, "input[kbqInputMonospace]", ["KbqInputMonospace"], {}, {}, never, never, true, never>;
+}
+
+declare const MIN_VALIDATOR: Provider;
+/**
+ * A directive which installs the MinValidator for any `formControlName`,
+ * `formControl`, or control with `ngModel` that also has a `min` attribute.
+ */
+declare class MinValidator implements Validator, OnChanges {
+    readonly min: i0.InputSignal<number>;
+    private validator;
+    private onChange;
+    ngOnChanges(changes: SimpleChanges): void;
+    validate(c: AbstractControl): ValidationErrors | null;
+    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; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+declare const MAX_VALIDATOR: Provider;
+/**
+ * A directive which installs the MaxValidator for any `formControlName`,
+ * `formControl`, or control with `ngModel` that also has a `min` attribute.
+ */
+declare class MaxValidator implements Validator, OnChanges {
+    readonly max: i0.InputSignal<string | number>;
+    private validator;
+    private onChange;
+    ngOnChanges(changes: SimpleChanges): void;
+    validate(c: AbstractControl): ValidationErrors | null;
+    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; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class KbqInputPassword implements KbqFormFieldControl<any>, OnChanges, OnDestroy, DoCheck, OnChanges, CanUpdateErrorState {
+    protected elementRef: ElementRef<HTMLInputElement>;
+    ngControl: NgControl | null;
+    parentForm: NgForm | null;
+    parentFormGroup: FormGroupDirective | null;
+    defaultErrorStateMatcher: ErrorStateMatcher;
+    /** Whether the component is in an error state. */
+    errorState: boolean;
+    /** An object used to control when error messages are shown. */
+    errorStateMatcher: ErrorStateMatcher;
+    /**
+     * Implemented as part of KbqFormFieldControl.
+     * @docs-private
+     */
+    focused: boolean;
+    /**
+     * Implemented as part of KbqFormFieldControl.
+     * @docs-private
+     */
+    readonly stateChanges: Subject<any>;
+    readonly checkRule: Subject<void>;
+    /**
+     * Implemented as part of KbqFormFieldControl.
+     * @docs-private
+     */
+    controlType: string;
+    elementType: string;
+    /**
+     * Implemented as part of KbqFormFieldControl.
+     * @docs-private
+     */
+    placeholder: string;
+    protected uid: string;
+    protected previousNativeValue: any;
+    /**
+     * Implemented as part of KbqFormFieldControl.
+     * @docs-private
+     */
+    get disabled(): boolean;
+    set disabled(value: boolean);
+    private _disabled;
+    /**
+     * Implemented as part of KbqFormFieldControl.
+     * @docs-private
+     */
+    get id(): string;
+    set id(value: string);
+    private _id;
+    /**
+     * Implemented as part of KbqFormFieldControl.
+     * @docs-private
+     */
+    get required(): boolean;
+    set required(value: boolean);
+    private _required;
+    /**
+     * Implemented as part of KbqFormFieldControl.
+     * @docs-private
+     */
+    get value(): string;
+    set value(value: string);
+    /**
+     * Implemented as part of KbqFormFieldControl.
+     * @docs-private
+     */
+    get empty(): boolean;
+    private _inputValueAccessor;
+    constructor();
+    ngOnChanges(): void;
+    ngOnDestroy(): void;
+    ngDoCheck(): void;
+    updateErrorState(): void;
+    checkRules(): void;
+    toggleType(): void;
+    /** Focuses the input. */
+    focus(): void;
+    onBlur(): void;
+    /** Callback for the cases where the focused state of the input changes. */
+    focusChanged(isFocused: boolean): void;
+    onInput(): void;
+    /**
+     * Implemented as part of KbqFormFieldControl.
+     * @docs-private
+     */
+    onContainerClick(): void;
+    /** Does some manual dirty checking on the native input `value` property. */
+    protected dirtyCheckNativeValue(): void;
+    /** Checks whether the input is invalid based on the native validation. */
+    protected isBadInput(): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<KbqInputPassword, 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>;
+}
+
+declare const KBQ_INPUT_VALUE_ACCESSOR: InjectionToken<{
+    value: any;
+}>;
+
+declare class KbqInputModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<KbqInputModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<KbqInputModule, never, [typeof i1.A11yModule, typeof i2.FormsModule, typeof i3.KbqIconModule, typeof KbqInput, typeof KbqNumberInput, typeof KbqInputPassword, typeof KbqInputMono, typeof MinValidator, typeof MaxValidator], [typeof KbqInput, typeof KbqNumberInput, typeof KbqInputPassword, typeof KbqInputMono, typeof MinValidator, typeof MaxValidator, typeof i8.KbqFormFieldModule]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<KbqInputModule>;
+}
+
+export { BIG_STEP, KBQ_INPUT_NUMBER_DEFAULT_CONFIGURATION, KBQ_INPUT_VALUE_ACCESSOR, KBQ_NUMBER_INPUT_VALUE_ACCESSOR, KbqInput, KbqInputModule, KbqInputMono, KbqInputPassword, KbqNumberInput, MAX_VALIDATOR, MIN_VALIDATOR, MaxValidator, MinValidator, SMALL_STEP, add, getPrecision, isDigit, isFloat, isInt, normalizeSplitter };

package/link/index.d.ts

@@ -1 +1,56 @@
-export * from './public-api';
+import * as _angular_core from '@angular/core';
+import { AfterContentInit, AfterViewInit, OnDestroy, Renderer2, DestroyRef, QueryList, ElementRef } from '@angular/core';
+import { KbqIcon } from '@koobiq/components/icon';
+import * as i1 from '@angular/cdk/a11y';
+
+declare const baseURLRegex: RegExp;
+declare class KbqLink implements AfterContentInit, AfterViewInit, OnDestroy {
+    private elementRef;
+    private focusMonitor;
+    protected readonly renderer: Renderer2;
+    protected readonly destroyRef: DestroyRef;
+    protected readonly nativeElement: HTMLElement;
+    icons: QueryList<ElementRef>;
+    /** Whether the link is disabled. */
+    get disabled(): boolean;
+    set disabled(value: boolean);
+    /** @docs-private */
+    readonly disabledSignal: _angular_core.WritableSignal<boolean>;
+    get tabIndex(): number;
+    set tabIndex(value: number);
+    private _tabIndex;
+    readonly pseudo: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly noUnderline: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly big: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly compact: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Whether the link has an increased hit area for multiline usage. */
+    readonly multiline: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly useVisited: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    get hasIcon(): boolean;
+    set print(value: any);
+    private _print;
+    printMode: boolean;
+    printUrl: string;
+    private _disabled;
+    readonly icon: _angular_core.Signal<KbqIcon | undefined>;
+    constructor();
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    focus(): void;
+    getHostElement(): HTMLAnchorElement;
+    ngAfterContentInit(): void;
+    private updateClassModifierForIcons;
+    private updatePrintUrl;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<KbqLink, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<KbqLink, "[kbq-link]", ["kbqLink"], { "disabled": { "alias": "disabled"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "pseudo": { "alias": "pseudo"; "required": false; "isSignal": true; }; "noUnderline": { "alias": "noUnderline"; "required": false; "isSignal": true; }; "big": { "alias": "big"; "required": false; "isSignal": true; }; "compact": { "alias": "compact"; "required": false; "isSignal": true; }; "multiline": { "alias": "multiline"; "required": false; "isSignal": true; }; "useVisited": { "alias": "useVisited"; "required": false; "isSignal": true; }; "print": { "alias": "print"; "required": false; }; }, {}, ["icon", "icons"], never, true, never>;
+    static ngAcceptInputType_disabled: unknown;
+    static ngAcceptInputType_tabIndex: unknown;
+}
+
+declare class KbqLinkModule {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<KbqLinkModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<KbqLinkModule, never, [typeof i1.A11yModule, typeof KbqLink], [typeof KbqLink]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<KbqLinkModule>;
+}
+
+export { KbqLink, KbqLinkModule, baseURLRegex };

package/link/link-tokens.scss

@@ -13,9 +13,9 @@
     /* @TODO (#DS-3002) */
     --kbq-link-state-visited-border-bottom: var(--kbq-line-visited-fade, var(--kbq-line-visited));
     --kbq-link-state-visited-hover-text: var(--kbq-states-foreground-visited-hover);
-    --kbq-link-state-visited-hover-border-bottomm: var(--kbq-line-visited-fade, var(--kbq-line-visited));
+    --kbq-link-state-visited-hover-border-bottom: var(--kbq-line-visited-fade, var(--kbq-line-visited));
     --kbq-link-state-visited-active-text: var(--kbq-states-foreground-visited-active);
-    --kbq-link-state-visited-active-border-bottomm: var(--kbq-line-visited-fade, var(--kbq-line-visited));
+    --kbq-link-state-visited-active-border-bottom: var(--kbq-line-visited-fade, var(--kbq-line-visited));
     --kbq-link-state-hover-text: var(--kbq-states-foreground-theme-hover);
     --kbq-link-state-hover-border-bottom: var(--kbq-line-theme-fade);
     --kbq-link-state-active-text: var(--kbq-states-foreground-theme-active);

package/list/index.d.ts

@@ -1 +1,229 @@
-export * from './public-api';
+import * as i0 from '@angular/core';
+import { OnDestroy, OnInit, AfterContentInit, AfterViewInit, QueryList, EventEmitter, ElementRef } from '@angular/core';
+import * as i1 from '@angular/cdk/a11y';
+import { FocusMonitor } from '@angular/cdk/a11y';
+import { SelectionModel } from '@angular/cdk/collections';
+import { ControlValueAccessor } from '@angular/forms';
+import * as i2 from '@koobiq/components/core';
+import { IFocusableOption, KbqTitleTextRef, FocusKeyManager, MultipleMode, KbqOptgroup, KbqOptionActionComponent, KbqPseudoCheckbox, KbqLine } from '@koobiq/components/core';
+import { KbqDropdownTrigger } from '@koobiq/components/dropdown';
+import { KbqTooltipTrigger } from '@koobiq/components/tooltip';
+import { Observable, Subject } from 'rxjs';
+import * as i3 from '@koobiq/components/icon';
+
+interface KbqOptionEvent {
+    option: KbqListOption;
+}
+declare const KBQ_SELECTION_LIST_VALUE_ACCESSOR: any;
+declare class KbqListSelectionChange {
+    source: KbqListSelection;
+    option: KbqListOption;
+    constructor(source: KbqListSelection, option: KbqListOption);
+}
+declare class KbqListSelectAllEvent<T> {
+    source: KbqListSelection;
+    options: T[];
+    constructor(source: KbqListSelection, options: T[]);
+}
+/**
+ * Event class that occurs when copying an item from the KbqListSelection.
+ * Used to pass data about the copied item and copy context.
+ *
+ * @param source - instance of KbqListSelection
+ * @param option - instance of KbqListOption
+ * @param event - original keyboard event (optional) that triggered the copy
+ */
+declare class KbqListCopyEvent<T> {
+    source: KbqListSelection;
+    option: T;
+    event?: KeyboardEvent | undefined;
+    constructor(source: KbqListSelection, option: T, event?: KeyboardEvent | undefined);
+}
+declare class KbqListSelection implements AfterContentInit, AfterViewInit, OnDestroy, ControlValueAccessor {
+    private elementRef;
+    private changeDetectorRef;
+    private clipboard;
+    protected readonly focusMonitor: FocusMonitor;
+    keyManager: FocusKeyManager<KbqListOption>;
+    options: QueryList<KbqListOption>;
+    readonly onSelectAll: i0.OutputEmitterRef<KbqListSelectAllEvent<KbqListOption>>;
+    readonly onCopy: EventEmitter<KbqListCopyEvent<KbqListOption>>;
+    get autoSelect(): boolean;
+    set autoSelect(value: boolean);
+    private _autoSelect;
+    get noUnselectLast(): boolean;
+    set noUnselectLast(value: boolean);
+    private _noUnselectLast;
+    /** When `true`, a repeated Ctrl/Cmd+A deselects all options. Off by default (Ctrl+A only selects). */
+    readonly selectAllToggle: i0.InputSignalWithTransform<boolean, unknown>;
+    multipleMode: MultipleMode | null;
+    get multiple(): boolean;
+    readonly horizontal: i0.InputSignalWithTransform<boolean, unknown>;
+    get tabIndex(): any;
+    set tabIndex(value: any);
+    private _tabIndex;
+    get disabled(): boolean;
+    set disabled(value: boolean);
+    private _disabled;
+    /**
+     * Function used for comparing an option against the selected value when determining which
+     * options should appear as selected. The first argument is the value of an options. The second
+     * one is a value from the selected value. A boolean must be returned.
+     */
+    readonly compareWith: i0.InputSignal<(o1: any, o2: any) => boolean>;
+    userTabIndex: number | null;
+    get showCheckbox(): boolean;
+    readonly selectionChange: i0.OutputEmitterRef<KbqListSelectionChange>;
+    selectionModel: SelectionModel<KbqListOption>;
+    get optionFocusChanges(): Observable<KbqOptionEvent>;
+    get optionBlurChanges(): Observable<KbqOptionEvent>;
+    _value: string[] | null;
+    private readonly destroyRef;
+    private readonly platform;
+    private optionFocusSubscription;
+    private optionBlurSubscription;
+    constructor();
+    ngAfterContentInit(): void;
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    focus(): void;
+    blur(): void;
+    selectAll(): void;
+    deselectAll(): void;
+    updateScrollSize(): void;
+    setSelectedOptionsByClick(option: KbqListOption, shiftKey: boolean, ctrlKey: boolean): void;
+    setSelectedOptionsByKey(option: KbqListOption, shiftKey: boolean, ctrlKey: boolean): void;
+    selectActiveOptions(): void;
+    writeValue(values: string[]): void;
+    registerOnChange(fn: (value: any) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    getSelectedOptionValues(): string[];
+    toggleFocusedOption(): void;
+    canDeselectLast(listOption: KbqListOption): boolean;
+    /** @docs-private */
+    getHeight(): number;
+    onTouched: () => void;
+    removeOptionFromList(option: KbqListOption): void;
+    /** Handles keydown events on the list. */
+    onKeyDown(event: KeyboardEvent): void;
+    reportValueChange(): void;
+    emitChangeEvent(option: KbqListOption): void;
+    private initializeSelection;
+    protected updateTabIndex(): void;
+    private onCopyDefaultHandler;
+    private resetOptions;
+    private dropSubscriptions;
+    private listenToOptionsFocus;
+    /** Checks whether any of the options is focused. */
+    private hasFocusedOption;
+    private getOptionByValue;
+    private setOptionsFromValues;
+    /**
+     * Utility to ensure all indexes are valid.
+     * @param index The index to be checked.
+     * @returns True if the index is valid for our list of options.
+     */
+    private isValidIndex;
+    private getOptionIndex;
+    private onChange;
+    /**
+     * Function for handling the combination Ctrl + A (select all). By default, the internal handler is used,
+     * which toggles the selection of all non-disabled options.
+     */
+    get selectAllHandler(): (event: KeyboardEvent, list: KbqListSelection) => void;
+    set selectAllHandler(fn: (event: KeyboardEvent, list: KbqListSelection) => void);
+    private _selectAllHandler;
+    private copyActiveOption;
+    static ɵfac: i0.ɵɵFactoryDeclaration<KbqListSelection, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KbqListSelection, "kbq-list-selection", ["kbqListSelection"], { "autoSelect": { "alias": "autoSelect"; "required": false; }; "noUnselectLast": { "alias": "noUnselectLast"; "required": false; }; "selectAllToggle": { "alias": "selectAllToggle"; "required": false; "isSignal": true; }; "horizontal": { "alias": "horizontal"; "required": false; "isSignal": true; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "compareWith": { "alias": "compareWith"; "required": false; "isSignal": true; }; "selectAllHandler": { "alias": "selectAllHandler"; "required": false; }; }, { "onSelectAll": "onSelectAll"; "onCopy": "onCopy"; "selectionChange": "selectionChange"; }, ["options"], ["*"], true, never>;
+    static ngAcceptInputType_disabled: unknown;
+}
+declare class KbqListOptionCaption {
+    static ɵfac: i0.ɵɵFactoryDeclaration<KbqListOptionCaption, 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
+ * generate a checkbox and can put current item into the selectionModel of selection-list
+ * if the current item is selected.
+ */
+declare class KbqListOption implements OnDestroy, OnInit, IFocusableOption, KbqTitleTextRef {
+    private elementRef;
+    private changeDetector;
+    private ngZone;
+    listSelection: KbqListSelection;
+    readonly group: KbqOptgroup | null;
+    hasFocus: boolean;
+    preventBlur: boolean;
+    readonly onFocus: Subject<KbqOptionEvent>;
+    readonly onBlur: Subject<KbqOptionEvent>;
+    readonly actionButton: i0.Signal<KbqOptionActionComponent | undefined>;
+    tooltipTrigger?: KbqTooltipTrigger;
+    dropdownTrigger?: KbqDropdownTrigger;
+    readonly pseudoCheckbox: i0.Signal<KbqPseudoCheckbox | undefined>;
+    readonly text: i0.Signal<ElementRef<any>>;
+    textElement: ElementRef;
+    readonly checkboxPosition: i0.InputSignal<"before" | "after">;
+    /**
+     * This is set to true after the first OnChanges cycle so we don't clear the value of `selected`
+     * in the first cycle.
+     */
+    private inputsInitialized;
+    get value(): any;
+    set value(newValue: any);
+    private _value;
+    /** Whether list is disabled. */
+    get disabled(): boolean;
+    set disabled(value: boolean);
+    private _disabled;
+    get showCheckbox(): any;
+    set showCheckbox(value: any);
+    private _showCheckbox;
+    get selected(): boolean;
+    set selected(value: boolean);
+    private _selected;
+    get tabIndex(): any;
+    get externalPseudoCheckbox(): boolean;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    toggle(): void;
+    getLabel(): any;
+    setSelected(selected: boolean): void;
+    /** @docs-private */
+    getHeight(): number;
+    /** Handles click events on the list option. */
+    handleClick($event: MouseEvent): void;
+    onKeydown($event: any): void;
+    focus(): void;
+    blur(): void;
+    getHostElement(): HTMLElement;
+    static ɵfac: i0.ɵɵFactoryDeclaration<KbqListOption, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KbqListOption, "kbq-list-option", ["kbqListOption"], { "checkboxPosition": { "alias": "checkboxPosition"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "showCheckbox": { "alias": "showCheckbox"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; }, {}, ["actionButton", "pseudoCheckbox", "tooltipTrigger", "dropdownTrigger"], ["kbq-pseudo-checkbox", "[kbq-icon]", "*", "[kbq-list-option-caption]", "kbq-option-action"], true, never>;
+    static ngAcceptInputType_disabled: unknown;
+    static ngAcceptInputType_selected: unknown;
+}
+
+declare class KbqList {
+    static ɵfac: i0.ɵɵFactoryDeclaration<KbqList, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KbqList, "kbq-list", never, {}, {}, never, ["*"], true, never>;
+}
+declare class KbqListItem implements AfterContentInit {
+    private elementRef;
+    lines: QueryList<KbqLine>;
+    ngAfterContentInit(): void;
+    handleFocus(): void;
+    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]", "*"], true, never>;
+}
+
+declare class KbqListModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<KbqListModule, never>;
+    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 KbqList, typeof KbqListSelection, typeof KbqListItem, typeof KbqListOption, typeof KbqListOptionCaption], [typeof KbqList, typeof KbqListSelection, typeof KbqListItem, typeof KbqListOption, typeof KbqListOptionCaption, typeof i2.KbqOptionModule]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<KbqListModule>;
+}
+
+export { KBQ_SELECTION_LIST_VALUE_ACCESSOR, KbqList, KbqListCopyEvent, KbqListItem, KbqListModule, KbqListOption, KbqListOptionCaption, KbqListSelectAllEvent, KbqListSelection, KbqListSelectionChange };
+export type { KbqOptionEvent };