@koobiq/components 20.4.2 → 21.0.1

package/fesm2022/koobiq-components-actions-panel.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"koobiq-components-actions-panel.mjs","sources":["../../../packages/components/actions-panel/actions-panel-config.ts","../../../packages/components/actions-panel/actions-panel-container.ts","../../../packages/components/actions-panel/actions-panel-ref.ts","../../../packages/components/actions-panel/actions-panel.ts","../../../packages/components/actions-panel/module.ts","../../../packages/components/actions-panel/koobiq-components-actions-panel.ts"],"sourcesContent":["import { Direction } from '@angular/cdk/bidi';\nimport { Overlay, ScrollStrategy } from '@angular/cdk/overlay';\nimport { ElementRef, InjectionToken, Injector, Provider } from '@angular/core';\n\n/** Injection token that can be used to specify default actions panel config. */\nexport const KBQ_ACTIONS_PANEL_DEFAULT_CONFIG = new InjectionToken<KbqActionsPanelConfig>(\n    'KBQ_ACTIONS_PANEL_DEFAULT_CONFIG',\n    { factory: () => new KbqActionsPanelConfig() }\n);\n\n/**\n * Utility for providing default actions panel config.\n *\n * @see `KBQ_ACTIONS_PANEL_DEFAULT_CONFIG`\n */\nexport const kbqActionsPanelDefaultConfigProvider = <D>(config: KbqActionsPanelConfig<D>): Provider => ({\n    provide: KBQ_ACTIONS_PANEL_DEFAULT_CONFIG,\n    useValue: config\n});\n\n/**\n * Configuration for opened actions panel.\n * Based on cdk `DialogConfig`.\n *\n * @see `DialogConfig`\n *\n */\nexport class KbqActionsPanelConfig<D = unknown> {\n    /**\n     * Injector used for the instantiation of the component to be attached.\n     */\n    injector?: Injector;\n\n    /**\n     * Data being injected into the child component.\n     *\n     * @see `KBQ_ACTIONS_PANEL_DATA`\n     */\n    data?: D | null = null;\n\n    /** Extra CSS classes to be added to the actions panel container. */\n    containerClass?: string | string[];\n\n    /**\n     * Whether the actions panel should be closed of when the user goes backwards/forwards in history.\n     * NOTE! This does not apply to router navigation.\n     *\n     * @default true\n     */\n    closeOnNavigation?: boolean = true;\n\n    /**\n     * Element in which the actions panel overlay will be connected to.\n     */\n    overlayContainer?: ElementRef<HTMLElement>;\n\n    /**\n     * Extra CSS classes to be added to the overlay panel.\n     */\n    overlayPanelClass?: string | string[];\n\n    /**\n     * Width of the actions panel.\n     */\n    width?: string;\n\n    /**\n     * Min-width of the actions panel.\n     * If a number is provided, assumes pixel units.\n     */\n    minWidth?: number | string;\n\n    /**\n     * Max-width of the actions panel.\n     * If a number is provided, assumes pixel units.\n     *\n     * NOTE: this property is ignored if the `overlayContainer` property is provided, and will be calculated based on\n     * the width of the `overlayContainer`.\n     */\n    maxWidth?: number | string;\n\n    /**\n     * Direction of the text in the actions panel.\n     *\n     * @default 'ltr'\n     */\n    direction?: Direction = 'ltr';\n\n    /**\n     * Scroll strategy to be used for the actions panel.\n     *\n     * @default `RepositionScrollStrategy`\n     */\n    scrollStrategy?: (overlay: Overlay) => ScrollStrategy = (overlay) => overlay.scrollStrategies.reposition();\n\n    /**\n     * Whether the user can use ESC or click on close button to close the actions panel.\n     *\n     * @default false\n     */\n    disableClose?: boolean = false;\n}\n","import {\n    animate,\n    animateChild,\n    AnimationEvent,\n    group,\n    query,\n    state,\n    style,\n    transition,\n    trigger\n} from '@angular/animations';\nimport { CdkDialogContainer } from '@angular/cdk/dialog';\nimport { CdkPortalOutlet } from '@angular/cdk/portal';\nimport {\n    ChangeDetectionStrategy,\n    Component,\n    EventEmitter,\n    inject,\n    InjectionToken,\n    OnDestroy,\n    Provider,\n    Renderer2,\n    ViewEncapsulation\n} from '@angular/core';\nimport { toSignal } from '@angular/core/rxjs-interop';\nimport { KbqButtonModule } from '@koobiq/components/button';\nimport {\n    KBQ_LOCALE_SERVICE,\n    KbqActionsPanelLocaleConfiguration,\n    KbqAnimationCurves,\n    KbqAnimationDurations,\n    ruRULocaleData\n} from '@koobiq/components/core';\nimport { KbqDividerModule } from '@koobiq/components/divider';\nimport { KbqIconModule } from '@koobiq/components/icon';\nimport { KbqToolTipModule } from '@koobiq/components/tooltip';\nimport { map, of } from 'rxjs';\nimport { KbqActionsPanel } from './actions-panel';\nimport { KbqActionsPanelConfig } from './actions-panel-config';\n\n/** Localization configuration provider. */\nexport const KBQ_ACTIONS_PANEL_LOCALE_CONFIGURATION = new InjectionToken<KbqActionsPanelLocaleConfiguration>(\n    'KBQ_ACTIONS_PANEL_LOCALE_CONFIGURATION',\n    { factory: () => ruRULocaleData.actionsPanel }\n);\n\n/** Utility provider for `KBQ_ACTIONS_PANEL_LOCALE_CONFIGURATION`. */\nexport const kbqActionsPanelLocaleConfigurationProvider = (\n    configuration: KbqActionsPanelLocaleConfiguration\n): Provider => ({\n    provide: KBQ_ACTIONS_PANEL_LOCALE_CONFIGURATION,\n    useValue: configuration\n});\n\n/**\n * Animation that shows and hides the actions panel.\n */\nconst KBQ_ACTIONS_PANEL_CONTAINER_ANIMATION = trigger('state', [\n    state('void, hidden', style({ transform: 'translateY(100%)' })),\n    state('visible', style({ transform: 'translateY(0%)' })),\n    transition(\n        'visible => void, visible => hidden',\n        group([\n            animate(`${KbqAnimationDurations.Entering} ${KbqAnimationCurves.StandardCurve}`),\n            query('@*', animateChild(), { optional: true })\n        ])\n    ),\n    transition(\n        'void => visible',\n        group([\n            animate(`${KbqAnimationDurations.Exiting} ${KbqAnimationCurves.StandardCurve}`),\n            query('@*', animateChild(), { optional: true })\n        ])\n    )\n]);\n\n/**\n * Internal component that wraps user-provided actions panel content.\n *\n * @docs-private\n */\n@Component({\n    selector: 'kbq-actions-panel-container',\n    imports: [\n        CdkPortalOutlet,\n        KbqDividerModule,\n        KbqButtonModule,\n        KbqIconModule,\n        KbqToolTipModule\n    ],\n    template: `\n        <div class=\"kbq-actions-panel-container__content\">\n            <ng-template cdkPortalOutlet />\n        </div>\n        @if (!config.disableClose) {\n            <kbq-divider class=\"kbq-actions-panel-container__vertical-divider\" [vertical]=\"true\" />\n            <button\n                class=\"kbq-actions-panel-container__close-button\"\n                color=\"contrast\"\n                kbq-button\n                [kbqTooltip]=\"localeConfiguration()!.closeTooltip\"\n                [kbqTooltipOffset]=\"16\"\n                (click)=\"close()\"\n            >\n                <i kbq-icon=\"kbq-circle-xmark_16\"></i>\n            </button>\n        }\n    `,\n    styleUrls: [\n        './actions-panel-tokens.scss',\n        './actions-panel-container.scss'\n    ],\n    // Uses the `Default` change detection strategy as parent `CdkDialogContainer`:\n    // https://github.com/angular/components/blob/18.2.14/src/cdk/dialog/dialog-container.ts#L60\n    changeDetection: ChangeDetectionStrategy.Default,\n    encapsulation: ViewEncapsulation.None,\n    host: {\n        class: 'kbq-actions-panel-container',\n        '[class.kbq-actions-panel-container_rtl]': 'config.direction === \"rtl\"',\n        '[@state]': 'animationState',\n        '(@state.start)': 'onAnimationStart($event)',\n        '(@state.done)': 'onAnimationDone($event)',\n        '(keydown.escape)': 'handleEscape($event)'\n    },\n    animations: [KBQ_ACTIONS_PANEL_CONTAINER_ANIMATION]\n})\nexport class KbqActionsPanelContainer extends CdkDialogContainer implements OnDestroy {\n    /**\n     * The state of the actions panel animations.\n     *\n     * @docs-private\n     */\n    protected animationState: 'void' | 'visible' | 'hidden' = 'void';\n\n    /**\n     * Emits whenever the state of the animation changes.\n     *\n     * @docs-private\n     */\n    readonly animationStateChanged = new EventEmitter<AnimationEvent>();\n\n    /** Whether the actions panel container has been destroyed. */\n    private destroyed: boolean;\n\n    /**\n     * Actions panel configuration.\n     *\n     * @docs-private\n     */\n    protected readonly config = inject(KbqActionsPanelConfig);\n\n    private readonly actionsPanel = inject(KbqActionsPanel);\n    private readonly renderer = inject(Renderer2);\n    private readonly localeService = inject(KBQ_LOCALE_SERVICE, { optional: true });\n\n    /**\n     * Actions panel locale configuration.\n     *\n     * @docs-private\n     */\n    protected readonly localeConfiguration = toSignal<KbqActionsPanelLocaleConfiguration>(\n        this.localeService\n            ? this.localeService.changes.pipe(map(() => this.localeService!.getParams('actionsPanel')))\n            : of(inject(KBQ_ACTIONS_PANEL_LOCALE_CONFIGURATION))\n    );\n\n    override ngOnDestroy() {\n        super.ngOnDestroy();\n        this.destroyed = true;\n    }\n\n    /**\n     * Close the actions panel.\n     *\n     * @docs-private\n     */\n    protected close(): void {\n        this.actionsPanel.close();\n    }\n\n    /**\n     * Start animation of the actions panel entrance into view.\n     *\n     * @docs-private\n     */\n    startOpenAnimation(): void {\n        if (!this.destroyed) {\n            this.animationState = 'visible';\n            // animationState lives in host bindings and `detectChanges` does not refresh host bindings  so we have to\n            // call `markForCheck` to ensure the host view is refreshed eventually.\n            this._changeDetectorRef.markForCheck();\n            this._changeDetectorRef.detectChanges();\n        }\n    }\n\n    /**\n     * Start animation of the actions panel exiting from view.\n     *\n     * @docs-private\n     */\n    startCloseAnimation(): void {\n        if (!this.destroyed) {\n            this.animationState = 'hidden';\n            this._changeDetectorRef.markForCheck();\n        }\n    }\n\n    /**\n     * Handles animation done events.\n     *\n     * @docs-private\n     */\n    protected onAnimationDone(event: AnimationEvent): void {\n        if (event.toState === 'visible') {\n            this._trapFocus();\n        }\n\n        this.animationStateChanged.emit(event);\n    }\n\n    /**\n     * Handles animation start events.\n     *\n     * @docs-private\n     */\n    protected onAnimationStart(event: AnimationEvent): void {\n        this.animationStateChanged.emit(event);\n    }\n\n    /**\n     * Handles escape key events.\n     *\n     * @docs-private\n     */\n    protected handleEscape(event: KeyboardEvent): void {\n        if (!this.config.disableClose) {\n            event.preventDefault();\n            this.close();\n        }\n    }\n\n    /**\n     * @docs-private\n     */\n    protected override _contentAttached(): void {\n        this.applyContainerClass();\n    }\n\n    private applyContainerClass(): void {\n        const { containerClass } = this.config;\n\n        if (containerClass) {\n            if (Array.isArray(containerClass)) {\n                containerClass.forEach((cssClass) => this.renderer.addClass(this._elementRef.nativeElement, cssClass));\n            } else {\n                this.renderer.addClass(this._elementRef.nativeElement, containerClass);\n            }\n        }\n    }\n}\n","import { DialogRef } from '@angular/cdk/dialog';\nimport { OverlayRef } from '@angular/cdk/overlay';\nimport { filter, Observable, ReplaySubject, Subject, take } from 'rxjs';\nimport { KbqActionsPanelContainer } from './actions-panel-container';\n\n/**\n * Reference to actions panel opened by `KbqActionsPanel` service.\n */\nexport class KbqActionsPanelRef<I = unknown, R = unknown> {\n    /**\n     * Instance of the component into which the actions panel content is projected.\n     *\n     * @docs-private\n     */\n    containerInstance: KbqActionsPanelContainer;\n\n    private readonly afterOpenedSubject = new Subject<void>();\n    private readonly beforeOpenedSubject = new ReplaySubject<void>(1);\n    private readonly beforeClosedSubject = new Subject<R | undefined>();\n\n    /** Emits when keydown events are targeted on the overlay. */\n    readonly keydownEvents: Observable<KeyboardEvent> = this.dialogRef.keydownEvents;\n\n    /** Emits when the actions panel starts opening, before its entrance animation plays. */\n    readonly beforeOpened: Observable<void> = this.beforeOpenedSubject;\n\n    /** Emits when the actions panel has opened and appeared. */\n    readonly afterOpened: Observable<void> = this.afterOpenedSubject;\n\n    /** Emits when the actions panel starts closing, before its exit animation plays. */\n    readonly beforeClosed: Observable<R | undefined> = this.beforeClosedSubject;\n\n    /** Emits when the actions panel is finished closing. */\n    readonly afterClosed: Observable<R | undefined> = this.dialogRef.closed;\n\n    /**\n     * Overlay reference for the actions panel.\n     *\n     * @docs-private\n     */\n    readonly overlayRef: OverlayRef = this.dialogRef.overlayRef;\n\n    /**\n     * ID of the actions panel.\n     *\n     * @docs-private\n     */\n    readonly id: string = this.dialogRef.id;\n\n    /** Result to be passed down to the `afterClosed` stream. */\n    private result: R | undefined;\n\n    /** Handle to the timeout that's running as a fallback in case the close animation doesn't fire. */\n    private closeAnimationFallbackTimeout?: ReturnType<typeof setTimeout>;\n\n    constructor(\n        private readonly dialogRef: DialogRef<R, I>,\n        containerInstance: KbqActionsPanelContainer\n    ) {\n        this.containerInstance = containerInstance;\n        this.handleAnimation();\n        this.handleOverlayDetachments();\n    }\n\n    /**\n     * Opens the actions panel, playing its entrance animation.\n     *\n     * @docs-private\n     */\n    open(): void {\n        if (!this.containerInstance) {\n            return;\n        }\n\n        this.beforeOpenedSubject.next();\n        this.beforeOpenedSubject.complete();\n        this.containerInstance.startOpenAnimation();\n    }\n\n    /** Closes the actions panel. */\n    close(result?: R): void {\n        if (!this.containerInstance) {\n            return;\n        }\n\n        this.containerInstance.animationStateChanged\n            .pipe(\n                filter((event) => event.phaseName === 'start'),\n                take(1)\n            )\n            .subscribe(({ totalTime }) => {\n                this.closeAnimationFallbackTimeout = setTimeout(\n                    () => this.dialogRef.close(this.result),\n                    totalTime + 100\n                );\n            });\n\n        this.result = result;\n        this.beforeClosedSubject.next(result);\n        this.beforeClosedSubject.complete();\n        this.containerInstance.startCloseAnimation();\n        this.containerInstance = null!;\n    }\n\n    private handleAnimation(): void {\n        this.containerInstance.animationStateChanged\n            .pipe(\n                filter((event) => event.phaseName === 'done' && event.toState === 'visible'),\n                take(1)\n            )\n            .subscribe(() => {\n                this.afterOpenedSubject.next();\n                this.afterOpenedSubject.complete();\n            });\n\n        this.containerInstance.animationStateChanged\n            .pipe(\n                filter((event) => event.phaseName === 'done' && event.toState === 'hidden'),\n                take(1)\n            )\n            .subscribe(() => {\n                clearTimeout(this.closeAnimationFallbackTimeout);\n                this.dialogRef.close(this.result);\n            });\n    }\n\n    private handleOverlayDetachments(): void {\n        this.dialogRef.overlayRef\n            .detachments()\n            .pipe(take(1))\n            .subscribe(() => {\n                this.dialogRef.close(this.result);\n            });\n    }\n}\n","import { coerceCssPixelValue } from '@angular/cdk/coercion';\nimport { Dialog } from '@angular/cdk/dialog';\nimport { SharedResizeObserver } from '@angular/cdk/observers/private';\nimport { ComponentType, Overlay } from '@angular/cdk/overlay';\nimport { inject, Injectable, InjectionToken, Injector, OnDestroy, TemplateRef } from '@angular/core';\nimport { takeUntil } from 'rxjs';\nimport { KBQ_ACTIONS_PANEL_DEFAULT_CONFIG, KbqActionsPanelConfig } from './actions-panel-config';\nimport { KbqActionsPanelContainer } from './actions-panel-container';\nimport { KbqActionsPanelRef } from './actions-panel-ref';\n\n/** Injection token that can be used to access the data that was passed in to actions panel. */\nexport const KBQ_ACTIONS_PANEL_DATA = new InjectionToken('KBQ_ACTIONS_PANEL_DATA');\n\n/**\n * Context for actions panel template.\n */\nexport type KbqActionsPanelTemplateContext<T = unknown, D = unknown, R = unknown> = {\n    /**\n     * Data passed to actions panel.\n     *\n     * Example:\n     *\n     * ```html\n     * <ng-template #actionsPanel let-data>{{ data.KEY }}</ng-template>\n     * ````\n     */\n    $implicit?: D | null;\n    /**\n     * Data passed to actions panel.\n     *\n     * Example:\n     *\n     * ```html\n     * <ng-template #actionsPanel let-data=\"data\">{{ data.KEY }}</ng-template>\n     * ````\n     */\n    data?: D | null;\n    /**\n     * Opened actions panel reference.\n     *\n     * Example:\n     *\n     * ```html\n     * <ng-template #actionsPanel let-actionsPanelRef=\"actionsPanelRef\">\n     *   <button (click)=\"actionsPanelRef.close()\">close</button>\n     * </ng-template>\n     * ````\n     */\n    actionsPanelRef: KbqActionsPanelRef<T, R>;\n};\n\n/**\n * Selector for actions panel overlay.\n *\n * @docs-private\n */\nexport const KBQ_ACTIONS_PANEL_OVERLAY_SELECTOR = 'kbq-actions-panel-overlay';\n\n/**\n * Service for opening actions panel.\n */\n@Injectable({ providedIn: 'root' })\nexport class KbqActionsPanel implements OnDestroy {\n    private readonly injector = inject(Injector);\n    private readonly overlay = inject(Overlay);\n    private readonly dialog = inject(Dialog);\n    private readonly defaultConfig = inject(KBQ_ACTIONS_PANEL_DEFAULT_CONFIG);\n    private readonly resizeObserver = inject(SharedResizeObserver);\n\n    /** The reference to the currently opened actions panel. */\n    private openedActionsPanelRef: KbqActionsPanelRef | null = null;\n\n    ngOnDestroy() {\n        this.close();\n    }\n\n    /**\n     * Opens actions panel.\n     *\n     * @param componentOrTemplateRef Component to be opened into the actions panel.\n     * @param config Additional configuration options for the actions panel.\n     * @returns A reference to the opened actions panel.\n     */\n    open<T, D = unknown, R = unknown>(\n        component: ComponentType<T>,\n        config?: KbqActionsPanelConfig<D>\n    ): KbqActionsPanelRef<T, R>;\n\n    /**\n     * Opens actions panel.\n     *\n     * @param template TemplateRef to be used as the content.\n     * @param config Additional configuration options for the actions panel.\n     * @returns A reference to the opened actions panel.\n     */\n    open<T, D = unknown, R = unknown>(\n        template: TemplateRef<T>,\n        config?: KbqActionsPanelConfig<D>\n    ): KbqActionsPanelRef<T, R>;\n\n    open<T, D = unknown, R = unknown>(\n        componentOrTemplateRef: ComponentType<T> | TemplateRef<T>,\n        config?: KbqActionsPanelConfig<D>\n    ): KbqActionsPanelRef<T, R> {\n        const _config: KbqActionsPanelConfig<D> = {\n            ...(this.defaultConfig as KbqActionsPanelConfig<D>),\n            ...config\n        };\n        const actionsPanelRef = this.openDialog<T, D, R>(componentOrTemplateRef, _config);\n\n        actionsPanelRef.afterClosed.subscribe(() => {\n            if (this.openedActionsPanelRef === actionsPanelRef) {\n                this.openedActionsPanelRef = null;\n            }\n        });\n\n        if (this.openedActionsPanelRef) {\n            this.openedActionsPanelRef.afterClosed.subscribe(() => {\n                actionsPanelRef.open();\n            });\n            this.openedActionsPanelRef.close();\n        } else {\n            actionsPanelRef.open();\n        }\n\n        this.openedActionsPanelRef = actionsPanelRef as KbqActionsPanelRef;\n\n        return actionsPanelRef;\n    }\n\n    /** Closes the currently opened actions panel. */\n    close<R>(result?: R): void {\n        this.openedActionsPanelRef?.close(result);\n    }\n\n    private openDialog<T, D = unknown, R = unknown>(\n        componentOrTemplateRef: ComponentType<T> | TemplateRef<T>,\n        config: KbqActionsPanelConfig<D> = {}\n    ): KbqActionsPanelRef<T, R> {\n        let actionsPanelRef!: KbqActionsPanelRef<T, R>;\n        const { overlayContainer, overlayPanelClass } = config;\n\n        this.dialog.open<R, D, T>(componentOrTemplateRef, {\n            ...config,\n            container: KbqActionsPanelContainer,\n            restoreFocus: false,\n            autoFocus: null!,\n            hasBackdrop: false,\n            // Disable closing since we need to sync it up to the animation ourselves\n            closeOnOverlayDetachments: false,\n            // Disable closing since we need to sync it up to the animation ourselves\n            closeOnDestroy: false,\n            // Disable closing since we need to sync it up to the animation ourselves\n            disableClose: true,\n            scrollStrategy: config.scrollStrategy && config.scrollStrategy(this.overlay),\n            positionStrategy: overlayContainer\n                ? this.overlay\n                      .position()\n                      .flexibleConnectedTo(overlayContainer)\n                      .withPositions([{ originX: 'center', originY: 'bottom', overlayX: 'center', overlayY: 'bottom' }])\n                      .withFlexibleDimensions()\n                      .withPush(false)\n                      .withLockedPosition()\n                      .withGrowAfterOpen()\n                : this.overlay.position().global().centerHorizontally().bottom(),\n            templateContext: () => {\n                return {\n                    $implicit: config.data,\n                    data: config.data,\n                    actionsPanelRef\n                } satisfies KbqActionsPanelTemplateContext<T, D, R>;\n            },\n            injector: Injector.create({\n                parent: config.injector || this.injector,\n                providers: [{ provide: KbqActionsPanelConfig, useValue: config }]\n            }),\n            providers: (dialogRef, _dialogConfig, container) => {\n                actionsPanelRef = new KbqActionsPanelRef<T, R>(dialogRef, container as KbqActionsPanelContainer);\n\n                return [\n                    { provide: KbqActionsPanelRef, useValue: actionsPanelRef },\n                    { provide: KBQ_ACTIONS_PANEL_DATA, useValue: config.data }\n                ];\n            }\n        });\n\n        const { overlayRef } = actionsPanelRef;\n\n        overlayRef.addPanelClass(KBQ_ACTIONS_PANEL_OVERLAY_SELECTOR);\n\n        if (overlayPanelClass) overlayRef.addPanelClass(overlayPanelClass);\n\n        if (overlayContainer) {\n            const { afterClosed } = actionsPanelRef;\n\n            this.syncOverlayMaxWidth(overlayContainer.nativeElement, overlayRef.overlayElement);\n\n            this.resizeObserver\n                .observe(overlayContainer.nativeElement)\n                .pipe(takeUntil(afterClosed))\n                .subscribe(() => {\n                    if (this.syncOverlayMaxWidth(overlayContainer.nativeElement, overlayRef.overlayElement)) {\n                        overlayRef.updatePosition();\n                    }\n                });\n        }\n\n        return actionsPanelRef;\n    }\n\n    private syncOverlayMaxWidth(container: HTMLElement, overlayElement: HTMLElement): boolean {\n        const { width } = container.getBoundingClientRect();\n\n        if (!width) return false;\n\n        const maxWidth = coerceCssPixelValue(width);\n\n        if (overlayElement.style.maxWidth === maxWidth) return false;\n\n        overlayElement.style.maxWidth = maxWidth;\n\n        return true;\n    }\n}\n","import { NgModule } from '@angular/core';\nimport { KbqActionsPanel } from './actions-panel';\nimport { KbqActionsPanelContainer } from './actions-panel-container';\n\nconst COMPONENTS = [\n    KbqActionsPanelContainer\n];\n\n@NgModule({\n    imports: COMPONENTS,\n    providers: [KbqActionsPanel],\n    exports: COMPONENTS\n})\nexport class KbqActionsPanelModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"koobiq-components-actions-panel.mjs","sources":["../../../packages/components/actions-panel/actions-panel-config.ts","../../../packages/components/actions-panel/actions-panel-container.ts","../../../packages/components/actions-panel/actions-panel-ref.ts","../../../packages/components/actions-panel/actions-panel-scoped-overlay-container.ts","../../../packages/components/actions-panel/actions-panel.ts","../../../packages/components/actions-panel/module.ts","../../../packages/components/actions-panel/koobiq-components-actions-panel.ts"],"sourcesContent":["import { Direction } from '@angular/cdk/bidi';\nimport { Overlay, ScrollStrategy } from '@angular/cdk/overlay';\nimport { ElementRef, InjectionToken, Injector, Provider } from '@angular/core';\n\n/** Injection token that can be used to specify default actions panel config. */\nexport const KBQ_ACTIONS_PANEL_DEFAULT_CONFIG = new InjectionToken<KbqActionsPanelConfig>(\n    'KBQ_ACTIONS_PANEL_DEFAULT_CONFIG',\n    { factory: () => new KbqActionsPanelConfig() }\n);\n\n/**\n * Utility for providing default actions panel config through {@link KBQ_ACTIONS_PANEL_DEFAULT_CONFIG}.\n */\nexport const kbqActionsPanelDefaultConfigProvider = <D>(config: KbqActionsPanelConfig<D>): Provider => ({\n    provide: KBQ_ACTIONS_PANEL_DEFAULT_CONFIG,\n    useValue: config\n});\n\n/**\n * Configuration for opened actions panel.\n * Based on cdk `DialogConfig`.\n */\nexport class KbqActionsPanelConfig<D = unknown> {\n    /**\n     * Injector used for the instantiation of the component to be attached.\n     */\n    injector?: Injector;\n\n    /**\n     * Data being injected into the child component with {@link KBQ_ACTIONS_PANEL_DATA}.\n     */\n    data?: D | null = null;\n\n    /** Extra CSS classes to be added to the actions panel container. */\n    containerClass?: string | string[];\n\n    /**\n     * Whether the actions panel should be closed of when the user goes backwards/forwards in history.\n     * Defaults to `true`.\n     * NOTE! This does not apply to router navigation.\n     */\n    closeOnNavigation?: boolean = true;\n\n    /**\n     * Element the actions panel overlay is rendered into, instead of the application-wide overlay container. The panel\n     * is pinned to the bottom center of that element and resizes with it. An element that sets `overflow: hidden`\n     * clips it; at the default `overflow: visible` the entrance animation renders it below the element.\n     *\n     * The element is mutated for as long as the panel is open: it gains one child node holding the overlay, and a\n     * `static` element is promoted to `position: relative`, since the overlay is positioned against it.\n     *\n     * NOTE: the panel bypasses a globally provided `OverlayContainer` while this is set.\n     */\n    overlayContainer?: ElementRef<HTMLElement>;\n\n    /**\n     * Extra CSS classes to be added to the overlay panel.\n     */\n    overlayPanelClass?: string | string[];\n\n    /**\n     * Width of the actions panel.\n     */\n    width?: string;\n\n    /**\n     * Min-width of the actions panel.\n     * If a number is provided, assumes pixel units.\n     */\n    minWidth?: number | string;\n\n    /**\n     * Max-width of the actions panel.\n     * If a number is provided, assumes pixel units.\n     *\n     * When omitted, the panel is capped by the width of the overlay container it is rendered into.\n     */\n    maxWidth?: number | string;\n\n    /**\n     * Direction of the text in the actions panel. Defaults to `'ltr'`.\n     */\n    direction?: Direction = 'ltr';\n\n    /**\n     * Scroll strategy to be used for the actions panel. Defaults to `RepositionScrollStrategy`.\n     */\n    scrollStrategy?: (overlay: Overlay) => ScrollStrategy = (overlay) => overlay.scrollStrategies.reposition();\n\n    /**\n     * Whether the user can use ESC or click on close button to close the actions panel. Defaults to `false`.\n     */\n    disableClose?: boolean = false;\n}\n","import { CdkDialogContainer } from '@angular/cdk/dialog';\nimport { CdkPortalOutlet } from '@angular/cdk/portal';\nimport {\n    ChangeDetectionStrategy,\n    Component,\n    inject,\n    InjectionToken,\n    Injector,\n    OnDestroy,\n    Provider,\n    Renderer2,\n    signal,\n    ViewEncapsulation\n} from '@angular/core';\nimport { KbqButtonModule } from '@koobiq/components/button';\nimport {\n    KbqActionsPanelLocaleConfiguration,\n    kbqAfterAnimations,\n    kbqAnimationsDisabled,\n    KbqDeepPartial,\n    kbqLocaleConfigurationOverrideProvider,\n    KbqLocaleOverridesDirective,\n    ruRULocaleData\n} from '@koobiq/components/core';\nimport { KbqDividerModule } from '@koobiq/components/divider';\nimport { KbqIconModule } from '@koobiq/components/icon';\nimport { KbqToolTipModule } from '@koobiq/components/tooltip';\nimport { Subject } from 'rxjs';\nimport { KbqActionsPanel } from './actions-panel';\nimport { KbqActionsPanelConfig } from './actions-panel-config';\n\n/** Localization configuration provider. */\nexport const KBQ_ACTIONS_PANEL_LOCALE_CONFIGURATION = new InjectionToken<KbqActionsPanelLocaleConfiguration>(\n    'KbqActionsPanelLocaleConfiguration',\n    { factory: () => ruRULocaleData.actionsPanel }\n);\n\n/**\n * Utility provider for `KBQ_ACTIONS_PANEL_LOCALE_CONFIGURATION`. Only the strings you pass are\n * overridden; the rest keep following the active locale.\n */\nexport const kbqActionsPanelLocaleConfigurationProvider = (\n    configuration: KbqDeepPartial<KbqActionsPanelLocaleConfiguration>\n): Provider => kbqLocaleConfigurationOverrideProvider('actionsPanel', configuration);\n\n/**\n * Internal component that wraps user-provided actions panel content.\n *\n * @docs-private\n */\n@Component({\n    selector: 'kbq-actions-panel-container',\n    imports: [\n        CdkPortalOutlet,\n        KbqDividerModule,\n        KbqButtonModule,\n        KbqIconModule,\n        KbqToolTipModule\n    ],\n    template: `\n        <div class=\"kbq-actions-panel-container__content\">\n            <ng-template cdkPortalOutlet />\n        </div>\n        @if (!config.disableClose) {\n            <kbq-divider class=\"kbq-actions-panel-container__vertical-divider\" [vertical]=\"true\" />\n            <button\n                class=\"kbq-actions-panel-container__close-button\"\n                color=\"contrast\"\n                kbq-button\n                [attr.aria-label]=\"localeConfiguration().closeTooltip\"\n                [kbqTooltip]=\"localeConfiguration().closeTooltip\"\n                [kbqTooltipOffset]=\"16\"\n                (click)=\"close()\"\n            >\n                <i kbq-icon=\"kbq-circle-xmark_16\"></i>\n            </button>\n        }\n    `,\n    styleUrls: [\n        './actions-panel-tokens.scss',\n        './actions-panel-container.scss'\n    ],\n    // As the parent `CdkDialogContainer`: component content is attached into this view, so on zone.js, where a tick\n    // checks the whole application, content on the eager strategy is refreshed only if this view is checked as well.\n    // eslint-disable-next-line @angular-eslint/prefer-on-push-component-change-detection\n    changeDetection: ChangeDetectionStrategy.Eager,\n    encapsulation: ViewEncapsulation.None,\n    host: {\n        class: 'kbq-actions-panel-container',\n        '[class.kbq-actions-panel-container_rtl]': 'config.direction === \"rtl\"',\n        '[class.kbq-actions-panel-container_visible]': \"animationState() === 'visible'\",\n        '[class.kbq-animations-disabled]': 'animationsDisabled',\n        '(keydown.escape)': 'handleEscape($any($event))'\n    },\n    // Carrier only: the container is created through the overlay, so there is no element for a consumer to\n    // bind on, and it lets the container read its strings through `read()`. Unlike the pop-up panels it\n    // reaches no ancestor carrier: `KbqActionsPanel` is provided in root, so the container's injector is\n    // parented on the root injector unless the caller passes `config.injector` — pass one to scope an\n    // override to the panel.\n    hostDirectives: [KbqLocaleOverridesDirective]\n})\nexport class KbqActionsPanelContainer extends CdkDialogContainer implements OnDestroy {\n    /**\n     * The state of the actions panel animations.\n     *\n     * @docs-private\n     */\n    protected readonly animationState = signal<'void' | 'visible' | 'hidden'>('void');\n\n    /**\n     * Emits the state the actions panel has finished moving to.\n     *\n     * @docs-private\n     */\n    readonly animationDone = new Subject<'visible' | 'hidden'>();\n\n    /**\n     * Whether the actions panel moves without motion.\n     *\n     * @docs-private\n     */\n    protected readonly animationsDisabled = kbqAnimationsDisabled();\n\n    private readonly injector = inject(Injector);\n\n    /** The transition in progress, ended early by the next one. */\n    private pendingTransition?: { state: 'visible' | 'hidden'; wait: { destroy(): void } };\n\n    /** Whether the actions panel container has been destroyed. */\n    private destroyed: boolean;\n\n    /**\n     * Actions panel configuration.\n     *\n     * @docs-private\n     */\n    protected readonly config = inject(KbqActionsPanelConfig);\n\n    private readonly actionsPanel = inject(KbqActionsPanel);\n    private readonly renderer = inject(Renderer2);\n\n    /**\n     * Actions panel locale configuration.\n     *\n     * @docs-private\n     */\n    protected readonly localeConfiguration = inject(KbqLocaleOverridesDirective, { self: true }).read(\n        'actionsPanel',\n        KBQ_ACTIONS_PANEL_LOCALE_CONFIGURATION\n    );\n\n    override ngOnDestroy() {\n        super.ngOnDestroy();\n        this.destroyed = true;\n    }\n\n    /**\n     * Close the actions panel.\n     *\n     * @docs-private\n     */\n    protected close(): void {\n        this.actionsPanel.close();\n    }\n\n    /**\n     * Start animation of the actions panel entrance into view.\n     *\n     * @docs-private\n     */\n    startOpenAnimation(): void {\n        if (!this.destroyed) {\n            this.animationState.set('visible');\n            this._changeDetectorRef.detectChanges();\n            this.waitForAnimation('visible');\n        }\n    }\n\n    /**\n     * Start animation of the actions panel exiting from view.\n     *\n     * @docs-private\n     */\n    startCloseAnimation(): void {\n        if (!this.destroyed) {\n            this.animationState.set('hidden');\n            this.waitForAnimation('hidden');\n        }\n    }\n\n    /**\n     * Handles escape key events.\n     *\n     * @docs-private\n     */\n    protected handleEscape(event: KeyboardEvent): void {\n        // A control inside the panel spent the key closing a popup of its own, such as a tooltip.\n        if (event.defaultPrevented || this.config.disableClose) return;\n\n        event.preventDefault();\n        this.close();\n    }\n\n    /**\n     * @docs-private\n     */\n    protected override _contentAttached(): void {\n        this.applyContainerClass();\n    }\n\n    private waitForAnimation(state: 'visible' | 'hidden'): void {\n        const pending = this.pendingTransition;\n\n        // An entrance cut short by closing still ends, or the panel would never report having opened.\n        if (pending) {\n            pending.wait.destroy();\n            this.pendingTransition = undefined;\n            this.animationDone.next(pending.state);\n        }\n\n        // A subscriber may have disposed of the panel by now.\n        if (this.destroyed) return;\n\n        const wait = kbqAfterAnimations(\n            () => this._elementRef.nativeElement,\n            () => {\n                this.pendingTransition = undefined;\n\n                if (state === 'visible') {\n                    this._trapFocus();\n                }\n\n                this.animationDone.next(state);\n            },\n            this.injector\n        );\n\n        this.pendingTransition = { state, wait };\n    }\n\n    private applyContainerClass(): void {\n        const { containerClass } = this.config;\n\n        if (containerClass) {\n            if (Array.isArray(containerClass)) {\n                containerClass.forEach((cssClass) => this.renderer.addClass(this._elementRef.nativeElement, cssClass));\n            } else {\n                this.renderer.addClass(this._elementRef.nativeElement, containerClass);\n            }\n        }\n    }\n}\n","import { DialogRef } from '@angular/cdk/dialog';\nimport { OverlayRef } from '@angular/cdk/overlay';\nimport { filter, Observable, ReplaySubject, Subject, take } from 'rxjs';\nimport { KbqActionsPanelContainer } from './actions-panel-container';\n\n/**\n * Reference to actions panel opened by `KbqActionsPanel` service.\n */\nexport class KbqActionsPanelRef<I = unknown, R = unknown> {\n    /**\n     * Instance of the component into which the actions panel content is projected.\n     *\n     * @docs-private\n     */\n    containerInstance: KbqActionsPanelContainer;\n\n    private readonly afterOpenedSubject = new Subject<void>();\n    private readonly beforeOpenedSubject = new ReplaySubject<void>(1);\n    private readonly beforeClosedSubject = new Subject<R | undefined>();\n\n    /** Emits when keydown events are targeted on the overlay. */\n    readonly keydownEvents: Observable<KeyboardEvent> = this.dialogRef.keydownEvents;\n\n    /** Emits when the actions panel starts opening, before its entrance animation plays. */\n    readonly beforeOpened: Observable<void> = this.beforeOpenedSubject;\n\n    /** Emits when the actions panel has opened and appeared, or once closing cuts its entrance short. */\n    readonly afterOpened: Observable<void> = this.afterOpenedSubject;\n\n    /** Emits when the actions panel starts closing, before its exit animation plays. */\n    readonly beforeClosed: Observable<R | undefined> = this.beforeClosedSubject;\n\n    /** Emits when the actions panel is finished closing. */\n    readonly afterClosed: Observable<R | undefined> = this.dialogRef.closed;\n\n    /**\n     * Overlay reference for the actions panel.\n     *\n     * @docs-private\n     */\n    readonly overlayRef: OverlayRef = this.dialogRef.overlayRef;\n\n    /**\n     * ID of the actions panel.\n     *\n     * @docs-private\n     */\n    readonly id: string = this.dialogRef.id;\n\n    /** Result to be passed down to the `afterClosed` stream. */\n    private result: R | undefined;\n\n    constructor(\n        private readonly dialogRef: DialogRef<R, I>,\n        containerInstance: KbqActionsPanelContainer\n    ) {\n        this.containerInstance = containerInstance;\n        this.handleAnimation();\n        this.handleOverlayDetachments();\n    }\n\n    /**\n     * Opens the actions panel, playing its entrance animation.\n     *\n     * @docs-private\n     */\n    open(): void {\n        if (!this.containerInstance) {\n            return;\n        }\n\n        this.beforeOpenedSubject.next();\n        this.beforeOpenedSubject.complete();\n        this.containerInstance.startOpenAnimation();\n    }\n\n    /** Closes the actions panel. */\n    close(result?: R): void {\n        const container = this.containerInstance;\n\n        if (!container) {\n            return;\n        }\n\n        // The exit ends an entrance still in progress, so it starts ahead of `beforeClosed` for `afterOpened` to\n        // come first — and the container is let go before that, since an `afterOpened` subscriber may close again.\n        this.containerInstance = null!;\n        this.result = result;\n        container.startCloseAnimation();\n        this.beforeClosedSubject.next(result);\n        this.beforeClosedSubject.complete();\n    }\n\n    private handleAnimation(): void {\n        this.containerInstance.animationDone\n            .pipe(\n                filter((state) => state === 'visible'),\n                take(1)\n            )\n            .subscribe(() => {\n                this.afterOpenedSubject.next();\n                this.afterOpenedSubject.complete();\n            });\n\n        this.containerInstance.animationDone\n            .pipe(\n                filter((state) => state === 'hidden'),\n                take(1)\n            )\n            .subscribe(() => this.dialogRef.close(this.result));\n    }\n\n    private handleOverlayDetachments(): void {\n        this.dialogRef.overlayRef\n            .detachments()\n            .pipe(take(1))\n            .subscribe(() => {\n                this.dialogRef.close(this.result);\n            });\n    }\n}\n","import { OverlayContainer } from '@angular/cdk/overlay';\nimport { ElementRef, inject, Injectable, InjectionToken } from '@angular/core';\nimport { KBQ_WINDOW } from '@koobiq/components/core';\n\n/**\n * Element that {@link KbqActionsPanelScopedOverlayContainer} renders overlays into.\n *\n * @docs-private\n */\nexport const KBQ_ACTIONS_PANEL_SCOPED_OVERLAY_HOST = new InjectionToken<ElementRef<HTMLElement>>(\n    'KBQ_ACTIONS_PANEL_SCOPED_OVERLAY_HOST'\n);\n\n/**\n * Class of the wrapper that {@link KbqActionsPanelScopedOverlayContainer} adds to the host.\n *\n * @docs-private\n */\nexport const KBQ_ACTIONS_PANEL_SCOPED_OVERLAY_CONTAINER_SELECTOR = 'kbq-actions-panel-scoped-overlay-container';\n\n/**\n * Hosts currently promoted to a containing block, with the inline `position` to put back and the number of containers\n * relying on the promotion.\n *\n * The promotion belongs to the host rather than to a container: several containers share one host whenever panels\n * overlap — replacing an open panel creates the new overlay before the old one finishes closing — and the first\n * to be destroyed must not restore a `position` the others still need.\n */\nconst promotedHosts = new WeakMap<HTMLElement, { inlinePosition: string; containers: number }>();\n\n/**\n * `OverlayContainer` that renders overlays inside {@link KBQ_ACTIONS_PANEL_SCOPED_OVERLAY_HOST} instead of\n * `document.body`.\n *\n * CDK resolves the overlay host from the `OverlayContainer` available in DI, and there is exactly one of those per\n * application. Providing this container in a child injector — together with a `Dialog` of its own — is what makes a\n * single overlay render inside a specific element while the rest of the application keeps using the global container.\n *\n * The container is scoped to one host and is not reusable: it is expected to be created and destroyed alongside the\n * overlay it hosts.\n *\n * @docs-private\n */\n@Injectable()\nexport class KbqActionsPanelScopedOverlayContainer extends OverlayContainer {\n    private readonly host = inject(KBQ_ACTIONS_PANEL_SCOPED_OVERLAY_HOST).nativeElement;\n    private readonly window = inject(KBQ_WINDOW);\n\n    /** Wrapper that isolates the container from the host's own content. */\n    private wrapperElement: HTMLElement | null = null;\n\n    /** Whether this container holds a share of the host's promotion to a containing block. */\n    private holdsHostPromotion = false;\n\n    override ngOnDestroy(): void {\n        super.ngOnDestroy();\n\n        this.wrapperElement?.remove();\n        this.wrapperElement = null;\n\n        this.releaseHostPromotion();\n    }\n\n    /**\n     * Deliberately does not call `super`: CDK's implementation marks the container with a `platform` attribute and\n     * removes every other container carrying one, which is bookkeeping for the single application-wide container. A\n     * scoped container is not that container, and joining the scheme would make it delete — and be deleted by — the\n     * global one as soon as both exist.\n     */\n    protected override _createContainer(): void {\n        const wrapper = this._document.createElement('div');\n\n        wrapper.classList.add(KBQ_ACTIONS_PANEL_SCOPED_OVERLAY_CONTAINER_SELECTOR);\n        wrapper.style.position = 'absolute';\n        wrapper.style.inset = '0';\n        wrapper.style.pointerEvents = 'none';\n\n        const container = this._document.createElement('div');\n\n        container.classList.add('cdk-overlay-container');\n        // CDK styles `.cdk-overlay-container` as a viewport-sized `position: fixed` layer. A scoped container has to\n        // cover the host instead; the remaining CDK rules (`top`/`left`/`width`/`height`) already do the right thing\n        // once the element is out of the fixed positioning context.\n        container.style.position = 'absolute';\n\n        // The container gets a wrapper of its own rather than being appended to the host directly, because CDK's\n        // `Dialog` marks every sibling of the overlay container with `aria-hidden` while a dialog is open. Inside the\n        // host those siblings are the very content the actions panel acts on, so the container is kept as an only\n        // child and there is nothing left for CDK to hide.\n        wrapper.appendChild(container);\n\n        this.promoteHostToContainingBlock();\n        this.host.appendChild(wrapper);\n\n        this.wrapperElement = wrapper;\n        this._containerElement = container;\n    }\n\n    /**\n     * The wrapper is absolutely positioned, so it resolves against the nearest positioned ancestor. A `static` host\n     * would let the overlay land on some outer element instead, so it is promoted to `relative`; a host that is\n     * already positioned is left untouched.\n     */\n    private promoteHostToContainingBlock(): void {\n        if (!this._platform.isBrowser) {\n            return;\n        }\n\n        const promotion = promotedHosts.get(this.host);\n\n        if (promotion) {\n            promotion.containers++;\n            this.holdsHostPromotion = true;\n\n            return;\n        }\n\n        // A host that is not in the document yet reports no position at all (`getComputedStyle` returns an empty\n        // declaration), and is treated as `static`: promoting one that turns out to be positioned is harmless,\n        // leaving a `static` one alone is not.\n        const { position } = this.window.getComputedStyle(this.host);\n\n        if (position && position !== 'static') {\n            return;\n        }\n\n        promotedHosts.set(this.host, { inlinePosition: this.host.style.position, containers: 1 });\n        this.host.style.position = 'relative';\n        this.holdsHostPromotion = true;\n    }\n\n    /** Gives the host its own `position` back once no scoped container depends on the promotion any more. */\n    private releaseHostPromotion(): void {\n        if (!this.holdsHostPromotion) {\n            return;\n        }\n\n        this.holdsHostPromotion = false;\n\n        const promotion = promotedHosts.get(this.host)!;\n\n        if (--promotion.containers > 0) {\n            return;\n        }\n\n        promotedHosts.delete(this.host);\n        this.host.style.position = promotion.inlinePosition;\n    }\n}\n","import { Dialog } from '@angular/cdk/dialog';\nimport { ComponentType, Overlay, OVERLAY_DEFAULT_CONFIG, OverlayContainer } from '@angular/cdk/overlay';\nimport {\n    createEnvironmentInjector,\n    ElementRef,\n    EnvironmentInjector,\n    inject,\n    Injectable,\n    InjectionToken,\n    Injector,\n    OnDestroy,\n    TemplateRef\n} from '@angular/core';\nimport { KBQ_ACTIONS_PANEL_DEFAULT_CONFIG, KbqActionsPanelConfig } from './actions-panel-config';\nimport { KbqActionsPanelContainer } from './actions-panel-container';\nimport { KbqActionsPanelRef } from './actions-panel-ref';\nimport {\n    KBQ_ACTIONS_PANEL_SCOPED_OVERLAY_HOST,\n    KbqActionsPanelScopedOverlayContainer\n} from './actions-panel-scoped-overlay-container';\n\n/** Injection token that can be used to access the data that was passed in to actions panel. */\nexport const KBQ_ACTIONS_PANEL_DATA = new InjectionToken('KBQ_ACTIONS_PANEL_DATA');\n\n/**\n * Context for actions panel template.\n */\nexport type KbqActionsPanelTemplateContext<T = unknown, D = unknown, R = unknown> = {\n    /**\n     * Data passed to actions panel.\n     *\n     * Example:\n     *\n     * ```html\n     * <ng-template #actionsPanel let-data>{{ data.KEY }}</ng-template>\n     * ````\n     */\n    $implicit?: D | null;\n\n    /**\n     * Data passed to actions panel.\n     *\n     * Example:\n     *\n     * ```html\n     * <ng-template #actionsPanel let-data=\"data\">{{ data.KEY }}</ng-template>\n     * ````\n     */\n    data?: D | null;\n\n    /**\n     * Opened actions panel reference.\n     *\n     * Example:\n     *\n     * ```html\n     * <ng-template #actionsPanel let-actionsPanelRef=\"actionsPanelRef\">\n     *   <button (click)=\"actionsPanelRef.close()\">close</button>\n     * </ng-template>\n     * ````\n     */\n    actionsPanelRef: KbqActionsPanelRef<T, R>;\n};\n\n/**\n * Selector for actions panel overlay.\n *\n * @internal\n */\nexport const KBQ_ACTIONS_PANEL_OVERLAY_SELECTOR = 'kbq-actions-panel-overlay';\n\n/**\n * `Dialog` backing a panel that renders into an `overlayContainer`.\n *\n * A child `Dialog` shares `openDialogs` with the root one but keeps an `_ariaHiddenElements` map of its own, and CDK\n * restores the `aria-hidden` marks from whichever instance happens to close the last dialog. Left apart, marks a root\n * dialog put on the application are never taken off again. Adopting the root's map keeps both halves of that\n * bookkeeping on the same object.\n */\n@Injectable()\nclass KbqActionsPanelScopedDialog extends Dialog {\n    constructor() {\n        super();\n\n        this['_ariaHiddenElements'] = inject(Dialog, { skipSelf: true })['_ariaHiddenElements'];\n    }\n}\n\n/**\n * Service for opening actions panel.\n */\n@Injectable({ providedIn: 'root' })\nexport class KbqActionsPanel implements OnDestroy {\n    private readonly injector = inject(Injector);\n    private readonly environmentInjector = inject(EnvironmentInjector);\n    private readonly overlay = inject(Overlay);\n    private readonly dialog = inject(Dialog);\n    private readonly defaultConfig = inject(KBQ_ACTIONS_PANEL_DEFAULT_CONFIG);\n\n    /** The reference to the currently opened actions panel. */\n    private openedActionsPanelRef: KbqActionsPanelRef | null = null;\n\n    ngOnDestroy() {\n        this.close();\n    }\n\n    /**\n     * Opens actions panel.\n     *\n     * @param componentOrTemplateRef Component to be opened into the actions panel.\n     * @param config Additional configuration options for the actions panel.\n     * @returns A reference to the opened actions panel.\n     */\n    open<T, D = unknown, R = unknown>(\n        component: ComponentType<T>,\n        config?: KbqActionsPanelConfig<D>\n    ): KbqActionsPanelRef<T, R>;\n\n    /**\n     * Opens actions panel.\n     *\n     * @param template TemplateRef to be used as the content.\n     * @param config Additional configuration options for the actions panel.\n     * @returns A reference to the opened actions panel.\n     */\n    open<T, D = unknown, R = unknown>(\n        template: TemplateRef<T>,\n        config?: KbqActionsPanelConfig<D>\n    ): KbqActionsPanelRef<T, R>;\n\n    open<T, D = unknown, R = unknown>(\n        componentOrTemplateRef: ComponentType<T> | TemplateRef<T>,\n        config?: KbqActionsPanelConfig<D>\n    ): KbqActionsPanelRef<T, R> {\n        const _config: KbqActionsPanelConfig<D> = {\n            ...(this.defaultConfig as KbqActionsPanelConfig<D>),\n            ...config\n        };\n        const actionsPanelRef = this.openDialog<T, D, R>(componentOrTemplateRef, _config);\n\n        actionsPanelRef.afterClosed.subscribe(() => {\n            if (this.openedActionsPanelRef === actionsPanelRef) {\n                this.openedActionsPanelRef = null;\n            }\n        });\n\n        if (this.openedActionsPanelRef) {\n            this.openedActionsPanelRef.afterClosed.subscribe(() => {\n                actionsPanelRef.open();\n            });\n            this.openedActionsPanelRef.close();\n        } else {\n            actionsPanelRef.open();\n        }\n\n        this.openedActionsPanelRef = actionsPanelRef as KbqActionsPanelRef;\n\n        return actionsPanelRef;\n    }\n\n    /** Closes the currently opened actions panel. */\n    close<R>(result?: R): void {\n        this.openedActionsPanelRef?.close(result);\n    }\n\n    private openDialog<T, D = unknown, R = unknown>(\n        componentOrTemplateRef: ComponentType<T> | TemplateRef<T>,\n        config: KbqActionsPanelConfig<D> = {}\n    ): KbqActionsPanelRef<T, R> {\n        let actionsPanelRef!: KbqActionsPanelRef<T, R>;\n        const { overlayContainer, overlayPanelClass } = config;\n        // CDK takes the overlay host from the `OverlayContainer` its `Dialog` was injected with, and there is one of\n        // those per application. Rendering the panel inside `overlayContainer` therefore means giving this panel a\n        // `Dialog` of its own, backed by a container scoped to that element.\n        const scopedInjector = overlayContainer ? this.createScopedInjector(overlayContainer) : null;\n        const dialog = scopedInjector ? scopedInjector.get(Dialog) : this.dialog;\n\n        try {\n            dialog.open<R, D, T>(componentOrTemplateRef, {\n                ...config,\n                container: KbqActionsPanelContainer,\n                restoreFocus: false,\n                autoFocus: null!,\n                hasBackdrop: false,\n                // Disable closing since we need to sync it up to the animation ourselves\n                closeOnOverlayDetachments: false,\n                // Disable closing since we need to sync it up to the animation ourselves\n                closeOnDestroy: false,\n                // Disable closing since we need to sync it up to the animation ourselves\n                disableClose: true,\n                scrollStrategy: config.scrollStrategy && config.scrollStrategy(this.overlay),\n                // Pinned to the bottom center of the overlay container — the viewport by default, `overlayContainer`\n                // when one is given. The panel's width follows from `.cdk-overlay-pane`'s `max-width: 100%` in both\n                // cases.\n                positionStrategy: this.overlay.position().global().centerHorizontally().bottom(),\n                templateContext: () => {\n                    return {\n                        $implicit: config.data,\n                        data: config.data,\n                        actionsPanelRef\n                    } satisfies KbqActionsPanelTemplateContext<T, D, R>;\n                },\n                injector: Injector.create({\n                    parent: config.injector || this.injector,\n                    providers: [{ provide: KbqActionsPanelConfig, useValue: config }]\n                }),\n                providers: (dialogRef, _dialogConfig, container) => {\n                    actionsPanelRef = new KbqActionsPanelRef<T, R>(dialogRef, container as KbqActionsPanelContainer);\n\n                    return [\n                        { provide: KbqActionsPanelRef, useValue: actionsPanelRef },\n                        { provide: KBQ_ACTIONS_PANEL_DATA, useValue: config.data }\n                    ];\n                }\n            });\n        } catch (error) {\n            // `open()` builds the overlay, and with it the scoped container that has already put a wrapper into the\n            // host and promoted it. Nothing else would ever destroy the injector, so unwind it here.\n            scopedInjector?.destroy();\n\n            throw error;\n        }\n\n        const { overlayRef } = actionsPanelRef;\n\n        overlayRef.addPanelClass(KBQ_ACTIONS_PANEL_OVERLAY_SELECTOR);\n\n        if (overlayPanelClass) overlayRef.addPanelClass(overlayPanelClass);\n\n        if (scopedInjector) {\n            // The scoped injector owns the panel's `Dialog` and overlay container, so it lives exactly as long as the\n            // panel. `afterClosed` emits after the overlay has been disposed of.\n            actionsPanelRef.afterClosed.subscribe(() => scopedInjector.destroy());\n        }\n\n        return actionsPanelRef;\n    }\n\n    /** Injector that makes CDK render the panel's overlay inside `host` instead of `document.body`. */\n    private createScopedInjector(host: ElementRef<HTMLElement>): EnvironmentInjector {\n        return createEnvironmentInjector(\n            [\n                // A `Dialog` of its own is what carries the scoped container into `createOverlayRef` — the root one\n                // resolves the application-wide container. It still reaches the root `Dialog` through `skipSelf` and\n                // shares its registry of open dialogs, so `closeAll()` and `afterAllClosed` keep seeing this panel.\n                { provide: Dialog, useClass: KbqActionsPanelScopedDialog },\n                { provide: KBQ_ACTIONS_PANEL_SCOPED_OVERLAY_HOST, useValue: host },\n                { provide: OverlayContainer, useClass: KbqActionsPanelScopedOverlayContainer },\n                // A popover is shown in the top layer and laid out against the viewport, wherever its host sits in\n                // the DOM: the panel would leave `host` and pin itself to the bottom of the page.\n                { provide: OVERLAY_DEFAULT_CONFIG, useValue: { usePopover: false } }\n            ],\n            this.environmentInjector,\n            KbqActionsPanel.name\n        );\n    }\n}\n","import { NgModule } from '@angular/core';\nimport { KbqActionsPanel } from './actions-panel';\nimport { KbqActionsPanelContainer } from './actions-panel-container';\n\nconst COMPONENTS = [\n    KbqActionsPanelContainer\n];\n\n@NgModule({\n    imports: COMPONENTS,\n    providers: [KbqActionsPanel],\n    exports: COMPONENTS\n})\nexport class KbqActionsPanelModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/koobiq-components-alert.mjs

@@ -29,10 +29,10 @@ const alertIconColors = {
 };
 /** Marks the projected alert heading. */
 class KbqAlertTitle {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: KbqAlertTitle, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.30", type: KbqAlertTitle, isStandalone: true, selector: "[kbq-alert-title]", host: { classAttribute: "kbq-alert__title" }, exportAs: ["kbqAlertTitle"], ngImport: i0 }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: KbqAlertTitle, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.25", type: KbqAlertTitle, isStandalone: true, selector: "[kbq-alert-title]", host: { classAttribute: "kbq-alert__title" }, exportAs: ["kbqAlertTitle"], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: KbqAlertTitle, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: KbqAlertTitle, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kbq-alert-title]',
@@ -44,10 +44,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.30", ngImpo
         }] });
 /** Marks the projected close control (place it on a native `<button>` with an accessible name). */
 class KbqAlertCloseButton {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: KbqAlertCloseButton, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.30", type: KbqAlertCloseButton, isStandalone: true, selector: "[kbq-alert-close-button]", host: { classAttribute: "kbq-alert-close-button" }, exportAs: ["kbqAlertCloseButton"], ngImport: i0 }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: KbqAlertCloseButton, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.25", type: KbqAlertCloseButton, isStandalone: true, selector: "[kbq-alert-close-button]", host: { classAttribute: "kbq-alert-close-button" }, exportAs: ["kbqAlertCloseButton"], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: KbqAlertCloseButton, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: KbqAlertCloseButton, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kbq-alert-close-button]',
