@koobiq/components 19.8.3 → 20.1.0

package/dropdown/dropdown.component.d.ts

@@ -1,134 +0,0 @@
-import { AnimationEvent } from '@angular/animations';
-import { FocusOrigin } from '@angular/cdk/a11y';
-import { Direction } from '@angular/cdk/bidi';
-import { AfterContentInit, ElementRef, EventEmitter, NgZone, OnDestroy, OnInit, QueryList, TemplateRef } from '@angular/core';
-import { Observable, Subject } from 'rxjs';
-import { KbqDropdownContent } from './dropdown-content.directive';
-import { KbqDropdownItem } from './dropdown-item.component';
-import { KbqDropdownDefaultOptions, KbqDropdownPanel, KbqDropdownPositionX, KbqDropdownPositionY } from './dropdown.types';
-import * as i0 from "@angular/core";
-export declare class KbqDropdownStaticContent {
-    static ɵfac: i0.ɵɵFactoryDeclaration<KbqDropdownStaticContent, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqDropdownStaticContent, "[kbqDropdownStaticContent]", never, {}, {}, never, never, true, never>;
-}
-export declare class KbqDropdown implements AfterContentInit, KbqDropdownPanel, OnInit, OnDestroy {
-    private elementRef;
-    private ngZone;
-    private defaultOptions;
-    private search?;
-    navigationWithWrap: boolean;
-    /** Position of the dropdown in the X axis. */
-    get xPosition(): KbqDropdownPositionX;
-    set xPosition(value: KbqDropdownPositionX);
-    /** Position of the dropdown in the Y axis. */
-    get yPosition(): KbqDropdownPositionY;
-    set yPosition(value: KbqDropdownPositionY);
-    /** Whether the dropdown should overlap its trigger vertically. */
-    get overlapTriggerY(): boolean;
-    set overlapTriggerY(value: boolean);
-    /** Whether the dropdown should overlap its trigger horizontally. */
-    get overlapTriggerX(): boolean;
-    set overlapTriggerX(value: boolean);
-    /** Whether the dropdown has a backdrop. */
-    get hasBackdrop(): boolean;
-    set hasBackdrop(value: boolean);
-    /**
-     * This method takes classes set on the host kbq-dropdown element and applies them on the
-     * dropdown template that displays in the overlay container.  Otherwise, it's difficult
-     * to style the containing dropdown from outside the component.
-     * @param classes list of class names
-     */
-    set panelClass(classes: string);
-    private _xPosition;
-    private _yPosition;
-    private _overlapTriggerX;
-    private _overlapTriggerY;
-    private _hasBackdrop;
-    triggerWidth: string;
-    /** Config object to be passed into the dropdown's ngClass */
-    classList: {
-        [key: string]: boolean;
-    };
-    /** Current state of the panel animation. */
-    panelAnimationState: 'void' | 'enter';
-    /** Emits whenever an animation on the dropdown completes. */
-    animationDone: Subject<AnimationEvent>;
-    /** Whether the dropdown is animating. */
-    isAnimating: boolean;
-    /** Parent dropdown of the current dropdown panel. */
-    parent: KbqDropdownPanel | undefined;
-    /** Layout direction of the dropdown. */
-    direction: Direction;
-    /** Class to be added to the backdrop element. */
-    backdropClass: string;
-    /** @docs-private */
-    templateRef: TemplateRef<any>;
-    /**
-     * List of the items inside of a dropdown.
-     */
-    items: QueryList<KbqDropdownItem>;
-    /**
-     * Dropdown content that will be rendered lazily.
-     * @docs-private
-     */
-    lazyContent: KbqDropdownContent;
-    /** Event emitted when the dropdown is closed. */
-    readonly closed: EventEmitter<void | "click" | "keydown" | "tab">;
-    private previousPanelClass;
-    private keyManager;
-    /** Only the direct descendant menu items. */
-    private directDescendantItems;
-    /** Subscription to tab events on the dropdown panel */
-    private tabSubscription;
-    constructor(elementRef: ElementRef<HTMLElement>, ngZone: NgZone, defaultOptions: KbqDropdownDefaultOptions);
-    ngOnInit(): void;
-    ngAfterContentInit(): void;
-    ngOnDestroy(): void;
-    /** Stream that emits whenever the hovered dropdown item changes. */
-    hovered(): Observable<KbqDropdownItem>;
-    /** Handle a keyboard event from the dropdown, delegating to the appropriate action. */
-    handleKeydown(event: KeyboardEvent): void;
-    /**
-     * Focus the first item in the dropdown.
-     * @param origin Action from which the focus originated. Used to set the correct styling.
-     */
-    focusFirstItem(origin?: FocusOrigin): void;
-    /**
-     * Applies focus when the dropdown is opened. When opened by mouse or touch, the first item
-     * should not be highlighted, so the panel itself is focused instead — keyboard events still
-     * reach the panel and the first arrow key press will highlight the first item.
-     */
-    private applyInitialFocus;
-    /** Moves DOM focus onto the dropdown panel so that keydown events keep being handled. */
-    private focusPanel;
-    /**
-     * Resets the active item in the dropdown. This is used when the dropdown is opened, allowing
-     * the user to start from the first option when pressing the down arrow.
-     */
-    resetActiveItem(): void;
-    /**
-     * Adds classes to the dropdown panel based on its position. Can be used by
-     * consumers to add specific styling based on the position.
-     * @param posX Position of the dropdown along the x axis.
-     * @param posY Position of the dropdown along the y axis.
-     * @docs-private
-     */
-    setPositionClasses(posX?: KbqDropdownPositionX, posY?: KbqDropdownPositionY): void;
-    /** Starts the enter animation. */
-    startAnimation(): void;
-    /** Resets the panel animation to its initial state. */
-    resetAnimation(): void;
-    /** Callback that is invoked when the panel animation completes. */
-    onAnimationDone(event: AnimationEvent): void;
-    onAnimationStart(event: AnimationEvent): void;
-    close(): void;
-    /**
-     * Sets up a stream that will keep track of any newly-added menu items and will update the list
-     * of direct descendants. We collect the descendants this way, because `items` can include
-     * items that are part of child menus, and using a custom way of registering items is unreliable
-     * when it comes to maintaining the item order.
-     */
-    private updateDirectDescendants;
-    static ɵfac: i0.ɵɵFactoryDeclaration<KbqDropdown, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<KbqDropdown, "kbq-dropdown", ["kbqDropdown"], { "navigationWithWrap": { "alias": "navigationWithWrap"; "required": false; }; "xPosition": { "alias": "xPosition"; "required": false; }; "yPosition": { "alias": "yPosition"; "required": false; }; "overlapTriggerY": { "alias": "overlapTriggerY"; "required": false; }; "overlapTriggerX": { "alias": "overlapTriggerX"; "required": false; }; "hasBackdrop": { "alias": "hasBackdrop"; "required": false; }; "panelClass": { "alias": "class"; "required": false; }; "backdropClass": { "alias": "backdropClass"; "required": false; }; }, { "closed": "closed"; }, ["search", "lazyContent", "items"], ["*", "[kbqDropdownStaticContent]"], true, never>;
-}

package/dropdown/dropdown.module.d.ts

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

package/dropdown/dropdown.types.d.ts

@@ -1,67 +0,0 @@
-import { FocusOrigin } from '@angular/cdk/a11y';
-import { Direction } from '@angular/cdk/bidi';
-import { EventEmitter, InjectionToken, QueryList, TemplateRef } from '@angular/core';
-import { KbqDropdownContent } from './dropdown-content.directive';
-import { KbqDropdownItem } from './dropdown-item.component';
-/** Position of the dropdown panel along the x-axis. */
-export type KbqDropdownPositionX = 'before' | 'after' | 'center';
-/**
- * @deprecated Use `KbqDropdownPositionX` instead.
- * @docs-private
- */
-export type DropdownPositionX = KbqDropdownPositionX;
-/** Position of the dropdown panel along the y-axis. */
-export type KbqDropdownPositionY = 'above' | 'below';
-/**
- * @deprecated Use `KbqDropdownPositionY` instead.
- * @docs-private
- */
-export type DropdownPositionY = KbqDropdownPositionY;
-/** Reason why the menu was closed. */
-export type DropdownCloseReason = void | 'click' | 'keydown' | 'tab';
-/**
- * Interface for a custom dropdown panel that can be used with `kbqDropdownTriggerFor`.
- * @docs-private
- */
-export interface KbqDropdownPanel {
-    xPosition: KbqDropdownPositionX;
-    yPosition: KbqDropdownPositionY;
-    overlapTriggerX: boolean;
-    overlapTriggerY: boolean;
-    templateRef: TemplateRef<any>;
-    closed: EventEmitter<DropdownCloseReason>;
-    parent?: KbqDropdownPanel | undefined;
-    triggerWidth?: string;
-    direction?: Direction;
-    lazyContent?: KbqDropdownContent;
-    backdropClass?: string;
-    hasBackdrop?: boolean;
-    items: QueryList<KbqDropdownItem>;
-    focusFirstItem(origin?: FocusOrigin): void;
-    resetActiveItem(): void;
-    setPositionClasses?(x: KbqDropdownPositionX, y: KbqDropdownPositionY): void;
-}
-/** Default `kbq-dropdown` options that can be overridden. */
-export interface KbqDropdownDefaultOptions {
-    /** The x-axis position of the dropdown. */
-    xPosition: KbqDropdownPositionX;
-    /** The y-axis position of the dropdown. */
-    yPosition: KbqDropdownPositionY;
-    /** Whether the dropdown should overlap the dropdown trigger horizontally. */
-    overlapTriggerX: boolean;
-    /** Whether the dropdown should overlap the dropdown trigger vertically. */
-    overlapTriggerY: boolean;
-    /** Class to be applied to the dropdown's backdrop. */
-    backdropClass: string;
-    /** Whether the dropdown has a backdrop. */
-    hasBackdrop: boolean;
-}
-/**
- * Injection token used to provide the parent dropdown to dropdown-specific components.
- * @docs-private
- */
-export declare const KBQ_DROPDOWN_PANEL: InjectionToken<KbqDropdownPanel>;
-/** Injection token to be used to override the default options for `kbq-dropdown`. */
-export declare const KBQ_DROPDOWN_DEFAULT_OPTIONS: InjectionToken<KbqDropdownDefaultOptions>;
-/** @docs-private */
-export declare function KBQ_DROPDOWN_DEFAULT_OPTIONS_FACTORY(): KbqDropdownDefaultOptions;

package/dropdown/public-api.d.ts

@@ -1,8 +0,0 @@
-export * from './dropdown-animations';
-export * from './dropdown-content.directive';
-export * from './dropdown-errors';
-export * from './dropdown-item.component';
-export * from './dropdown-trigger.directive';
-export * from './dropdown.component';
-export * from './dropdown.module';
-export * from './dropdown.types';

package/dynamic-translation/dynamic-translation.d.ts

@@ -1,72 +0,0 @@
-import { Signal, TemplateRef } from '@angular/core';
-import * as i0 from "@angular/core";
-/**
- * @docs-private
- */
-type KbqDynamicTranslationParsedSlot = {
-    type: 'text' | 'slot';
-    template: TemplateRef<unknown> | null;
-    context?: {
-        $implicit: unknown;
-    };
-    text?: string;
-};
-/**
- * @docs-private
- */
-export interface KbqDynamicTranslationHelperSlot {
-    name: string;
-    tag: string;
-    attributes?: {
-        key: string;
-        value: string;
-    }[];
-    content?: string;
-}
-/**
- * Directive for defining a dynamic translation slot.
- */
-export declare class KbqDynamicTranslationSlot {
-    /**
-     * The name of the dynamic translation slot.
-     */
-    readonly name: import("@angular/core").InputSignal<string>;
-    /**
-     * @docs-private
-     */
-    readonly templateRef: TemplateRef<any>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<KbqDynamicTranslationSlot, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqDynamicTranslationSlot, "[kbqDynamicTranslationSlot]", never, { "name": { "alias": "kbqDynamicTranslationSlot"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
-}
-/**
- * Component for dynamic translation.
- */
-export declare class KbqDynamicTranslation {
-    private readonly slots;
-    /**
-     * The text which will be translated.
-     */
-    readonly text: import("@angular/core").InputSignal<string>;
-    /**
-     * @docs-private
-     */
-    protected readonly parsedSlots: Signal<KbqDynamicTranslationParsedSlot[]>;
-    private parseSlots;
-    static ɵfac: i0.ɵɵFactoryDeclaration<KbqDynamicTranslation, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<KbqDynamicTranslation, "kbq-dynamic-translation", never, { "text": { "alias": "text"; "required": true; "isSignal": true; }; }, {}, ["slots"], never, true, never>;
-}
-/**
- * @docs-private
- */
-export declare class KbqDynamicTranslationHelper {
-    private readonly renderer;
-    private readonly replaceableSlotContainers;
-    private readonly slotsByName;
-    readonly text: import("@angular/core").InputSignal<string>;
-    readonly slots: import("@angular/core").InputSignal<KbqDynamicTranslationHelperSlot[]>;
-    constructor();
-    private replaceSlots;
-    static ɵfac: i0.ɵɵFactoryDeclaration<KbqDynamicTranslationHelper, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<KbqDynamicTranslationHelper, "kbq-dynamic-translation-with-dynamic-component-creation", never, { "text": { "alias": "text"; "required": true; "isSignal": true; }; "slots": { "alias": "slots"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
-}
-export {};

package/dynamic-translation/module.d.ts

@@ -1,7 +0,0 @@
-import * as i0 from "@angular/core";
-import * as i1 from "./dynamic-translation";
-export declare class KbqDynamicTranslationModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<KbqDynamicTranslationModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<KbqDynamicTranslationModule, never, [typeof i1.KbqDynamicTranslationSlot, typeof i1.KbqDynamicTranslationHelper, typeof i1.KbqDynamicTranslation], [typeof i1.KbqDynamicTranslationSlot, typeof i1.KbqDynamicTranslationHelper, typeof i1.KbqDynamicTranslation]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<KbqDynamicTranslationModule>;
-}

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

@@ -1,36 +0,0 @@
-import { AfterViewInit, OnDestroy, OnInit } from '@angular/core';
-import { KbqTooltipTrigger } from '@koobiq/components/tooltip';
-import { Subject } from 'rxjs';
-import * as i0 from "@angular/core";
-export declare class KbqEllipsisCenterDirective extends KbqTooltipTrigger implements OnInit, AfterViewInit, OnDestroy {
-    private cdr;
-    set kbqEllipsisCenter(value: string);
-    minVisibleLength: number;
-    charWidth: number;
-    /**
-     * Debounce time (ms) for resize events before recalculating ellipsis position.
-     * @default 50
-     */
-    debounceInterval: number;
-    /** @docs-private */
-    readonly resizeStream: Subject<Event>;
-    private _kbqEllipsisCenter;
-    private resizeSubscription;
-    ngOnInit(): void;
-    ngAfterViewInit(): void;
-    ngOnDestroy(): void;
-    /**
-     * Updates the displayed text with center ellipsis truncation based on container width.
-     * Recreates start/end span elements, measures available space, and adjusts text accordingly.
-     * @docs-private
-     */
-    refresh(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<KbqEllipsisCenterDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqEllipsisCenterDirective, "[kbqEllipsisCenter]", never, { "kbqEllipsisCenter": { "alias": "kbqEllipsisCenter"; "required": false; }; "minVisibleLength": { "alias": "minVisibleLength"; "required": false; }; "charWidth": { "alias": "charWidth"; "required": false; }; "debounceInterval": { "alias": "debounceInterval"; "required": false; }; }, {}, never, never, true, never>;
-    static ngAcceptInputType_debounceInterval: unknown;
-}
-export declare class KbqEllipsisCenterModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<KbqEllipsisCenterModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<KbqEllipsisCenterModule, never, [typeof KbqEllipsisCenterDirective], [typeof KbqEllipsisCenterDirective]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<KbqEllipsisCenterModule>;
-}

package/ellipsis-center/public-api.d.ts

@@ -1 +0,0 @@
-export * from './ellipsis-center.directive';

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

@@ -1,36 +0,0 @@
-import { AfterContentInit } from '@angular/core';
-import { KbqDefaultSizes } from '@koobiq/components/core';
-import { KbqIconItem } from '@koobiq/components/icon';
-import * as i0 from "@angular/core";
-export declare class KbqEmptyStateIcon {
-    private icon;
-    constructor(icon: KbqIconItem);
-    setErrorColor(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<KbqEmptyStateIcon, [{ optional: true; }]>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqEmptyStateIcon, "[kbq-empty-state-icon]", never, {}, {}, never, never, true, never>;
-}
-export declare class KbqEmptyStateText {
-    static ɵfac: i0.ɵɵFactoryDeclaration<KbqEmptyStateText, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqEmptyStateText, "[kbq-empty-state-text]", never, {}, {}, never, never, true, never>;
-}
-export declare class KbqEmptyStateTitle {
-    static ɵfac: i0.ɵɵFactoryDeclaration<KbqEmptyStateTitle, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqEmptyStateTitle, "[kbq-empty-state-title]", never, {}, {}, never, never, true, never>;
-}
-export declare class KbqEmptyStateActions {
-    static ɵfac: i0.ɵɵFactoryDeclaration<KbqEmptyStateActions, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqEmptyStateActions, "[kbq-empty-state-actions]", never, {}, {}, never, never, true, never>;
-}
-export declare class KbqEmptyState implements AfterContentInit {
-    errorColor: boolean;
-    alignTop: boolean;
-    size: KbqDefaultSizes;
-    icon: KbqEmptyStateIcon | null;
-    /**
-     * @docs-private
-     */
-    protected get emptyStateSizeClass(): string;
-    ngAfterContentInit(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<KbqEmptyState, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<KbqEmptyState, "kbq-empty-state", never, { "errorColor": { "alias": "errorColor"; "required": false; }; "alignTop": { "alias": "alignTop"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, {}, ["icon"], ["[kbq-empty-state-icon]", "[kbq-empty-state-title]", "[kbq-empty-state-text]", "[kbq-empty-state-actions]"], true, never>;
-}

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

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

package/empty-state/public-api.d.ts

@@ -1,2 +0,0 @@
-export * from './empty-state.component';
-export * from './empty-state.module';