@koobiq/components 16.0.0-beta.1

package/dropdown/dropdown.component.d.ts

@@ -0,0 +1,121 @@
+import { AnimationEvent } from '@angular/animations';
+import { FocusOrigin } from '@angular/cdk/a11y';
+import { Direction } from '@angular/cdk/bidi';
+import { AfterContentInit, ElementRef, EventEmitter, NgZone, OnDestroy, TemplateRef, QueryList, OnInit } from '@angular/core';
+import { Observable, Subject } from 'rxjs';
+import { KbqDropdownContent } from './dropdown-content.directive';
+import { KbqDropdownItem } from './dropdown-item.component';
+import { DropdownPositionX, DropdownPositionY, KbqDropdownDefaultOptions, KbqDropdownPanel } from './dropdown.types';
+import * as i0 from "@angular/core";
+export declare class KbqDropdown implements AfterContentInit, KbqDropdownPanel, OnInit, OnDestroy {
+    private elementRef;
+    private ngZone;
+    private defaultOptions;
+    navigationWithWrap: boolean;
+    /** Position of the dropdown in the X axis. */
+    get xPosition(): DropdownPositionX;
+    set xPosition(value: DropdownPositionX);
+    /** Position of the dropdown in the Y axis. */
+    get yPosition(): DropdownPositionY;
+    set yPosition(value: DropdownPositionY);
+    /** 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;
+    /**
+     * 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?: DropdownPositionX, posY?: DropdownPositionY): 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 `_allItems` 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", ["mcDropdown"], { "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"; }, ["lazyContent", "items"], ["*"], false, never>;
+}

package/dropdown/dropdown.module.d.ts

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

package/dropdown/dropdown.scss

@@ -0,0 +1,79 @@
+@use 'sass:meta';
+@use 'sass:map';
+
+@use '../core/styles/tokens';
+
+
+$tokens: meta.module-variables(tokens) !default;
+
+.kbq-dropdown-trigger {
+    &.kbq-button-icon_right {
+        padding-right: var(
+            --kbq-dropdown-trigger-size-button-right-padding,
+            map.get($tokens, dropdown-trigger-size-button-right-padding)
+        );
+    }
+
+    &.kbq-button-icon_right.kbq-button-icon_left .kbq-icon_left {
+        margin-right: 0;
+    }
+
+    &.kbq-button-icon .kbq-icon_right {
+        margin-left: var(
+            --kbq-dropdown-trigger-size-right-icon-padding, map.get($tokens, dropdown-trigger-size-right-icon-padding)
+        );
+    }
+}
+
+.kbq-dropdown-trigger__icon {
+    margin-left: auto;
+    padding-right: var(
+        --kbq-dropdown-trigger-size-right-icon-padding,
+        map.get($tokens, dropdown-trigger-size-right-icon-padding)
+    );
+}
+
+.kbq-dropdown__panel {
+    margin-top: -1px;
+
+    max-width: var(--kbq-dropdown-panel-size-max-width, map.get($tokens, dropdown-panel-size-max-width));
+
+    border: {
+        width: var(--kbq-dropdown-panel-size-border-width, map.get($tokens, dropdown-panel-size-border-width));
+        style: solid;
+    }
+
+    border-bottom-left-radius: var(
+        --kbq-dropdown-panel-size-border-radius, map.get($tokens, dropdown-panel-size-border-radius)
+    );
+    border-bottom-right-radius: var(
+        --kbq-dropdown-panel-size-border-radius, map.get($tokens, dropdown-panel-size-border-radius)
+    );
+
+    padding: var(--kbq-dropdown-panel-size-padding, map.get($tokens, dropdown-panel-size-padding));
+
+    &.kbq-dropdown__panel_nested {
+        border-top-left-radius: var(
+            --kbq-dropdown-panel-size-border-radius, map.get($tokens, dropdown-panel-size-border-radius)
+        );
+        border-top-right-radius: var(
+            --kbq-dropdown-panel-size-border-radius, map.get($tokens, dropdown-panel-size-border-radius)
+        );
+    }
+
+    // Prevent users from interacting with the panel while it's animating. Note that
+    // people won't be able to click through it, because the overlay pane will catch the click.
+    // This fixes the following issues:
+    //  * Users accidentally opening sub-menus when the `overlapTrigger` option is enabled.
+    //  * Users accidentally tapping on content inside the sub-menu on touch devices, if the
+    //    sub-menu overlaps the trigger. The issue is due to touch devices emulating the
+    //    `mouseenter` event by dispatching it on tap.
+    &.ng-animating {
+        pointer-events: none;
+    }
+}
+
+.kbq-dropdown__content {
+    display: flex;
+    flex-direction: column;
+}

package/dropdown/dropdown.types.d.ts

@@ -0,0 +1,53 @@
+import { FocusOrigin } from '@angular/cdk/a11y';
+import { Direction } from '@angular/cdk/bidi';
+import { EventEmitter, InjectionToken, TemplateRef } from '@angular/core';
+import { KbqDropdownContent } from './dropdown-content.directive';
+export type DropdownPositionX = 'before' | 'after';
+export type DropdownPositionY = 'above' | 'below';
+/** Reason why the menu was closed. */
+export type DropdownCloseReason = void | 'click' | 'keydown' | 'tab';
+/**
+ * Interface for a custom dropdown panel that can be used with `mcDropdownTriggerFor`.
+ * @docs-private
+ */
+export interface KbqDropdownPanel {
+    xPosition: DropdownPositionX;
+    yPosition: DropdownPositionY;
+    overlapTriggerX: boolean;
+    overlapTriggerY: boolean;
+    templateRef: TemplateRef<any>;
+    closed: EventEmitter<DropdownCloseReason>;
+    parent?: KbqDropdownPanel | undefined;
+    triggerWidth?: string;
+    direction?: Direction;
+    lazyContent?: KbqDropdownContent;
+    backdropClass?: string;
+    hasBackdrop?: boolean;
+    focusFirstItem(origin?: FocusOrigin): void;
+    resetActiveItem(): void;
+    setPositionClasses?(x: DropdownPositionX, y: DropdownPositionY): void;
+}
+/** Default `kbq-dropdown` options that can be overridden. */
+export interface KbqDropdownDefaultOptions {
+    /** The x-axis position of the dropdown. */
+    xPosition: DropdownPositionX;
+    /** The y-axis position of the dropdown. */
+    yPosition: DropdownPositionY;
+    /** 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/index.d.ts

@@ -0,0 +1 @@
+export * from './public-api';

package/dropdown/public-api.d.ts

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

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

@@ -0,0 +1,27 @@
+import { Directionality } from '@angular/cdk/bidi';
+import { Overlay, ScrollDispatcher } from '@angular/cdk/overlay';
+import { ElementRef, OnInit, OnDestroy, NgZone, ViewContainerRef, Renderer2, AfterViewInit } 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 renderer;
+    set mcEllipsisCenter(value: string);
+    minVisibleLength: number;
+    readonly resizeStream: Subject<Event>;
+    private _mcEllipsisCenter;
+    private resizeSubscription;
+    private readonly debounceInterval;
+    constructor(overlay: Overlay, elementRef: ElementRef<HTMLElement>, ngZone: NgZone, scrollDispatcher: ScrollDispatcher, hostView: ViewContainerRef, scrollStrategy: any, direction: Directionality, renderer: Renderer2);
+    ngOnInit(): void;
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    private refresh;
+    static ɵfac: i0.ɵɵFactoryDeclaration<KbqEllipsisCenterDirective, [null, null, null, null, null, null, { optional: true; }, null]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqEllipsisCenterDirective, "[mcEllipsisCenter]", never, { "mcEllipsisCenter": { "alias": "mcEllipsisCenter"; "required": false; }; "minVisibleLength": { "alias": "minVisibleLength"; "required": false; }; }, {}, never, never, false, never>;
+}
+export declare class KbqEllipsisCenterModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<KbqEllipsisCenterModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<KbqEllipsisCenterModule, [typeof KbqEllipsisCenterDirective], never, [typeof KbqEllipsisCenterDirective]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<KbqEllipsisCenterModule>;
+}

package/ellipsis-center/index.d.ts

@@ -0,0 +1 @@
+export * from './public-api';

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

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

package/esm2022/alert/alert.component.mjs

@@ -0,0 +1,67 @@
+import { ChangeDetectionStrategy, Component, ContentChild, Directive, ViewEncapsulation } from '@angular/core';
+import { KbqIconItem } from '@koobiq/components/icon';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+export class KbqAlertTitle {
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: KbqAlertTitle, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.1.5", type: KbqAlertTitle, selector: "[kbq-alert-title]", host: { classAttribute: "kbq-alert__title" }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: KbqAlertTitle, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[kbq-alert-title]',
+                    host: {
+                        class: 'kbq-alert__title'
+                    }
+                }]
+        }] });
+export class KbqAlertCloseButton {
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: KbqAlertCloseButton, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.1.5", type: KbqAlertCloseButton, selector: "[kbq-alert-close-button]", host: { classAttribute: "kbq-alert-close-button" }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: KbqAlertCloseButton, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[kbq-alert-close-button]',
+                    host: {
+                        class: 'kbq-alert-close-button'
+                    }
+                }]
+        }] });
+export class KbqAlertControl {
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: KbqAlertControl, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.1.5", type: KbqAlertControl, selector: "[kbq-alert-control]", host: { classAttribute: "kbq-alert-control" }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: KbqAlertControl, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[kbq-alert-control]',
+                    host: {
+                        class: 'kbq-alert-control'
+                    }
+                }]
+        }] });
+export class KbqAlert {
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: KbqAlert, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: KbqAlert, selector: "kbq-alert", host: { properties: { "class.kbq-alert_dismissible": "closeButton" }, classAttribute: "kbq-alert" }, queries: [{ propertyName: "iconItem", first: true, predicate: KbqIconItem, descendants: true }, { propertyName: "title", first: true, predicate: KbqAlertTitle, descendants: true }, { propertyName: "control", first: true, predicate: KbqAlertControl, descendants: true }, { propertyName: "closeButton", first: true, predicate: KbqAlertCloseButton, descendants: true }], ngImport: i0, template: "<div class=\"kbq-alert__icon\" *ngIf=\"iconItem\">\n    <ng-content select=\"[kbq-icon-item]\"></ng-content>\n</div>\n\n<div class=\"kbq-alert__content\">\n    <ng-content select=\"[kbq-alert-title]\"></ng-content>\n\n    <div class=\"kbq-alert__text\">\n        <ng-content></ng-content>\n    </div>\n\n    <div class=\"kbq-alert__controls\" *ngIf=\"control\">\n        <ng-content select=\"[kbq-alert-control]\"></ng-content>\n    </div>\n</div>\n\n<div class=\"kbq-alert__close-button\" [hidden]=\"!closeButton\">\n    <ng-content select=\"[kbq-alert-close-button]\"></ng-content>\n</div>\n", styles: [".kbq-alert{display:flex;border-radius:var(--kbq-alert-size-container-border-radius, 12px);min-width:var(--kbq-alert-size-container-min-width, );min-height:calc(var(--kbq-alert-size-container-min-height, 48px) - var(--kbq-alert-size-container-padding-vertical, 16px) * 2);padding:var(--kbq-alert-size-container-padding-vertical, 16px) var(--kbq-alert-size-container-padding-horizontal, 20px)}.kbq-alert__icon{margin-right:var(--kbq-alert-size-container-content-gap-horizontal, 12px)}.kbq-alert__title{margin-bottom:var(--kbq-alert-size-container-content-gap-vertical, 4px)}.kbq-alert__controls{margin-top:var(--kbq-alert-size-container-content-gap-vertical, 4px);padding-top:var(--kbq-alert-size-button-stack-content-padding-top, 12px)}.kbq-alert__controls .kbq-button{margin-right:var(--kbq-alert-size-button-stack-content-content-gap-horizontal, 4px)}.kbq-alert__controls .kbq-link{margin-right:16px}.kbq-alert__content{display:flex;flex-direction:column;flex:1;justify-content:center}.kbq-alert__close-button{margin-left:var(--kbq-alert-size-container-content-gap-horizontal, 12px)}.kbq-alert_dismissible .kbq-alert__close-button{margin-top:var(--kbq-alert-size-close-button-margin-top, -8px);margin-right:var(--kbq-alert-size-close-button-margin-right, -12px)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: KbqAlert, decorators: [{
+            type: Component,
+            args: [{ selector: 'kbq-alert', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
+                        class: 'kbq-alert',
+                        '[class.kbq-alert_dismissible]': 'closeButton'
+                    }, template: "<div class=\"kbq-alert__icon\" *ngIf=\"iconItem\">\n    <ng-content select=\"[kbq-icon-item]\"></ng-content>\n</div>\n\n<div class=\"kbq-alert__content\">\n    <ng-content select=\"[kbq-alert-title]\"></ng-content>\n\n    <div class=\"kbq-alert__text\">\n        <ng-content></ng-content>\n    </div>\n\n    <div class=\"kbq-alert__controls\" *ngIf=\"control\">\n        <ng-content select=\"[kbq-alert-control]\"></ng-content>\n    </div>\n</div>\n\n<div class=\"kbq-alert__close-button\" [hidden]=\"!closeButton\">\n    <ng-content select=\"[kbq-alert-close-button]\"></ng-content>\n</div>\n", styles: [".kbq-alert{display:flex;border-radius:var(--kbq-alert-size-container-border-radius, 12px);min-width:var(--kbq-alert-size-container-min-width, );min-height:calc(var(--kbq-alert-size-container-min-height, 48px) - var(--kbq-alert-size-container-padding-vertical, 16px) * 2);padding:var(--kbq-alert-size-container-padding-vertical, 16px) var(--kbq-alert-size-container-padding-horizontal, 20px)}.kbq-alert__icon{margin-right:var(--kbq-alert-size-container-content-gap-horizontal, 12px)}.kbq-alert__title{margin-bottom:var(--kbq-alert-size-container-content-gap-vertical, 4px)}.kbq-alert__controls{margin-top:var(--kbq-alert-size-container-content-gap-vertical, 4px);padding-top:var(--kbq-alert-size-button-stack-content-padding-top, 12px)}.kbq-alert__controls .kbq-button{margin-right:var(--kbq-alert-size-button-stack-content-content-gap-horizontal, 4px)}.kbq-alert__controls .kbq-link{margin-right:16px}.kbq-alert__content{display:flex;flex-direction:column;flex:1;justify-content:center}.kbq-alert__close-button{margin-left:var(--kbq-alert-size-container-content-gap-horizontal, 12px)}.kbq-alert_dismissible .kbq-alert__close-button{margin-top:var(--kbq-alert-size-close-button-margin-top, -8px);margin-right:var(--kbq-alert-size-close-button-margin-right, -12px)}\n"] }]
+        }], propDecorators: { iconItem: [{
+                type: ContentChild,
+                args: [KbqIconItem]
+            }], title: [{
+                type: ContentChild,
+                args: [KbqAlertTitle]
+            }], control: [{
+                type: ContentChild,
+                args: [KbqAlertControl]
+            }], closeButton: [{
+                type: ContentChild,
+                args: [KbqAlertCloseButton]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWxlcnQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vcGFja2FnZXMvY29tcG9uZW50cy9hbGVydC9hbGVydC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi9wYWNrYWdlcy9jb21wb25lbnRzL2FsZXJ0L2FsZXJ0LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDSCx1QkFBdUIsRUFDdkIsU0FBUyxFQUFFLFlBQVksRUFBRSxTQUFTLEVBQ2xDLGlCQUFpQixFQUNwQixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0seUJBQXlCLENBQUM7OztBQVN0RCxNQUFNLE9BQU8sYUFBYTtpSUFBYixhQUFhO3FIQUFiLGFBQWE7OzJGQUFiLGFBQWE7a0JBTnpCLFNBQVM7bUJBQUM7b0JBQ1AsUUFBUSxFQUFFLG1CQUFtQjtvQkFDN0IsSUFBSSxFQUFFO3dCQUNGLEtBQUssRUFBRSxrQkFBa0I7cUJBQzVCO2lCQUNKOztBQVNELE1BQU0sT0FBTyxtQkFBbUI7aUlBQW5CLG1CQUFtQjtxSEFBbkIsbUJBQW1COzsyRkFBbkIsbUJBQW1CO2tCQU4vQixTQUFTO21CQUFDO29CQUNQLFFBQVEsRUFBRSwwQkFBMEI7b0JBQ3BDLElBQUksRUFBRTt3QkFDRixLQUFLLEVBQUUsd0JBQXdCO3FCQUNsQztpQkFDSjs7QUFTRCxNQUFNLE9BQU8sZUFBZTtpSUFBZixlQUFlO3FIQUFmLGVBQWU7OzJGQUFmLGVBQWU7a0JBTjNCLFNBQVM7bUJBQUM7b0JBQ1AsUUFBUSxFQUFFLHFCQUFxQjtvQkFDL0IsSUFBSSxFQUFFO3dCQUNGLEtBQUssRUFBRSxtQkFBbUI7cUJBQzdCO2lCQUNKOztBQWNELE1BQU0sT0FBTyxRQUFRO2lJQUFSLFFBQVE7cUhBQVIsUUFBUSw0TEFDSCxXQUFXLHdFQUNYLGFBQWEsMEVBQ2IsZUFBZSw4RUFDZixtQkFBbUIsZ0RDL0NyQyxtbEJBbUJBOzsyRkR3QmEsUUFBUTtrQkFYcEIsU0FBUzsrQkFDSSxXQUFXLG1CQUdKLHVCQUF1QixDQUFDLE1BQU0saUJBQ2hDLGlCQUFpQixDQUFDLElBQUksUUFDL0I7d0JBQ0YsS0FBSyxFQUFFLFdBQVc7d0JBQ2xCLCtCQUErQixFQUFFLGFBQWE7cUJBQ2pEOzhCQUcwQixRQUFRO3NCQUFsQyxZQUFZO3VCQUFDLFdBQVc7Z0JBQ0ksS0FBSztzQkFBakMsWUFBWTt1QkFBQyxhQUFhO2dCQUNJLE9BQU87c0JBQXJDLFlBQVk7dUJBQUMsZUFBZTtnQkFDTSxXQUFXO3NCQUE3QyxZQUFZO3VCQUFDLG1CQUFtQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gICAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gICAgQ29tcG9uZW50LCBDb250ZW50Q2hpbGQsIERpcmVjdGl2ZSxcbiAgICBWaWV3RW5jYXBzdWxhdGlvblxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEticUljb25JdGVtIH0gZnJvbSAnQGtvb2JpcS9jb21wb25lbnRzL2ljb24nO1xuXG5cbkBEaXJlY3RpdmUoe1xuICAgIHNlbGVjdG9yOiAnW2ticS1hbGVydC10aXRsZV0nLFxuICAgIGhvc3Q6IHtcbiAgICAgICAgY2xhc3M6ICdrYnEtYWxlcnRfX3RpdGxlJ1xuICAgIH1cbn0pXG5leHBvcnQgY2xhc3MgS2JxQWxlcnRUaXRsZSB7fVxuXG5ARGlyZWN0aXZlKHtcbiAgICBzZWxlY3RvcjogJ1trYnEtYWxlcnQtY2xvc2UtYnV0dG9uXScsXG4gICAgaG9zdDoge1xuICAgICAgICBjbGFzczogJ2ticS1hbGVydC1jbG9zZS1idXR0b24nXG4gICAgfVxufSlcbmV4cG9ydCBjbGFzcyBLYnFBbGVydENsb3NlQnV0dG9uIHt9XG5cbkBEaXJlY3RpdmUoe1xuICAgIHNlbGVjdG9yOiAnW2ticS1hbGVydC1jb250cm9sXScsXG4gICAgaG9zdDoge1xuICAgICAgICBjbGFzczogJ2ticS1hbGVydC1jb250cm9sJ1xuICAgIH1cbn0pXG5leHBvcnQgY2xhc3MgS2JxQWxlcnRDb250cm9sIHt9XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAna2JxLWFsZXJ0JyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vYWxlcnQuY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogWydhbGVydC5jb21wb25lbnQuc2NzcyddLFxuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICAgIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gICAgaG9zdDoge1xuICAgICAgICBjbGFzczogJ2ticS1hbGVydCcsXG4gICAgICAgICdbY2xhc3Mua2JxLWFsZXJ0X2Rpc21pc3NpYmxlXSc6ICdjbG9zZUJ1dHRvbidcbiAgICB9XG59KVxuZXhwb3J0IGNsYXNzIEticUFsZXJ0IHtcbiAgICBAQ29udGVudENoaWxkKEticUljb25JdGVtKSBpY29uSXRlbTogS2JxSWNvbkl0ZW07XG4gICAgQENvbnRlbnRDaGlsZChLYnFBbGVydFRpdGxlKSB0aXRsZTogS2JxQWxlcnRUaXRsZTtcbiAgICBAQ29udGVudENoaWxkKEticUFsZXJ0Q29udHJvbCkgY29udHJvbDogS2JxQWxlcnRDb250cm9sO1xuICAgIEBDb250ZW50Q2hpbGQoS2JxQWxlcnRDbG9zZUJ1dHRvbikgY2xvc2VCdXR0b246IEticUFsZXJ0Q2xvc2VCdXR0b247XG59XG4iLCI8ZGl2IGNsYXNzPVwia2JxLWFsZXJ0X19pY29uXCIgKm5nSWY9XCJpY29uSXRlbVwiPlxuICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIltrYnEtaWNvbi1pdGVtXVwiPjwvbmctY29udGVudD5cbjwvZGl2PlxuXG48ZGl2IGNsYXNzPVwia2JxLWFsZXJ0X19jb250ZW50XCI+XG4gICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW2ticS1hbGVydC10aXRsZV1cIj48L25nLWNvbnRlbnQ+XG5cbiAgICA8ZGl2IGNsYXNzPVwia2JxLWFsZXJ0X190ZXh0XCI+XG4gICAgICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiAgICA8L2Rpdj5cblxuICAgIDxkaXYgY2xhc3M9XCJrYnEtYWxlcnRfX2NvbnRyb2xzXCIgKm5nSWY9XCJjb250cm9sXCI+XG4gICAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIltrYnEtYWxlcnQtY29udHJvbF1cIj48L25nLWNvbnRlbnQ+XG4gICAgPC9kaXY+XG48L2Rpdj5cblxuPGRpdiBjbGFzcz1cImticS1hbGVydF9fY2xvc2UtYnV0dG9uXCIgW2hpZGRlbl09XCIhY2xvc2VCdXR0b25cIj5cbiAgICA8bmctY29udGVudCBzZWxlY3Q9XCJba2JxLWFsZXJ0LWNsb3NlLWJ1dHRvbl1cIj48L25nLWNvbnRlbnQ+XG48L2Rpdj5cbiJdfQ==

package/esm2022/alert/alert.module.mjs

@@ -0,0 +1,44 @@
+import { A11yModule } from '@angular/cdk/a11y';
+import { PlatformModule } from '@angular/cdk/platform';
+import { CommonModule } from '@angular/common';
+import { NgModule } from '@angular/core';
+import { KbqAlert, KbqAlertCloseButton, KbqAlertControl, KbqAlertTitle } from './alert.component';
+import * as i0 from "@angular/core";
+export class KbqAlertModule {
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: KbqAlertModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.5", ngImport: i0, type: KbqAlertModule, declarations: [KbqAlert,
+            KbqAlertTitle,
+            KbqAlertCloseButton,
+            KbqAlertControl], imports: [CommonModule,
+            A11yModule,
+            PlatformModule], exports: [KbqAlert,
+            KbqAlertTitle,
+            KbqAlertCloseButton,
+            KbqAlertControl] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: KbqAlertModule, imports: [CommonModule,
+            A11yModule,
+            PlatformModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: KbqAlertModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule,
+                        A11yModule,
+                        PlatformModule
+                    ],
+                    exports: [
+                        KbqAlert,
+                        KbqAlertTitle,
+                        KbqAlertCloseButton,
+                        KbqAlertControl
+                    ],
+                    declarations: [
+                        KbqAlert,
+                        KbqAlertTitle,
+                        KbqAlertCloseButton,
+                        KbqAlertControl
+                    ]
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWxlcnQubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vcGFja2FnZXMvY29tcG9uZW50cy9hbGVydC9hbGVydC5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLG1CQUFtQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUN2RCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUV6QyxPQUFPLEVBQ0gsUUFBUSxFQUNSLG1CQUFtQixFQUNuQixlQUFlLEVBQ2YsYUFBYSxFQUNoQixNQUFNLG1CQUFtQixDQUFDOztBQXNCM0IsTUFBTSxPQUFPLGNBQWM7aUlBQWQsY0FBYztrSUFBZCxjQUFjLGlCQU5uQixRQUFRO1lBQ1IsYUFBYTtZQUNiLG1CQUFtQjtZQUNuQixlQUFlLGFBZGYsWUFBWTtZQUNaLFVBQVU7WUFDVixjQUFjLGFBR2QsUUFBUTtZQUNSLGFBQWE7WUFDYixtQkFBbUI7WUFDbkIsZUFBZTtrSUFTVixjQUFjLFlBakJuQixZQUFZO1lBQ1osVUFBVTtZQUNWLGNBQWM7OzJGQWVULGNBQWM7a0JBbkIxQixRQUFRO21CQUFDO29CQUNOLE9BQU8sRUFBRTt3QkFDTCxZQUFZO3dCQUNaLFVBQVU7d0JBQ1YsY0FBYztxQkFDakI7b0JBQ0QsT0FBTyxFQUFFO3dCQUNMLFFBQVE7d0JBQ1IsYUFBYTt3QkFDYixtQkFBbUI7d0JBQ25CLGVBQWU7cUJBQ2xCO29CQUNELFlBQVksRUFBRTt3QkFDVixRQUFRO3dCQUNSLGFBQWE7d0JBQ2IsbUJBQW1CO3dCQUNuQixlQUFlO3FCQUNsQjtpQkFDSiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEExMXlNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jZGsvYTExeSc7XG5pbXBvcnQgeyBQbGF0Zm9ybU1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2Nkay9wbGF0Zm9ybSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHtcbiAgICBLYnFBbGVydCxcbiAgICBLYnFBbGVydENsb3NlQnV0dG9uLFxuICAgIEticUFsZXJ0Q29udHJvbCxcbiAgICBLYnFBbGVydFRpdGxlXG59IGZyb20gJy4vYWxlcnQuY29tcG9uZW50JztcblxuXG5ATmdNb2R1bGUoe1xuICAgIGltcG9ydHM6IFtcbiAgICAgICAgQ29tbW9uTW9kdWxlLFxuICAgICAgICBBMTF5TW9kdWxlLFxuICAgICAgICBQbGF0Zm9ybU1vZHVsZVxuICAgIF0sXG4gICAgZXhwb3J0czogW1xuICAgICAgICBLYnFBbGVydCxcbiAgICAgICAgS2JxQWxlcnRUaXRsZSxcbiAgICAgICAgS2JxQWxlcnRDbG9zZUJ1dHRvbixcbiAgICAgICAgS2JxQWxlcnRDb250cm9sXG4gICAgXSxcbiAgICBkZWNsYXJhdGlvbnM6IFtcbiAgICAgICAgS2JxQWxlcnQsXG4gICAgICAgIEticUFsZXJ0VGl0bGUsXG4gICAgICAgIEticUFsZXJ0Q2xvc2VCdXR0b24sXG4gICAgICAgIEticUFsZXJ0Q29udHJvbFxuICAgIF1cbn0pXG5leHBvcnQgY2xhc3MgS2JxQWxlcnRNb2R1bGUge31cbiJdfQ==

package/esm2022/alert/index.mjs

@@ -0,0 +1,2 @@
+export * from './public-api';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wYWNrYWdlcy9jb21wb25lbnRzL2FsZXJ0L2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsY0FBYyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9wdWJsaWMtYXBpJztcbiJdfQ==

package/esm2022/alert/koobiq-components-alert.mjs

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './index';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia29vYmlxLWNvbXBvbmVudHMtYWxlcnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wYWNrYWdlcy9jb21wb25lbnRzL2FsZXJ0L2tvb2JpcS1jb21wb25lbnRzLWFsZXJ0LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztHQUVHO0FBRUgsY0FBYyxTQUFTLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEdlbmVyYXRlZCBidW5kbGUgaW5kZXguIERvIG5vdCBlZGl0LlxuICovXG5cbmV4cG9ydCAqIGZyb20gJy4vaW5kZXgnO1xuIl19

package/esm2022/alert/public-api.mjs

@@ -0,0 +1,3 @@
+export * from './alert.module';
+export * from './alert.component';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3BhY2thZ2VzL2NvbXBvbmVudHMvYWxlcnQvcHVibGljLWFwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLGdCQUFnQixDQUFDO0FBQy9CLGNBQWMsbUJBQW1CLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL2FsZXJ0Lm1vZHVsZSc7XG5leHBvcnQgKiBmcm9tICcuL2FsZXJ0LmNvbXBvbmVudCc7XG4iXX0=

package/esm2022/autocomplete/autocomplete-origin.directive.mjs

@@ -0,0 +1,21 @@
+import { Directive, ElementRef } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * Directive applied to an element to make it usable
+ * as a connection point for an autocomplete panel.
+ */
+export class KbqAutocompleteOrigin {
+    constructor(elementRef) {
+        this.elementRef = elementRef;
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: KbqAutocompleteOrigin, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.1.5", type: KbqAutocompleteOrigin, selector: "[mcAutocompleteOrigin]", exportAs: ["mcAutocompleteOrigin"], ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: KbqAutocompleteOrigin, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[mcAutocompleteOrigin]',
+                    exportAs: 'mcAutocompleteOrigin'
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }]; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXV0b2NvbXBsZXRlLW9yaWdpbi5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wYWNrYWdlcy9jb21wb25lbnRzL2F1dG9jb21wbGV0ZS9hdXRvY29tcGxldGUtb3JpZ2luLmRpcmVjdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFVBQVUsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUFHdEQ7OztHQUdHO0FBS0gsTUFBTSxPQUFPLHFCQUFxQjtJQUM5QixZQUFtQixVQUFtQztRQUFuQyxlQUFVLEdBQVYsVUFBVSxDQUF5QjtJQUFHLENBQUM7aUlBRGpELHFCQUFxQjtxSEFBckIscUJBQXFCOzsyRkFBckIscUJBQXFCO2tCQUpqQyxTQUFTO21CQUFDO29CQUNQLFFBQVEsRUFBRSx3QkFBd0I7b0JBQ2xDLFFBQVEsRUFBRSxzQkFBc0I7aUJBQ25DIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRGlyZWN0aXZlLCBFbGVtZW50UmVmIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cblxuLyoqXG4gKiBEaXJlY3RpdmUgYXBwbGllZCB0byBhbiBlbGVtZW50IHRvIG1ha2UgaXQgdXNhYmxlXG4gKiBhcyBhIGNvbm5lY3Rpb24gcG9pbnQgZm9yIGFuIGF1dG9jb21wbGV0ZSBwYW5lbC5cbiAqL1xuQERpcmVjdGl2ZSh7XG4gICAgc2VsZWN0b3I6ICdbbWNBdXRvY29tcGxldGVPcmlnaW5dJyxcbiAgICBleHBvcnRBczogJ21jQXV0b2NvbXBsZXRlT3JpZ2luJ1xufSlcbmV4cG9ydCBjbGFzcyBLYnFBdXRvY29tcGxldGVPcmlnaW4ge1xuICAgIGNvbnN0cnVjdG9yKHB1YmxpYyBlbGVtZW50UmVmOiBFbGVtZW50UmVmPEhUTUxFbGVtZW50Pikge31cbn1cbiJdfQ==