@@ -59,10 +59,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.30", ngImpo
         }] });
 /** Marks a projected action control (link or button) shown in the alert's button stack. */
 class KbqAlertControl {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: KbqAlertControl, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.30", type: KbqAlertControl, isStandalone: true, selector: "[kbq-alert-control]", host: { classAttribute: "kbq-alert-control" }, exportAs: ["kbqAlertControl"], ngImport: i0 }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: KbqAlertControl, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.25", type: KbqAlertControl, isStandalone: true, selector: "[kbq-alert-control]", host: { classAttribute: "kbq-alert-control" }, exportAs: ["kbqAlertControl"], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: KbqAlertControl, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: KbqAlertControl, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kbq-alert-control]',
@@ -86,40 +86,40 @@ class KbqAlert {
     constructor() {
         this.elementRef = inject(ElementRef);
         /** @docs-private */
-        this.iconItem = contentChild(KbqIconItem, ...(ngDevMode ? [{ debugName: "iconItem", descendants: false }] : [{ descendants: false }]));
+        this.iconItem = contentChild(KbqIconItem, { ...(ngDevMode ? { debugName: "iconItem" } : /* istanbul ignore next */ {}), descendants: false });
         /** @docs-private */
-        this.icon = contentChild(KbqIcon, ...(ngDevMode ? [{ debugName: "icon", descendants: false }] : [{ descendants: false }]));
-        // NB: `button` must keep the default `descendants: true` — it does not gate a projection slot, it
-        // reports whether the already-projected `[kbq-alert-control]` slot contains a button (which can sit
-        // inside a wrapper element), and drives the `_has-button` button-stack padding.
-        /** @docs-private */
-        this.button = contentChild(KbqButton, ...(ngDevMode ? [{ debugName: "button" }] : []));
+        this.icon = contentChild(KbqIcon, { ...(ngDevMode ? { debugName: "icon" } : /* istanbul ignore next */ {}), descendants: false });
+        /**
+         * Must keep the default `descendants: true`: it does not gate a projection slot, it reports whether the
+         * already-projected `[kbq-alert-control]` slot contains a button (which can sit inside a wrapper element),
+         * and drives the `_has-button` button-stack padding.
+         *
+         * @docs-private
+         */
+        this.button = contentChild(KbqButton, ...(ngDevMode ? [{ debugName: "button" }] : /* istanbul ignore next */ []));
         /** @docs-private */
-        this.title = contentChild(KbqAlertTitle, ...(ngDevMode ? [{ debugName: "title", descendants: false }] : [{ descendants: false }]));
+        this.title = contentChild(KbqAlertTitle, { ...(ngDevMode ? { debugName: "title" } : /* istanbul ignore next */ {}), descendants: false });
         /** @docs-private */
-        this.control = contentChild(KbqAlertControl, ...(ngDevMode ? [{ debugName: "control", descendants: false }] : [{ descendants: false }]));
+        this.control = contentChild(KbqAlertControl, { ...(ngDevMode ? { debugName: "control" } : /* istanbul ignore next */ {}), descendants: false });
         /** @docs-private */
-        this.closeButton = contentChild(KbqAlertCloseButton, ...(ngDevMode ? [{ debugName: "closeButton", descendants: false }] : [{ descendants: false }]));
+        this.closeButton = contentChild(KbqAlertCloseButton, { ...(ngDevMode ? { debugName: "closeButton" } : /* istanbul ignore next */ {}), descendants: false });
         /** Whether the alert uses the denser compact size. */
-        this.compact = input(false, ...(ngDevMode ? [{ debugName: "compact", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
+        this.compact = input(false, { ...(ngDevMode ? { debugName: "compact" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
         /** Visual style — neutral `default` or the attention-drawing `colored` background. */
-        this.alertStyle = input(KbqAlertStyles.Default, ...(ngDevMode ? [{ debugName: "alertStyle" }] : []));
+        this.alertStyle = input(KbqAlertStyles.Default, ...(ngDevMode ? [{ debugName: "alertStyle" }] : /* istanbul ignore next */ []));
         /**
          * Status of the alert. Drives the background in the `colored` style and auto-tints an uncolored
-         * projected status icon to the matching color (`info` icons become `contrast`).
-         * @default 'info'
+         * projected status icon to the matching color (`info` icons become `contrast`). Defaults to `'info'`.
          */
-        this.alertColor = input(KbqAlertColors.Info, ...(ngDevMode ? [{ debugName: "alertColor", transform: (value) => value || KbqAlertColors.Info }] : [{
-                transform: (value) => value || KbqAlertColors.Info
-            }]));
+        this.alertColor = input(KbqAlertColors.Info, { ...(ngDevMode ? { debugName: "alertColor" } : /* istanbul ignore next */ {}), transform: (value) => value || KbqAlertColors.Info });
         /** Emitted when the projected close control is activated. The consumer is responsible for hiding the alert. */
         this.closed = output();
         /** @docs-private */
-        this.alertColorClass = computed(() => `kbq-alert_${this.alertColor()}`, ...(ngDevMode ? [{ debugName: "alertColorClass" }] : []));
+        this.alertColorClass = computed(() => `kbq-alert_${this.alertColor()}`, ...(ngDevMode ? [{ debugName: "alertColorClass" }] : /* istanbul ignore next */ []));
         /** @docs-private */
-        this.isColored = computed(() => this.alertStyle() === KbqAlertStyles.Colored, ...(ngDevMode ? [{ debugName: "isColored" }] : []));
+        this.isColored = computed(() => this.alertStyle() === KbqAlertStyles.Colored, ...(ngDevMode ? [{ debugName: "isColored" }] : /* istanbul ignore next */ []));
         /** The projected status icon, whichever slot it came from. @docs-private */
-        this.projectedIcon = computed(() => this.icon() || this.iconItem(), ...(ngDevMode ? [{ debugName: "projectedIcon" }] : []));
+        this.projectedIcon = computed(() => this.icon() || this.iconItem(), ...(ngDevMode ? [{ debugName: "projectedIcon" }] : /* istanbul ignore next */ []));
         /** Last color this component auto-assigned to the icon; lets us correct color on change without ignoring consumer's color. */
         this.lastAutoColor = null;
         /** Guards the dev-mode double-icon warning so it fires once per instance. */
@@ -130,8 +130,8 @@ class KbqAlert {
         effect(() => {
             const icon = this.projectedIcon();
             const nextColor = alertIconColors[this.alertColor()];
-            if (icon && (icon.color === KbqComponentColors.Empty || icon.color === this.lastAutoColor)) {
-                icon.color = nextColor;
+            if (icon && (icon.color() === KbqComponentColors.Empty || icon.color() === this.lastAutoColor)) {
+                icon.color.set(nextColor);
                 this.lastAutoColor = nextColor;
             }
         });
@@ -149,10 +149,10 @@ class KbqAlert {
         console.warn('KbqAlert: both a `kbq-icon` and a `kbq-icon-item` are projected into the status icon slot. Both ' +
             'render, but only the `kbq-icon` is auto-tinted to the alert color. Project a single status icon.', this.elementRef.nativeElement);
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: KbqAlert, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.30", type: KbqAlert, isStandalone: true, selector: "kbq-alert", inputs: { compact: { classPropertyName: "compact", publicName: "compact", isSignal: true, isRequired: false, transformFunction: null }, alertStyle: { classPropertyName: "alertStyle", publicName: "alertStyle", isSignal: true, isRequired: false, transformFunction: null }, alertColor: { classPropertyName: "alertColor", publicName: "alertColor", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { closed: "closed" }, host: { properties: { "class": "alertColorClass()", "class.kbq-alert_normal": "!compact()", "class.kbq-alert_compact": "compact()", "class.kbq-alert_default": "!isColored()", "class.kbq-alert_colored": "isColored()", "class.kbq-alert_dismissible": "closeButton()" }, classAttribute: "kbq-alert" }, queries: [{ propertyName: "iconItem", first: true, predicate: KbqIconItem, isSignal: true }, { propertyName: "icon", first: true, predicate: KbqIcon, isSignal: true }, { propertyName: "button", first: true, predicate: KbqButton, descendants: true, isSignal: true }, { propertyName: "title", first: true, predicate: KbqAlertTitle, isSignal: true }, { propertyName: "control", first: true, predicate: KbqAlertControl, isSignal: true }, { propertyName: "closeButton", first: true, predicate: KbqAlertCloseButton, isSignal: true }], exportAs: ["kbqAlert"], ngImport: i0, template: "@if (projectedIcon()) {\n    <div class=\"kbq-alert__icon\" [class.kbq-alert__icon_title]=\"title()\">\n        <ng-content select=\"[kbq-icon-item],[kbq-icon]\" />\n    </div>\n}\n\n<div class=\"kbq-alert__content\" [class.kbq-alert__content_title]=\"title()\">\n    <ng-content select=\"[kbq-alert-title]\" />\n\n    <div class=\"kbq-alert__text\">\n        <ng-content />\n    </div>\n\n    @if (control()) {\n        <div class=\"kbq-alert__button-stack\" [class.kbq-alert__button-stack_has-button]=\"button()\">\n            <ng-content select=\"[kbq-alert-control]\" />\n        </div>\n    }\n</div>\n\n@if (closeButton()) {\n    <div class=\"kbq-alert__close-button\" (click)=\"closed.emit()\">\n        <ng-content select=\"[kbq-alert-close-button]\" />\n    </div>\n}\n", styles: [".kbq-alert{display:flex;box-sizing:border-box}.kbq-alert .kbq-alert__content_title{margin-bottom:var(--kbq-size-xxs)}.kbq-alert__icon{display:inline-flex;align-items:flex-start}.kbq-alert__content{display:flex;flex-direction:column;flex:1;justify-content:center}.kbq-alert.kbq-alert_normal{border-radius:var(--kbq-alert-size-normal-container-border-radius);padding:var(--kbq-alert-size-normal-container-padding-top) var(--kbq-alert-size-normal-container-padding-right) var(--kbq-alert-size-normal-container-padding-bottom) var(--kbq-alert-size-normal-container-padding-left)}.kbq-alert.kbq-alert_normal .kbq-alert__icon{margin:var(--kbq-alert-size-normal-no-title-icon-margin-top) var(--kbq-alert-size-normal-icon-margin-right) var(--kbq-alert-size-normal-icon-margin-bottom) var(--kbq-alert-size-normal-icon-margin-left);padding-top:var(--kbq-alert-size-normal-no-title-icon-padding-top)}.kbq-alert.kbq-alert_normal .kbq-alert__icon.kbq-alert__icon_title{margin-top:var(--kbq-alert-size-normal-icon-margin-top);padding-top:var(--kbq-alert-size-normal-icon-padding-top)}.kbq-alert.kbq-alert_normal .kbq-alert__content{padding:var(--kbq-alert-size-normal-content-padding-top) var(--kbq-alert-size-normal-content-padding-right) var(--kbq-alert-size-normal-content-padding-bottom) var(--kbq-alert-size-normal-content-padding-left)}.kbq-alert.kbq-alert_normal .kbq-alert__title{margin-bottom:var(--kbq-alert-size-normal-title-margin-bottom)}.kbq-alert.kbq-alert_normal .kbq-alert__button-stack{display:flex;flex-wrap:wrap;align-items:center;gap:var(--kbq-size-m);padding-top:var(--kbq-alert-size-normal-button-stack-padding-top);padding-bottom:var(--kbq-alert-size-normal-button-stack-padding-bottom)}.kbq-alert.kbq-alert_normal .kbq-alert__button-stack_has-button{padding-top:var(--kbq-size-m)}.kbq-alert.kbq-alert_normal .kbq-alert__close-button{margin-top:var(--kbq-alert-size-normal-close-button-margin-top);margin-left:var(--kbq-alert-size-normal-close-button-margin-left)}.kbq-alert.kbq-alert_normal .kbq-alert__close-button .kbq-icon-button{--kbq-icon-button-size-normal-horizontal-padding: var(--kbq-size-xxs);--kbq-icon-button-size-normal-vertical-padding: var(--kbq-size-xxs)}.kbq-alert.kbq-alert_compact{border-radius:var(--kbq-alert-size-compact-container-border-radius);padding:var(--kbq-alert-size-compact-container-padding-top) var(--kbq-alert-size-compact-container-padding-right) var(--kbq-alert-size-compact-container-padding-bottom) var(--kbq-alert-size-compact-container-padding-left)}.kbq-alert.kbq-alert_compact .kbq-alert__icon{margin-top:var(--kbq-alert-size-compact-no-title-icon-margin-top);margin-right:var(--kbq-alert-size-compact-icon-margin-right);padding-top:var(--kbq-alert-size-compact-no-title-icon-padding-top)}.kbq-alert.kbq-alert_compact .kbq-alert__icon.kbq-alert__icon_title{margin-top:var(--kbq-alert-size-compact-icon-margin-top);padding-top:var(--kbq-alert-size-compact-icon-padding-top)}.kbq-alert.kbq-alert_compact .kbq-alert__content{padding:var(--kbq-alert-size-compact-content-padding-top) var(--kbq-alert-size-compact-content-padding-right) var(--kbq-alert-size-compact-content-padding-bottom) var(--kbq-alert-size-compact-content-padding-left)}.kbq-alert.kbq-alert_compact .kbq-alert__title{margin-bottom:var(--kbq-alert-size-compact-title-margin-bottom)}.kbq-alert.kbq-alert_compact .kbq-alert__button-stack{display:flex;flex-wrap:wrap;align-items:center;gap:var(--kbq-size-m);padding-top:var(--kbq-alert-size-compact-button-stack-padding-top);padding-bottom:var(--kbq-alert-size-compact-button-stack-padding-bottom)}.kbq-alert.kbq-alert_compact .kbq-alert__button-stack_has-button{padding-top:var(--kbq-size-m)}.kbq-alert.kbq-alert_compact .kbq-alert__close-button{margin-top:var(--kbq-alert-size-compact-close-button-margin-top);margin-left:var(--kbq-alert-size-compact-close-button-margin-left)}.kbq-alert.kbq-alert_compact .kbq-alert__close-button .kbq-icon-button{--kbq-icon-button-size-normal-horizontal-padding: var(--kbq-size-xxs);--kbq-icon-button-size-normal-vertical-padding: var(--kbq-size-xxs)}.kbq-alert.kbq-alert_default.kbq-alert_error{background:var(--kbq-alert-default-error-container-background)}.kbq-alert.kbq-alert_default.kbq-alert_error .kbq-alert__title{color:var(--kbq-alert-default-error-container-title)}.kbq-alert.kbq-alert_default.kbq-alert_error .kbq-alert__text{color:var(--kbq-alert-default-error-container-text)}.kbq-alert.kbq-alert_default.kbq-alert_warning{background:var(--kbq-alert-default-warning-container-background)}.kbq-alert.kbq-alert_default.kbq-alert_warning .kbq-alert__title{color:var(--kbq-alert-default-warning-container-title)}.kbq-alert.kbq-alert_default.kbq-alert_warning .kbq-alert__text{color:var(--kbq-alert-default-warning-container-text)}.kbq-alert.kbq-alert_default.kbq-alert_success{background:var(--kbq-alert-default-success-container-background)}.kbq-alert.kbq-alert_default.kbq-alert_success .kbq-alert__title{color:var(--kbq-alert-default-success-container-title)}.kbq-alert.kbq-alert_default.kbq-alert_success .kbq-alert__text{color:var(--kbq-alert-default-success-container-text)}.kbq-alert.kbq-alert_default.kbq-alert_info{background:var(--kbq-alert-default-info-container-background)}.kbq-alert.kbq-alert_default.kbq-alert_info .kbq-alert__title{color:var(--kbq-alert-default-info-container-title)}.kbq-alert.kbq-alert_default.kbq-alert_info .kbq-alert__text{color:var(--kbq-alert-default-info-container-text)}.kbq-alert.kbq-alert_default .kbq-alert__icon>.kbq-icon:not(.kbq-icon-item,.kbq-icon-button){--kbq-icon-warning-color: var(--kbq-foreground-warning);--kbq-icon-success-color: var(--kbq-foreground-success)}.kbq-alert.kbq-alert_colored.kbq-alert_error{background:var(--kbq-alert-colored-error-container-background)}.kbq-alert.kbq-alert_colored.kbq-alert_error .kbq-alert__title{color:var(--kbq-alert-colored-error-container-title)}.kbq-alert.kbq-alert_colored.kbq-alert_error .kbq-alert__text{color:var(--kbq-alert-colored-error-container-text)}.kbq-alert.kbq-alert_colored.kbq-alert_warning{background:var(--kbq-alert-colored-warning-container-background)}.kbq-alert.kbq-alert_colored.kbq-alert_warning .kbq-alert__title{color:var(--kbq-alert-colored-warning-container-title)}.kbq-alert.kbq-alert_colored.kbq-alert_warning .kbq-alert__text{color:var(--kbq-alert-colored-warning-container-text)}.kbq-alert.kbq-alert_colored.kbq-alert_success{background:var(--kbq-alert-colored-success-container-background)}.kbq-alert.kbq-alert_colored.kbq-alert_success .kbq-alert__title{color:var(--kbq-alert-colored-success-container-title)}.kbq-alert.kbq-alert_colored.kbq-alert_success .kbq-alert__text{color:var(--kbq-alert-colored-success-container-text)}.kbq-alert.kbq-alert_colored.kbq-alert_info{background:var(--kbq-alert-colored-info-container-background)}.kbq-alert.kbq-alert_colored.kbq-alert_info .kbq-alert__title{color:var(--kbq-alert-colored-info-container-title)}.kbq-alert.kbq-alert_colored.kbq-alert_info .kbq-alert__text{color:var(--kbq-alert-colored-info-container-text)}.kbq-alert{font-size:var(--kbq-typography-text-normal-font-size);font-style:var(--kbq-typography-text-normal-font-style);font-weight:var(--kbq-typography-text-normal-font-weight);line-height:var(--kbq-typography-text-normal-line-height);font-family:var(--kbq-typography-text-normal-font-family);text-transform:var(--kbq-typography-text-normal-text-transform);font-feature-settings:var(--kbq-typography-text-normal-font-feature-settings);letter-spacing:var(--kbq-typography-text-normal-letter-spacing)}.kbq-alert .kbq-alert__title{font-size:var(--kbq-typography-subheading-font-size);font-style:var(--kbq-typography-subheading-font-style);font-weight:var(--kbq-typography-subheading-font-weight);line-height:var(--kbq-typography-subheading-line-height);font-family:var(--kbq-typography-subheading-font-family);text-transform:var(--kbq-typography-subheading-text-transform);font-feature-settings:var(--kbq-typography-subheading-font-feature-settings);letter-spacing:var(--kbq-typography-subheading-letter-spacing)}.kbq-alert.kbq-alert_compact .kbq-alert__title{font-size:var(--kbq-typography-text-big-strong-font-size);font-style:var(--kbq-typography-text-big-strong-font-style);font-weight:var(--kbq-typography-text-big-strong-font-weight);line-height:var(--kbq-typography-text-big-strong-line-height);font-family:var(--kbq-typography-text-big-strong-font-family);text-transform:var(--kbq-typography-text-big-strong-text-transform);font-feature-settings:var(--kbq-typography-text-big-strong-font-feature-settings);letter-spacing:var(--kbq-typography-text-big-strong-letter-spacing)}\n", ":where(.kbq-alert){--kbq-alert-size-normal-container-border-radius: var(--kbq-size-m);--kbq-alert-size-normal-container-padding-top: 0;--kbq-alert-size-normal-container-padding-right: var(--kbq-size-s);--kbq-alert-size-normal-container-padding-bottom: 0;--kbq-alert-size-normal-container-padding-left: var(--kbq-size-s);--kbq-alert-size-normal-content-padding-top: var(--kbq-size-l);--kbq-alert-size-normal-content-padding-right: var(--kbq-size-s);--kbq-alert-size-normal-content-padding-bottom: var(--kbq-size-l);--kbq-alert-size-normal-content-padding-left: var(--kbq-size-m);--kbq-alert-size-normal-icon-margin-top: var(--kbq-size-l);--kbq-alert-size-normal-icon-margin-right: 0;--kbq-alert-size-normal-icon-margin-bottom: var(--kbq-size-l);--kbq-alert-size-normal-icon-margin-left: var(--kbq-size-m);--kbq-alert-size-normal-icon-padding-top: var(--kbq-size-xxs);--kbq-alert-size-normal-title-margin-bottom: var(--kbq-size-xxs);--kbq-alert-size-normal-close-button-margin-top: 10px;--kbq-alert-size-normal-close-button-margin-left: var(--kbq-size-3xs);--kbq-alert-size-normal-button-stack-padding-top: var(--kbq-size-s);--kbq-alert-size-normal-button-stack-padding-bottom: var(--kbq-size-3xs);--kbq-alert-size-normal-no-title-icon-margin-top: var(--kbq-size-l);--kbq-alert-size-normal-no-title-icon-padding-top: var(--kbq-size-3xs);--kbq-alert-size-compact-container-border-radius: var(--kbq-size-m);--kbq-alert-size-compact-container-padding-top: 0;--kbq-alert-size-compact-container-padding-right: var(--kbq-size-s);--kbq-alert-size-compact-container-padding-bottom: 0;--kbq-alert-size-compact-container-padding-left: var(--kbq-size-l);--kbq-alert-size-compact-content-padding-top: var(--kbq-size-m);--kbq-alert-size-compact-content-padding-right: var(--kbq-size-s);--kbq-alert-size-compact-content-padding-bottom: var(--kbq-size-m);--kbq-alert-size-compact-content-padding-left: 0;--kbq-alert-size-compact-icon-margin-top: var(--kbq-size-m);--kbq-alert-size-compact-icon-margin-right: var(--kbq-size-s);--kbq-alert-size-compact-icon-padding-top: var(--kbq-size-xxs);--kbq-alert-size-compact-title-margin-bottom: var(--kbq-size-3xs);--kbq-alert-size-compact-close-button-margin-top: 10px;--kbq-alert-size-compact-close-button-margin-left: var(--kbq-size-3xs);--kbq-alert-size-compact-button-stack-padding-top: var(--kbq-size-s);--kbq-alert-size-compact-button-stack-padding-bottom: var(--kbq-size-3xs);--kbq-alert-size-compact-no-title-icon-margin-top: var(--kbq-size-m);--kbq-alert-size-compact-no-title-icon-padding-top: var(--kbq-size-3xs);--kbq-alert-default-error-container-background: var(--kbq-background-contrast-less);--kbq-alert-default-error-container-title: var(--kbq-foreground-contrast);--kbq-alert-default-error-container-text: var(--kbq-foreground-contrast);--kbq-alert-default-warning-container-background: var(--kbq-background-contrast-less);--kbq-alert-default-warning-container-title: var(--kbq-foreground-contrast);--kbq-alert-default-warning-container-text: var(--kbq-foreground-contrast);--kbq-alert-default-success-container-background: var(--kbq-background-contrast-less);--kbq-alert-default-success-container-title: var(--kbq-foreground-contrast);--kbq-alert-default-success-container-text: var(--kbq-foreground-contrast);--kbq-alert-default-info-container-background: var(--kbq-background-contrast-less);--kbq-alert-default-info-container-title: var(--kbq-foreground-contrast);--kbq-alert-default-info-container-text: var(--kbq-foreground-contrast);--kbq-alert-colored-error-container-background: var(--kbq-background-error-less);--kbq-alert-colored-error-container-title: var(--kbq-foreground-contrast);--kbq-alert-colored-error-container-text: var(--kbq-foreground-contrast);--kbq-alert-colored-warning-container-background: var(--kbq-background-warning-less);--kbq-alert-colored-warning-container-title: var(--kbq-foreground-contrast);--kbq-alert-colored-warning-container-text: var(--kbq-foreground-contrast);--kbq-alert-colored-success-container-background: var(--kbq-background-success-less);--kbq-alert-colored-success-container-title: var(--kbq-foreground-contrast);--kbq-alert-colored-success-container-text: var(--kbq-foreground-contrast);--kbq-alert-colored-info-container-background: var(--kbq-background-theme-less);--kbq-alert-colored-info-container-title: var(--kbq-foreground-contrast);--kbq-alert-colored-info-container-text: var(--kbq-foreground-contrast)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: KbqAlert, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.25", type: KbqAlert, isStandalone: true, selector: "kbq-alert", inputs: { compact: { classPropertyName: "compact", publicName: "compact", isSignal: true, isRequired: false, transformFunction: null }, alertStyle: { classPropertyName: "alertStyle", publicName: "alertStyle", isSignal: true, isRequired: false, transformFunction: null }, alertColor: { classPropertyName: "alertColor", publicName: "alertColor", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { closed: "closed" }, host: { properties: { "class": "alertColorClass()", "class.kbq-alert_normal": "!compact()", "class.kbq-alert_compact": "compact()", "class.kbq-alert_default": "!isColored()", "class.kbq-alert_colored": "isColored()", "class.kbq-alert_dismissible": "closeButton()" }, classAttribute: "kbq-alert" }, queries: [{ propertyName: "iconItem", first: true, predicate: KbqIconItem, isSignal: true }, { propertyName: "icon", first: true, predicate: KbqIcon, isSignal: true }, { propertyName: "button", first: true, predicate: KbqButton, descendants: true, isSignal: true }, { propertyName: "title", first: true, predicate: KbqAlertTitle, isSignal: true }, { propertyName: "control", first: true, predicate: KbqAlertControl, isSignal: true }, { propertyName: "closeButton", first: true, predicate: KbqAlertCloseButton, isSignal: true }], exportAs: ["kbqAlert"], ngImport: i0, template: "@if (projectedIcon()) {\n    <div class=\"kbq-alert__icon\" [class.kbq-alert__icon_title]=\"title()\">\n        <ng-content select=\"[kbq-icon-item],[kbq-icon]\" />\n    </div>\n}\n\n<div class=\"kbq-alert__content\" [class.kbq-alert__content_title]=\"title()\">\n    <ng-content select=\"[kbq-alert-title]\" />\n\n    <div class=\"kbq-alert__text\">\n        <ng-content />\n    </div>\n\n    @if (control()) {\n        <div class=\"kbq-alert__button-stack\" [class.kbq-alert__button-stack_has-button]=\"button()\">\n            <ng-content select=\"[kbq-alert-control]\" />\n        </div>\n    }\n</div>\n\n@if (closeButton()) {\n    <div class=\"kbq-alert__close-button\" (click)=\"closed.emit()\">\n        <ng-content select=\"[kbq-alert-close-button]\" />\n    </div>\n}\n", styles: [".kbq-alert{display:flex;box-sizing:border-box}.kbq-alert .kbq-alert__content_title{margin-bottom:var(--kbq-size-xxs)}.kbq-alert__icon{display:inline-flex;align-items:flex-start}.kbq-alert__content{display:flex;flex-direction:column;flex:1;justify-content:center}.kbq-alert.kbq-alert_normal{border-radius:var(--kbq-alert-size-normal-container-border-radius)}@supports (corner-shape: squircle){.kbq-alert.kbq-alert_normal{corner-shape:squircle;border-radius:clamp(var(--kbq-alert-size-normal-container-border-radius) * 1.85,var(--kbq-alert-size-normal-container-border-radius) * 2.3 - 3.6px,var(--kbq-alert-size-normal-container-border-radius) * 2)}}.kbq-alert.kbq-alert_normal{padding:var(--kbq-alert-size-normal-container-padding-top) var(--kbq-alert-size-normal-container-padding-right) var(--kbq-alert-size-normal-container-padding-bottom) var(--kbq-alert-size-normal-container-padding-left)}.kbq-alert.kbq-alert_normal .kbq-alert__icon{margin:var(--kbq-alert-size-normal-no-title-icon-margin-top) var(--kbq-alert-size-normal-icon-margin-right) var(--kbq-alert-size-normal-icon-margin-bottom) var(--kbq-alert-size-normal-icon-margin-left);padding-top:var(--kbq-alert-size-normal-no-title-icon-padding-top)}.kbq-alert.kbq-alert_normal .kbq-alert__icon.kbq-alert__icon_title{margin-top:var(--kbq-alert-size-normal-icon-margin-top);padding-top:var(--kbq-alert-size-normal-icon-padding-top)}.kbq-alert.kbq-alert_normal .kbq-alert__content{padding:var(--kbq-alert-size-normal-content-padding-top) var(--kbq-alert-size-normal-content-padding-right) var(--kbq-alert-size-normal-content-padding-bottom) var(--kbq-alert-size-normal-content-padding-left)}.kbq-alert.kbq-alert_normal .kbq-alert__title{margin-bottom:var(--kbq-alert-size-normal-title-margin-bottom)}.kbq-alert.kbq-alert_normal .kbq-alert__button-stack{display:flex;flex-wrap:wrap;align-items:center;gap:var(--kbq-size-m);padding-top:var(--kbq-alert-size-normal-button-stack-padding-top);padding-bottom:var(--kbq-alert-size-normal-button-stack-padding-bottom)}.kbq-alert.kbq-alert_normal .kbq-alert__button-stack_has-button{padding-top:var(--kbq-size-m)}.kbq-alert.kbq-alert_normal .kbq-alert__close-button{margin-top:var(--kbq-alert-size-normal-close-button-margin-top);margin-left:var(--kbq-alert-size-normal-close-button-margin-left)}.kbq-alert.kbq-alert_normal .kbq-alert__close-button .kbq-icon-button{--kbq-icon-button-size-normal-horizontal-padding: var(--kbq-size-xxs);--kbq-icon-button-size-normal-vertical-padding: var(--kbq-size-xxs)}.kbq-alert.kbq-alert_compact{border-radius:var(--kbq-alert-size-compact-container-border-radius)}@supports (corner-shape: squircle){.kbq-alert.kbq-alert_compact{corner-shape:squircle;border-radius:clamp(var(--kbq-alert-size-compact-container-border-radius) * 1.85,var(--kbq-alert-size-compact-container-border-radius) * 2.3 - 3.6px,var(--kbq-alert-size-compact-container-border-radius) * 2)}}.kbq-alert.kbq-alert_compact{padding:var(--kbq-alert-size-compact-container-padding-top) var(--kbq-alert-size-compact-container-padding-right) var(--kbq-alert-size-compact-container-padding-bottom) var(--kbq-alert-size-compact-container-padding-left)}.kbq-alert.kbq-alert_compact .kbq-alert__icon{margin-top:var(--kbq-alert-size-compact-no-title-icon-margin-top);margin-right:var(--kbq-alert-size-compact-icon-margin-right);padding-top:var(--kbq-alert-size-compact-no-title-icon-padding-top)}.kbq-alert.kbq-alert_compact .kbq-alert__icon.kbq-alert__icon_title{margin-top:var(--kbq-alert-size-compact-icon-margin-top);padding-top:var(--kbq-alert-size-compact-icon-padding-top)}.kbq-alert.kbq-alert_compact .kbq-alert__content{padding:var(--kbq-alert-size-compact-content-padding-top) var(--kbq-alert-size-compact-content-padding-right) var(--kbq-alert-size-compact-content-padding-bottom) var(--kbq-alert-size-compact-content-padding-left)}.kbq-alert.kbq-alert_compact .kbq-alert__title{margin-bottom:var(--kbq-alert-size-compact-title-margin-bottom)}.kbq-alert.kbq-alert_compact .kbq-alert__button-stack{display:flex;flex-wrap:wrap;align-items:center;gap:var(--kbq-size-m);padding-top:var(--kbq-alert-size-compact-button-stack-padding-top);padding-bottom:var(--kbq-alert-size-compact-button-stack-padding-bottom)}.kbq-alert.kbq-alert_compact .kbq-alert__button-stack_has-button{padding-top:var(--kbq-size-m)}.kbq-alert.kbq-alert_compact .kbq-alert__close-button{margin-top:var(--kbq-alert-size-compact-close-button-margin-top);margin-left:var(--kbq-alert-size-compact-close-button-margin-left)}.kbq-alert.kbq-alert_compact .kbq-alert__close-button .kbq-icon-button{--kbq-icon-button-size-normal-horizontal-padding: var(--kbq-size-xxs);--kbq-icon-button-size-normal-vertical-padding: var(--kbq-size-xxs)}.kbq-alert.kbq-alert_default.kbq-alert_error{background:var(--kbq-alert-default-error-container-background)}.kbq-alert.kbq-alert_default.kbq-alert_error .kbq-alert__title{color:var(--kbq-alert-default-error-container-title)}.kbq-alert.kbq-alert_default.kbq-alert_error .kbq-alert__text{color:var(--kbq-alert-default-error-container-text)}.kbq-alert.kbq-alert_default.kbq-alert_warning{background:var(--kbq-alert-default-warning-container-background)}.kbq-alert.kbq-alert_default.kbq-alert_warning .kbq-alert__title{color:var(--kbq-alert-default-warning-container-title)}.kbq-alert.kbq-alert_default.kbq-alert_warning .kbq-alert__text{color:var(--kbq-alert-default-warning-container-text)}.kbq-alert.kbq-alert_default.kbq-alert_success{background:var(--kbq-alert-default-success-container-background)}.kbq-alert.kbq-alert_default.kbq-alert_success .kbq-alert__title{color:var(--kbq-alert-default-success-container-title)}.kbq-alert.kbq-alert_default.kbq-alert_success .kbq-alert__text{color:var(--kbq-alert-default-success-container-text)}.kbq-alert.kbq-alert_default.kbq-alert_info{background:var(--kbq-alert-default-info-container-background)}.kbq-alert.kbq-alert_default.kbq-alert_info .kbq-alert__title{color:var(--kbq-alert-default-info-container-title)}.kbq-alert.kbq-alert_default.kbq-alert_info .kbq-alert__text{color:var(--kbq-alert-default-info-container-text)}.kbq-alert.kbq-alert_default .kbq-alert__icon>.kbq-icon:not(.kbq-icon-item,.kbq-icon-button){--kbq-icon-warning-color: var(--kbq-foreground-warning);--kbq-icon-success-color: var(--kbq-foreground-success)}.kbq-alert.kbq-alert_colored.kbq-alert_error{background:var(--kbq-alert-colored-error-container-background)}.kbq-alert.kbq-alert_colored.kbq-alert_error .kbq-alert__title{color:var(--kbq-alert-colored-error-container-title)}.kbq-alert.kbq-alert_colored.kbq-alert_error .kbq-alert__text{color:var(--kbq-alert-colored-error-container-text)}.kbq-alert.kbq-alert_colored.kbq-alert_warning{background:var(--kbq-alert-colored-warning-container-background)}.kbq-alert.kbq-alert_colored.kbq-alert_warning .kbq-alert__title{color:var(--kbq-alert-colored-warning-container-title)}.kbq-alert.kbq-alert_colored.kbq-alert_warning .kbq-alert__text{color:var(--kbq-alert-colored-warning-container-text)}.kbq-alert.kbq-alert_colored.kbq-alert_success{background:var(--kbq-alert-colored-success-container-background)}.kbq-alert.kbq-alert_colored.kbq-alert_success .kbq-alert__title{color:var(--kbq-alert-colored-success-container-title)}.kbq-alert.kbq-alert_colored.kbq-alert_success .kbq-alert__text{color:var(--kbq-alert-colored-success-container-text)}.kbq-alert.kbq-alert_colored.kbq-alert_info{background:var(--kbq-alert-colored-info-container-background)}.kbq-alert.kbq-alert_colored.kbq-alert_info .kbq-alert__title{color:var(--kbq-alert-colored-info-container-title)}.kbq-alert.kbq-alert_colored.kbq-alert_info .kbq-alert__text{color:var(--kbq-alert-colored-info-container-text)}.kbq-alert{font-size:var(--kbq-typography-text-normal-font-size);font-style:var(--kbq-typography-text-normal-font-style);font-weight:var(--kbq-typography-text-normal-font-weight);line-height:var(--kbq-typography-text-normal-line-height);font-family:var(--kbq-typography-text-normal-font-family);text-transform:var(--kbq-typography-text-normal-text-transform);font-feature-settings:var(--kbq-typography-text-normal-font-feature-settings);letter-spacing:var(--kbq-typography-text-normal-letter-spacing)}.kbq-alert .kbq-alert__title{font-size:var(--kbq-typography-subheading-font-size);font-style:var(--kbq-typography-subheading-font-style);font-weight:var(--kbq-typography-subheading-font-weight);line-height:var(--kbq-typography-subheading-line-height);font-family:var(--kbq-typography-subheading-font-family);text-transform:var(--kbq-typography-subheading-text-transform);font-feature-settings:var(--kbq-typography-subheading-font-feature-settings);letter-spacing:var(--kbq-typography-subheading-letter-spacing)}.kbq-alert.kbq-alert_compact .kbq-alert__title{font-size:var(--kbq-typography-text-big-strong-font-size);font-style:var(--kbq-typography-text-big-strong-font-style);font-weight:var(--kbq-typography-text-big-strong-font-weight);line-height:var(--kbq-typography-text-big-strong-line-height);font-family:var(--kbq-typography-text-big-strong-font-family);text-transform:var(--kbq-typography-text-big-strong-text-transform);font-feature-settings:var(--kbq-typography-text-big-strong-font-feature-settings);letter-spacing:var(--kbq-typography-text-big-strong-letter-spacing)}\n", ":where(.kbq-alert){--kbq-alert-size-normal-container-border-radius: var(--kbq-size-m);--kbq-alert-size-normal-container-padding-top: 0;--kbq-alert-size-normal-container-padding-right: var(--kbq-size-s);--kbq-alert-size-normal-container-padding-bottom: 0;--kbq-alert-size-normal-container-padding-left: var(--kbq-size-s);--kbq-alert-size-normal-content-padding-top: var(--kbq-size-l);--kbq-alert-size-normal-content-padding-right: var(--kbq-size-s);--kbq-alert-size-normal-content-padding-bottom: var(--kbq-size-l);--kbq-alert-size-normal-content-padding-left: var(--kbq-size-m);--kbq-alert-size-normal-icon-margin-top: var(--kbq-size-l);--kbq-alert-size-normal-icon-margin-right: 0;--kbq-alert-size-normal-icon-margin-bottom: var(--kbq-size-l);--kbq-alert-size-normal-icon-margin-left: var(--kbq-size-m);--kbq-alert-size-normal-icon-padding-top: var(--kbq-size-xxs);--kbq-alert-size-normal-title-margin-bottom: var(--kbq-size-xxs);--kbq-alert-size-normal-close-button-margin-top: 10px;--kbq-alert-size-normal-close-button-margin-left: var(--kbq-size-3xs);--kbq-alert-size-normal-button-stack-padding-top: var(--kbq-size-s);--kbq-alert-size-normal-button-stack-padding-bottom: var(--kbq-size-3xs);--kbq-alert-size-normal-no-title-icon-margin-top: var(--kbq-size-l);--kbq-alert-size-normal-no-title-icon-padding-top: var(--kbq-size-3xs);--kbq-alert-size-compact-container-border-radius: var(--kbq-size-m);--kbq-alert-size-compact-container-padding-top: 0;--kbq-alert-size-compact-container-padding-right: var(--kbq-size-s);--kbq-alert-size-compact-container-padding-bottom: 0;--kbq-alert-size-compact-container-padding-left: var(--kbq-size-l);--kbq-alert-size-compact-content-padding-top: var(--kbq-size-m);--kbq-alert-size-compact-content-padding-right: var(--kbq-size-s);--kbq-alert-size-compact-content-padding-bottom: var(--kbq-size-m);--kbq-alert-size-compact-content-padding-left: 0;--kbq-alert-size-compact-icon-margin-top: var(--kbq-size-m);--kbq-alert-size-compact-icon-margin-right: var(--kbq-size-s);--kbq-alert-size-compact-icon-padding-top: var(--kbq-size-xxs);--kbq-alert-size-compact-title-margin-bottom: var(--kbq-size-3xs);--kbq-alert-size-compact-close-button-margin-top: 10px;--kbq-alert-size-compact-close-button-margin-left: var(--kbq-size-3xs);--kbq-alert-size-compact-button-stack-padding-top: var(--kbq-size-s);--kbq-alert-size-compact-button-stack-padding-bottom: var(--kbq-size-3xs);--kbq-alert-size-compact-no-title-icon-margin-top: var(--kbq-size-m);--kbq-alert-size-compact-no-title-icon-padding-top: var(--kbq-size-3xs);--kbq-alert-default-error-container-background: var(--kbq-background-contrast-less);--kbq-alert-default-error-container-title: var(--kbq-foreground-contrast);--kbq-alert-default-error-container-text: var(--kbq-foreground-contrast);--kbq-alert-default-warning-container-background: var(--kbq-background-contrast-less);--kbq-alert-default-warning-container-title: var(--kbq-foreground-contrast);--kbq-alert-default-warning-container-text: var(--kbq-foreground-contrast);--kbq-alert-default-success-container-background: var(--kbq-background-contrast-less);--kbq-alert-default-success-container-title: var(--kbq-foreground-contrast);--kbq-alert-default-success-container-text: var(--kbq-foreground-contrast);--kbq-alert-default-info-container-background: var(--kbq-background-contrast-less);--kbq-alert-default-info-container-title: var(--kbq-foreground-contrast);--kbq-alert-default-info-container-text: var(--kbq-foreground-contrast);--kbq-alert-colored-error-container-background: var(--kbq-background-error-less);--kbq-alert-colored-error-container-title: var(--kbq-foreground-contrast);--kbq-alert-colored-error-container-text: var(--kbq-foreground-contrast);--kbq-alert-colored-warning-container-background: var(--kbq-background-warning-less);--kbq-alert-colored-warning-container-title: var(--kbq-foreground-contrast);--kbq-alert-colored-warning-container-text: var(--kbq-foreground-contrast);--kbq-alert-colored-success-container-background: var(--kbq-background-success-less);--kbq-alert-colored-success-container-title: var(--kbq-foreground-contrast);--kbq-alert-colored-success-container-text: var(--kbq-foreground-contrast);--kbq-alert-colored-info-container-background: var(--kbq-background-theme-less);--kbq-alert-colored-info-container-title: var(--kbq-foreground-contrast);--kbq-alert-colored-info-container-text: var(--kbq-foreground-contrast)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: KbqAlert, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: KbqAlert, decorators: [{
             type: Component,
             args: [{ selector: 'kbq-alert', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
                         class: 'kbq-alert',
@@ -162,21 +162,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.30", ngImpo
                         '[class.kbq-alert_default]': '!isColored()',
                         '[class.kbq-alert_colored]': 'isColored()',
                         '[class.kbq-alert_dismissible]': 'closeButton()'
-                    }, exportAs: 'kbqAlert', template: "@if (projectedIcon()) {\n    <div class=\"kbq-alert__icon\" [class.kbq-alert__icon_title]=\"title()\">\n        <ng-content select=\"[kbq-icon-item],[kbq-icon]\" />\n    </div>\n}\n\n<div class=\"kbq-alert__content\" [class.kbq-alert__content_title]=\"title()\">\n    <ng-content select=\"[kbq-alert-title]\" />\n\n    <div class=\"kbq-alert__text\">\n        <ng-content />\n    </div>\n\n    @if (control()) {\n        <div class=\"kbq-alert__button-stack\" [class.kbq-alert__button-stack_has-button]=\"button()\">\n            <ng-content select=\"[kbq-alert-control]\" />\n        </div>\n    }\n</div>\n\n@if (closeButton()) {\n    <div class=\"kbq-alert__close-button\" (click)=\"closed.emit()\">\n        <ng-content select=\"[kbq-alert-close-button]\" />\n    </div>\n}\n", styles: [".kbq-alert{display:flex;box-sizing:border-box}.kbq-alert .kbq-alert__content_title{margin-bottom:var(--kbq-size-xxs)}.kbq-alert__icon{display:inline-flex;align-items:flex-start}.kbq-alert__content{display:flex;flex-direction:column;flex:1;justify-content:center}.kbq-alert.kbq-alert_normal{border-radius:var(--kbq-alert-size-normal-container-border-radius);padding:var(--kbq-alert-size-normal-container-padding-top) var(--kbq-alert-size-normal-container-padding-right) var(--kbq-alert-size-normal-container-padding-bottom) var(--kbq-alert-size-normal-container-padding-left)}.kbq-alert.kbq-alert_normal .kbq-alert__icon{margin:var(--kbq-alert-size-normal-no-title-icon-margin-top) var(--kbq-alert-size-normal-icon-margin-right) var(--kbq-alert-size-normal-icon-margin-bottom) var(--kbq-alert-size-normal-icon-margin-left);padding-top:var(--kbq-alert-size-normal-no-title-icon-padding-top)}.kbq-alert.kbq-alert_normal .kbq-alert__icon.kbq-alert__icon_title{margin-top:var(--kbq-alert-size-normal-icon-margin-top);padding-top:var(--kbq-alert-size-normal-icon-padding-top)}.kbq-alert.kbq-alert_normal .kbq-alert__content{padding:var(--kbq-alert-size-normal-content-padding-top) var(--kbq-alert-size-normal-content-padding-right) var(--kbq-alert-size-normal-content-padding-bottom) var(--kbq-alert-size-normal-content-padding-left)}.kbq-alert.kbq-alert_normal .kbq-alert__title{margin-bottom:var(--kbq-alert-size-normal-title-margin-bottom)}.kbq-alert.kbq-alert_normal .kbq-alert__button-stack{display:flex;flex-wrap:wrap;align-items:center;gap:var(--kbq-size-m);padding-top:var(--kbq-alert-size-normal-button-stack-padding-top);padding-bottom:var(--kbq-alert-size-normal-button-stack-padding-bottom)}.kbq-alert.kbq-alert_normal .kbq-alert__button-stack_has-button{padding-top:var(--kbq-size-m)}.kbq-alert.kbq-alert_normal .kbq-alert__close-button{margin-top:var(--kbq-alert-size-normal-close-button-margin-top);margin-left:var(--kbq-alert-size-normal-close-button-margin-left)}.kbq-alert.kbq-alert_normal .kbq-alert__close-button .kbq-icon-button{--kbq-icon-button-size-normal-horizontal-padding: var(--kbq-size-xxs);--kbq-icon-button-size-normal-vertical-padding: var(--kbq-size-xxs)}.kbq-alert.kbq-alert_compact{border-radius:var(--kbq-alert-size-compact-container-border-radius);padding:var(--kbq-alert-size-compact-container-padding-top) var(--kbq-alert-size-compact-container-padding-right) var(--kbq-alert-size-compact-container-padding-bottom) var(--kbq-alert-size-compact-container-padding-left)}.kbq-alert.kbq-alert_compact .kbq-alert__icon{margin-top:var(--kbq-alert-size-compact-no-title-icon-margin-top);margin-right:var(--kbq-alert-size-compact-icon-margin-right);padding-top:var(--kbq-alert-size-compact-no-title-icon-padding-top)}.kbq-alert.kbq-alert_compact .kbq-alert__icon.kbq-alert__icon_title{margin-top:var(--kbq-alert-size-compact-icon-margin-top);padding-top:var(--kbq-alert-size-compact-icon-padding-top)}.kbq-alert.kbq-alert_compact .kbq-alert__content{padding:var(--kbq-alert-size-compact-content-padding-top) var(--kbq-alert-size-compact-content-padding-right) var(--kbq-alert-size-compact-content-padding-bottom) var(--kbq-alert-size-compact-content-padding-left)}.kbq-alert.kbq-alert_compact .kbq-alert__title{margin-bottom:var(--kbq-alert-size-compact-title-margin-bottom)}.kbq-alert.kbq-alert_compact .kbq-alert__button-stack{display:flex;flex-wrap:wrap;align-items:center;gap:var(--kbq-size-m);padding-top:var(--kbq-alert-size-compact-button-stack-padding-top);padding-bottom:var(--kbq-alert-size-compact-button-stack-padding-bottom)}.kbq-alert.kbq-alert_compact .kbq-alert__button-stack_has-button{padding-top:var(--kbq-size-m)}.kbq-alert.kbq-alert_compact .kbq-alert__close-button{margin-top:var(--kbq-alert-size-compact-close-button-margin-top);margin-left:var(--kbq-alert-size-compact-close-button-margin-left)}.kbq-alert.kbq-alert_compact .kbq-alert__close-button .kbq-icon-button{--kbq-icon-button-size-normal-horizontal-padding: var(--kbq-size-xxs);--kbq-icon-button-size-normal-vertical-padding: var(--kbq-size-xxs)}.kbq-alert.kbq-alert_default.kbq-alert_error{background:var(--kbq-alert-default-error-container-background)}.kbq-alert.kbq-alert_default.kbq-alert_error .kbq-alert__title{color:var(--kbq-alert-default-error-container-title)}.kbq-alert.kbq-alert_default.kbq-alert_error .kbq-alert__text{color:var(--kbq-alert-default-error-container-text)}.kbq-alert.kbq-alert_default.kbq-alert_warning{background:var(--kbq-alert-default-warning-container-background)}.kbq-alert.kbq-alert_default.kbq-alert_warning .kbq-alert__title{color:var(--kbq-alert-default-warning-container-title)}.kbq-alert.kbq-alert_default.kbq-alert_warning .kbq-alert__text{color:var(--kbq-alert-default-warning-container-text)}.kbq-alert.kbq-alert_default.kbq-alert_success{background:var(--kbq-alert-default-success-container-background)}.kbq-alert.kbq-alert_default.kbq-alert_success .kbq-alert__title{color:var(--kbq-alert-default-success-container-title)}.kbq-alert.kbq-alert_default.kbq-alert_success .kbq-alert__text{color:var(--kbq-alert-default-success-container-text)}.kbq-alert.kbq-alert_default.kbq-alert_info{background:var(--kbq-alert-default-info-container-background)}.kbq-alert.kbq-alert_default.kbq-alert_info .kbq-alert__title{color:var(--kbq-alert-default-info-container-title)}.kbq-alert.kbq-alert_default.kbq-alert_info .kbq-alert__text{color:var(--kbq-alert-default-info-container-text)}.kbq-alert.kbq-alert_default .kbq-alert__icon>.kbq-icon:not(.kbq-icon-item,.kbq-icon-button){--kbq-icon-warning-color: var(--kbq-foreground-warning);--kbq-icon-success-color: var(--kbq-foreground-success)}.kbq-alert.kbq-alert_colored.kbq-alert_error{background:var(--kbq-alert-colored-error-container-background)}.kbq-alert.kbq-alert_colored.kbq-alert_error .kbq-alert__title{color:var(--kbq-alert-colored-error-container-title)}.kbq-alert.kbq-alert_colored.kbq-alert_error .kbq-alert__text{color:var(--kbq-alert-colored-error-container-text)}.kbq-alert.kbq-alert_colored.kbq-alert_warning{background:var(--kbq-alert-colored-warning-container-background)}.kbq-alert.kbq-alert_colored.kbq-alert_warning .kbq-alert__title{color:var(--kbq-alert-colored-warning-container-title)}.kbq-alert.kbq-alert_colored.kbq-alert_warning .kbq-alert__text{color:var(--kbq-alert-colored-warning-container-text)}.kbq-alert.kbq-alert_colored.kbq-alert_success{background:var(--kbq-alert-colored-success-container-background)}.kbq-alert.kbq-alert_colored.kbq-alert_success .kbq-alert__title{color:var(--kbq-alert-colored-success-container-title)}.kbq-alert.kbq-alert_colored.kbq-alert_success .kbq-alert__text{color:var(--kbq-alert-colored-success-container-text)}.kbq-alert.kbq-alert_colored.kbq-alert_info{background:var(--kbq-alert-colored-info-container-background)}.kbq-alert.kbq-alert_colored.kbq-alert_info .kbq-alert__title{color:var(--kbq-alert-colored-info-container-title)}.kbq-alert.kbq-alert_colored.kbq-alert_info .kbq-alert__text{color:var(--kbq-alert-colored-info-container-text)}.kbq-alert{font-size:var(--kbq-typography-text-normal-font-size);font-style:var(--kbq-typography-text-normal-font-style);font-weight:var(--kbq-typography-text-normal-font-weight);line-height:var(--kbq-typography-text-normal-line-height);font-family:var(--kbq-typography-text-normal-font-family);text-transform:var(--kbq-typography-text-normal-text-transform);font-feature-settings:var(--kbq-typography-text-normal-font-feature-settings);letter-spacing:var(--kbq-typography-text-normal-letter-spacing)}.kbq-alert .kbq-alert__title{font-size:var(--kbq-typography-subheading-font-size);font-style:var(--kbq-typography-subheading-font-style);font-weight:var(--kbq-typography-subheading-font-weight);line-height:var(--kbq-typography-subheading-line-height);font-family:var(--kbq-typography-subheading-font-family);text-transform:var(--kbq-typography-subheading-text-transform);font-feature-settings:var(--kbq-typography-subheading-font-feature-settings);letter-spacing:var(--kbq-typography-subheading-letter-spacing)}.kbq-alert.kbq-alert_compact .kbq-alert__title{font-size:var(--kbq-typography-text-big-strong-font-size);font-style:var(--kbq-typography-text-big-strong-font-style);font-weight:var(--kbq-typography-text-big-strong-font-weight);line-height:var(--kbq-typography-text-big-strong-line-height);font-family:var(--kbq-typography-text-big-strong-font-family);text-transform:var(--kbq-typography-text-big-strong-text-transform);font-feature-settings:var(--kbq-typography-text-big-strong-font-feature-settings);letter-spacing:var(--kbq-typography-text-big-strong-letter-spacing)}\n", ":where(.kbq-alert){--kbq-alert-size-normal-container-border-radius: var(--kbq-size-m);--kbq-alert-size-normal-container-padding-top: 0;--kbq-alert-size-normal-container-padding-right: var(--kbq-size-s);--kbq-alert-size-normal-container-padding-bottom: 0;--kbq-alert-size-normal-container-padding-left: var(--kbq-size-s);--kbq-alert-size-normal-content-padding-top: var(--kbq-size-l);--kbq-alert-size-normal-content-padding-right: var(--kbq-size-s);--kbq-alert-size-normal-content-padding-bottom: var(--kbq-size-l);--kbq-alert-size-normal-content-padding-left: var(--kbq-size-m);--kbq-alert-size-normal-icon-margin-top: var(--kbq-size-l);--kbq-alert-size-normal-icon-margin-right: 0;--kbq-alert-size-normal-icon-margin-bottom: var(--kbq-size-l);--kbq-alert-size-normal-icon-margin-left: var(--kbq-size-m);--kbq-alert-size-normal-icon-padding-top: var(--kbq-size-xxs);--kbq-alert-size-normal-title-margin-bottom: var(--kbq-size-xxs);--kbq-alert-size-normal-close-button-margin-top: 10px;--kbq-alert-size-normal-close-button-margin-left: var(--kbq-size-3xs);--kbq-alert-size-normal-button-stack-padding-top: var(--kbq-size-s);--kbq-alert-size-normal-button-stack-padding-bottom: var(--kbq-size-3xs);--kbq-alert-size-normal-no-title-icon-margin-top: var(--kbq-size-l);--kbq-alert-size-normal-no-title-icon-padding-top: var(--kbq-size-3xs);--kbq-alert-size-compact-container-border-radius: var(--kbq-size-m);--kbq-alert-size-compact-container-padding-top: 0;--kbq-alert-size-compact-container-padding-right: var(--kbq-size-s);--kbq-alert-size-compact-container-padding-bottom: 0;--kbq-alert-size-compact-container-padding-left: var(--kbq-size-l);--kbq-alert-size-compact-content-padding-top: var(--kbq-size-m);--kbq-alert-size-compact-content-padding-right: var(--kbq-size-s);--kbq-alert-size-compact-content-padding-bottom: var(--kbq-size-m);--kbq-alert-size-compact-content-padding-left: 0;--kbq-alert-size-compact-icon-margin-top: var(--kbq-size-m);--kbq-alert-size-compact-icon-margin-right: var(--kbq-size-s);--kbq-alert-size-compact-icon-padding-top: var(--kbq-size-xxs);--kbq-alert-size-compact-title-margin-bottom: var(--kbq-size-3xs);--kbq-alert-size-compact-close-button-margin-top: 10px;--kbq-alert-size-compact-close-button-margin-left: var(--kbq-size-3xs);--kbq-alert-size-compact-button-stack-padding-top: var(--kbq-size-s);--kbq-alert-size-compact-button-stack-padding-bottom: var(--kbq-size-3xs);--kbq-alert-size-compact-no-title-icon-margin-top: var(--kbq-size-m);--kbq-alert-size-compact-no-title-icon-padding-top: var(--kbq-size-3xs);--kbq-alert-default-error-container-background: var(--kbq-background-contrast-less);--kbq-alert-default-error-container-title: var(--kbq-foreground-contrast);--kbq-alert-default-error-container-text: var(--kbq-foreground-contrast);--kbq-alert-default-warning-container-background: var(--kbq-background-contrast-less);--kbq-alert-default-warning-container-title: var(--kbq-foreground-contrast);--kbq-alert-default-warning-container-text: var(--kbq-foreground-contrast);--kbq-alert-default-success-container-background: var(--kbq-background-contrast-less);--kbq-alert-default-success-container-title: var(--kbq-foreground-contrast);--kbq-alert-default-success-container-text: var(--kbq-foreground-contrast);--kbq-alert-default-info-container-background: var(--kbq-background-contrast-less);--kbq-alert-default-info-container-title: var(--kbq-foreground-contrast);--kbq-alert-default-info-container-text: var(--kbq-foreground-contrast);--kbq-alert-colored-error-container-background: var(--kbq-background-error-less);--kbq-alert-colored-error-container-title: var(--kbq-foreground-contrast);--kbq-alert-colored-error-container-text: var(--kbq-foreground-contrast);--kbq-alert-colored-warning-container-background: var(--kbq-background-warning-less);--kbq-alert-colored-warning-container-title: var(--kbq-foreground-contrast);--kbq-alert-colored-warning-container-text: var(--kbq-foreground-contrast);--kbq-alert-colored-success-container-background: var(--kbq-background-success-less);--kbq-alert-colored-success-container-title: var(--kbq-foreground-contrast);--kbq-alert-colored-success-container-text: var(--kbq-foreground-contrast);--kbq-alert-colored-info-container-background: var(--kbq-background-theme-less);--kbq-alert-colored-info-container-title: var(--kbq-foreground-contrast);--kbq-alert-colored-info-container-text: var(--kbq-foreground-contrast)}\n"] }]
+                    }, exportAs: 'kbqAlert', template: "@if (projectedIcon()) {\n    <div class=\"kbq-alert__icon\" [class.kbq-alert__icon_title]=\"title()\">\n        <ng-content select=\"[kbq-icon-item],[kbq-icon]\" />\n    </div>\n}\n\n<div class=\"kbq-alert__content\" [class.kbq-alert__content_title]=\"title()\">\n    <ng-content select=\"[kbq-alert-title]\" />\n\n    <div class=\"kbq-alert__text\">\n        <ng-content />\n    </div>\n\n    @if (control()) {\n        <div class=\"kbq-alert__button-stack\" [class.kbq-alert__button-stack_has-button]=\"button()\">\n            <ng-content select=\"[kbq-alert-control]\" />\n        </div>\n    }\n</div>\n\n@if (closeButton()) {\n    <div class=\"kbq-alert__close-button\" (click)=\"closed.emit()\">\n        <ng-content select=\"[kbq-alert-close-button]\" />\n    </div>\n}\n", styles: [".kbq-alert{display:flex;box-sizing:border-box}.kbq-alert .kbq-alert__content_title{margin-bottom:var(--kbq-size-xxs)}.kbq-alert__icon{display:inline-flex;align-items:flex-start}.kbq-alert__content{display:flex;flex-direction:column;flex:1;justify-content:center}.kbq-alert.kbq-alert_normal{border-radius:var(--kbq-alert-size-normal-container-border-radius)}@supports (corner-shape: squircle){.kbq-alert.kbq-alert_normal{corner-shape:squircle;border-radius:clamp(var(--kbq-alert-size-normal-container-border-radius) * 1.85,var(--kbq-alert-size-normal-container-border-radius) * 2.3 - 3.6px,var(--kbq-alert-size-normal-container-border-radius) * 2)}}.kbq-alert.kbq-alert_normal{padding:var(--kbq-alert-size-normal-container-padding-top) var(--kbq-alert-size-normal-container-padding-right) var(--kbq-alert-size-normal-container-padding-bottom) var(--kbq-alert-size-normal-container-padding-left)}.kbq-alert.kbq-alert_normal .kbq-alert__icon{margin:var(--kbq-alert-size-normal-no-title-icon-margin-top) var(--kbq-alert-size-normal-icon-margin-right) var(--kbq-alert-size-normal-icon-margin-bottom) var(--kbq-alert-size-normal-icon-margin-left);padding-top:var(--kbq-alert-size-normal-no-title-icon-padding-top)}.kbq-alert.kbq-alert_normal .kbq-alert__icon.kbq-alert__icon_title{margin-top:var(--kbq-alert-size-normal-icon-margin-top);padding-top:var(--kbq-alert-size-normal-icon-padding-top)}.kbq-alert.kbq-alert_normal .kbq-alert__content{padding:var(--kbq-alert-size-normal-content-padding-top) var(--kbq-alert-size-normal-content-padding-right) var(--kbq-alert-size-normal-content-padding-bottom) var(--kbq-alert-size-normal-content-padding-left)}.kbq-alert.kbq-alert_normal .kbq-alert__title{margin-bottom:var(--kbq-alert-size-normal-title-margin-bottom)}.kbq-alert.kbq-alert_normal .kbq-alert__button-stack{display:flex;flex-wrap:wrap;align-items:center;gap:var(--kbq-size-m);padding-top:var(--kbq-alert-size-normal-button-stack-padding-top);padding-bottom:var(--kbq-alert-size-normal-button-stack-padding-bottom)}.kbq-alert.kbq-alert_normal .kbq-alert__button-stack_has-button{padding-top:var(--kbq-size-m)}.kbq-alert.kbq-alert_normal .kbq-alert__close-button{margin-top:var(--kbq-alert-size-normal-close-button-margin-top);margin-left:var(--kbq-alert-size-normal-close-button-margin-left)}.kbq-alert.kbq-alert_normal .kbq-alert__close-button .kbq-icon-button{--kbq-icon-button-size-normal-horizontal-padding: var(--kbq-size-xxs);--kbq-icon-button-size-normal-vertical-padding: var(--kbq-size-xxs)}.kbq-alert.kbq-alert_compact{border-radius:var(--kbq-alert-size-compact-container-border-radius)}@supports (corner-shape: squircle){.kbq-alert.kbq-alert_compact{corner-shape:squircle;border-radius:clamp(var(--kbq-alert-size-compact-container-border-radius) * 1.85,var(--kbq-alert-size-compact-container-border-radius) * 2.3 - 3.6px,var(--kbq-alert-size-compact-container-border-radius) * 2)}}.kbq-alert.kbq-alert_compact{padding:var(--kbq-alert-size-compact-container-padding-top) var(--kbq-alert-size-compact-container-padding-right) var(--kbq-alert-size-compact-container-padding-bottom) var(--kbq-alert-size-compact-container-padding-left)}.kbq-alert.kbq-alert_compact .kbq-alert__icon{margin-top:var(--kbq-alert-size-compact-no-title-icon-margin-top);margin-right:var(--kbq-alert-size-compact-icon-margin-right);padding-top:var(--kbq-alert-size-compact-no-title-icon-padding-top)}.kbq-alert.kbq-alert_compact .kbq-alert__icon.kbq-alert__icon_title{margin-top:var(--kbq-alert-size-compact-icon-margin-top);padding-top:var(--kbq-alert-size-compact-icon-padding-top)}.kbq-alert.kbq-alert_compact .kbq-alert__content{padding:var(--kbq-alert-size-compact-content-padding-top) var(--kbq-alert-size-compact-content-padding-right) var(--kbq-alert-size-compact-content-padding-bottom) var(--kbq-alert-size-compact-content-padding-left)}.kbq-alert.kbq-alert_compact .kbq-alert__title{margin-bottom:var(--kbq-alert-size-compact-title-margin-bottom)}.kbq-alert.kbq-alert_compact .kbq-alert__button-stack{display:flex;flex-wrap:wrap;align-items:center;gap:var(--kbq-size-m);padding-top:var(--kbq-alert-size-compact-button-stack-padding-top);padding-bottom:var(--kbq-alert-size-compact-button-stack-padding-bottom)}.kbq-alert.kbq-alert_compact .kbq-alert__button-stack_has-button{padding-top:var(--kbq-size-m)}.kbq-alert.kbq-alert_compact .kbq-alert__close-button{margin-top:var(--kbq-alert-size-compact-close-button-margin-top);margin-left:var(--kbq-alert-size-compact-close-button-margin-left)}.kbq-alert.kbq-alert_compact .kbq-alert__close-button .kbq-icon-button{--kbq-icon-button-size-normal-horizontal-padding: var(--kbq-size-xxs);--kbq-icon-button-size-normal-vertical-padding: var(--kbq-size-xxs)}.kbq-alert.kbq-alert_default.kbq-alert_error{background:var(--kbq-alert-default-error-container-background)}.kbq-alert.kbq-alert_default.kbq-alert_error .kbq-alert__title{color:var(--kbq-alert-default-error-container-title)}.kbq-alert.kbq-alert_default.kbq-alert_error .kbq-alert__text{color:var(--kbq-alert-default-error-container-text)}.kbq-alert.kbq-alert_default.kbq-alert_warning{background:var(--kbq-alert-default-warning-container-background)}.kbq-alert.kbq-alert_default.kbq-alert_warning .kbq-alert__title{color:var(--kbq-alert-default-warning-container-title)}.kbq-alert.kbq-alert_default.kbq-alert_warning .kbq-alert__text{color:var(--kbq-alert-default-warning-container-text)}.kbq-alert.kbq-alert_default.kbq-alert_success{background:var(--kbq-alert-default-success-container-background)}.kbq-alert.kbq-alert_default.kbq-alert_success .kbq-alert__title{color:var(--kbq-alert-default-success-container-title)}.kbq-alert.kbq-alert_default.kbq-alert_success .kbq-alert__text{color:var(--kbq-alert-default-success-container-text)}.kbq-alert.kbq-alert_default.kbq-alert_info{background:var(--kbq-alert-default-info-container-background)}.kbq-alert.kbq-alert_default.kbq-alert_info .kbq-alert__title{color:var(--kbq-alert-default-info-container-title)}.kbq-alert.kbq-alert_default.kbq-alert_info .kbq-alert__text{color:var(--kbq-alert-default-info-container-text)}.kbq-alert.kbq-alert_default .kbq-alert__icon>.kbq-icon:not(.kbq-icon-item,.kbq-icon-button){--kbq-icon-warning-color: var(--kbq-foreground-warning);--kbq-icon-success-color: var(--kbq-foreground-success)}.kbq-alert.kbq-alert_colored.kbq-alert_error{background:var(--kbq-alert-colored-error-container-background)}.kbq-alert.kbq-alert_colored.kbq-alert_error .kbq-alert__title{color:var(--kbq-alert-colored-error-container-title)}.kbq-alert.kbq-alert_colored.kbq-alert_error .kbq-alert__text{color:var(--kbq-alert-colored-error-container-text)}.kbq-alert.kbq-alert_colored.kbq-alert_warning{background:var(--kbq-alert-colored-warning-container-background)}.kbq-alert.kbq-alert_colored.kbq-alert_warning .kbq-alert__title{color:var(--kbq-alert-colored-warning-container-title)}.kbq-alert.kbq-alert_colored.kbq-alert_warning .kbq-alert__text{color:var(--kbq-alert-colored-warning-container-text)}.kbq-alert.kbq-alert_colored.kbq-alert_success{background:var(--kbq-alert-colored-success-container-background)}.kbq-alert.kbq-alert_colored.kbq-alert_success .kbq-alert__title{color:var(--kbq-alert-colored-success-container-title)}.kbq-alert.kbq-alert_colored.kbq-alert_success .kbq-alert__text{color:var(--kbq-alert-colored-success-container-text)}.kbq-alert.kbq-alert_colored.kbq-alert_info{background:var(--kbq-alert-colored-info-container-background)}.kbq-alert.kbq-alert_colored.kbq-alert_info .kbq-alert__title{color:var(--kbq-alert-colored-info-container-title)}.kbq-alert.kbq-alert_colored.kbq-alert_info .kbq-alert__text{color:var(--kbq-alert-colored-info-container-text)}.kbq-alert{font-size:var(--kbq-typography-text-normal-font-size);font-style:var(--kbq-typography-text-normal-font-style);font-weight:var(--kbq-typography-text-normal-font-weight);line-height:var(--kbq-typography-text-normal-line-height);font-family:var(--kbq-typography-text-normal-font-family);text-transform:var(--kbq-typography-text-normal-text-transform);font-feature-settings:var(--kbq-typography-text-normal-font-feature-settings);letter-spacing:var(--kbq-typography-text-normal-letter-spacing)}.kbq-alert .kbq-alert__title{font-size:var(--kbq-typography-subheading-font-size);font-style:var(--kbq-typography-subheading-font-style);font-weight:var(--kbq-typography-subheading-font-weight);line-height:var(--kbq-typography-subheading-line-height);font-family:var(--kbq-typography-subheading-font-family);text-transform:var(--kbq-typography-subheading-text-transform);font-feature-settings:var(--kbq-typography-subheading-font-feature-settings);letter-spacing:var(--kbq-typography-subheading-letter-spacing)}.kbq-alert.kbq-alert_compact .kbq-alert__title{font-size:var(--kbq-typography-text-big-strong-font-size);font-style:var(--kbq-typography-text-big-strong-font-style);font-weight:var(--kbq-typography-text-big-strong-font-weight);line-height:var(--kbq-typography-text-big-strong-line-height);font-family:var(--kbq-typography-text-big-strong-font-family);text-transform:var(--kbq-typography-text-big-strong-text-transform);font-feature-settings:var(--kbq-typography-text-big-strong-font-feature-settings);letter-spacing:var(--kbq-typography-text-big-strong-letter-spacing)}\n", ":where(.kbq-alert){--kbq-alert-size-normal-container-border-radius: var(--kbq-size-m);--kbq-alert-size-normal-container-padding-top: 0;--kbq-alert-size-normal-container-padding-right: var(--kbq-size-s);--kbq-alert-size-normal-container-padding-bottom: 0;--kbq-alert-size-normal-container-padding-left: var(--kbq-size-s);--kbq-alert-size-normal-content-padding-top: var(--kbq-size-l);--kbq-alert-size-normal-content-padding-right: var(--kbq-size-s);--kbq-alert-size-normal-content-padding-bottom: var(--kbq-size-l);--kbq-alert-size-normal-content-padding-left: var(--kbq-size-m);--kbq-alert-size-normal-icon-margin-top: var(--kbq-size-l);--kbq-alert-size-normal-icon-margin-right: 0;--kbq-alert-size-normal-icon-margin-bottom: var(--kbq-size-l);--kbq-alert-size-normal-icon-margin-left: var(--kbq-size-m);--kbq-alert-size-normal-icon-padding-top: var(--kbq-size-xxs);--kbq-alert-size-normal-title-margin-bottom: var(--kbq-size-xxs);--kbq-alert-size-normal-close-button-margin-top: 10px;--kbq-alert-size-normal-close-button-margin-left: var(--kbq-size-3xs);--kbq-alert-size-normal-button-stack-padding-top: var(--kbq-size-s);--kbq-alert-size-normal-button-stack-padding-bottom: var(--kbq-size-3xs);--kbq-alert-size-normal-no-title-icon-margin-top: var(--kbq-size-l);--kbq-alert-size-normal-no-title-icon-padding-top: var(--kbq-size-3xs);--kbq-alert-size-compact-container-border-radius: var(--kbq-size-m);--kbq-alert-size-compact-container-padding-top: 0;--kbq-alert-size-compact-container-padding-right: var(--kbq-size-s);--kbq-alert-size-compact-container-padding-bottom: 0;--kbq-alert-size-compact-container-padding-left: var(--kbq-size-l);--kbq-alert-size-compact-content-padding-top: var(--kbq-size-m);--kbq-alert-size-compact-content-padding-right: var(--kbq-size-s);--kbq-alert-size-compact-content-padding-bottom: var(--kbq-size-m);--kbq-alert-size-compact-content-padding-left: 0;--kbq-alert-size-compact-icon-margin-top: var(--kbq-size-m);--kbq-alert-size-compact-icon-margin-right: var(--kbq-size-s);--kbq-alert-size-compact-icon-padding-top: var(--kbq-size-xxs);--kbq-alert-size-compact-title-margin-bottom: var(--kbq-size-3xs);--kbq-alert-size-compact-close-button-margin-top: 10px;--kbq-alert-size-compact-close-button-margin-left: var(--kbq-size-3xs);--kbq-alert-size-compact-button-stack-padding-top: var(--kbq-size-s);--kbq-alert-size-compact-button-stack-padding-bottom: var(--kbq-size-3xs);--kbq-alert-size-compact-no-title-icon-margin-top: var(--kbq-size-m);--kbq-alert-size-compact-no-title-icon-padding-top: var(--kbq-size-3xs);--kbq-alert-default-error-container-background: var(--kbq-background-contrast-less);--kbq-alert-default-error-container-title: var(--kbq-foreground-contrast);--kbq-alert-default-error-container-text: var(--kbq-foreground-contrast);--kbq-alert-default-warning-container-background: var(--kbq-background-contrast-less);--kbq-alert-default-warning-container-title: var(--kbq-foreground-contrast);--kbq-alert-default-warning-container-text: var(--kbq-foreground-contrast);--kbq-alert-default-success-container-background: var(--kbq-background-contrast-less);--kbq-alert-default-success-container-title: var(--kbq-foreground-contrast);--kbq-alert-default-success-container-text: var(--kbq-foreground-contrast);--kbq-alert-default-info-container-background: var(--kbq-background-contrast-less);--kbq-alert-default-info-container-title: var(--kbq-foreground-contrast);--kbq-alert-default-info-container-text: var(--kbq-foreground-contrast);--kbq-alert-colored-error-container-background: var(--kbq-background-error-less);--kbq-alert-colored-error-container-title: var(--kbq-foreground-contrast);--kbq-alert-colored-error-container-text: var(--kbq-foreground-contrast);--kbq-alert-colored-warning-container-background: var(--kbq-background-warning-less);--kbq-alert-colored-warning-container-title: var(--kbq-foreground-contrast);--kbq-alert-colored-warning-container-text: var(--kbq-foreground-contrast);--kbq-alert-colored-success-container-background: var(--kbq-background-success-less);--kbq-alert-colored-success-container-title: var(--kbq-foreground-contrast);--kbq-alert-colored-success-container-text: var(--kbq-foreground-contrast);--kbq-alert-colored-info-container-background: var(--kbq-background-theme-less);--kbq-alert-colored-info-container-title: var(--kbq-foreground-contrast);--kbq-alert-colored-info-container-text: var(--kbq-foreground-contrast)}\n"] }]
         }], ctorParameters: () => [], propDecorators: { iconItem: [{ type: i0.ContentChild, args: [i0.forwardRef(() => KbqIconItem), { ...{ descendants: false }, isSignal: true }] }], icon: [{ type: i0.ContentChild, args: [i0.forwardRef(() => KbqIcon), { ...{ descendants: false }, isSignal: true }] }], button: [{ type: i0.ContentChild, args: [i0.forwardRef(() => KbqButton), { isSignal: true }] }], title: [{ type: i0.ContentChild, args: [i0.forwardRef(() => KbqAlertTitle), { ...{ descendants: false }, isSignal: true }] }], control: [{ type: i0.ContentChild, args: [i0.forwardRef(() => KbqAlertControl), { ...{ descendants: false }, isSignal: true }] }], closeButton: [{ type: i0.ContentChild, args: [i0.forwardRef(() => KbqAlertCloseButton), { ...{ descendants: false }, isSignal: true }] }], compact: [{ type: i0.Input, args: [{ isSignal: true, alias: "compact", required: false }] }], alertStyle: [{ type: i0.Input, args: [{ isSignal: true, alias: "alertStyle", required: false }] }], alertColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "alertColor", required: false }] }], closed: [{ type: i0.Output, args: ["closed"] }] } });
 
 class KbqAlertModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: KbqAlertModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.30", ngImport: i0, type: KbqAlertModule, imports: [KbqAlert,
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: KbqAlertModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.25", ngImport: i0, type: KbqAlertModule, imports: [KbqAlert,
             KbqAlertTitle,
             KbqAlertCloseButton,
             KbqAlertControl], exports: [KbqAlert,
             KbqAlertTitle,
             KbqAlertCloseButton,
             KbqAlertControl] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: KbqAlertModule }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: KbqAlertModule }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: KbqAlertModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: KbqAlertModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [