@koobiq/components 20.4.1 → 21.0.0

package/navbar/index.d.ts

@@ -1,372 +0,0 @@
-import * as i0 from '@angular/core';
-import { AfterContentInit, AfterViewInit, OnDestroy, ChangeDetectorRef, ElementRef, QueryList, InjectionToken } from '@angular/core';
-import * as i2 from '@koobiq/components/tooltip';
-import { KbqTooltipTrigger } from '@koobiq/components/tooltip';
-import * as i1 from '@angular/cdk/a11y';
-import { FocusOrigin, FocusMonitor } from '@angular/cdk/a11y';
-import { KbqButton, KbqButtonCssStyler } from '@koobiq/components/button';
-import * as _koobiq_components_core from '@koobiq/components/core';
-import { IFocusableOption, FocusKeyManager } from '@koobiq/components/core';
-import { KbqFormField } from '@koobiq/components/form-field';
-import * as i3 from '@koobiq/components/icon';
-import { KbqIcon } from '@koobiq/components/icon';
-import { Subject, Observable } from 'rxjs';
-import * as i2$1 from '@angular/cdk/platform';
-
-interface KbqNavbarFocusableItemEvent {
-    item: KbqNavbarFocusableItem;
-}
-declare class KbqNavbarLogo {
-    readonly hovered: Subject<boolean>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<KbqNavbarLogo, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqNavbarLogo, "kbq-navbar-logo, [kbq-navbar-logo]", never, {}, {}, never, never, true, never>;
-}
-declare class KbqNavbarBento {
-    static ɵfac: i0.ɵɵFactoryDeclaration<KbqNavbarBento, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqNavbarBento, "kbq-navbar-item[bento], [kbq-navbar-item][bento]", never, {}, {}, never, never, true, never>;
-}
-declare class KbqNavbarTitle implements AfterViewInit {
-    protected readonly isBrowser: boolean;
-    protected readonly nativeElement: HTMLElement;
-    private readonly window;
-    readonly hovered: Subject<boolean>;
-    outerElementWidth: number;
-    get text(): string;
-    /** Whether the text is clipped horizontally (e.g. by `text-overflow: ellipsis`). */
-    get isOverflown(): boolean;
-    /**
-     * Whether the text is clipped vertically (e.g. by `-webkit-line-clamp`).
-     *
-     * Kept separate from `isOverflown` on purpose: wrapped text never exceeds its width, so only this
-     * check catches a clamped title. `isOverflown` is also read by `KbqNavbarItem`, whose titles are
-     * always `nowrap` — folding the two together would let sub-pixel line-height rounding enable
-     * tooltips on every navbar item.
-     */
-    get isClamped(): boolean;
-    /**
-     * Outer width of the title: its border box plus horizontal margins.
-     *
-     * Measured with `getBoundingClientRect()` rather than `getComputedStyle().width`, which resolves
-     * to the used content-box width whatever `box-sizing` says and would drop the title's padding.
-     */
-    getOuterElementWidth(): number;
-    ngAfterViewInit(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<KbqNavbarTitle, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqNavbarTitle, "kbq-navbar-title, [kbq-navbar-title]", never, {}, {}, never, never, true, never>;
-}
-declare class KbqNavbarDivider {
-    static ɵfac: i0.ɵɵFactoryDeclaration<KbqNavbarDivider, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqNavbarDivider, "kbq-navbar-divider", never, {}, {}, never, never, true, never>;
-}
-declare class KbqNavbarFocusableItem implements AfterContentInit, AfterViewInit, OnDestroy, IFocusableOption {
-    private elementRef;
-    private changeDetector;
-    private focusMonitor;
-    private ngZone;
-    readonly title: i0.Signal<KbqNavbarTitle | undefined>;
-    readonly button: i0.Signal<KbqButton | undefined>;
-    readonly formField: i0.Signal<KbqFormField | undefined>;
-    get nestedElement(): KbqButton | KbqFormField | undefined;
-    get tooltip(): KbqTooltipTrigger;
-    private _tooltip;
-    readonly onFocus: Subject<KbqNavbarFocusableItemEvent>;
-    readonly onBlur: Subject<KbqNavbarFocusableItemEvent>;
-    get hasFocus(): boolean;
-    set hasFocus(value: boolean);
-    private _hasFocus;
-    /**
-     * Whether the item is disabled.
-     *
-     * Also reads `true` for a decorative element, which the key manager has to skip just the same.
-     */
-    get disabled(): boolean;
-    set disabled(value: boolean);
-    private _disabled;
-    /**
-     * Keeps an element with nothing to interact with out of the roving focus order, without announcing or
-     * styling it as disabled.
-     *
-     * @internal
-     */
-    decorative: boolean;
-    /**
-     * Whether the item was disabled through `disabled`, as opposed to being decorative.
-     *
-     * @internal
-     */
-    get explicitlyDisabled(): boolean;
-    get tabIndex(): number;
-    ngAfterViewInit(): void;
-    ngAfterContentInit(): void;
-    ngOnDestroy(): void;
-    setTooltip(value: KbqTooltipTrigger): void;
-    onFocusHandler(): void;
-    focus(origin?: FocusOrigin): void;
-    blur(): void;
-    getLabel(): string;
-    static ɵfac: i0.ɵɵFactoryDeclaration<KbqNavbarFocusableItem, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqNavbarFocusableItem, "kbq-navbar-item, [kbq-navbar-item], kbq-navbar-brand, [kbq-navbar-brand], kbq-navbar-toggle", never, { "disabled": { "alias": "disabled"; "required": false; }; }, {}, ["title", "button", "formField"], never, true, never>;
-    static ngAcceptInputType_disabled: unknown;
-}
-declare class KbqNavbarRectangleElement {
-    protected readonly isBrowser: boolean;
-    protected readonly nativeElement: HTMLElement;
-    private readonly window;
-    private readonly changeDetectorRef;
-    readonly state: Subject<void>;
-    get horizontal(): boolean;
-    set horizontal(value: boolean);
-    private _horizontal;
-    get vertical(): boolean;
-    set vertical(value: boolean);
-    private _vertical;
-    get collapsed(): boolean;
-    set collapsed(value: boolean);
-    private _collapsed;
-    readonly button: i0.Signal<KbqButtonCssStyler | undefined>;
-    /**
-     * Outer width of the item: its border box plus horizontal margins.
-     *
-     * Measured with `getBoundingClientRect()` rather than `getComputedStyle().width`, which resolves
-     * to the used content-box width whatever `box-sizing` says. `.kbq-navbar-item` is `border-box`
-     * with horizontal padding, so the computed value dropped that padding from every item, while
-     * `KbqNavbar.width` — the figure this sum is compared against — has always been a border box.
-     * The navbar therefore under-counted its own content and collapsed later than it should.
-     */
-    getOuterElementWidth(): number;
-    static ɵfac: i0.ɵɵFactoryDeclaration<KbqNavbarRectangleElement, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqNavbarRectangleElement, "kbq-navbar-item, [kbq-navbar-item], kbq-navbar-divider, kbq-navbar-brand, [kbq-navbar-brand]", never, {}, {}, ["button"], never, true, never>;
-}
-declare class KbqNavbarItem extends KbqTooltipTrigger implements AfterContentInit {
-    rectangleElement: KbqNavbarRectangleElement;
-    navbarFocusableItem: KbqNavbarFocusableItem;
-    private changeDetectorRef;
-    private dropdownTrigger;
-    private bento;
-    readonly title: i0.Signal<KbqNavbarTitle | undefined>;
-    readonly icon: i0.Signal<KbqIcon | undefined>;
-    get collapsedText(): string;
-    set collapsedText(value: string);
-    private _collapsedText;
-    get trigger(): string;
-    set trigger(value: string);
-    set collapsed(value: boolean);
-    get isCollapsed(): boolean;
-    private _collapsed;
-    get croppedText(): string;
-    get collapsable(): boolean;
-    set collapsable(value: boolean);
-    private _collapsable;
-    get titleText(): string | null;
-    get disabled(): boolean;
-    set disabled(value: boolean);
-    get hasDropDownTrigger(): boolean;
-    get showVerticalDropDownAngle(): boolean;
-    get showHorizontalDropDownAngle(): boolean;
-    get hasCroppedText(): boolean;
-    constructor();
-    ngAfterContentInit(): void;
-    updateDropdown(): void;
-    updateTooltip(): void;
-    getTitleWidth(): number;
-    onKeyDown($event: KeyboardEvent): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<KbqNavbarItem, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<KbqNavbarItem, "kbq-navbar-item, [kbq-navbar-item]", ["kbqNavbarItem"], { "collapsedText": { "alias": "collapsedText"; "required": false; }; "trigger": { "alias": "kbqTrigger"; "required": false; }; "collapsable": { "alias": "collapsable"; "required": false; }; }, {}, ["title", "icon"], ["[kbq-icon]", "kbq-navbar-title, [kbq-navbar-title]", "*"], true, never>;
-}
-
-declare class KbqNavbarBrand extends KbqTooltipTrigger implements AfterContentInit {
-    /** @docs-private */
-    protected readonly nativeElement: HTMLElement;
-    /** @docs-private */
-    protected readonly changeDetectorRef: ChangeDetectorRef;
-    /** @docs-private */
-    protected readonly rectangleElement: KbqNavbarRectangleElement;
-    /** @docs-private */
-    protected readonly navbarFocusableItem: KbqNavbarFocusableItem;
-    private readonly isBrowser;
-    private readonly resizeObserver;
-    private readonly contentObserver;
-    private readonly document;
-    private readonly injector;
-    private readonly debounceInterval;
-    /** @docs-private */
-    readonly title: i0.Signal<KbqNavbarTitle | undefined>;
-    /** Whether the title has been measured as not fitting into a single line. */
-    private readonly autoLongTitle;
-    /**
-     * Alternative display of the brand name in two lines.
-     *
-     * @deprecated The mode is now detected automatically when the title does not fit into a single line.
-     * Leave unset for auto-detection; `true` and `false` force the mode on and off respectively.
-     * Will be removed in the next major release.
-     */
-    readonly longTitle: i0.InputSignal<boolean | undefined>;
-    /** @docs-private */
-    protected readonly longTitleEnabled: i0.Signal<boolean>;
-    /** text that will be displayed in the tooltip. By default, the text is taken from kbq-navbar-title. */
-    get collapsedText(): string;
-    set collapsedText(value: string);
-    private _collapsedText;
-    get isLink(): boolean;
-    /** @docs-private */
-    get croppedText(): string;
-    /** @docs-private */
-    get hasCroppedText(): boolean;
-    /** @docs-private */
-    get titleText(): string | null;
-    /** @docs-private */
-    get disabled(): boolean;
-    set disabled(value: boolean);
-    /** @docs-private */
-    get collapsed(): boolean;
-    set collapsed(value: boolean);
-    private _collapsed;
-    constructor();
-    ngAfterContentInit(): void;
-    private preventDisabledActivation;
-    private updateTooltip;
-    private observeLongTitle;
-    private updateAutoLongTitle;
-    /**
-     * Measures whether the title fits into a single line in the *default* presentation.
-     *
-     * Removing and restoring the class within a single task is safe: the browser does not paint mid-task, and
-     * Angular's host binding only writes to the DOM when its value changes, which it does not here. Both rely
-     * on there being no CSS transition on the title - add one and this starts to flicker.
-     */
-    private measureNeedsLongTitle;
-    static ɵfac: i0.ɵɵFactoryDeclaration<KbqNavbarBrand, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<KbqNavbarBrand, "kbq-navbar-brand, [kbq-navbar-brand]", ["kbqNavbarBrand"], { "longTitle": { "alias": "longTitle"; "required": false; "isSignal": true; }; "collapsedText": { "alias": "collapsedText"; "required": false; }; }, {}, ["title"], ["*"], true, never>;
-}
-
-type KbqNavbarContainerPositionType = 'left' | 'right';
-declare class KbqFocusableComponent implements AfterContentInit, AfterViewInit, OnDestroy {
-    protected readonly changeDetectorRef: ChangeDetectorRef;
-    protected readonly elementRef: ElementRef<HTMLElement>;
-    protected readonly focusMonitor: FocusMonitor;
-    focusableItems: QueryList<KbqNavbarFocusableItem>;
-    keyManager: FocusKeyManager<KbqNavbarFocusableItem>;
-    get tabIndex(): any;
-    set tabIndex(value: any);
-    private _tabIndex;
-    private lastFocusOrigin;
-    get optionFocusChanges(): Observable<KbqNavbarFocusableItemEvent>;
-    get optionBlurChanges(): Observable<KbqNavbarFocusableItemEvent>;
-    private readonly destroyRef;
-    private optionFocusSubscription;
-    private optionBlurSubscription;
-    ngAfterContentInit(): void;
-    ngAfterViewInit(): void;
-    ngOnDestroy(): void;
-    focus(): void;
-    blur(): void;
-    protected resetOptions(): void;
-    protected dropSubscriptions(): void;
-    private listenToOptionsFocus;
-    private updateTabIndex;
-    private isValidIndex;
-    private hasFocusedItem;
-    static ɵfac: i0.ɵɵFactoryDeclaration<KbqFocusableComponent, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqFocusableComponent, never, never, { "tabIndex": { "alias": "tabIndex"; "required": false; }; }, {}, ["focusableItems"], never, true, never>;
-}
-declare class KbqNavbarContainer {
-    static ɵfac: i0.ɵɵFactoryDeclaration<KbqNavbarContainer, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqNavbarContainer, "kbq-navbar-container", never, {}, {}, never, never, true, never>;
-}
-declare class KbqNavbar extends KbqFocusableComponent implements AfterViewInit, AfterContentInit, OnDestroy {
-    protected readonly elementRef: ElementRef<HTMLElement>;
-    protected readonly changeDetectorRef: ChangeDetectorRef;
-    protected readonly focusMonitor: FocusMonitor;
-    private readonly platform;
-    readonly rectangleElements: i0.Signal<readonly any[]>;
-    readonly navbarItems: i0.Signal<readonly any[]>;
-    readonly resizeStream: Subject<Event>;
-    private readonly resizeDebounceInterval;
-    private get width();
-    private get totalItemsWidth();
-    private get collapsableItems();
-    private resizeSubscription;
-    constructor();
-    ngAfterContentInit(): void;
-    ngAfterViewInit(): void;
-    ngOnDestroy(): void;
-    onKeyDown(event: KeyboardEvent): void;
-    updateExpandedStateForItems: () => void;
-    private eventFromInput;
-    private cursorOnFirstPosition;
-    private cursorOnLastPosition;
-    private collapseItems;
-    private expandItems;
-    private setItemsState;
-    static ɵfac: i0.ɵɵFactoryDeclaration<KbqNavbar, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<KbqNavbar, "kbq-navbar", never, {}, {}, ["rectangleElements", "navbarItems"], ["[kbq-navbar-container], kbq-navbar-container"], true, never>;
-}
-
-/** default configuration of navbar */
-/** @docs-private */
-declare const KBQ_VERTICAL_NAVBAR_DEFAULT_CONFIGURATION: {
-    toggle: {
-        expand: string;
-        collapse: string;
-    };
-};
-/** Injection Token for providing configuration of navbar */
-/** @docs-private */
-declare const KBQ_VERTICAL_NAVBAR_CONFIGURATION: InjectionToken<unknown>;
-declare class KbqVerticalNavbar extends KbqFocusableComponent implements AfterContentInit {
-    protected elementRef: ElementRef<HTMLElement>;
-    /** @docs-private */
-    protected readonly localeService: _koobiq_components_core.KbqLocaleService | null;
-    readonly externalConfiguration: unknown;
-    configuration: any;
-    rectangleElements: i0.Signal<readonly any[]>;
-    readonly items: i0.Signal<readonly any[]>;
-    readonly bento: i0.Signal<any>;
-    readonly animationDone: Subject<void>;
-    readonly openOver: i0.InputSignal<boolean>;
-    get expanded(): boolean;
-    set expanded(value: boolean);
-    private _expanded;
-    constructor();
-    ngAfterContentInit(): void;
-    toggle(): void;
-    onKeyDown(event: KeyboardEvent): void;
-    private updateExpandedStateForItems;
-    private updateTooltipForItems;
-    private setItemsVerticalStateAndUpdateExpandedState;
-    private setItemVerticalStateAndUpdateExpandedState;
-    private setItemVerticalState;
-    private updateItemExpandedState;
-    private updateLocaleParams;
-    private initDefaultParams;
-    static ɵfac: i0.ɵɵFactoryDeclaration<KbqVerticalNavbar, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<KbqVerticalNavbar, "kbq-vertical-navbar", ["KbqVerticalNavbar"], { "openOver": { "alias": "openOver"; "required": false; "isSignal": true; }; "expanded": { "alias": "expanded"; "required": false; }; }, {}, ["rectangleElements", "items", "bento"], ["[kbq-navbar-container], kbq-navbar-container", "[kbq-navbar-toggle], kbq-navbar-toggle"], true, [{ directive: typeof i1.CdkMonitorFocus; inputs: {}; outputs: {}; }]>;
-}
-
-declare class KbqNavbarToggle implements OnDestroy {
-    private readonly window;
-    private readonly ngZone;
-    private readonly changeDetectorRef;
-    private readonly tooltip;
-    /** @docs-private */
-    protected readonly navbar: KbqVerticalNavbar;
-    constructor();
-    ngOnDestroy(): void;
-    /** @docs-private */
-    keydownHandler($event: KeyboardEvent): void;
-    /** toggles the state of the navbar */
-    toggle(): void;
-    private updateTooltipContent;
-    private windowToggleHandler;
-    static ɵfac: i0.ɵɵFactoryDeclaration<KbqNavbarToggle, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<KbqNavbarToggle, "kbq-navbar-toggle, [kbq-navbar-toggle]", never, {}, {}, never, ["[kbq-icon]"], true, [{ directive: typeof i1.CdkMonitorFocus; inputs: {}; outputs: {}; }, { directive: typeof i2.KbqTooltipTrigger; inputs: {}; outputs: {}; }]>;
-}
-
-declare class KbqNavbarModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<KbqNavbarModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<KbqNavbarModule, never, [typeof i1.A11yModule, typeof i2$1.PlatformModule, typeof i3.KbqIconModule, typeof i2.KbqToolTipModule, typeof KbqNavbar, typeof KbqNavbarContainer, typeof KbqNavbarTitle, typeof KbqNavbarItem, typeof KbqNavbarBrand, typeof KbqNavbarLogo, typeof KbqNavbarToggle, typeof KbqVerticalNavbar, typeof KbqNavbarDivider, typeof KbqNavbarFocusableItem, typeof KbqNavbarRectangleElement, typeof KbqNavbarBento], [typeof KbqNavbar, typeof KbqNavbarContainer, typeof KbqNavbarTitle, typeof KbqNavbarItem, typeof KbqNavbarBrand, typeof KbqNavbarLogo, typeof KbqNavbarToggle, typeof KbqVerticalNavbar, typeof KbqNavbarDivider, typeof KbqNavbarFocusableItem, typeof KbqNavbarRectangleElement, typeof KbqNavbarBento]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<KbqNavbarModule>;
-}
-
-export { KBQ_VERTICAL_NAVBAR_CONFIGURATION, KBQ_VERTICAL_NAVBAR_DEFAULT_CONFIGURATION, KbqFocusableComponent, KbqNavbar, KbqNavbarBento, KbqNavbarBrand, KbqNavbarContainer, KbqNavbarDivider, KbqNavbarFocusableItem, KbqNavbarItem, KbqNavbarLogo, KbqNavbarModule, KbqNavbarRectangleElement, KbqNavbarTitle, KbqNavbarToggle, KbqVerticalNavbar };
-export type { KbqNavbarContainerPositionType, KbqNavbarFocusableItemEvent };