@koobiq/components 20.4.1 → 21.0.0

package/fesm2022/koobiq-components-popover.mjs

@@ -1,54 +1,96 @@
-import { trigger, state, style, transition, animate } from '@angular/animations';
-import { CdkTrapFocus, A11yModule, ConfigurableFocusTrapFactory, FocusTrapFactory, FOCUS_TRAP_INERT_STRATEGY } from '@angular/cdk/a11y';
+import { ConfigurableFocusTrapFactory, FocusTrapFactory, FOCUS_TRAP_INERT_STRATEGY, CdkTrapFocus, FocusMonitor } from '@angular/cdk/a11y';
 import * as i0 from '@angular/core';
-import { viewChild, ViewChild, ViewEncapsulation, ChangeDetectionStrategy, Component, InjectionToken, inject, Renderer2, input, booleanAttribute, EventEmitter, numberAttribute, Output, Input, Directive, output, NgModule } from '@angular/core';
-import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
+import { viewChild, ViewEncapsulation, ChangeDetectionStrategy, Component, InjectionToken, inject, input, booleanAttribute, EventEmitter, untracked, Directive, signal, output, effect, NgModule } from '@angular/core';
+import { takeUntilDestroyed, outputFromObservable } from '@angular/core/rxjs-interop';
 import * as i1 from '@koobiq/components/button';
 import { KbqButtonModule } from '@koobiq/components/button';
-import { KbqPopUp, KbqOverflowShadowContainer, KbqComponentColors, applyPopupMargins, KbqOverflowShadowTop, KbqOverflowShadowBottom, KbqPopUpTrigger, PopUpTriggers, PopUpSizes, POSITION_TO_CSS_MAP, kbqSiblingPopupProvider, EmptyFocusTrapStrategy } from '@koobiq/components/core';
+import { EmptyFocusTrapStrategy, KbqPopUp, kbqInjectA11yLocaleConfiguration, KbqOverflowShadowContainer, KbqComponentColors, applyPopupMargins, KbqOverflowShadowTop, KbqOverflowShadowBottom, kbqRepositionScrollStrategyFactory, KbqPopUpTrigger, KBQ_OVERLAY_LAYERS, PopUpTriggers, PopUpSizes, kbqOptionalNumberAttribute, PopUpPlacements, POSITION_TO_CSS_MAP, kbqSiblingPopupProvider, kbqInjectPopoverConfirmLocaleConfiguration } from '@koobiq/components/core';
 import { NEVER, merge, Subject } from 'rxjs';
 import { coerceBooleanProperty } from '@angular/cdk/coercion';
 import { CdkObserveContent } from '@angular/cdk/observers';
-import { Overlay, OverlayContainer, OverlayModule } from '@angular/cdk/overlay';
-import { NgTemplateOutlet } from '@angular/common';
+import { ScrollDispatcher } from '@angular/cdk/overlay';
+import { NgTemplateOutlet, DOCUMENT } from '@angular/common';
 import * as i2 from '@koobiq/components/icon';
 import { KbqIconModule } from '@koobiq/components/icon';
-
-const kbqPopoverAnimations = {
-    /** Animation that transitions a tooltip in and out. */
-    popoverState: trigger('state', [
-        state('initial', style({
-            opacity: 0,
-            transform: 'scale(1, 0.8)'
-        })),
-        transition('* => visible', animate('120ms cubic-bezier(0, 0, 0.2, 1)', style({
-            opacity: 1,
-            transform: 'scale(1, 1)'
-        }))),
-        transition('* => hidden', animate('100ms linear', style({ opacity: 0 })))
-    ])
-};
+import { KbqScrollbarViewport } from '@koobiq/components/scrollbar';
 
 const defaultOffsetYWithArrow = 8;
+/** Leave delay applied to a hover-triggered popover when `kbqLeaveDelay` is not bound. */
+const defaultHoverLeaveDelay = 500;
+/** Default `kbqPopoverBackdropClass`. */
+const defaultBackdropClass = 'cdk-overlay-transparent-backdrop';
+/** Debounce of the content-mutation observer that drives the scroll shadows, in milliseconds. */
+const contentObserverDebounce = 15;
+/** DOM event names the shared pop-up base records right before opening on a pointer or focus event. */
+const passiveOpenEvents = ['mouseenter', 'focus'];
+let nextUniqueId = 0;
+/**
+ * Focus-trap wiring of a popover panel.
+ *
+ * Provided on the panel components rather than on `KbqPopoverModule`: both entries are injector-wide, so at
+ * module level they replaced the CDK inert strategy for every other focus trap in the importing injector.
+ *
+ * @docs-private
+ */
+const KBQ_POPOVER_FOCUS_TRAP_PROVIDERS = [
+    { provide: FocusTrapFactory, useClass: ConfigurableFocusTrapFactory },
+    { provide: FOCUS_TRAP_INERT_STRATEGY, useClass: EmptyFocusTrapStrategy }
+];
 class KbqPopoverComponent extends KbqPopUp {
     constructor() {
         super(...arguments);
+        /** Accessible name for the icon-only close button. */
+        this.a11yLocaleConfiguration = kbqInjectA11yLocaleConfiguration();
+        /** Debounce shared by the mutation observer and the scroll-shadow container (both expose `debounce`). */
+        this.contentObserverDebounce = contentObserverDebounce;
         this.prefix = 'kbq-popover';
         this.isTrapFocus = false;
         this.hasCloseButton = false;
+        this.popoverElement = viewChild('popover', ...(ngDevMode ? [{ debugName: "popoverElement" }] : /* istanbul ignore next */ []));
         this.cdkTrapFocus = viewChild.required(CdkTrapFocus);
         /** @docs-private */
-        this.overflowContainer = viewChild(KbqOverflowShadowContainer, ...(ngDevMode ? [{ debugName: "overflowContainer" }] : []));
+        this.overflowContainer = viewChild(KbqOverflowShadowContainer, ...(ngDevMode ? [{ debugName: "overflowContainer" }] : /* istanbul ignore next */ []));
+        this.scrollbarViewport = viewChild(KbqScrollbarViewport, ...(ngDevMode ? [{ debugName: "scrollbarViewport" }] : /* istanbul ignore next */ []));
         this.componentColors = KbqComponentColors;
     }
+    /**
+     * Panel element (`.kbq-popover`), not the component host.
+     *
+     * Deliberately shadows the injected `KbqPopUp.elementRef`: the base measures and decorates the visible
+     * panel, so both `applyPopupMargins` here and `setStickPosition`/`addEventListenerForHide` in the base
+     * must resolve to the same element. The confirm template carries the matching `#popover` reference.
+     */
+    get elementRef() {
+        return this.popoverElement();
+    }
+    /** Id of the header text node, referenced by the panel's `aria-labelledby`. */
+    get headerId() {
+        return `${this.panelId}-header`;
+    }
+    /**
+     * Whether the header can name the dialog. Only a string header renders a text node with an id to point
+     * `aria-labelledby` at; a template header is arbitrary markup, so those panels fall back to `ariaLabel`.
+     */
+    get labelledByHeader() {
+        return !!this.header && !this.isTemplateRef(this.header);
+    }
     ngAfterViewInit() {
         this.visibleChange.pipe(takeUntilDestroyed(this.destroyRef)).subscribe((state) => {
             if (this.offset !== null && state && this.elementRef) {
                 applyPopupMargins(this.renderer, this.elementRef.nativeElement, this.prefix, `${this.offset.toString()}px`);
                 this.setStickPosition();
             }
+            // Every closing path ends here, and the panel is still in the DOM at this point, so this is the
+            // one place where focus can be handed back to the trigger instead of falling to `<body>`.
+            if (!state) {
+                this.trigger?.restoreFocus();
+            }
         });
-        this.cdkTrapFocus().focusTrap.focusFirstTabbableElement();
+        // A hover- or focus-triggered popover is dismissed by the pointer leaving it, so capturing the
+        // keyboard would strand focus on `<body>` when it auto-hides.
+        if (this.trigger?.capturesFocusOnOpen ?? true) {
+            this.cdkTrapFocus().focusTrap.focusFirstTabbableElement();
+        }
     }
     updateClassMap(placement, customClass, size) {
         super.updateClassMap(placement, customClass, { [`${this.prefix}_${size}`]: !!size });
@@ -56,64 +98,100 @@ class KbqPopoverComponent extends KbqPopUp {
     updateTrapFocus(isTrapFocus) {
         this.isTrapFocus = isTrapFocus;
     }
-    onEscape() {
-        this.hide(0);
-        this.trigger.focus();
+    /** Closes the panel on `Escape` inside it, unless a control there spent the key closing a popup of its own. */
+    onEscape(event) {
+        if (event?.defaultPrevented || this.trigger?.preventClose)
+            return;
+        // Spent, so that a container closing on Escape, such as a modal around an overlay layer, stays open.
+        event?.preventDefault();
+        this.requestClose();
+    }
+    /** Handles a click on the close button. */
+    onClose() {
+        this.requestClose();
+    }
+    /**
+     * Closes the panel through its trigger, so that `kbqPopoverPreventClose` is honored and focus is restored
+     * the same way as on every other closing path.
+     *
+     * The component is exported and can be rendered without a trigger — `ngAfterViewInit` already allows for
+     * that — and such a panel has no `preventClose` to honor and no trigger to hand focus back to, so it hides
+     * itself rather than throwing on a keypress.
+     */
+    requestClose() {
+        if (this.trigger) {
+            this.trigger.close();
+        }
+        else {
+            this.hide(0);
+        }
+    }
+    /**
+     * Whether the scrollable content region needs its own tab stop and landmark (AXE
+     * `scrollable-region-focusable`). An unconditional `tabindex` would add a stop to every popover.
+     */
+    isScrollableRegion(container) {
+        const { top, bottom } = container.overflow();
+        return top || bottom;
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: KbqPopoverComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.30", type: KbqPopoverComponent, isStandalone: true, selector: "kbq-popover-component", host: { listeners: { "keydown.esc": "onEscape()" } }, viewQueries: [{ propertyName: "cdkTrapFocus", first: true, predicate: CdkTrapFocus, descendants: true, isSignal: true }, { propertyName: "overflowContainer", first: true, predicate: KbqOverflowShadowContainer, descendants: true, isSignal: true }, { propertyName: "elementRef", first: true, predicate: ["popover"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div\n    #popover\n    class=\"kbq-popover\"\n    [class.kbq-popover_arrowless]=\"!arrow\"\n    [cdkTrapFocus]=\"isTrapFocus\"\n    [class]=\"classMap\"\n    [@state]=\"visibility\"\n    (@state.done)=\"animationDone($event)\"\n    (@state.start)=\"animationStart()\"\n>\n    <div\n        class=\"kbq-popover__container\"\n        [class.kbq-popover__container_with-footer]=\"footer\"\n        [class.kbq-popover__container_with-header]=\"header\"\n    >\n        @if (header) {\n            <div\n                class=\"kbq-popover__header\"\n                [class.kbq-popover__header_default-paddings]=\"defaultPaddings\"\n                [class.kbq-popover__header_with-close-button]=\"hasCloseButton\"\n                [kbqOverflowShadowTop]=\"overflowContainer()\"\n            >\n                @if (isTemplateRef(header)) {\n                    <ng-container [ngTemplateOutlet]=\"$any(header)\" [ngTemplateOutletContext]=\"context\" />\n                } @else {\n                    <div class=\"kbq-popover__header-text\">{{ header }}</div>\n                }\n            </div>\n        }\n\n        @if (content) {\n            <div\n                #popoverContent=\"kbqOverflowShadowContainer\"\n                kbqOverflowShadowContainer\n                class=\"kbq-popover__content kbq-scrollbar\"\n                [class.kbq-popover__content_default-paddings]=\"defaultPaddings\"\n                [debounce]=\"15\"\n                (cdkObserveContent)=\"popoverContent.checkOverflow()\"\n            >\n                @if (hasCloseButton && !header) {\n                    <div class=\"kbq-popover__close-container\">\n                        <ng-container [ngTemplateOutlet]=\"closeButton\" />\n                    </div>\n                }\n                @if (isTemplateRef(content)) {\n                    <ng-container [ngTemplateOutlet]=\"$any(content)\" [ngTemplateOutletContext]=\"context\" />\n                } @else {\n                    <div>{{ content }}</div>\n                }\n            </div>\n        }\n\n        @if (footer) {\n            <div\n                class=\"kbq-popover__footer\"\n                [class.kbq-popover__footer_default-paddings]=\"defaultPaddings\"\n                [kbqOverflowShadowBottom]=\"overflowContainer()\"\n            >\n                @if (isTemplateRef(footer)) {\n                    <ng-container [ngTemplateOutlet]=\"$any(footer)\" [ngTemplateOutletContext]=\"context\" />\n                } @else {\n                    <div>{{ footer }}</div>\n                }\n            </div>\n        }\n    </div>\n\n    @if (hasCloseButton && header) {\n        <div class=\"kbq-popover__close-container\">\n            <ng-container [ngTemplateOutlet]=\"closeButton\" />\n        </div>\n    }\n\n    <ng-template #closeButton>\n        <div class=\"kbq-popover__close\" [class.kbq-popover__close_background-overlay-inverse]=\"!header\">\n            <button kbq-button class=\"kbq-button_transparent\" [color]=\"componentColors.Contrast\" (click)=\"hide(0)\">\n                <i kbq-icon=\"kbq-xmark_16\" [color]=\"componentColors.Contrast\"></i>\n            </button>\n        </div>\n    </ng-template>\n\n    @if (arrow) {\n        <div class=\"kbq-popover__arrow\"></div>\n    }\n</div>\n", styles: ["@keyframes kbq-progress{0%{background-position:0 0}to{background-position:64px 0}}.kbq-progress{position:relative}.kbq-progress:after{content:\"\";position:absolute;border-radius:inherit;inset:0;background:linear-gradient(135deg,#0000000a 12px,#ffffff1a 12px 22px,#0000000a 22px 34px,#ffffff1a 34px) repeat;background-size:32px 32px;animation:kbq-progress 1s linear infinite}@media(prefers-reduced-motion:reduce){.kbq-progress:after{animation:none}}.kbq-group{display:flex;flex-direction:row}.kbq-group_justified>.kbq-group-item{width:100%}.kbq-group .kbq-group-item+.kbq-group-item{margin-left:calc(-1 * var(--kbq-size-border-width))}.kbq-group>.kbq-group-item:first-child:not(:last-child){border-bottom-right-radius:0;border-top-right-radius:0}.kbq-group>.kbq-group-item:last-child:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0}.kbq-group>.kbq-group-item:not(:first-child):not(:last-child){border-radius:0}.kbq-group>.kbq-group-item:first-child:not(:last-child) .kbq-form-field__container{border-bottom-right-radius:0;border-top-right-radius:0}.kbq-group>.kbq-group-item:last-child:not(:first-child) .kbq-form-field__container{border-bottom-left-radius:0;border-top-left-radius:0}.kbq-group>.kbq-group-item:not(:first-child):not(:last-child) .kbq-form-field__container{border-radius:0}.kbq-vertical-group{display:flex;flex-direction:column}.kbq-vertical-group>.kbq-group-item:first-child:not(:last-child){border-bottom-right-radius:0;border-bottom-left-radius:0;border-top-right-radius:var(--kbq-size-border-radius)}.kbq-vertical-group>.kbq-group-item:last-child:not(:first-child){border-top-right-radius:0;border-top-left-radius:0;border-bottom-left-radius:var(--kbq-size-border-radius)}.kbq-vertical-group>.kbq-group-item:not(:first-child):not(:last-child){border-radius:0}.kbq-vertical-group .kbq-group-item+.kbq-group-item{margin-top:calc(-1 * var(--kbq-size-border-width))}.kbq-vertical-group>.kbq-group-item:first-child:not(:last-child) .kbq-form-field__container{border-bottom-right-radius:0;border-bottom-left-radius:0}.kbq-vertical-group>.kbq-group-item:last-child:not(:first-child) .kbq-form-field__container{border-top-right-radius:0;border-top-left-radius:0}.kbq-vertical-group>.kbq-group-item:not(:first-child):not(:last-child) .kbq-form-field__container{border-radius:0}.kbq-truncate-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kbq-no-select{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.kbq-popover{position:relative;border-radius:var(--kbq-popover-size-container-border-radius);box-sizing:border-box;list-style:none;white-space:pre-line;z-index:1}.kbq-popover.kbq-popover_small{width:var(--kbq-popover-size-container-width-small)}.kbq-popover.kbq-popover_small .kbq-popover__content_default-paddings.kbq-popover__content{padding:var(--kbq-size-l)}.kbq-popover.kbq-popover_medium{width:var(--kbq-popover-size-container-width-medium)}.kbq-popover.kbq-popover_large{width:var(--kbq-popover-size-container-width-large)}.kbq-popover.kbq-popover_placement-top,.kbq-popover.kbq-popover_placement-top-left,.kbq-popover.kbq-popover_placement-top-right{margin-bottom:8px}.kbq-popover.kbq-popover_placement-right,.kbq-popover.kbq-popover_placement-right-top,.kbq-popover.kbq-popover_placement-right-bottom{margin-left:8px}.kbq-popover.kbq-popover_placement-bottom,.kbq-popover.kbq-popover_placement-bottom-left,.kbq-popover.kbq-popover_placement-bottom-right{margin-top:8px}.kbq-popover.kbq-popover_placement-left,.kbq-popover.kbq-popover_placement-left-top,.kbq-popover.kbq-popover_placement-left-bottom{margin-right:8px}.kbq-popover__content{overflow-y:auto}.kbq-popover__content.kbq-popover__content_default-paddings{padding:var(--kbq-popover-size-content-padding-top) var(--kbq-popover-size-content-padding-horizontal) var(--kbq-popover-size-content-padding-bottom)}.kbq-popover__container{overflow:hidden;display:flex;flex-direction:column;max-height:var(--kbq-popover-size-container-max-height);border-radius:var(--kbq-popover-size-container-border-radius)}.kbq-popover__container.kbq-popover__container_with-header .kbq-popover__content_default-paddings.kbq-popover__content{padding-top:var(--kbq-size-s)}.kbq-popover__container.kbq-popover__container_with-footer .kbq-popover__content_default-paddings.kbq-popover__content{padding-bottom:var(--kbq-size-s)}.kbq-popover__content .kbq-popover__close-container{display:flex;justify-content:flex-end;height:0}.kbq-popover__content .kbq-popover__close-container .kbq-popover__close{top:auto;right:auto;transform:translateY(-50%) translate(50%)}.kbq-popover__header{position:relative;z-index:2;display:flex;flex-shrink:0;align-items:center;overflow:hidden}.kbq-popover__header .kbq-popover__header-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kbq-popover__header.kbq-popover__header_default-paddings{padding:var(--kbq-popover-size-header-padding-top) var(--kbq-popover-size-header-padding-horizontal) var(--kbq-popover-size-header-padding-bottom) var(--kbq-popover-size-header-padding-horizontal)}.kbq-popover__header_with-close-button{padding-right:var(--kbq-size-4xl)}.kbq-popover__footer{position:relative;z-index:2}.kbq-popover__footer.kbq-popover__footer_default-paddings{padding:var(--kbq-popover-size-footer-padding-vertical) var(--kbq-popover-size-footer-padding-horizontal)}.kbq-popover__arrow{position:absolute;z-index:-1;width:12px;height:12px;transform:rotate(45deg)}.kbq-popover_placement-top .kbq-popover__arrow{bottom:-5.5px;left:50%;margin-left:-5.5px}.kbq-popover_placement-top-left .kbq-popover__arrow{bottom:-5.5px;left:24px}.kbq-popover_placement-top-right .kbq-popover__arrow{bottom:-5.5px;right:24px}.kbq-popover_placement-right .kbq-popover__arrow{left:-5.5px;top:50%;margin-top:-5.5px}.kbq-popover_placement-right-top .kbq-popover__arrow{left:-5.5px;top:24px}.kbq-popover_placement-right-bottom .kbq-popover__arrow{left:-5.5px;bottom:24px}.kbq-popover_placement-left .kbq-popover__arrow{right:-5.5px;top:50%;margin-top:-5.5px}.kbq-popover_placement-left-top .kbq-popover__arrow{right:-5.5px;top:24px}.kbq-popover_placement-left-bottom .kbq-popover__arrow{right:-5.5px;bottom:24px}.kbq-popover_placement-bottom .kbq-popover__arrow{top:-5.5px;left:50%;margin-left:-5.5px}.kbq-popover_placement-bottom-left .kbq-popover__arrow{top:-5.5px;left:24px}.kbq-popover_placement-bottom-right .kbq-popover__arrow{top:-5.5px;right:24px}.kbq-popover__close{position:absolute;z-index:2;top:var(--kbq-size-s);right:var(--kbq-size-s);border-radius:var(--kbq-size-border-radius)}.kbq-popover,.kbq-popover.kbq-popover_arrowless{box-shadow:var(--kbq-popover-container-shadow)}.kbq-popover__container{background:var(--kbq-popover-container-background)}.kbq-popover__arrow{box-shadow:var(--kbq-popover-container-shadow);background:var(--kbq-popover-container-background)}.kbq-popover__close.kbq-popover__close_background-overlay-inverse{background-color:var(--kbq-background-overlay-inverse)}.kbq-popover__header{color:var(--kbq-popover-header-text-color)}.kbq-popover__content{color:var(--kbq-popover-content-text-color)}.kbq-popover__header{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-popover__content{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)}\n", ".kbq-popover{--kbq-popover-size-container-width-small: 200px;--kbq-popover-size-container-width-medium: 400px;--kbq-popover-size-container-width-large: 640px;--kbq-popover-size-container-border-radius: var(--kbq-size-m);--kbq-popover-size-container-max-height: 480px;--kbq-popover-size-close-button-width: 32px;--kbq-popover-size-close-button-margin-right: -16px;--kbq-popover-size-close-button-margin-top: -10px;--kbq-popover-size-header-padding-horizontal: var(--kbq-size-xxl);--kbq-popover-size-header-padding-top: var(--kbq-size-l);--kbq-popover-size-header-padding-bottom: var(--kbq-size-xs);--kbq-popover-size-content-padding-top: var(--kbq-size-xxl);--kbq-popover-size-content-padding-bottom: var(--kbq-size-3xl);--kbq-popover-size-content-padding-horizontal: var(--kbq-size-xxl);--kbq-popover-size-content-padding-with-header-top: var(--kbq-size-s);--kbq-popover-size-content-padding-with-footer-bottom: var(--kbq-size-s);--kbq-popover-size-footer-padding-vertical: var(--kbq-size-l);--kbq-popover-size-footer-padding-horizontal: var(--kbq-size-xxl);--kbq-popover-container-background: var(--kbq-background-card);--kbq-popover-container-shadow: var(--kbq-shadow-popup);--kbq-popover-header-text-color: var(--kbq-foreground-contrast);--kbq-popover-header-scroll-shadow: var(--kbq-shadow-overflow-normal-bottom);--kbq-popover-content-text-color: var(--kbq-foreground-contrast);--kbq-popover-footer-scroll-shadow: var(--kbq-shadow-overflow-normal-top);--kbq-popover-borderless-shadow: 0 2px 8px var(--kbq-shadow-key), 0 3px 8px var(--kbq-shadow-ambient)}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: CdkObserveContent, selector: "[cdkObserveContent]", inputs: ["cdkObserveContentDisabled", "debounce"], outputs: ["cdkObserveContent"], exportAs: ["cdkObserveContent"] }, { kind: "ngmodule", type: KbqButtonModule }, { kind: "component", type: i1.KbqButton, selector: "[kbq-button]", inputs: ["kbqStyle", "disabled", "tabIndex"] }, { kind: "directive", type: i1.KbqButtonCssStyler, selector: "[kbq-button]" }, { kind: "ngmodule", type: KbqIconModule }, { kind: "component", type: i2.KbqIcon, selector: "[kbq-icon]", inputs: ["small", "autoColor", "kbq-icon"] }, { kind: "directive", type: CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }, { kind: "directive", type: KbqOverflowShadowContainer, selector: "[kbqOverflowShadowContainer]", inputs: ["debounce"], exportAs: ["kbqOverflowShadowContainer"] }, { kind: "directive", type: KbqOverflowShadowTop, selector: "[kbqOverflowShadowTop]", inputs: ["kbqOverflowShadowTop", "shadow"], exportAs: ["kbqOverflowShadowTop"] }, { kind: "directive", type: KbqOverflowShadowBottom, selector: "[kbqOverflowShadowBottom]", inputs: ["kbqOverflowShadowBottom", "shadow"], exportAs: ["kbqOverflowShadowBottom"] }], animations: [kbqPopoverAnimations.popoverState], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    afterShowAnimation() {
+        this.scrollbarViewport()?.flashScrollIndicators();
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: KbqPopoverComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.25", type: KbqPopoverComponent, isStandalone: true, selector: "kbq-popover-component", host: { listeners: { "keydown.esc": "onEscape($event)" } }, providers: KBQ_POPOVER_FOCUS_TRAP_PROVIDERS, viewQueries: [{ propertyName: "popoverElement", first: true, predicate: ["popover"], descendants: true, isSignal: true }, { propertyName: "cdkTrapFocus", first: true, predicate: CdkTrapFocus, descendants: true, isSignal: true }, { propertyName: "overflowContainer", first: true, predicate: KbqOverflowShadowContainer, descendants: true, isSignal: true }, { propertyName: "scrollbarViewport", first: true, predicate: KbqScrollbarViewport, descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<!--\n    The dialog role is dropped when nothing names the panel: a screen reader announces an unnamed dialog as\n    just \"dialog\", and the `aria-dialog-name` audit fails it. A named panel keeps the role.\n-->\n<div\n    #popover\n    class=\"kbq-popover\"\n    [attr.role]=\"labelledByHeader || ariaLabel ? 'dialog' : null\"\n    [attr.aria-label]=\"labelledByHeader ? null : ariaLabel\"\n    [attr.aria-labelledby]=\"labelledByHeader ? headerId : null\"\n    [id]=\"panelId\"\n    [class.kbq-popover_arrowless]=\"!arrow\"\n    [cdkTrapFocus]=\"isTrapFocus\"\n    [class]=\"classMap\"\n    [class.kbq-animations-disabled]=\"animationsDisabled\"\n    [class.kbq-popover_visible]=\"isVisible()\"\n>\n    <div\n        class=\"kbq-popover__container\"\n        [class.kbq-popover__container_with-footer]=\"footer\"\n        [class.kbq-popover__container_with-header]=\"header\"\n    >\n        @if (header) {\n            <div\n                class=\"kbq-popover__header\"\n                [class.kbq-popover__header_default-paddings]=\"defaultPaddings\"\n                [class.kbq-popover__header_with-close-button]=\"hasCloseButton\"\n                [kbqOverflowShadowTop]=\"overflowContainer()\"\n            >\n                @if (isTemplateRef(header)) {\n                    <ng-container [ngTemplateOutlet]=\"$any(header)\" [ngTemplateOutletContext]=\"context\" />\n                } @else {\n                    <div class=\"kbq-popover__header-text\" [id]=\"headerId\">{{ header }}</div>\n                }\n            </div>\n        }\n\n        @if (content) {\n            <div\n                #popoverContent=\"kbqOverflowShadowContainer\"\n                kbqOverflowShadowContainer\n                kbqScrollbarViewport\n                class=\"kbq-popover__content\"\n                [attr.tabindex]=\"isScrollableRegion(popoverContent) ? 0 : null\"\n                [attr.role]=\"isScrollableRegion(popoverContent) && labelledByHeader ? 'region' : null\"\n                [attr.aria-labelledby]=\"isScrollableRegion(popoverContent) && labelledByHeader ? headerId : null\"\n                [class.kbq-popover__content_default-paddings]=\"defaultPaddings\"\n                [debounce]=\"contentObserverDebounce\"\n                (cdkObserveContent)=\"popoverContent.checkOverflow()\"\n            >\n                @if (isTemplateRef(content)) {\n                    <ng-container [ngTemplateOutlet]=\"$any(content)\" [ngTemplateOutletContext]=\"context\" />\n                } @else {\n                    <div>{{ content }}</div>\n                }\n            </div>\n        }\n\n        @if (footer) {\n            <div\n                class=\"kbq-popover__footer\"\n                [class.kbq-popover__footer_default-paddings]=\"defaultPaddings\"\n                [kbqOverflowShadowBottom]=\"overflowContainer()\"\n            >\n                @if (isTemplateRef(footer)) {\n                    <ng-container [ngTemplateOutlet]=\"$any(footer)\" [ngTemplateOutletContext]=\"context\" />\n                } @else {\n                    <div>{{ footer }}</div>\n                }\n            </div>\n        }\n    </div>\n\n    @if (hasCloseButton) {\n        <div class=\"kbq-popover__close-container\" [class.kbq-popover__close-container_without-header]=\"!header\">\n            <div class=\"kbq-popover__close\" [class.kbq-popover__close_background-overlay-inverse]=\"!header\">\n                <button\n                    kbq-button\n                    class=\"kbq-button_transparent\"\n                    [attr.aria-label]=\"a11yLocaleConfiguration().close\"\n                    [color]=\"componentColors.Contrast\"\n                    (click)=\"onClose()\"\n                >\n                    <i kbq-icon=\"kbq-xmark_16\" [color]=\"componentColors.Contrast\"></i>\n                </button>\n            </div>\n        </div>\n    }\n\n    @if (arrow) {\n        <div class=\"kbq-popover__arrow\"></div>\n    }\n</div>\n", styles: ["@charset \"UTF-8\";.kbq-group{display:flex;flex-direction:row}.kbq-group_justified>.kbq-group-item{width:100%}.kbq-group .kbq-group-item+.kbq-group-item{margin-inline-start:calc(-1 * var(--kbq-size-border-width))}.kbq-group>.kbq-group-item:first-child:not(:last-child){border-start-end-radius:0;border-end-end-radius:0}.kbq-group>.kbq-group-item:last-child:not(:first-child){border-start-start-radius:0;border-end-start-radius:0}.kbq-group>.kbq-group-item:not(:first-child):not(:last-child){border-radius:0}.kbq-group>.kbq-group-item:first-child:not(:last-child) .kbq-form-field__container{border-start-end-radius:0;border-end-end-radius:0}.kbq-group>.kbq-group-item:last-child:not(:first-child) .kbq-form-field__container{border-start-start-radius:0;border-end-start-radius:0}.kbq-group>.kbq-group-item:not(:first-child):not(:last-child) .kbq-form-field__container{border-radius:0}.kbq-vertical-group{display:flex;flex-direction:column}.kbq-vertical-group>.kbq-group-item:first-child:not(:last-child){border-end-start-radius:0;border-end-end-radius:0;border-start-end-radius:var(--kbq-size-border-radius)}@supports (corner-shape: squircle){.kbq-vertical-group>.kbq-group-item:first-child:not(:last-child){corner-shape:squircle;border-start-end-radius:clamp(var(--kbq-size-border-radius) * 1.85,var(--kbq-size-border-radius) * 2.3 - 3.6px,var(--kbq-size-border-radius) * 2)}}.kbq-vertical-group>.kbq-group-item:last-child:not(:first-child){border-start-start-radius:0;border-start-end-radius:0;border-end-start-radius:var(--kbq-size-border-radius)}@supports (corner-shape: squircle){.kbq-vertical-group>.kbq-group-item:last-child:not(:first-child){corner-shape:squircle;border-end-start-radius:clamp(var(--kbq-size-border-radius) * 1.85,var(--kbq-size-border-radius) * 2.3 - 3.6px,var(--kbq-size-border-radius) * 2)}}.kbq-vertical-group>.kbq-group-item:not(:first-child):not(:last-child){border-radius:0}.kbq-vertical-group .kbq-group-item+.kbq-group-item{margin-top:calc(-1 * var(--kbq-size-border-width))}.kbq-vertical-group>.kbq-group-item:first-child:not(:last-child) .kbq-form-field__container{border-end-start-radius:0;border-end-end-radius:0}.kbq-vertical-group>.kbq-group-item:last-child:not(:first-child) .kbq-form-field__container{border-start-start-radius:0;border-start-end-radius:0}.kbq-vertical-group>.kbq-group-item:not(:first-child):not(:last-child) .kbq-form-field__container{border-radius:0}.kbq-truncate-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kbq-popover{position:relative;border-radius:var(--kbq-popover-size-container-border-radius)}@supports (corner-shape: squircle){.kbq-popover{corner-shape:squircle;border-radius:clamp(var(--kbq-popover-size-container-border-radius) * 1.85,var(--kbq-popover-size-container-border-radius) * 2.3 - 3.6px,var(--kbq-popover-size-container-border-radius) * 2)}}.kbq-popover{box-sizing:border-box;list-style:none;white-space:pre-line;z-index:1;opacity:0;transform:scaleY(.8)}.kbq-popover.kbq-popover_small{width:var(--kbq-popover-size-container-width-small)}.kbq-popover.kbq-popover_small .kbq-popover__content_default-paddings.kbq-popover__content{padding:var(--kbq-size-l)}.kbq-popover.kbq-popover_medium{width:var(--kbq-popover-size-container-width-medium)}.kbq-popover.kbq-popover_large{width:var(--kbq-popover-size-container-width-large)}.kbq-popover.kbq-popover_placement-top,.kbq-popover.kbq-popover_placement-top-left,.kbq-popover.kbq-popover_placement-top-right{margin-bottom:8px}.kbq-popover.kbq-popover_placement-right,.kbq-popover.kbq-popover_placement-right-top,.kbq-popover.kbq-popover_placement-right-bottom{margin-left:8px}.kbq-popover.kbq-popover_placement-bottom,.kbq-popover.kbq-popover_placement-bottom-left,.kbq-popover.kbq-popover_placement-bottom-right{margin-top:8px}.kbq-popover.kbq-popover_placement-left,.kbq-popover.kbq-popover_placement-left-top,.kbq-popover.kbq-popover_placement-left-bottom{margin-right:8px}.kbq-popover.kbq-popover_visible{opacity:1;transform:none;transition:opacity .12s cubic-bezier(0,0,.2,1),transform .12s cubic-bezier(0,0,.2,1)}.kbq-popover.kbq-popover_visible.kbq-animations-disabled{animation:none;transition:none}@media(prefers-reduced-motion:reduce){.kbq-popover.kbq-popover_visible{animation:none;transition:none}}.kbq-popover__content{overflow-y:auto}.kbq-popover__content.kbq-popover__content_default-paddings{padding:var(--kbq-popover-size-content-padding-top) var(--kbq-popover-size-content-padding-horizontal) var(--kbq-popover-size-content-padding-bottom)}.kbq-popover__container{overflow:hidden;display:flex;flex-direction:column;max-height:var(--kbq-popover-size-container-max-height);border-radius:var(--kbq-popover-size-container-border-radius)}@supports (corner-shape: squircle){.kbq-popover__container{corner-shape:squircle;border-radius:clamp(var(--kbq-popover-size-container-border-radius) * 1.85,var(--kbq-popover-size-container-border-radius) * 2.3 - 3.6px,var(--kbq-popover-size-container-border-radius) * 2)}}.kbq-popover__container.kbq-popover__container_with-header .kbq-popover__content_default-paddings.kbq-popover__content{padding-top:var(--kbq-size-s)}.kbq-popover__container.kbq-popover__container_with-footer .kbq-popover__content_default-paddings.kbq-popover__content{padding-bottom:var(--kbq-size-s)}.kbq-popover__close-container_without-header .kbq-popover__close{top:0;inset-inline-end:0;transform:translateY(-50%) translate(50%)}[dir=rtl] .kbq-popover__close-container_without-header .kbq-popover__close{transform:translateY(-50%) translate(-50%)}.kbq-popover__header{position:relative;z-index:2;display:flex;flex-shrink:0;align-items:center;overflow:hidden}.kbq-popover__header .kbq-popover__header-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kbq-popover__header.kbq-popover__header_default-paddings{padding:var(--kbq-popover-size-header-padding-top) var(--kbq-popover-size-header-padding-horizontal) var(--kbq-popover-size-header-padding-bottom) var(--kbq-popover-size-header-padding-horizontal)}.kbq-popover__header_with-close-button{padding-inline-end:var(--kbq-size-4xl)}.kbq-popover__footer{position:relative;z-index:2}.kbq-popover__footer.kbq-popover__footer_default-paddings{padding:var(--kbq-popover-size-footer-padding-vertical) var(--kbq-popover-size-footer-padding-horizontal)}.kbq-popover__arrow{position:absolute;z-index:-1;width:12px;height:12px;transform:rotate(45deg)}.kbq-popover_placement-top .kbq-popover__arrow{bottom:-5.5px;left:50%;margin-left:-5.5px}.kbq-popover_placement-top-left .kbq-popover__arrow{bottom:-5.5px;left:24px}.kbq-popover_placement-top-right .kbq-popover__arrow{bottom:-5.5px;right:24px}.kbq-popover_placement-right .kbq-popover__arrow{left:-5.5px;top:50%;margin-top:-5.5px}.kbq-popover_placement-right-top .kbq-popover__arrow{left:-5.5px;top:24px}.kbq-popover_placement-right-bottom .kbq-popover__arrow{left:-5.5px;bottom:24px}.kbq-popover_placement-left .kbq-popover__arrow{right:-5.5px;top:50%;margin-top:-5.5px}.kbq-popover_placement-left-top .kbq-popover__arrow{right:-5.5px;top:24px}.kbq-popover_placement-left-bottom .kbq-popover__arrow{right:-5.5px;bottom:24px}.kbq-popover_placement-bottom .kbq-popover__arrow{top:-5.5px;left:50%;margin-left:-5.5px}.kbq-popover_placement-bottom-left .kbq-popover__arrow{top:-5.5px;left:24px}.kbq-popover_placement-bottom-right .kbq-popover__arrow{top:-5.5px;right:24px}.kbq-popover__close{position:absolute;z-index:2;top:var(--kbq-size-s);inset-inline-end:var(--kbq-size-s);border-radius:var(--kbq-size-border-radius)}@supports (corner-shape: squircle){.kbq-popover__close{corner-shape:squircle;border-radius:clamp(var(--kbq-size-border-radius) * 1.85,var(--kbq-size-border-radius) * 2.3 - 3.6px,var(--kbq-size-border-radius) * 2)}}.kbq-popover,.kbq-popover.kbq-popover_arrowless{box-shadow:var(--kbq-popover-container-shadow)}.kbq-popover__container{background:var(--kbq-popover-container-background)}.kbq-popover__arrow{box-shadow:var(--kbq-popover-container-shadow);background:var(--kbq-popover-container-background)}.kbq-popover__close.kbq-popover__close_background-overlay-inverse{background-color:var(--kbq-background-overlay-inverse)}.kbq-popover__header{color:var(--kbq-popover-header-text-color)}.kbq-popover__content{color:var(--kbq-popover-content-text-color)}.kbq-popover__header{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-popover__content{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)}\n", ".kbq-popover{--kbq-popover-size-container-width-small: 200px;--kbq-popover-size-container-width-medium: 400px;--kbq-popover-size-container-width-large: 640px;--kbq-popover-size-container-border-radius: var(--kbq-size-m);--kbq-popover-size-container-max-height: 480px;--kbq-popover-size-close-button-width: 32px;--kbq-popover-size-close-button-margin-right: -16px;--kbq-popover-size-close-button-margin-top: -10px;--kbq-popover-size-header-padding-horizontal: var(--kbq-size-xxl);--kbq-popover-size-header-padding-top: var(--kbq-size-l);--kbq-popover-size-header-padding-bottom: var(--kbq-size-xs);--kbq-popover-size-content-padding-top: var(--kbq-size-xxl);--kbq-popover-size-content-padding-bottom: var(--kbq-size-3xl);--kbq-popover-size-content-padding-horizontal: var(--kbq-size-xxl);--kbq-popover-size-content-padding-with-header-top: var(--kbq-size-s);--kbq-popover-size-content-padding-with-footer-bottom: var(--kbq-size-s);--kbq-popover-size-footer-padding-vertical: var(--kbq-size-l);--kbq-popover-size-footer-padding-horizontal: var(--kbq-size-xxl);--kbq-popover-container-background: var(--kbq-background-card);--kbq-popover-container-shadow: var(--kbq-shadow-popup);--kbq-popover-header-text-color: var(--kbq-foreground-contrast);--kbq-popover-header-scroll-shadow: var(--kbq-shadow-overflow-normal-bottom);--kbq-popover-content-text-color: var(--kbq-foreground-contrast);--kbq-popover-footer-scroll-shadow: var(--kbq-shadow-overflow-normal-top)}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: CdkObserveContent, selector: "[cdkObserveContent]", inputs: ["cdkObserveContentDisabled", "debounce"], outputs: ["cdkObserveContent"], exportAs: ["cdkObserveContent"] }, { kind: "ngmodule", type: KbqButtonModule }, { kind: "component", type: i1.KbqButton, selector: "[kbq-button]", inputs: ["kbqStyle", "disabled", "tabIndex"] }, { kind: "directive", type: i1.KbqButtonCssStyler, selector: "[kbq-button]" }, { kind: "ngmodule", type: KbqIconModule }, { kind: "component", type: i2.KbqIcon, selector: "[kbq-icon]", inputs: ["aria-hidden", "iconSize", "autoColor", "kbq-icon"] }, { kind: "directive", type: KbqScrollbarViewport, selector: "[kbqScrollbarViewport]", inputs: ["kbqScrollbarMode", "kbqScrollbarHideDelay"] }, { kind: "directive", type: CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }, { kind: "directive", type: KbqOverflowShadowContainer, selector: "[kbqOverflowShadowContainer]", inputs: ["debounce"], exportAs: ["kbqOverflowShadowContainer"] }, { kind: "directive", type: KbqOverflowShadowTop, selector: "[kbqOverflowShadowTop]", inputs: ["kbqOverflowShadowTop", "shadow"], exportAs: ["kbqOverflowShadowTop"] }, { kind: "directive", type: KbqOverflowShadowBottom, selector: "[kbqOverflowShadowBottom]", inputs: ["kbqOverflowShadowBottom", "shadow"], exportAs: ["kbqOverflowShadowBottom"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: KbqPopoverComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: KbqPopoverComponent, decorators: [{
             type: Component,
             args: [{ selector: 'kbq-popover-component', imports: [
                         NgTemplateOutlet,
                         CdkObserveContent,
                         KbqButtonModule,
                         KbqIconModule,
+                        KbqScrollbarViewport,
                         CdkTrapFocus,
                         KbqOverflowShadowContainer,
                         KbqOverflowShadowTop,
                         KbqOverflowShadowBottom
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
-                        '(keydown.esc)': 'onEscape()'
-                    }, animations: [kbqPopoverAnimations.popoverState], preserveWhitespaces: false, template: "<div\n    #popover\n    class=\"kbq-popover\"\n    [class.kbq-popover_arrowless]=\"!arrow\"\n    [cdkTrapFocus]=\"isTrapFocus\"\n    [class]=\"classMap\"\n    [@state]=\"visibility\"\n    (@state.done)=\"animationDone($event)\"\n    (@state.start)=\"animationStart()\"\n>\n    <div\n        class=\"kbq-popover__container\"\n        [class.kbq-popover__container_with-footer]=\"footer\"\n        [class.kbq-popover__container_with-header]=\"header\"\n    >\n        @if (header) {\n            <div\n                class=\"kbq-popover__header\"\n                [class.kbq-popover__header_default-paddings]=\"defaultPaddings\"\n                [class.kbq-popover__header_with-close-button]=\"hasCloseButton\"\n                [kbqOverflowShadowTop]=\"overflowContainer()\"\n            >\n                @if (isTemplateRef(header)) {\n                    <ng-container [ngTemplateOutlet]=\"$any(header)\" [ngTemplateOutletContext]=\"context\" />\n                } @else {\n                    <div class=\"kbq-popover__header-text\">{{ header }}</div>\n                }\n            </div>\n        }\n\n        @if (content) {\n            <div\n                #popoverContent=\"kbqOverflowShadowContainer\"\n                kbqOverflowShadowContainer\n                class=\"kbq-popover__content kbq-scrollbar\"\n                [class.kbq-popover__content_default-paddings]=\"defaultPaddings\"\n                [debounce]=\"15\"\n                (cdkObserveContent)=\"popoverContent.checkOverflow()\"\n            >\n                @if (hasCloseButton && !header) {\n                    <div class=\"kbq-popover__close-container\">\n                        <ng-container [ngTemplateOutlet]=\"closeButton\" />\n                    </div>\n                }\n                @if (isTemplateRef(content)) {\n                    <ng-container [ngTemplateOutlet]=\"$any(content)\" [ngTemplateOutletContext]=\"context\" />\n                } @else {\n                    <div>{{ content }}</div>\n                }\n            </div>\n        }\n\n        @if (footer) {\n            <div\n                class=\"kbq-popover__footer\"\n                [class.kbq-popover__footer_default-paddings]=\"defaultPaddings\"\n                [kbqOverflowShadowBottom]=\"overflowContainer()\"\n            >\n                @if (isTemplateRef(footer)) {\n                    <ng-container [ngTemplateOutlet]=\"$any(footer)\" [ngTemplateOutletContext]=\"context\" />\n                } @else {\n                    <div>{{ footer }}</div>\n                }\n            </div>\n        }\n    </div>\n\n    @if (hasCloseButton && header) {\n        <div class=\"kbq-popover__close-container\">\n            <ng-container [ngTemplateOutlet]=\"closeButton\" />\n        </div>\n    }\n\n    <ng-template #closeButton>\n        <div class=\"kbq-popover__close\" [class.kbq-popover__close_background-overlay-inverse]=\"!header\">\n            <button kbq-button class=\"kbq-button_transparent\" [color]=\"componentColors.Contrast\" (click)=\"hide(0)\">\n                <i kbq-icon=\"kbq-xmark_16\" [color]=\"componentColors.Contrast\"></i>\n            </button>\n        </div>\n    </ng-template>\n\n    @if (arrow) {\n        <div class=\"kbq-popover__arrow\"></div>\n    }\n</div>\n", styles: ["@keyframes kbq-progress{0%{background-position:0 0}to{background-position:64px 0}}.kbq-progress{position:relative}.kbq-progress:after{content:\"\";position:absolute;border-radius:inherit;inset:0;background:linear-gradient(135deg,#0000000a 12px,#ffffff1a 12px 22px,#0000000a 22px 34px,#ffffff1a 34px) repeat;background-size:32px 32px;animation:kbq-progress 1s linear infinite}@media(prefers-reduced-motion:reduce){.kbq-progress:after{animation:none}}.kbq-group{display:flex;flex-direction:row}.kbq-group_justified>.kbq-group-item{width:100%}.kbq-group .kbq-group-item+.kbq-group-item{margin-left:calc(-1 * var(--kbq-size-border-width))}.kbq-group>.kbq-group-item:first-child:not(:last-child){border-bottom-right-radius:0;border-top-right-radius:0}.kbq-group>.kbq-group-item:last-child:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0}.kbq-group>.kbq-group-item:not(:first-child):not(:last-child){border-radius:0}.kbq-group>.kbq-group-item:first-child:not(:last-child) .kbq-form-field__container{border-bottom-right-radius:0;border-top-right-radius:0}.kbq-group>.kbq-group-item:last-child:not(:first-child) .kbq-form-field__container{border-bottom-left-radius:0;border-top-left-radius:0}.kbq-group>.kbq-group-item:not(:first-child):not(:last-child) .kbq-form-field__container{border-radius:0}.kbq-vertical-group{display:flex;flex-direction:column}.kbq-vertical-group>.kbq-group-item:first-child:not(:last-child){border-bottom-right-radius:0;border-bottom-left-radius:0;border-top-right-radius:var(--kbq-size-border-radius)}.kbq-vertical-group>.kbq-group-item:last-child:not(:first-child){border-top-right-radius:0;border-top-left-radius:0;border-bottom-left-radius:var(--kbq-size-border-radius)}.kbq-vertical-group>.kbq-group-item:not(:first-child):not(:last-child){border-radius:0}.kbq-vertical-group .kbq-group-item+.kbq-group-item{margin-top:calc(-1 * var(--kbq-size-border-width))}.kbq-vertical-group>.kbq-group-item:first-child:not(:last-child) .kbq-form-field__container{border-bottom-right-radius:0;border-bottom-left-radius:0}.kbq-vertical-group>.kbq-group-item:last-child:not(:first-child) .kbq-form-field__container{border-top-right-radius:0;border-top-left-radius:0}.kbq-vertical-group>.kbq-group-item:not(:first-child):not(:last-child) .kbq-form-field__container{border-radius:0}.kbq-truncate-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kbq-no-select{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.kbq-popover{position:relative;border-radius:var(--kbq-popover-size-container-border-radius);box-sizing:border-box;list-style:none;white-space:pre-line;z-index:1}.kbq-popover.kbq-popover_small{width:var(--kbq-popover-size-container-width-small)}.kbq-popover.kbq-popover_small .kbq-popover__content_default-paddings.kbq-popover__content{padding:var(--kbq-size-l)}.kbq-popover.kbq-popover_medium{width:var(--kbq-popover-size-container-width-medium)}.kbq-popover.kbq-popover_large{width:var(--kbq-popover-size-container-width-large)}.kbq-popover.kbq-popover_placement-top,.kbq-popover.kbq-popover_placement-top-left,.kbq-popover.kbq-popover_placement-top-right{margin-bottom:8px}.kbq-popover.kbq-popover_placement-right,.kbq-popover.kbq-popover_placement-right-top,.kbq-popover.kbq-popover_placement-right-bottom{margin-left:8px}.kbq-popover.kbq-popover_placement-bottom,.kbq-popover.kbq-popover_placement-bottom-left,.kbq-popover.kbq-popover_placement-bottom-right{margin-top:8px}.kbq-popover.kbq-popover_placement-left,.kbq-popover.kbq-popover_placement-left-top,.kbq-popover.kbq-popover_placement-left-bottom{margin-right:8px}.kbq-popover__content{overflow-y:auto}.kbq-popover__content.kbq-popover__content_default-paddings{padding:var(--kbq-popover-size-content-padding-top) var(--kbq-popover-size-content-padding-horizontal) var(--kbq-popover-size-content-padding-bottom)}.kbq-popover__container{overflow:hidden;display:flex;flex-direction:column;max-height:var(--kbq-popover-size-container-max-height);border-radius:var(--kbq-popover-size-container-border-radius)}.kbq-popover__container.kbq-popover__container_with-header .kbq-popover__content_default-paddings.kbq-popover__content{padding-top:var(--kbq-size-s)}.kbq-popover__container.kbq-popover__container_with-footer .kbq-popover__content_default-paddings.kbq-popover__content{padding-bottom:var(--kbq-size-s)}.kbq-popover__content .kbq-popover__close-container{display:flex;justify-content:flex-end;height:0}.kbq-popover__content .kbq-popover__close-container .kbq-popover__close{top:auto;right:auto;transform:translateY(-50%) translate(50%)}.kbq-popover__header{position:relative;z-index:2;display:flex;flex-shrink:0;align-items:center;overflow:hidden}.kbq-popover__header .kbq-popover__header-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kbq-popover__header.kbq-popover__header_default-paddings{padding:var(--kbq-popover-size-header-padding-top) var(--kbq-popover-size-header-padding-horizontal) var(--kbq-popover-size-header-padding-bottom) var(--kbq-popover-size-header-padding-horizontal)}.kbq-popover__header_with-close-button{padding-right:var(--kbq-size-4xl)}.kbq-popover__footer{position:relative;z-index:2}.kbq-popover__footer.kbq-popover__footer_default-paddings{padding:var(--kbq-popover-size-footer-padding-vertical) var(--kbq-popover-size-footer-padding-horizontal)}.kbq-popover__arrow{position:absolute;z-index:-1;width:12px;height:12px;transform:rotate(45deg)}.kbq-popover_placement-top .kbq-popover__arrow{bottom:-5.5px;left:50%;margin-left:-5.5px}.kbq-popover_placement-top-left .kbq-popover__arrow{bottom:-5.5px;left:24px}.kbq-popover_placement-top-right .kbq-popover__arrow{bottom:-5.5px;right:24px}.kbq-popover_placement-right .kbq-popover__arrow{left:-5.5px;top:50%;margin-top:-5.5px}.kbq-popover_placement-right-top .kbq-popover__arrow{left:-5.5px;top:24px}.kbq-popover_placement-right-bottom .kbq-popover__arrow{left:-5.5px;bottom:24px}.kbq-popover_placement-left .kbq-popover__arrow{right:-5.5px;top:50%;margin-top:-5.5px}.kbq-popover_placement-left-top .kbq-popover__arrow{right:-5.5px;top:24px}.kbq-popover_placement-left-bottom .kbq-popover__arrow{right:-5.5px;bottom:24px}.kbq-popover_placement-bottom .kbq-popover__arrow{top:-5.5px;left:50%;margin-left:-5.5px}.kbq-popover_placement-bottom-left .kbq-popover__arrow{top:-5.5px;left:24px}.kbq-popover_placement-bottom-right .kbq-popover__arrow{top:-5.5px;right:24px}.kbq-popover__close{position:absolute;z-index:2;top:var(--kbq-size-s);right:var(--kbq-size-s);border-radius:var(--kbq-size-border-radius)}.kbq-popover,.kbq-popover.kbq-popover_arrowless{box-shadow:var(--kbq-popover-container-shadow)}.kbq-popover__container{background:var(--kbq-popover-container-background)}.kbq-popover__arrow{box-shadow:var(--kbq-popover-container-shadow);background:var(--kbq-popover-container-background)}.kbq-popover__close.kbq-popover__close_background-overlay-inverse{background-color:var(--kbq-background-overlay-inverse)}.kbq-popover__header{color:var(--kbq-popover-header-text-color)}.kbq-popover__content{color:var(--kbq-popover-content-text-color)}.kbq-popover__header{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-popover__content{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)}\n", ".kbq-popover{--kbq-popover-size-container-width-small: 200px;--kbq-popover-size-container-width-medium: 400px;--kbq-popover-size-container-width-large: 640px;--kbq-popover-size-container-border-radius: var(--kbq-size-m);--kbq-popover-size-container-max-height: 480px;--kbq-popover-size-close-button-width: 32px;--kbq-popover-size-close-button-margin-right: -16px;--kbq-popover-size-close-button-margin-top: -10px;--kbq-popover-size-header-padding-horizontal: var(--kbq-size-xxl);--kbq-popover-size-header-padding-top: var(--kbq-size-l);--kbq-popover-size-header-padding-bottom: var(--kbq-size-xs);--kbq-popover-size-content-padding-top: var(--kbq-size-xxl);--kbq-popover-size-content-padding-bottom: var(--kbq-size-3xl);--kbq-popover-size-content-padding-horizontal: var(--kbq-size-xxl);--kbq-popover-size-content-padding-with-header-top: var(--kbq-size-s);--kbq-popover-size-content-padding-with-footer-bottom: var(--kbq-size-s);--kbq-popover-size-footer-padding-vertical: var(--kbq-size-l);--kbq-popover-size-footer-padding-horizontal: var(--kbq-size-xxl);--kbq-popover-container-background: var(--kbq-background-card);--kbq-popover-container-shadow: var(--kbq-shadow-popup);--kbq-popover-header-text-color: var(--kbq-foreground-contrast);--kbq-popover-header-scroll-shadow: var(--kbq-shadow-overflow-normal-bottom);--kbq-popover-content-text-color: var(--kbq-foreground-contrast);--kbq-popover-footer-scroll-shadow: var(--kbq-shadow-overflow-normal-top);--kbq-popover-borderless-shadow: 0 2px 8px var(--kbq-shadow-key), 0 3px 8px var(--kbq-shadow-ambient)}\n"] }]
-        }], propDecorators: { elementRef: [{
-                type: ViewChild,
-                args: ['popover']
-            }], cdkTrapFocus: [{ type: i0.ViewChild, args: [i0.forwardRef(() => CdkTrapFocus), { isSignal: true }] }], overflowContainer: [{ type: i0.ViewChild, args: [i0.forwardRef(() => KbqOverflowShadowContainer), { isSignal: true }] }] } });
+                    ], providers: KBQ_POPOVER_FOCUS_TRAP_PROVIDERS, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
+                        '(keydown.esc)': 'onEscape($event)'
+                    }, preserveWhitespaces: false, template: "<!--\n    The dialog role is dropped when nothing names the panel: a screen reader announces an unnamed dialog as\n    just \"dialog\", and the `aria-dialog-name` audit fails it. A named panel keeps the role.\n-->\n<div\n    #popover\n    class=\"kbq-popover\"\n    [attr.role]=\"labelledByHeader || ariaLabel ? 'dialog' : null\"\n    [attr.aria-label]=\"labelledByHeader ? null : ariaLabel\"\n    [attr.aria-labelledby]=\"labelledByHeader ? headerId : null\"\n    [id]=\"panelId\"\n    [class.kbq-popover_arrowless]=\"!arrow\"\n    [cdkTrapFocus]=\"isTrapFocus\"\n    [class]=\"classMap\"\n    [class.kbq-animations-disabled]=\"animationsDisabled\"\n    [class.kbq-popover_visible]=\"isVisible()\"\n>\n    <div\n        class=\"kbq-popover__container\"\n        [class.kbq-popover__container_with-footer]=\"footer\"\n        [class.kbq-popover__container_with-header]=\"header\"\n    >\n        @if (header) {\n            <div\n                class=\"kbq-popover__header\"\n                [class.kbq-popover__header_default-paddings]=\"defaultPaddings\"\n                [class.kbq-popover__header_with-close-button]=\"hasCloseButton\"\n                [kbqOverflowShadowTop]=\"overflowContainer()\"\n            >\n                @if (isTemplateRef(header)) {\n                    <ng-container [ngTemplateOutlet]=\"$any(header)\" [ngTemplateOutletContext]=\"context\" />\n                } @else {\n                    <div class=\"kbq-popover__header-text\" [id]=\"headerId\">{{ header }}</div>\n                }\n            </div>\n        }\n\n        @if (content) {\n            <div\n                #popoverContent=\"kbqOverflowShadowContainer\"\n                kbqOverflowShadowContainer\n                kbqScrollbarViewport\n                class=\"kbq-popover__content\"\n                [attr.tabindex]=\"isScrollableRegion(popoverContent) ? 0 : null\"\n                [attr.role]=\"isScrollableRegion(popoverContent) && labelledByHeader ? 'region' : null\"\n                [attr.aria-labelledby]=\"isScrollableRegion(popoverContent) && labelledByHeader ? headerId : null\"\n                [class.kbq-popover__content_default-paddings]=\"defaultPaddings\"\n                [debounce]=\"contentObserverDebounce\"\n                (cdkObserveContent)=\"popoverContent.checkOverflow()\"\n            >\n                @if (isTemplateRef(content)) {\n                    <ng-container [ngTemplateOutlet]=\"$any(content)\" [ngTemplateOutletContext]=\"context\" />\n                } @else {\n                    <div>{{ content }}</div>\n                }\n            </div>\n        }\n\n        @if (footer) {\n            <div\n                class=\"kbq-popover__footer\"\n                [class.kbq-popover__footer_default-paddings]=\"defaultPaddings\"\n                [kbqOverflowShadowBottom]=\"overflowContainer()\"\n            >\n                @if (isTemplateRef(footer)) {\n                    <ng-container [ngTemplateOutlet]=\"$any(footer)\" [ngTemplateOutletContext]=\"context\" />\n                } @else {\n                    <div>{{ footer }}</div>\n                }\n            </div>\n        }\n    </div>\n\n    @if (hasCloseButton) {\n        <div class=\"kbq-popover__close-container\" [class.kbq-popover__close-container_without-header]=\"!header\">\n            <div class=\"kbq-popover__close\" [class.kbq-popover__close_background-overlay-inverse]=\"!header\">\n                <button\n                    kbq-button\n                    class=\"kbq-button_transparent\"\n                    [attr.aria-label]=\"a11yLocaleConfiguration().close\"\n                    [color]=\"componentColors.Contrast\"\n                    (click)=\"onClose()\"\n                >\n                    <i kbq-icon=\"kbq-xmark_16\" [color]=\"componentColors.Contrast\"></i>\n                </button>\n            </div>\n        </div>\n    }\n\n    @if (arrow) {\n        <div class=\"kbq-popover__arrow\"></div>\n    }\n</div>\n", styles: ["@charset \"UTF-8\";.kbq-group{display:flex;flex-direction:row}.kbq-group_justified>.kbq-group-item{width:100%}.kbq-group .kbq-group-item+.kbq-group-item{margin-inline-start:calc(-1 * var(--kbq-size-border-width))}.kbq-group>.kbq-group-item:first-child:not(:last-child){border-start-end-radius:0;border-end-end-radius:0}.kbq-group>.kbq-group-item:last-child:not(:first-child){border-start-start-radius:0;border-end-start-radius:0}.kbq-group>.kbq-group-item:not(:first-child):not(:last-child){border-radius:0}.kbq-group>.kbq-group-item:first-child:not(:last-child) .kbq-form-field__container{border-start-end-radius:0;border-end-end-radius:0}.kbq-group>.kbq-group-item:last-child:not(:first-child) .kbq-form-field__container{border-start-start-radius:0;border-end-start-radius:0}.kbq-group>.kbq-group-item:not(:first-child):not(:last-child) .kbq-form-field__container{border-radius:0}.kbq-vertical-group{display:flex;flex-direction:column}.kbq-vertical-group>.kbq-group-item:first-child:not(:last-child){border-end-start-radius:0;border-end-end-radius:0;border-start-end-radius:var(--kbq-size-border-radius)}@supports (corner-shape: squircle){.kbq-vertical-group>.kbq-group-item:first-child:not(:last-child){corner-shape:squircle;border-start-end-radius:clamp(var(--kbq-size-border-radius) * 1.85,var(--kbq-size-border-radius) * 2.3 - 3.6px,var(--kbq-size-border-radius) * 2)}}.kbq-vertical-group>.kbq-group-item:last-child:not(:first-child){border-start-start-radius:0;border-start-end-radius:0;border-end-start-radius:var(--kbq-size-border-radius)}@supports (corner-shape: squircle){.kbq-vertical-group>.kbq-group-item:last-child:not(:first-child){corner-shape:squircle;border-end-start-radius:clamp(var(--kbq-size-border-radius) * 1.85,var(--kbq-size-border-radius) * 2.3 - 3.6px,var(--kbq-size-border-radius) * 2)}}.kbq-vertical-group>.kbq-group-item:not(:first-child):not(:last-child){border-radius:0}.kbq-vertical-group .kbq-group-item+.kbq-group-item{margin-top:calc(-1 * var(--kbq-size-border-width))}.kbq-vertical-group>.kbq-group-item:first-child:not(:last-child) .kbq-form-field__container{border-end-start-radius:0;border-end-end-radius:0}.kbq-vertical-group>.kbq-group-item:last-child:not(:first-child) .kbq-form-field__container{border-start-start-radius:0;border-start-end-radius:0}.kbq-vertical-group>.kbq-group-item:not(:first-child):not(:last-child) .kbq-form-field__container{border-radius:0}.kbq-truncate-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kbq-popover{position:relative;border-radius:var(--kbq-popover-size-container-border-radius)}@supports (corner-shape: squircle){.kbq-popover{corner-shape:squircle;border-radius:clamp(var(--kbq-popover-size-container-border-radius) * 1.85,var(--kbq-popover-size-container-border-radius) * 2.3 - 3.6px,var(--kbq-popover-size-container-border-radius) * 2)}}.kbq-popover{box-sizing:border-box;list-style:none;white-space:pre-line;z-index:1;opacity:0;transform:scaleY(.8)}.kbq-popover.kbq-popover_small{width:var(--kbq-popover-size-container-width-small)}.kbq-popover.kbq-popover_small .kbq-popover__content_default-paddings.kbq-popover__content{padding:var(--kbq-size-l)}.kbq-popover.kbq-popover_medium{width:var(--kbq-popover-size-container-width-medium)}.kbq-popover.kbq-popover_large{width:var(--kbq-popover-size-container-width-large)}.kbq-popover.kbq-popover_placement-top,.kbq-popover.kbq-popover_placement-top-left,.kbq-popover.kbq-popover_placement-top-right{margin-bottom:8px}.kbq-popover.kbq-popover_placement-right,.kbq-popover.kbq-popover_placement-right-top,.kbq-popover.kbq-popover_placement-right-bottom{margin-left:8px}.kbq-popover.kbq-popover_placement-bottom,.kbq-popover.kbq-popover_placement-bottom-left,.kbq-popover.kbq-popover_placement-bottom-right{margin-top:8px}.kbq-popover.kbq-popover_placement-left,.kbq-popover.kbq-popover_placement-left-top,.kbq-popover.kbq-popover_placement-left-bottom{margin-right:8px}.kbq-popover.kbq-popover_visible{opacity:1;transform:none;transition:opacity .12s cubic-bezier(0,0,.2,1),transform .12s cubic-bezier(0,0,.2,1)}.kbq-popover.kbq-popover_visible.kbq-animations-disabled{animation:none;transition:none}@media(prefers-reduced-motion:reduce){.kbq-popover.kbq-popover_visible{animation:none;transition:none}}.kbq-popover__content{overflow-y:auto}.kbq-popover__content.kbq-popover__content_default-paddings{padding:var(--kbq-popover-size-content-padding-top) var(--kbq-popover-size-content-padding-horizontal) var(--kbq-popover-size-content-padding-bottom)}.kbq-popover__container{overflow:hidden;display:flex;flex-direction:column;max-height:var(--kbq-popover-size-container-max-height);border-radius:var(--kbq-popover-size-container-border-radius)}@supports (corner-shape: squircle){.kbq-popover__container{corner-shape:squircle;border-radius:clamp(var(--kbq-popover-size-container-border-radius) * 1.85,var(--kbq-popover-size-container-border-radius) * 2.3 - 3.6px,var(--kbq-popover-size-container-border-radius) * 2)}}.kbq-popover__container.kbq-popover__container_with-header .kbq-popover__content_default-paddings.kbq-popover__content{padding-top:var(--kbq-size-s)}.kbq-popover__container.kbq-popover__container_with-footer .kbq-popover__content_default-paddings.kbq-popover__content{padding-bottom:var(--kbq-size-s)}.kbq-popover__close-container_without-header .kbq-popover__close{top:0;inset-inline-end:0;transform:translateY(-50%) translate(50%)}[dir=rtl] .kbq-popover__close-container_without-header .kbq-popover__close{transform:translateY(-50%) translate(-50%)}.kbq-popover__header{position:relative;z-index:2;display:flex;flex-shrink:0;align-items:center;overflow:hidden}.kbq-popover__header .kbq-popover__header-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kbq-popover__header.kbq-popover__header_default-paddings{padding:var(--kbq-popover-size-header-padding-top) var(--kbq-popover-size-header-padding-horizontal) var(--kbq-popover-size-header-padding-bottom) var(--kbq-popover-size-header-padding-horizontal)}.kbq-popover__header_with-close-button{padding-inline-end:var(--kbq-size-4xl)}.kbq-popover__footer{position:relative;z-index:2}.kbq-popover__footer.kbq-popover__footer_default-paddings{padding:var(--kbq-popover-size-footer-padding-vertical) var(--kbq-popover-size-footer-padding-horizontal)}.kbq-popover__arrow{position:absolute;z-index:-1;width:12px;height:12px;transform:rotate(45deg)}.kbq-popover_placement-top .kbq-popover__arrow{bottom:-5.5px;left:50%;margin-left:-5.5px}.kbq-popover_placement-top-left .kbq-popover__arrow{bottom:-5.5px;left:24px}.kbq-popover_placement-top-right .kbq-popover__arrow{bottom:-5.5px;right:24px}.kbq-popover_placement-right .kbq-popover__arrow{left:-5.5px;top:50%;margin-top:-5.5px}.kbq-popover_placement-right-top .kbq-popover__arrow{left:-5.5px;top:24px}.kbq-popover_placement-right-bottom .kbq-popover__arrow{left:-5.5px;bottom:24px}.kbq-popover_placement-left .kbq-popover__arrow{right:-5.5px;top:50%;margin-top:-5.5px}.kbq-popover_placement-left-top .kbq-popover__arrow{right:-5.5px;top:24px}.kbq-popover_placement-left-bottom .kbq-popover__arrow{right:-5.5px;bottom:24px}.kbq-popover_placement-bottom .kbq-popover__arrow{top:-5.5px;left:50%;margin-left:-5.5px}.kbq-popover_placement-bottom-left .kbq-popover__arrow{top:-5.5px;left:24px}.kbq-popover_placement-bottom-right .kbq-popover__arrow{top:-5.5px;right:24px}.kbq-popover__close{position:absolute;z-index:2;top:var(--kbq-size-s);inset-inline-end:var(--kbq-size-s);border-radius:var(--kbq-size-border-radius)}@supports (corner-shape: squircle){.kbq-popover__close{corner-shape:squircle;border-radius:clamp(var(--kbq-size-border-radius) * 1.85,var(--kbq-size-border-radius) * 2.3 - 3.6px,var(--kbq-size-border-radius) * 2)}}.kbq-popover,.kbq-popover.kbq-popover_arrowless{box-shadow:var(--kbq-popover-container-shadow)}.kbq-popover__container{background:var(--kbq-popover-container-background)}.kbq-popover__arrow{box-shadow:var(--kbq-popover-container-shadow);background:var(--kbq-popover-container-background)}.kbq-popover__close.kbq-popover__close_background-overlay-inverse{background-color:var(--kbq-background-overlay-inverse)}.kbq-popover__header{color:var(--kbq-popover-header-text-color)}.kbq-popover__content{color:var(--kbq-popover-content-text-color)}.kbq-popover__header{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-popover__content{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)}\n", ".kbq-popover{--kbq-popover-size-container-width-small: 200px;--kbq-popover-size-container-width-medium: 400px;--kbq-popover-size-container-width-large: 640px;--kbq-popover-size-container-border-radius: var(--kbq-size-m);--kbq-popover-size-container-max-height: 480px;--kbq-popover-size-close-button-width: 32px;--kbq-popover-size-close-button-margin-right: -16px;--kbq-popover-size-close-button-margin-top: -10px;--kbq-popover-size-header-padding-horizontal: var(--kbq-size-xxl);--kbq-popover-size-header-padding-top: var(--kbq-size-l);--kbq-popover-size-header-padding-bottom: var(--kbq-size-xs);--kbq-popover-size-content-padding-top: var(--kbq-size-xxl);--kbq-popover-size-content-padding-bottom: var(--kbq-size-3xl);--kbq-popover-size-content-padding-horizontal: var(--kbq-size-xxl);--kbq-popover-size-content-padding-with-header-top: var(--kbq-size-s);--kbq-popover-size-content-padding-with-footer-bottom: var(--kbq-size-s);--kbq-popover-size-footer-padding-vertical: var(--kbq-size-l);--kbq-popover-size-footer-padding-horizontal: var(--kbq-size-xxl);--kbq-popover-container-background: var(--kbq-background-card);--kbq-popover-container-shadow: var(--kbq-shadow-popup);--kbq-popover-header-text-color: var(--kbq-foreground-contrast);--kbq-popover-header-scroll-shadow: var(--kbq-shadow-overflow-normal-bottom);--kbq-popover-content-text-color: var(--kbq-foreground-contrast);--kbq-popover-footer-scroll-shadow: var(--kbq-shadow-overflow-normal-top)}\n"] }]
+        }], propDecorators: { popoverElement: [{ type: i0.ViewChild, args: ['popover', { isSignal: true }] }], cdkTrapFocus: [{ type: i0.ViewChild, args: [i0.forwardRef(() => CdkTrapFocus), { isSignal: true }] }], overflowContainer: [{ type: i0.ViewChild, args: [i0.forwardRef(() => KbqOverflowShadowContainer), { isSignal: true }] }], scrollbarViewport: [{ type: i0.ViewChild, args: [i0.forwardRef(() => KbqScrollbarViewport), { isSignal: true }] }] } });
 const KBQ_POPOVER_SCROLL_STRATEGY = new InjectionToken('kbq-popover-scroll-strategy', {
     providedIn: 'root',
-    factory: () => kbqPopoverScrollStrategyFactory(inject(Overlay))
+    factory: () => kbqPopoverScrollStrategyFactory(inject(ScrollDispatcher))
 });
 /** @docs-private */
-function kbqPopoverScrollStrategyFactory(overlay) {
-    return () => overlay.scrollStrategies.reposition({ scrollThrottle: 20 });
+function kbqPopoverScrollStrategyFactory(scrollDispatcher) {
+    return kbqRepositionScrollStrategyFactory(scrollDispatcher, { scrollThrottle: 20 });
 }
-/** @docs-private */
+/**
+ * Redundant to the root factory of the token; kept so an app can restore the default under its own override (#DS-2196).
+ *
+ * @docs-private
+ */
 const KBQ_POPOVER_SCROLL_STRATEGY_FACTORY_PROVIDER = {
     provide: KBQ_POPOVER_SCROLL_STRATEGY,
-    deps: [Overlay],
+    deps: [ScrollDispatcher],
     useFactory: kbqPopoverScrollStrategyFactory
 };
-/** Creates an error to be thrown if the user supplied an invalid popover position. */
-function getKbqPopoverInvalidPositionError(position) {
-    return Error(`KbqPopover position "${position}" is invalid.`);
-}
 class KbqPopoverTrigger extends KbqPopUpTrigger {
     constructor() {
         super(...arguments);
-        this.overlayContainer = inject(OverlayContainer);
-        this.renderer = inject(Renderer2);
         this.scrollStrategy = inject(KBQ_POPOVER_SCROLL_STRATEGY);
-        /** Controls whether the component should be hidden when it is not visible in the viewport. */
-        this.hideIfNotInViewPort = input(true, ...(ngDevMode ? [{ debugName: "hideIfNotInViewPort", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
+        this.focusMonitor = inject(FocusMonitor);
+        this.document = inject(DOCUMENT);
+        this.overlayLayers = inject(KBQ_OVERLAY_LAYERS);
+        /** Id of the panel this trigger controls, shared with `aria-controls`. */
+        this.panelId = `kbq-popover-${nextUniqueId++}`;
+        /**
+         * Input (`kbqPopoverHideIfNotInViewPort`) — whether the popover closes once its trigger scrolls out of the
+         * nearest scrollable ancestor. A bound `null` or `undefined` restores the default, `true`.
+         */
+        this.popoverHideIfNotInViewPort = input(true, { ...(ngDevMode ? { debugName: "popoverHideIfNotInViewPort" } : /* istanbul ignore next */ {}), alias: 'kbqPopoverHideIfNotInViewPort',
+            transform: (value) => (value == null ? true : booleanAttribute(value)) });
         /** prevents closure by any event */
-        // TODO: Skipped for migration because:
-        //  Your application code writes to the input. This prevents migration.
         this.preventClose = false;
-        /** disables default padding for all popover elements (header, content and footer) */
-        // TODO: Skipped for migration because:
-        //  Class of this input is referenced in the signature of another class.
+        /** Whether the header, content and footer keep their default paddings. Bound with `kbqPopoverDefaultPaddings`. */
         this.defaultPaddings = true;
         this._hasBackdrop = false;
         this._trigger = `${PopUpTriggers.Click}, ${PopUpTriggers.Keydown}`;
@@ -121,68 +199,181 @@ class KbqPopoverTrigger extends KbqPopUpTrigger {
         this._context = null;
         this._hasCloseButton = false;
         this._closeOnScroll = null;
-        // TODO: Skipped for migration because:
-        //  Class of this input is referenced in the signature of another class.
-        this.backdropClass = 'cdk-overlay-transparent-backdrop';
-        // @TODO add realization for arrow (#DS-2514)
-        // TODO: Skipped for migration because:
-        //  This input overrides a field from a superclass, while the superclass field
-        //  is not migrated.
+        this._backdropClass = defaultBackdropClass;
+        /** Input (`kbqPopoverArrow`) — renders the arrow pointing at the trigger. */
         this.arrow = true;
-        // TODO: Skipped for migration because:
-        //  Class of this input is referenced in the signature of another class.
+        /** Input (`kbqPopoverOffset`) — distance between the trigger and the panel, in pixels. */
         this.offset = defaultOffsetYWithArrow;
+        /**
+         * Input (`kbqPopoverAutoFocus`) — whether opening the popover moves the keyboard focus into the panel. Turn it
+         * off for a panel that must not disturb what the reader is doing: taking focus away from a text selection
+         * collapses it. Focus then never enters the panel, so its content has to be reachable some other way.
+         */
+        this.autoFocus = true;
+        /** Input (`kbqEnterDelay`) — delay before opening, in milliseconds. Defaults to `0`. */
+        this.enterDelay = 0;
+        this.leaveDelayBound = false;
+        /**
+         * Emits the resolved placement whenever the panel is repositioned.
+         *
+         * Declared as `string` to match the abstract member on `KbqPopUpTrigger`: `EventEmitter` is invariant,
+         * so a narrower emitter cannot override a wider one. Narrowing both is a change to the shared pop-up
+         * base and belongs to the branch that owns it.
+         */
         this.placementChange = new EventEmitter();
+        /** @docs-private */
+        this.placementChangeOutput = outputFromObservable(this.placementChange, { alias: 'kbqPopoverPlacementChange' });
+        /** Emits `true` when the panel opens and `false` when it closes. */
         this.visibleChange = new EventEmitter();
+        /** @docs-private */
+        this.visibleChangeOutput = outputFromObservable(this.visibleChange, { alias: 'kbqPopoverVisibleChange' });
         this.originSelector = '.kbq-popover';
-        this.classAddedToOverlayContainer = false;
+        /** Whether a position re-apply is already queued for this turn. */
+        this.repositionScheduled = false;
+        /**
+         * Whether the open currently on screen was a deliberate one rather than a pointer or focus one.
+         *
+         * The shared base records the event that opened the pop-up in `triggerName`, but its keyboard opener is
+         * the one listener registered without that bookkeeping, and it defers the open to a task of its own —
+         * by then `triggerName` still holds whatever the pointer last did. Frozen on every `show()`, which the
+         * pointer and focus listeners reach with the name they have just written.
+         */
+        this.deliberateOpen = true;
+        /** @docs-private */
+        this.triggerInput = input(undefined, { ...(ngDevMode ? { debugName: "triggerInput" } : /* istanbul ignore next */ {}), alias: 'kbqTrigger' });
+        /** @docs-private */
+        this.kbqLeaveDelayInput = input(undefined, { ...(ngDevMode ? { debugName: "kbqLeaveDelayInput" } : /* istanbul ignore next */ {}), alias: 'kbqLeaveDelay',
+            transform: kbqOptionalNumberAttribute });
+        /** @docs-private */
+        this.enterDelayInput = input(undefined, { ...(ngDevMode ? { debugName: "enterDelayInput" } : /* istanbul ignore next */ {}), alias: 'kbqEnterDelay',
+            transform: kbqOptionalNumberAttribute });
+        /** @docs-private */
+        this.preventCloseInput = input(undefined, { ...(ngDevMode ? { debugName: "preventCloseInput" } : /* istanbul ignore next */ {}), alias: 'kbqPopoverPreventClose',
+            transform: booleanAttribute });
+        /** @docs-private */
+        this.stickToWindowInput = input(undefined, { ...(ngDevMode ? { debugName: "stickToWindowInput" } : /* istanbul ignore next */ {}), alias: 'kbqPopoverStickToWindow' });
+        /** @docs-private */
+        this.popoverContainerInput = input(undefined, { ...(ngDevMode ? { debugName: "popoverContainerInput" } : /* istanbul ignore next */ {}), alias: 'kbqPopoverContainer' });
+        /** @docs-private */
+        this.popoverHasBackdropInput = input(undefined, { ...(ngDevMode ? { debugName: "popoverHasBackdropInput" } : /* istanbul ignore next */ {}), alias: 'kbqPopoverHasBackdrop',
+            transform: booleanAttribute });
+        /** @docs-private */
+        this.popoverBackdropClassInput = input(undefined, { ...(ngDevMode ? { debugName: "popoverBackdropClassInput" } : /* istanbul ignore next */ {}), alias: 'kbqPopoverBackdropClass' });
+        /** @docs-private */
+        this.popoverDefaultPaddingsInput = input(undefined, { ...(ngDevMode ? { debugName: "popoverDefaultPaddingsInput" } : /* istanbul ignore next */ {}), alias: 'kbqPopoverDefaultPaddings',
+            transform: booleanAttribute });
+        /** @docs-private */
+        this.sizeInput = input(undefined, { ...(ngDevMode ? { debugName: "sizeInput" } : /* istanbul ignore next */ {}), alias: 'kbqPopoverSize' });
+        /** @docs-private */
+        this.customClassInput = input(undefined, { ...(ngDevMode ? { debugName: "customClassInput" } : /* istanbul ignore next */ {}), alias: 'kbqPopoverClass' });
+        /** @docs-private */
+        this.headerInput = input(undefined, { ...(ngDevMode ? { debugName: "headerInput" } : /* istanbul ignore next */ {}), alias: 'kbqPopoverHeader' });
+        /** @docs-private */
+        this.contentInput = input(undefined, { ...(ngDevMode ? { debugName: "contentInput" } : /* istanbul ignore next */ {}), alias: 'kbqPopoverContent' });
+        /** @docs-private */
+        this.footerInput = input(undefined, { ...(ngDevMode ? { debugName: "footerInput" } : /* istanbul ignore next */ {}), alias: 'kbqPopoverFooter' });
+        /** @docs-private */
+        this.contextInput = input(undefined, { ...(ngDevMode ? { debugName: "contextInput" } : /* istanbul ignore next */ {}), alias: 'kbqPopoverContext' });
+        /** @docs-private */
+        this.ariaLabelInput = input(undefined, { ...(ngDevMode ? { debugName: "ariaLabelInput" } : /* istanbul ignore next */ {}), alias: 'kbqPopoverAriaLabel' });
+        /** @docs-private */
+        this.popoverHasCloseButtonInput = input(undefined, { ...(ngDevMode ? { debugName: "popoverHasCloseButtonInput" } : /* istanbul ignore next */ {}), alias: 'kbqPopoverHasCloseButton',
+            transform: booleanAttribute });
+        /** @docs-private */
+        this.popoverCloseOnScrollInput = input(undefined, { ...(ngDevMode ? { debugName: "popoverCloseOnScrollInput" } : /* istanbul ignore next */ {}), alias: 'kbqPopoverCloseOnScroll',
+            transform: booleanAttribute });
+        /** @docs-private */
+        this.arrowInput = input(undefined, { ...(ngDevMode ? { debugName: "arrowInput" } : /* istanbul ignore next */ {}), alias: 'kbqPopoverArrow',
+            transform: booleanAttribute });
+        /** @docs-private */
+        this.offsetInput = input(undefined, { ...(ngDevMode ? { debugName: "offsetInput" } : /* istanbul ignore next */ {}), alias: 'kbqPopoverOffset',
+            transform: kbqOptionalNumberAttribute });
+        /** @docs-private */
+        this.autoFocusInput = input(undefined, { ...(ngDevMode ? { debugName: "autoFocusInput" } : /* istanbul ignore next */ {}), alias: 'kbqPopoverAutoFocus',
+            transform: booleanAttribute });
+        /** @docs-private */
+        this.popoverOriginInput = input(undefined, { ...(ngDevMode ? { debugName: "popoverOriginInput" } : /* istanbul ignore next */ {}), alias: 'kbqPopoverOrigin' });
+        /** @docs-private */
+        this.disabledInput = input(undefined, { ...(ngDevMode ? { debugName: "disabledInput" } : /* istanbul ignore next */ {}), alias: 'kbqPopoverDisabled',
+            transform: booleanAttribute });
+        /** @docs-private */
+        this.popoverPlacementPriorityInput = input(undefined, { ...(ngDevMode ? { debugName: "popoverPlacementPriorityInput" } : /* istanbul ignore next */ {}), alias: 'kbqPopoverPlacementPriority' });
+        /** @docs-private */
+        this.popoverPlacementInput = input(undefined, { ...(ngDevMode ? { debugName: "popoverPlacementInput" } : /* istanbul ignore next */ {}), alias: 'kbqPopoverPlacement' });
+        /** @docs-private */
+        this.popoverVisibleInput = input(undefined, { ...(ngDevMode ? { debugName: "popoverVisibleInput" } : /* istanbul ignore next */ {}), alias: 'kbqPopoverVisible' });
+        /** Closes the popover once it has scrolled out of its nearest scrollable ancestor. */
         this.hideIfScrolledOutOfView = () => {
-            if (!this.scrollable || !this.hideIfNotInViewPort())
+            if (!this.instance || !this.scrollable || !this.popoverHideIfNotInViewPort())
                 return;
             const rect = this.elementRef.nativeElement.getBoundingClientRect();
             const containerRect = this.scrollable.getElementRef().nativeElement.getBoundingClientRect();
-            if (!(rect.bottom >= containerRect.top &&
+            const intersectsContainer = rect.bottom >= containerRect.top &&
                 rect.right >= containerRect.left &&
                 rect.top <= containerRect.bottom &&
-                rect.left <= containerRect.right)) {
+                rect.left <= containerRect.right;
+            if (!intersectsContainer) {
+                this.hide();
+            }
+        };
+        /** Closes the popover once its trigger has scrolled out of a `.kbq-hide-nested-popup` container. */
+        this.hideIfNestedPopupScrolledAway = (scrollable) => {
+            if (!this.instance)
+                return;
+            if (!scrollable?.getElementRef().nativeElement.classList.contains('kbq-hide-nested-popup'))
+                return;
+            const parentRects = scrollable.getElementRef().nativeElement.getBoundingClientRect();
+            const childRects = this.elementRef.nativeElement.getBoundingClientRect();
+            if (childRects.bottom < parentRects.top || childRects.top > parentRects.bottom) {
                 this.hide();
             }
         };
     }
-    // TODO: Skipped for migration because:
-    //  Accessor inputs cannot be migrated as they are too complex.
+    /** Input (`kbqPopoverDefaultPaddings`) — sets {@link defaultPaddings}. */
+    set popoverDefaultPaddings(value) {
+        this.defaultPaddings = value;
+    }
+    /** Input (`kbqPopoverVisible`) — opens the popover when set to `true` and closes it when set to `false`. */
     get popoverVisible() {
         return this.visible;
     }
     set popoverVisible(value) {
         super.updateVisible(value);
     }
-    // TODO: Skipped for migration because:
-    //  Accessor inputs cannot be migrated as they are too complex.
+    /** Input (`kbqPopoverPlacement`) — preferred placement of the panel relative to the trigger. */
     get popoverPlacement() {
         return this.placement;
     }
     set popoverPlacement(value) {
         super.updatePlacement(value);
     }
-    // TODO: Skipped for migration because:
-    //  Accessor inputs cannot be migrated as they are too complex.
+    /** Input (`kbqPopoverPlacementPriority`) — ordered placements tried before the default strategy. */
     get popoverPlacementPriority() {
         return this.placementPriority;
     }
     set popoverPlacementPriority(value) {
         super.updatePlacementPriority(value);
     }
-    // TODO: Skipped for migration because:
-    //  Accessor inputs cannot be migrated as they are too complex.
+    /** Input (`kbqPopoverContainer`) — sets {@link container}. */
+    set popoverContainer(value) {
+        this.container = value;
+    }
+    /**
+     * Whether a backdrop is rendered behind the panel. With a backdrop the popover closes on a backdrop click
+     * instead of on any outside pointer event. Bound with `kbqPopoverHasBackdrop`.
+     */
     get hasBackdrop() {
         return this._hasBackdrop;
     }
     set hasBackdrop(value) {
         this._hasBackdrop = coerceBooleanProperty(value);
+        this.invalidateOverlay();
+    }
+    /** Input (`kbqPopoverHasBackdrop`) — sets {@link hasBackdrop}. */
+    set popoverHasBackdrop(value) {
+        this.hasBackdrop = value;
     }
-    // TODO: Skipped for migration because:
-    //  Accessor inputs cannot be migrated as they are too complex.
+    /** Input (`kbqPopoverHeader`) — header of the panel, as a string or a template. */
     get header() {
         return this._header;
     }
@@ -190,8 +381,7 @@ class KbqPopoverTrigger extends KbqPopUpTrigger {
         this._header = value;
         this.updateData();
     }
-    // TODO: Skipped for migration because:
-    //  Accessor inputs cannot be migrated as they are too complex.
+    /** Input (`kbqPopoverContent`) — content of the panel, as a string or a template. */
     get content() {
         return this._content;
     }
@@ -199,8 +389,7 @@ class KbqPopoverTrigger extends KbqPopUpTrigger {
         this._content = value;
         this.updateData();
     }
-    // TODO: Skipped for migration because:
-    //  Accessor inputs cannot be migrated as they are too complex.
+    /** Input (`kbqPopoverFooter`) — footer of the panel, as a string or a template. */
     get footer() {
         return this._footer;
     }
@@ -208,8 +397,7 @@ class KbqPopoverTrigger extends KbqPopUpTrigger {
         this._footer = value;
         this.updateData();
     }
-    // TODO: Skipped for migration because:
-    //  Accessor inputs cannot be migrated as they are too complex.
+    /** Input (`kbqPopoverDisabled`) — disables the trigger and closes an open popover. */
     get disabled() {
         return this._disabled;
     }
@@ -219,8 +407,11 @@ class KbqPopoverTrigger extends KbqPopUpTrigger {
             this.hide();
         }
     }
-    // TODO: Skipped for migration because:
-    //  Accessor inputs cannot be migrated as they are too complex.
+    /**
+     * Input (`kbqTrigger`) with the comma-separated trigger events. An empty value resets to click + keydown
+     * and rebinds listeners. The alias is shared with `kbqTooltip`, so binding it on an element that carries
+     * both reconfigures both.
+     */
     get trigger() {
         return this._trigger;
     }
@@ -229,16 +420,24 @@ class KbqPopoverTrigger extends KbqPopUpTrigger {
             this._trigger = value;
             if (this.trigger.includes(PopUpTriggers.Hover)) {
                 this.hideWithTimeout = true;
-                this.leaveDelay = this.leaveDelay ?? 500;
             }
         }
         else {
             this._trigger = `${PopUpTriggers.Click}, ${PopUpTriggers.Keydown}`;
         }
+        // Re-derived from the trigger on every change rather than applied once to an unset delay: a popover
+        // switched to `hover` later closes on the 0 it was born with otherwise, leaving no time to cross the
+        // gap between the trigger and the panel.
+        if (!this.leaveDelayBound) {
+            this.leaveDelay = this.defaultLeaveDelay;
+        }
         this.initListeners();
     }
-    // TODO: Skipped for migration because:
-    //  Accessor inputs cannot be migrated as they are too complex.
+    /** Leave delay while `kbqLeaveDelay` is not bound. */
+    get defaultLeaveDelay() {
+        return this._trigger.includes(PopUpTriggers.Hover) ? defaultHoverLeaveDelay : 0;
+    }
+    /** Input (`kbqPopoverSize`) — preset width of the panel. An unknown value falls back to `medium`. */
     get size() {
         return this._size;
     }
@@ -249,10 +448,11 @@ class KbqPopoverTrigger extends KbqPopUpTrigger {
         }
         else {
             this._size = PopUpSizes.Medium;
+            // eslint-disable-next-line no-console
+            console.warn(`Unknown size: ${value}. Will use the default size: ${this._size}`);
         }
     }
-    // TODO: Skipped for migration because:
-    //  Accessor inputs cannot be migrated as they are too complex.
+    /** Input (`kbqPopoverClass`) with extra CSS classes applied to the panel. */
     get customClass() {
         return this._customClass;
     }
@@ -261,8 +461,6 @@ class KbqPopoverTrigger extends KbqPopUpTrigger {
         this.updateClassMap();
     }
     /** Context for popover templates (kbqPopoverHeader, kbqPopoverContent and kbqPopoverFooter). */
-    // TODO: Skipped for migration because:
-    //  Accessor inputs cannot be migrated as they are too complex.
     get context() {
         return this._context;
     }
@@ -270,8 +468,18 @@ class KbqPopoverTrigger extends KbqPopUpTrigger {
         this._context = ctx;
         this.updateData();
     }
-    // TODO: Skipped for migration because:
-    //  Accessor inputs cannot be migrated as they are too complex.
+    /**
+     * Accessible name of the panel. Ignored while a string `kbqPopoverHeader` is set — the header labels the
+     * dialog then — and recommended for every header-less popover.
+     */
+    get ariaLabel() {
+        return this._ariaLabel;
+    }
+    set ariaLabel(value) {
+        this._ariaLabel = value;
+        this.updateData();
+    }
+    /** Renders the icon-only close button in the top corner of the panel. Bound with `kbqPopoverHasCloseButton`. */
     get hasCloseButton() {
         return this._hasCloseButton;
     }
@@ -279,26 +487,81 @@ class KbqPopoverTrigger extends KbqPopUpTrigger {
         this._hasCloseButton = value;
         this.updateData();
     }
+    /** Input (`kbqPopoverHasCloseButton`) — sets {@link hasCloseButton}. */
+    set popoverHasCloseButton(value) {
+        this.hasCloseButton = value;
+    }
     /**
-     * Controls the behavior of closing the component on scroll.
-     * The default value is `false`.
+     * Controls the behavior of closing the component on scroll. Bound with `kbqPopoverCloseOnScroll`. Three
+     * states:
+     * - `null` (default) — the popover survives a scroll, except when it scrolls out of a
+     *   `.kbq-hide-nested-popup` container, which closes it;
+     * - `true` — any scroll closes the popover;
+     * - `false` — no scroll closes the popover, not even a `.kbq-hide-nested-popup` one.
+     *
      * Use CloseScrollStrategy as alternative
      */
-    // TODO: Skipped for migration because:
-    //  Accessor inputs cannot be migrated as they are too complex.
     get closeOnScroll() {
         return this._closeOnScroll;
     }
     set closeOnScroll(value) {
         this._closeOnScroll = coerceBooleanProperty(value);
     }
+    /** Input (`kbqPopoverCloseOnScroll`) — sets {@link closeOnScroll}. */
+    set popoverCloseOnScroll(value) {
+        this.closeOnScroll = value;
+    }
+    /** Whether the trigger opens the popover on click, which is also what makes it a labelled dialog opener. */
     get hasClickTrigger() {
         return this.trigger.includes(PopUpTriggers.Click);
     }
+    /**
+     * Whether opening the popover should move the keyboard focus into the panel. Only deliberate opens
+     * (click, keyboard, programmatic) do — a hover- or focus-triggered popover must not steal focus.
+     */
+    get capturesFocusOnOpen() {
+        return this.autoFocus && (this.hasClickTrigger || this.deliberateOpen);
+    }
     /** @docs-private */
     get instanceDestroyRef() {
         return this.instance.destroyRef;
     }
+    /** CSS class applied to the backdrop, when there is one. Bound with `kbqPopoverBackdropClass`. */
+    get backdropClass() {
+        return this._backdropClass;
+    }
+    set backdropClass(value) {
+        this._backdropClass = value;
+        this.invalidateOverlay();
+    }
+    /** Input (`kbqPopoverBackdropClass`) — sets {@link backdropClass}. */
+    set popoverBackdropClass(value) {
+        this.backdropClass = value;
+    }
+    /**
+     * Input (`kbqPopoverOrigin`) — what the panel is positioned against: an element, or a rectangle in viewport
+     * coordinates such as the one `kbqCreateCaretOrigin` keeps on the caret. `null` anchors it to the trigger.
+     *
+     * Bind it before `kbqPopoverVisible`, which opens the panel as it is written.
+     */
+    get popoverOrigin() {
+        return this.origin;
+    }
+    set popoverOrigin(value) {
+        this.updateOrigin(value);
+    }
+    /**
+     * Input (`kbqLeaveDelay`) — delay before closing, in milliseconds. Defaults to `0`, and to
+     * {@link defaultHoverLeaveDelay} when `kbqTrigger` includes `hover`.
+     */
+    // A write-only input rather than an accessor over `leaveDelay`: the base declares that member as a
+    // plain field, and TypeScript refuses to override a property with an accessor (TS2611).
+    set kbqLeaveDelay(value) {
+        this.leaveDelay = value;
+        // Tracked instead of comparing the delay against a sentinel: an explicit `kbqLeaveDelay="0"` and an
+        // unbound one are indistinguishable by value, and only the latter takes the hover default.
+        this.leaveDelayBound = true;
+    }
     // NB: the trigger↔popover gap is a CSS `margin` on `.kbq-popover` (see `applyPopupMargins`), which sits inside
     // this `pointer-events: auto` pane, so the gap band is already covered and not click/hover-through. This is why
     // the connected-overlay `offsetY`→in-pane-padding fix (KBQ_CONNECTED_OVERLAY_* / --kbq-connected-overlay-gap,
@@ -311,6 +574,113 @@ class KbqPopoverTrigger extends KbqPopUpTrigger {
             backdropClass: this.backdropClass
         };
     }
+    ngOnChanges(changes) {
+        // A bound input is handed to its member, a bound `undefined` restoring the
+        // member's default; unbound, it leaves what code wrote. The `booleanAttribute` inputs are the exception:
+        // the transform reads a bound `undefined` as `false`.
+        if (changes['triggerInput']) {
+            this.trigger = this.triggerInput() ?? '';
+        }
+        if (changes['kbqLeaveDelayInput']) {
+            const kbqLeaveDelay = this.kbqLeaveDelayInput();
+            if (kbqLeaveDelay === undefined) {
+                // Counts as unbound, so that a hover popover gets its default delay back.
+                this.leaveDelayBound = false;
+                this.leaveDelay = this.defaultLeaveDelay;
+            }
+            else {
+                this.kbqLeaveDelay = kbqLeaveDelay;
+            }
+        }
+        if (changes['enterDelayInput']) {
+            this.enterDelay = this.enterDelayInput() ?? 0;
+        }
+        if (changes['preventCloseInput']) {
+            const preventClose = this.preventCloseInput();
+            if (preventClose !== undefined)
+                this.preventClose = preventClose;
+        }
+        if (changes['stickToWindowInput']) {
+            this.stickToWindow = this.stickToWindowInput();
+        }
+        if (changes['popoverContainerInput']) {
+            this.popoverContainer = this.popoverContainerInput();
+        }
+        if (changes['popoverHasBackdropInput']) {
+            const popoverHasBackdrop = this.popoverHasBackdropInput();
+            if (popoverHasBackdrop !== undefined)
+                this.popoverHasBackdrop = popoverHasBackdrop;
+        }
+        if (changes['popoverBackdropClassInput']) {
+            this.popoverBackdropClass = this.popoverBackdropClassInput() ?? defaultBackdropClass;
+        }
+        if (changes['popoverDefaultPaddingsInput']) {
+            const popoverDefaultPaddings = this.popoverDefaultPaddingsInput();
+            if (popoverDefaultPaddings !== undefined)
+                this.popoverDefaultPaddings = popoverDefaultPaddings;
+        }
+        if (changes['sizeInput']) {
+            this.size = this.sizeInput() ?? PopUpSizes.Medium;
+        }
+        if (changes['customClassInput']) {
+            this.customClass = this.customClassInput() ?? '';
+        }
+        if (changes['headerInput']) {
+            this.header = this.headerInput() ?? '';
+        }
+        if (changes['contentInput']) {
+            this.content = this.contentInput() ?? '';
+        }
+        if (changes['footerInput']) {
+            this.footer = this.footerInput() ?? '';
+        }
+        if (changes['contextInput']) {
+            this.context = this.contextInput();
+        }
+        if (changes['ariaLabelInput']) {
+            this.ariaLabel = this.ariaLabelInput();
+        }
+        if (changes['popoverHasCloseButtonInput']) {
+            const popoverHasCloseButton = this.popoverHasCloseButtonInput();
+            if (popoverHasCloseButton !== undefined)
+                this.popoverHasCloseButton = popoverHasCloseButton;
+        }
+        if (changes['popoverCloseOnScrollInput']) {
+            const popoverCloseOnScroll = this.popoverCloseOnScrollInput();
+            if (popoverCloseOnScroll !== undefined)
+                this.popoverCloseOnScroll = popoverCloseOnScroll;
+        }
+        if (changes['arrowInput']) {
+            const arrow = this.arrowInput();
+            if (arrow !== undefined)
+                this.arrow = arrow;
+        }
+        if (changes['offsetInput']) {
+            this.offset = this.offsetInput() ?? defaultOffsetYWithArrow;
+        }
+        if (changes['autoFocusInput']) {
+            const autoFocus = this.autoFocusInput();
+            if (autoFocus !== undefined)
+                this.autoFocus = autoFocus;
+        }
+        if (changes['popoverOriginInput']) {
+            this.popoverOrigin = this.popoverOriginInput() ?? null;
+        }
+        if (changes['disabledInput']) {
+            const disabled = this.disabledInput();
+            if (disabled !== undefined)
+                this.disabled = disabled;
+        }
+        if (changes['popoverPlacementPriorityInput']) {
+            this.popoverPlacementPriority = this.popoverPlacementPriorityInput() ?? null;
+        }
+        if (changes['popoverPlacementInput']) {
+            this.popoverPlacement = this.popoverPlacementInput() ?? PopUpPlacements.Top;
+        }
+        if (changes['popoverVisibleInput']) {
+            this.popoverVisible = this.popoverVisibleInput() ?? false;
+        }
+    }
     ngOnInit() {
         super.ngOnInit();
         this.scrollable
@@ -323,46 +693,61 @@ class KbqPopoverTrigger extends KbqPopUpTrigger {
             this.scrollDispatcher
                 .scrolled()
                 .pipe(takeUntilDestroyed(this.destroyRef))
-                .subscribe((scrollable) => {
-                if (!scrollable?.getElementRef().nativeElement.classList.contains('kbq-hide-nested-popup'))
-                    return;
-                const parentRects = scrollable.getElementRef().nativeElement.getBoundingClientRect();
-                const childRects = this.elementRef.nativeElement.getBoundingClientRect();
-                if (childRects.bottom < parentRects.top || childRects.top > parentRects.bottom) {
-                    this.hide();
-                }
-            });
+                .subscribe(this.hideIfNestedPopupScrolledAway);
         }
     }
-    /**
-     * Overrides the base `show` method to display the overlay component with the
-     * specified entry delay and apply default positioning offsets.
-     */
+    /** @docs-private */
     show(delay = this.enterDelay) {
+        this.deliberateOpen = !passiveOpenEvents.includes(this.triggerName);
         super.show(delay);
-        this.addClassToOverlayContainer();
-    }
-    hide(delay = this.leaveDelay) {
-        super.hide(delay);
-        this.removeClassFromOverlayContainer();
     }
+    /** @docs-private */
     updateData() {
+        // Untracked: an input written from a consumer's `effect()` lands here, and `isOpen` read on the way would make
+        // the effect run again on every open and close.
+        untracked(() => this.pushData());
+    }
+    /** Body of `updateData()`. */
+    pushData() {
         if (!this.instance)
             return;
         this.instance.header = this.header;
         this.instance.content = this.content;
-        this.instance.context = this.context && { $implicit: this.context };
-        this.instance.arrow = this.arrow;
+        // `!= null` rather than a truthy check: `0`, `''` and `false` are legitimate template contexts, and
+        // dropping them left the template rendering the previous context instead.
+        this.instance.context = this.context != null ? { $implicit: this.context } : null;
+        // `setStickPosition` drops the arrow because a stuck panel no longer points at its trigger; copying
+        // the input back would resurrect a detached rotated square on the next update.
+        this.instance.arrow = this.stickToWindow ? false : this.arrow;
         this.instance.offset = this.offset;
         this.instance.footer = this.footer;
         this.instance.hasCloseButton = this.hasCloseButton;
         this.instance.defaultPaddings = this.defaultPaddings;
+        this.instance.panelId = this.panelId;
+        this.instance.ariaLabel = this.ariaLabel;
         this.instance.updateTrapFocus(this.trigger !== PopUpTriggers.Focus);
+        // As the tooltip does: this mostly runs from an input setter, while the trigger's view is being checked,
+        // and the panel renders in an overlay of its own that nothing else would check.
+        this.instance.detectChanges();
         if (this.isOpen) {
-            this.updatePosition(true);
+            this.scheduleReposition();
         }
     }
-    /** Updates the position of the current popover. */
+    /** @docs-private */
+    createOverlay() {
+        const overlayRef = super.createOverlay();
+        // Read on every attach: a popover stuck to a window edge stays above the bars.
+        this.overlayLayers.adopt(overlayRef, () => (this.stickToWindow ? null : this.getNativeElement()));
+        return overlayRef;
+    }
+    /**
+     * Re-applies the overlay position.
+     *
+     * Deliberately narrower than the inherited one, which also rebuilds the closing-action subscription:
+     * that stream carries a `delay(0)`, so a reposition coalesced into the same task as an outside click —
+     * which is the task in which that click's change detection writes a popover input — would drop the
+     * close the click had already scheduled.
+     */
     updatePosition(reapplyPosition = false) {
         this.overlayRef = this.createOverlay();
         const position = this.overlayRef.getConfig().positionStrategy
@@ -372,47 +757,90 @@ class KbqPopoverTrigger extends KbqPopUpTrigger {
             setTimeout(() => position.reapplyLastPosition());
         }
     }
+    /** @docs-private */
     getOverlayHandleComponentType() {
         return KbqPopoverComponent;
     }
+    /** @docs-private */
     updateClassMap(newPlacement = this.placement) {
         if (!this.instance) {
             return;
         }
         this.instance.updateClassMap(POSITION_TO_CSS_MAP[newPlacement], this.customClass, this.size);
-        this.instance.markForCheck();
     }
+    /** @docs-private */
     closingActionsForClick() {
         if (this.hasClickTrigger) {
             return this.defaultClosingActions();
         }
         return [];
     }
+    /** @docs-private */
     defaultClosingActions() {
         return [
             this.overlayRef.backdropClick(),
             this.hasBackdrop ? NEVER : this.overlayRef.outsidePointerEvents()
         ];
     }
+    /** @docs-private */
     closingActions() {
-        return merge(...this.closingActionsForClick(), this.closeOnScroll ? this.scrollDispatcher.scrolled() : NEVER);
+        // Inner panel scrolling must not trigger closeOnScroll.
+        const scrolled = this.closeOnScroll ? this.scrollDispatcher.ancestorScrolled(this.getNativeElement()) : NEVER;
+        return merge(...this.closingActionsForClick(), scrolled);
     }
-    addClassToOverlayContainer() {
-        const overlayContainer = this.overlayContainer?.getContainerElement();
-        if (overlayContainer.childNodes.length === 1) {
-            this.classAddedToOverlayContainer = true;
-            this.renderer.addClass(overlayContainer, 'cdk-overlay-container_dropdown');
-        }
+    /**
+     * Returns focus to the trigger when the popover is closed while focus is still inside its panel.
+     *
+     * Goes through `FocusMonitor` rather than a native `focus()` call: the kbq focus ring is only rendered
+     * for a monitored origin, and a `program` origin keeps a tooltip on the same element from re-opening.
+     */
+    restoreFocus() {
+        if (!this.overlayRef?.overlayElement?.contains(this.document.activeElement))
+            return;
+        this.focusMonitor.focusVia(this.getNativeElement(), 'program');
     }
-    removeClassFromOverlayContainer() {
-        if (this.classAddedToOverlayContainer) {
-            this.renderer.removeClass(this.overlayContainer.getContainerElement(), 'cdk-overlay-container_dropdown');
-        }
+    /**
+     * Closes the popover on a deliberate action — the panel's close button, or `Escape` inside the panel.
+     *
+     * `hide()` keeps a hover popover open while the pointer rests on the panel, so that the pointer can
+     * travel from the trigger to the content; that is exactly where the pointer is when the close button is
+     * clicked, so a deliberate close answers to `kbqPopoverPreventClose` and to nothing else.
+     */
+    close() {
+        if (this.preventClose)
+            return;
+        this.instance?.hide(0);
+    }
+    /**
+     * Coalesces the position re-apply: a burst of input writes — or a parent change-detection pass that
+     * recreates the object bound to `kbqPopoverContext` — schedules one reposition per turn instead of one
+     * per write, each of which costs a forced layout read per candidate position.
+     */
+    scheduleReposition() {
+        if (this.repositionScheduled)
+            return;
+        this.repositionScheduled = true;
+        queueMicrotask(() => {
+            this.repositionScheduled = false;
+            if (this.isOpen && this.overlayRef?.hasAttached()) {
+                this.updatePosition(true);
+            }
+        });
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: KbqPopoverTrigger, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.30", type: KbqPopoverTrigger, isStandalone: true, selector: "[kbqPopover]", inputs: { hideIfNotInViewPort: { classPropertyName: "hideIfNotInViewPort", publicName: "hideIfNotInViewPort", isSignal: true, isRequired: false, transformFunction: null }, preventClose: { classPropertyName: "preventClose", publicName: "kbqPopoverPreventClose", isSignal: false, isRequired: false, transformFunction: booleanAttribute }, defaultPaddings: { classPropertyName: "defaultPaddings", publicName: "defaultPaddings", isSignal: false, isRequired: false, transformFunction: booleanAttribute }, popoverVisible: { classPropertyName: "popoverVisible", publicName: "kbqPopoverVisible", isSignal: false, isRequired: false, transformFunction: null }, popoverPlacement: { classPropertyName: "popoverPlacement", publicName: "kbqPopoverPlacement", isSignal: false, isRequired: false, transformFunction: null }, popoverPlacementPriority: { classPropertyName: "popoverPlacementPriority", publicName: "kbqPopoverPlacementPriority", isSignal: false, isRequired: false, transformFunction: null }, stickToWindow: { classPropertyName: "stickToWindow", publicName: "kbqPopoverStickToWindow", isSignal: false, isRequired: false, transformFunction: null }, container: { classPropertyName: "container", publicName: "container", isSignal: false, isRequired: false, transformFunction: null }, hasBackdrop: { classPropertyName: "hasBackdrop", publicName: "hasBackdrop", isSignal: false, isRequired: false, transformFunction: null }, header: { classPropertyName: "header", publicName: "kbqPopoverHeader", isSignal: false, isRequired: false, transformFunction: null }, content: { classPropertyName: "content", publicName: "kbqPopoverContent", isSignal: false, isRequired: false, transformFunction: null }, footer: { classPropertyName: "footer", publicName: "kbqPopoverFooter", isSignal: false, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "kbqPopoverDisabled", isSignal: false, isRequired: false, transformFunction: null }, trigger: { classPropertyName: "trigger", publicName: "kbqTrigger", isSignal: false, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "kbqPopoverSize", isSignal: false, isRequired: false, transformFunction: null }, customClass: { classPropertyName: "customClass", publicName: "kbqPopoverClass", isSignal: false, isRequired: false, transformFunction: null }, context: { classPropertyName: "context", publicName: "kbqPopoverContext", isSignal: false, isRequired: false, transformFunction: null }, hasCloseButton: { classPropertyName: "hasCloseButton", publicName: "hasCloseButton", isSignal: false, isRequired: false, transformFunction: null }, closeOnScroll: { classPropertyName: "closeOnScroll", publicName: "closeOnScroll", isSignal: false, isRequired: false, transformFunction: null }, backdropClass: { classPropertyName: "backdropClass", publicName: "backdropClass", isSignal: false, isRequired: false, transformFunction: null }, arrow: { classPropertyName: "arrow", publicName: "kbqPopoverArrow", isSignal: false, isRequired: false, transformFunction: booleanAttribute }, offset: { classPropertyName: "offset", publicName: "kbqPopoverOffset", isSignal: false, isRequired: false, transformFunction: numberAttribute }, leaveDelay: { classPropertyName: "leaveDelay", publicName: "kbqLeaveDelay", isSignal: false, isRequired: false, transformFunction: numberAttribute } }, outputs: { placementChange: "kbqPopoverPlacementChange", visibleChange: "kbqPopoverVisibleChange" }, host: { listeners: { "keydown": "keydownHandler($event)", "touchend": "touchendHandler()" }, properties: { "class.kbq-popover_open": "isOpen", "class.kbq-active": "hasClickTrigger && isOpen" } }, providers: [kbqSiblingPopupProvider(KbqPopoverTrigger)], exportAs: ["kbqPopover"], usesInheritance: true, ngImport: i0 }); }
+    /**
+     * Drops a closed overlay so the next `show()` rebuilds it. The backdrop and its class are baked into the
+     * overlay when it is created, and CDK does not re-render them from the config afterwards.
+     */
+    invalidateOverlay() {
+        if (!this.overlayRef || this.overlayRef.hasAttached())
+            return;
+        this.overlayRef.dispose();
+        this.overlayRef = null;
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: KbqPopoverTrigger, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.25", type: KbqPopoverTrigger, isStandalone: true, selector: "[kbqPopover]", inputs: { popoverHideIfNotInViewPort: { classPropertyName: "popoverHideIfNotInViewPort", publicName: "kbqPopoverHideIfNotInViewPort", isSignal: true, isRequired: false, transformFunction: null }, triggerInput: { classPropertyName: "triggerInput", publicName: "kbqTrigger", isSignal: true, isRequired: false, transformFunction: null }, kbqLeaveDelayInput: { classPropertyName: "kbqLeaveDelayInput", publicName: "kbqLeaveDelay", isSignal: true, isRequired: false, transformFunction: null }, enterDelayInput: { classPropertyName: "enterDelayInput", publicName: "kbqEnterDelay", isSignal: true, isRequired: false, transformFunction: null }, preventCloseInput: { classPropertyName: "preventCloseInput", publicName: "kbqPopoverPreventClose", isSignal: true, isRequired: false, transformFunction: null }, stickToWindowInput: { classPropertyName: "stickToWindowInput", publicName: "kbqPopoverStickToWindow", isSignal: true, isRequired: false, transformFunction: null }, popoverContainerInput: { classPropertyName: "popoverContainerInput", publicName: "kbqPopoverContainer", isSignal: true, isRequired: false, transformFunction: null }, popoverHasBackdropInput: { classPropertyName: "popoverHasBackdropInput", publicName: "kbqPopoverHasBackdrop", isSignal: true, isRequired: false, transformFunction: null }, popoverBackdropClassInput: { classPropertyName: "popoverBackdropClassInput", publicName: "kbqPopoverBackdropClass", isSignal: true, isRequired: false, transformFunction: null }, popoverDefaultPaddingsInput: { classPropertyName: "popoverDefaultPaddingsInput", publicName: "kbqPopoverDefaultPaddings", isSignal: true, isRequired: false, transformFunction: null }, sizeInput: { classPropertyName: "sizeInput", publicName: "kbqPopoverSize", isSignal: true, isRequired: false, transformFunction: null }, customClassInput: { classPropertyName: "customClassInput", publicName: "kbqPopoverClass", isSignal: true, isRequired: false, transformFunction: null }, headerInput: { classPropertyName: "headerInput", publicName: "kbqPopoverHeader", isSignal: true, isRequired: false, transformFunction: null }, contentInput: { classPropertyName: "contentInput", publicName: "kbqPopoverContent", isSignal: true, isRequired: false, transformFunction: null }, footerInput: { classPropertyName: "footerInput", publicName: "kbqPopoverFooter", isSignal: true, isRequired: false, transformFunction: null }, contextInput: { classPropertyName: "contextInput", publicName: "kbqPopoverContext", isSignal: true, isRequired: false, transformFunction: null }, ariaLabelInput: { classPropertyName: "ariaLabelInput", publicName: "kbqPopoverAriaLabel", isSignal: true, isRequired: false, transformFunction: null }, popoverHasCloseButtonInput: { classPropertyName: "popoverHasCloseButtonInput", publicName: "kbqPopoverHasCloseButton", isSignal: true, isRequired: false, transformFunction: null }, popoverCloseOnScrollInput: { classPropertyName: "popoverCloseOnScrollInput", publicName: "kbqPopoverCloseOnScroll", isSignal: true, isRequired: false, transformFunction: null }, arrowInput: { classPropertyName: "arrowInput", publicName: "kbqPopoverArrow", isSignal: true, isRequired: false, transformFunction: null }, offsetInput: { classPropertyName: "offsetInput", publicName: "kbqPopoverOffset", isSignal: true, isRequired: false, transformFunction: null }, autoFocusInput: { classPropertyName: "autoFocusInput", publicName: "kbqPopoverAutoFocus", isSignal: true, isRequired: false, transformFunction: null }, popoverOriginInput: { classPropertyName: "popoverOriginInput", publicName: "kbqPopoverOrigin", isSignal: true, isRequired: false, transformFunction: null }, disabledInput: { classPropertyName: "disabledInput", publicName: "kbqPopoverDisabled", isSignal: true, isRequired: false, transformFunction: null }, popoverPlacementPriorityInput: { classPropertyName: "popoverPlacementPriorityInput", publicName: "kbqPopoverPlacementPriority", isSignal: true, isRequired: false, transformFunction: null }, popoverPlacementInput: { classPropertyName: "popoverPlacementInput", publicName: "kbqPopoverPlacement", isSignal: true, isRequired: false, transformFunction: null }, popoverVisibleInput: { classPropertyName: "popoverVisibleInput", publicName: "kbqPopoverVisible", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { placementChangeOutput: "kbqPopoverPlacementChange", visibleChangeOutput: "kbqPopoverVisibleChange" }, host: { listeners: { "keydown": "keydownHandler($event)", "touchend": "touchendHandler()" }, properties: { "class.kbq-popover_open": "isOpen", "class.kbq-active": "hasClickTrigger && isOpen", "attr.aria-expanded": "hasClickTrigger ? isOpen : null", "attr.aria-haspopup": "hasClickTrigger ? \"dialog\" : null", "attr.aria-controls": "hasClickTrigger && isOpen ? panelId : null" } }, providers: [kbqSiblingPopupProvider(KbqPopoverTrigger)], exportAs: ["kbqPopover"], usesInheritance: true, usesOnChanges: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: KbqPopoverTrigger, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: KbqPopoverTrigger, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kbqPopover]',
@@ -420,148 +848,162 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.30", ngImpo
                     host: {
                         '[class.kbq-popover_open]': 'isOpen',
                         '[class.kbq-active]': 'hasClickTrigger && isOpen',
+                        '[attr.aria-expanded]': 'hasClickTrigger ? isOpen : null',
+                        '[attr.aria-haspopup]': 'hasClickTrigger ? "dialog" : null',
+                        '[attr.aria-controls]': 'hasClickTrigger && isOpen ? panelId : null',
                         '(keydown)': 'keydownHandler($event)',
                         '(touchend)': 'touchendHandler()'
                     },
                     exportAs: 'kbqPopover'
                 }]
-        }], propDecorators: { hideIfNotInViewPort: [{ type: i0.Input, args: [{ isSignal: true, alias: "hideIfNotInViewPort", required: false }] }], preventClose: [{
-                type: Input,
-                args: [{ alias: 'kbqPopoverPreventClose', transform: booleanAttribute }]
-            }], defaultPaddings: [{
-                type: Input,
-                args: [{ transform: booleanAttribute }]
-            }], popoverVisible: [{
-                type: Input,
-                args: ['kbqPopoverVisible']
-            }], popoverPlacement: [{
-                type: Input,
-                args: ['kbqPopoverPlacement']
-            }], popoverPlacementPriority: [{
-                type: Input,
-                args: ['kbqPopoverPlacementPriority']
-            }], stickToWindow: [{
-                type: Input,
-                args: ['kbqPopoverStickToWindow']
-            }], container: [{
-                type: Input
-            }], hasBackdrop: [{
-                type: Input
-            }], header: [{
-                type: Input,
-                args: ['kbqPopoverHeader']
-            }], content: [{
-                type: Input,
-                args: ['kbqPopoverContent']
-            }], footer: [{
-                type: Input,
-                args: ['kbqPopoverFooter']
-            }], disabled: [{
-                type: Input,
-                args: ['kbqPopoverDisabled']
-            }], trigger: [{
-                type: Input,
-                args: ['kbqTrigger']
-            }], size: [{
-                type: Input,
-                args: ['kbqPopoverSize']
-            }], customClass: [{
-                type: Input,
-                args: ['kbqPopoverClass']
-            }], context: [{
-                type: Input,
-                args: ['kbqPopoverContext']
-            }], hasCloseButton: [{
-                type: Input
-            }], closeOnScroll: [{
-                type: Input
-            }], backdropClass: [{
-                type: Input
-            }], arrow: [{
-                type: Input,
-                args: [{ alias: 'kbqPopoverArrow', transform: booleanAttribute }]
-            }], offset: [{
-                type: Input,
-                args: [{ alias: 'kbqPopoverOffset', transform: numberAttribute }]
-            }], leaveDelay: [{
-                type: Input,
-                args: [{ alias: 'kbqLeaveDelay', transform: numberAttribute }]
-            }], placementChange: [{
-                type: Output,
-                args: ['kbqPopoverPlacementChange']
-            }], visibleChange: [{
-                type: Output,
-                args: ['kbqPopoverVisibleChange']
-            }] } });
+        }], propDecorators: { popoverHideIfNotInViewPort: [{ type: i0.Input, args: [{ isSignal: true, alias: "kbqPopoverHideIfNotInViewPort", required: false }] }], placementChangeOutput: [{ type: i0.Output, args: ["kbqPopoverPlacementChange"] }], visibleChangeOutput: [{ type: i0.Output, args: ["kbqPopoverVisibleChange"] }], triggerInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "kbqTrigger", required: false }] }], kbqLeaveDelayInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "kbqLeaveDelay", required: false }] }], enterDelayInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "kbqEnterDelay", required: false }] }], preventCloseInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "kbqPopoverPreventClose", required: false }] }], stickToWindowInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "kbqPopoverStickToWindow", required: false }] }], popoverContainerInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "kbqPopoverContainer", required: false }] }], popoverHasBackdropInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "kbqPopoverHasBackdrop", required: false }] }], popoverBackdropClassInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "kbqPopoverBackdropClass", required: false }] }], popoverDefaultPaddingsInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "kbqPopoverDefaultPaddings", required: false }] }], sizeInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "kbqPopoverSize", required: false }] }], customClassInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "kbqPopoverClass", required: false }] }], headerInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "kbqPopoverHeader", required: false }] }], contentInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "kbqPopoverContent", required: false }] }], footerInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "kbqPopoverFooter", required: false }] }], contextInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "kbqPopoverContext", required: false }] }], ariaLabelInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "kbqPopoverAriaLabel", required: false }] }], popoverHasCloseButtonInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "kbqPopoverHasCloseButton", required: false }] }], popoverCloseOnScrollInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "kbqPopoverCloseOnScroll", required: false }] }], arrowInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "kbqPopoverArrow", required: false }] }], offsetInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "kbqPopoverOffset", required: false }] }], autoFocusInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "kbqPopoverAutoFocus", required: false }] }], popoverOriginInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "kbqPopoverOrigin", required: false }] }], disabledInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "kbqPopoverDisabled", required: false }] }], popoverPlacementPriorityInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "kbqPopoverPlacementPriority", required: false }] }], popoverPlacementInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "kbqPopoverPlacement", required: false }] }], popoverVisibleInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "kbqPopoverVisible", required: false }] }] } });
 
-const KBQ_POPOVER_CONFIRM_TEXT = new InjectionToken('');
-const KBQ_POPOVER_CONFIRM_BUTTON_TEXT = new InjectionToken('');
+/**
+ * Overrides the question of every confirmation popover in the injector scope. Takes precedence over the
+ * locale, but not over the `kbqPopoverConfirmText` input.
+ */
+const KBQ_POPOVER_CONFIRM_TEXT = new InjectionToken('KbqPopoverConfirmText');
+/**
+ * Overrides the confirm-button caption of every confirmation popover in the injector scope. Takes precedence
+ * over the locale, but not over the `kbqPopoverConfirmButtonText` input.
+ */
+const KBQ_POPOVER_CONFIRM_BUTTON_TEXT = new InjectionToken('KbqPopoverConfirmButtonText');
 class KbqPopoverConfirmComponent extends KbqPopoverComponent {
     constructor() {
         super(...arguments);
+        /**
+         * Emits when the confirm button is pressed. Internal channel between the panel and its trigger — consume
+         * the trigger's `confirm` output instead.
+         *
+         * @docs-private
+         */
         this.onConfirm = new Subject();
+        this.confirmButtonTextState = signal(undefined, ...(ngDevMode ? [{ debugName: "confirmButtonTextState" }] : /* istanbul ignore next */ []));
+        this.confirmTextState = signal(undefined, ...(ngDevMode ? [{ debugName: "confirmTextState" }] : /* istanbul ignore next */ []));
+    }
+    /** Caption of the confirm button. Written by the trigger. */
+    get confirmButtonText() {
+        return this.confirmButtonTextState();
+    }
+    set confirmButtonText(value) {
+        this.confirmButtonTextState.set(value);
+    }
+    /** Question rendered in the panel. Written by the trigger. */
+    get confirmText() {
+        return this.confirmTextState();
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: KbqPopoverConfirmComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.30", type: KbqPopoverConfirmComponent, isStandalone: true, selector: "kbq-popover-confirm-component", usesInheritance: true, ngImport: i0, template: "<div\n    cdkTrapFocus=\"true\"\n    cdkTrapFocusAutoCapture=\"true\"\n    class=\"kbq-popover-confirm kbq-popover\"\n    [class]=\"classMap\"\n    [@state]=\"visibility\"\n    (@state.done)=\"animationDone($event)\"\n    (@state.start)=\"animationStart()\"\n>\n    <div class=\"kbq-popover__container\">\n        <div class=\"kbq-popover__content\">\n            <div>{{ confirmText }}</div>\n            <button kbq-button [color]=\"'contrast'\" (click)=\"onConfirm.next()\">\n                {{ confirmButtonText }}\n            </button>\n        </div>\n    </div>\n\n    <div class=\"kbq-popover__arrow\"></div>\n</div>\n", styles: ["@keyframes kbq-progress{0%{background-position:0 0}to{background-position:64px 0}}.kbq-progress{position:relative}.kbq-progress:after{content:\"\";position:absolute;border-radius:inherit;inset:0;background:linear-gradient(135deg,#0000000a 12px,#ffffff1a 12px 22px,#0000000a 22px 34px,#ffffff1a 34px) repeat;background-size:32px 32px;animation:kbq-progress 1s linear infinite}@media(prefers-reduced-motion:reduce){.kbq-progress:after{animation:none}}.kbq-group{display:flex;flex-direction:row}.kbq-group_justified>.kbq-group-item{width:100%}.kbq-group .kbq-group-item+.kbq-group-item{margin-left:calc(-1 * var(--kbq-size-border-width))}.kbq-group>.kbq-group-item:first-child:not(:last-child){border-bottom-right-radius:0;border-top-right-radius:0}.kbq-group>.kbq-group-item:last-child:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0}.kbq-group>.kbq-group-item:not(:first-child):not(:last-child){border-radius:0}.kbq-group>.kbq-group-item:first-child:not(:last-child) .kbq-form-field__container{border-bottom-right-radius:0;border-top-right-radius:0}.kbq-group>.kbq-group-item:last-child:not(:first-child) .kbq-form-field__container{border-bottom-left-radius:0;border-top-left-radius:0}.kbq-group>.kbq-group-item:not(:first-child):not(:last-child) .kbq-form-field__container{border-radius:0}.kbq-vertical-group{display:flex;flex-direction:column}.kbq-vertical-group>.kbq-group-item:first-child:not(:last-child){border-bottom-right-radius:0;border-bottom-left-radius:0;border-top-right-radius:var(--kbq-size-border-radius)}.kbq-vertical-group>.kbq-group-item:last-child:not(:first-child){border-top-right-radius:0;border-top-left-radius:0;border-bottom-left-radius:var(--kbq-size-border-radius)}.kbq-vertical-group>.kbq-group-item:not(:first-child):not(:last-child){border-radius:0}.kbq-vertical-group .kbq-group-item+.kbq-group-item{margin-top:calc(-1 * var(--kbq-size-border-width))}.kbq-vertical-group>.kbq-group-item:first-child:not(:last-child) .kbq-form-field__container{border-bottom-right-radius:0;border-bottom-left-radius:0}.kbq-vertical-group>.kbq-group-item:last-child:not(:first-child) .kbq-form-field__container{border-top-right-radius:0;border-top-left-radius:0}.kbq-vertical-group>.kbq-group-item:not(:first-child):not(:last-child) .kbq-form-field__container{border-radius:0}.kbq-truncate-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kbq-no-select{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.kbq-popover{position:relative;border-radius:var(--kbq-popover-size-container-border-radius);box-sizing:border-box;list-style:none;white-space:pre-line;z-index:1}.kbq-popover.kbq-popover_small{width:var(--kbq-popover-size-container-width-small)}.kbq-popover.kbq-popover_small .kbq-popover__content_default-paddings.kbq-popover__content{padding:var(--kbq-size-l)}.kbq-popover.kbq-popover_medium{width:var(--kbq-popover-size-container-width-medium)}.kbq-popover.kbq-popover_large{width:var(--kbq-popover-size-container-width-large)}.kbq-popover.kbq-popover_placement-top,.kbq-popover.kbq-popover_placement-top-left,.kbq-popover.kbq-popover_placement-top-right{margin-bottom:8px}.kbq-popover.kbq-popover_placement-right,.kbq-popover.kbq-popover_placement-right-top,.kbq-popover.kbq-popover_placement-right-bottom{margin-left:8px}.kbq-popover.kbq-popover_placement-bottom,.kbq-popover.kbq-popover_placement-bottom-left,.kbq-popover.kbq-popover_placement-bottom-right{margin-top:8px}.kbq-popover.kbq-popover_placement-left,.kbq-popover.kbq-popover_placement-left-top,.kbq-popover.kbq-popover_placement-left-bottom{margin-right:8px}.kbq-popover__content{overflow-y:auto}.kbq-popover__content.kbq-popover__content_default-paddings{padding:var(--kbq-popover-size-content-padding-top) var(--kbq-popover-size-content-padding-horizontal) var(--kbq-popover-size-content-padding-bottom)}.kbq-popover__container{overflow:hidden;display:flex;flex-direction:column;max-height:var(--kbq-popover-size-container-max-height);border-radius:var(--kbq-popover-size-container-border-radius)}.kbq-popover__container.kbq-popover__container_with-header .kbq-popover__content_default-paddings.kbq-popover__content{padding-top:var(--kbq-size-s)}.kbq-popover__container.kbq-popover__container_with-footer .kbq-popover__content_default-paddings.kbq-popover__content{padding-bottom:var(--kbq-size-s)}.kbq-popover__content .kbq-popover__close-container{display:flex;justify-content:flex-end;height:0}.kbq-popover__content .kbq-popover__close-container .kbq-popover__close{top:auto;right:auto;transform:translateY(-50%) translate(50%)}.kbq-popover__header{position:relative;z-index:2;display:flex;flex-shrink:0;align-items:center;overflow:hidden}.kbq-popover__header .kbq-popover__header-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kbq-popover__header.kbq-popover__header_default-paddings{padding:var(--kbq-popover-size-header-padding-top) var(--kbq-popover-size-header-padding-horizontal) var(--kbq-popover-size-header-padding-bottom) var(--kbq-popover-size-header-padding-horizontal)}.kbq-popover__header_with-close-button{padding-right:var(--kbq-size-4xl)}.kbq-popover__footer{position:relative;z-index:2}.kbq-popover__footer.kbq-popover__footer_default-paddings{padding:var(--kbq-popover-size-footer-padding-vertical) var(--kbq-popover-size-footer-padding-horizontal)}.kbq-popover__arrow{position:absolute;z-index:-1;width:12px;height:12px;transform:rotate(45deg)}.kbq-popover_placement-top .kbq-popover__arrow{bottom:-5.5px;left:50%;margin-left:-5.5px}.kbq-popover_placement-top-left .kbq-popover__arrow{bottom:-5.5px;left:24px}.kbq-popover_placement-top-right .kbq-popover__arrow{bottom:-5.5px;right:24px}.kbq-popover_placement-right .kbq-popover__arrow{left:-5.5px;top:50%;margin-top:-5.5px}.kbq-popover_placement-right-top .kbq-popover__arrow{left:-5.5px;top:24px}.kbq-popover_placement-right-bottom .kbq-popover__arrow{left:-5.5px;bottom:24px}.kbq-popover_placement-left .kbq-popover__arrow{right:-5.5px;top:50%;margin-top:-5.5px}.kbq-popover_placement-left-top .kbq-popover__arrow{right:-5.5px;top:24px}.kbq-popover_placement-left-bottom .kbq-popover__arrow{right:-5.5px;bottom:24px}.kbq-popover_placement-bottom .kbq-popover__arrow{top:-5.5px;left:50%;margin-left:-5.5px}.kbq-popover_placement-bottom-left .kbq-popover__arrow{top:-5.5px;left:24px}.kbq-popover_placement-bottom-right .kbq-popover__arrow{top:-5.5px;right:24px}.kbq-popover__close{position:absolute;z-index:2;top:var(--kbq-size-s);right:var(--kbq-size-s);border-radius:var(--kbq-size-border-radius)}.kbq-popover,.kbq-popover.kbq-popover_arrowless{box-shadow:var(--kbq-popover-container-shadow)}.kbq-popover__container{background:var(--kbq-popover-container-background)}.kbq-popover__arrow{box-shadow:var(--kbq-popover-container-shadow);background:var(--kbq-popover-container-background)}.kbq-popover__close.kbq-popover__close_background-overlay-inverse{background-color:var(--kbq-background-overlay-inverse)}.kbq-popover__header{color:var(--kbq-popover-header-text-color)}.kbq-popover__content{color:var(--kbq-popover-content-text-color)}.kbq-popover__header{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-popover__content{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)}\n", ".kbq-popover{--kbq-popover-size-container-width-small: 200px;--kbq-popover-size-container-width-medium: 400px;--kbq-popover-size-container-width-large: 640px;--kbq-popover-size-container-border-radius: var(--kbq-size-m);--kbq-popover-size-container-max-height: 480px;--kbq-popover-size-close-button-width: 32px;--kbq-popover-size-close-button-margin-right: -16px;--kbq-popover-size-close-button-margin-top: -10px;--kbq-popover-size-header-padding-horizontal: var(--kbq-size-xxl);--kbq-popover-size-header-padding-top: var(--kbq-size-l);--kbq-popover-size-header-padding-bottom: var(--kbq-size-xs);--kbq-popover-size-content-padding-top: var(--kbq-size-xxl);--kbq-popover-size-content-padding-bottom: var(--kbq-size-3xl);--kbq-popover-size-content-padding-horizontal: var(--kbq-size-xxl);--kbq-popover-size-content-padding-with-header-top: var(--kbq-size-s);--kbq-popover-size-content-padding-with-footer-bottom: var(--kbq-size-s);--kbq-popover-size-footer-padding-vertical: var(--kbq-size-l);--kbq-popover-size-footer-padding-horizontal: var(--kbq-size-xxl);--kbq-popover-container-background: var(--kbq-background-card);--kbq-popover-container-shadow: var(--kbq-shadow-popup);--kbq-popover-header-text-color: var(--kbq-foreground-contrast);--kbq-popover-header-scroll-shadow: var(--kbq-shadow-overflow-normal-bottom);--kbq-popover-content-text-color: var(--kbq-foreground-contrast);--kbq-popover-footer-scroll-shadow: var(--kbq-shadow-overflow-normal-top);--kbq-popover-borderless-shadow: 0 2px 8px var(--kbq-shadow-key), 0 3px 8px var(--kbq-shadow-ambient)}\n"], dependencies: [{ kind: "directive", type: CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }, { kind: "ngmodule", type: KbqButtonModule }, { kind: "component", type: i1.KbqButton, selector: "[kbq-button]", inputs: ["kbqStyle", "disabled", "tabIndex"] }, { kind: "directive", type: i1.KbqButtonCssStyler, selector: "[kbq-button]" }], animations: [kbqPopoverAnimations.popoverState], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    set confirmText(value) {
+        this.confirmTextState.set(value);
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: KbqPopoverConfirmComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.25", type: KbqPopoverConfirmComponent, isStandalone: true, selector: "kbq-popover-confirm-component", providers: KBQ_POPOVER_FOCUS_TRAP_PROVIDERS, usesInheritance: true, ngImport: i0, template: "<div\n    #popover\n    role=\"dialog\"\n    class=\"kbq-popover-confirm kbq-popover\"\n    [attr.aria-label]=\"confirmText\"\n    [id]=\"panelId\"\n    [class.kbq-popover_arrowless]=\"!arrow\"\n    [cdkTrapFocus]=\"isTrapFocus\"\n    [class]=\"classMap\"\n    [class.kbq-animations-disabled]=\"animationsDisabled\"\n    [class.kbq-popover_visible]=\"isVisible()\"\n>\n    <div class=\"kbq-popover__container\">\n        <div class=\"kbq-popover__content\" [class.kbq-popover__content_default-paddings]=\"defaultPaddings\">\n            <div>{{ confirmText }}</div>\n            <button kbq-button [color]=\"componentColors.Contrast\" (click)=\"onConfirm.next()\">\n                {{ confirmButtonText }}\n            </button>\n        </div>\n    </div>\n\n    @if (arrow) {\n        <div class=\"kbq-popover__arrow\"></div>\n    }\n</div>\n", styles: ["@charset \"UTF-8\";.kbq-group{display:flex;flex-direction:row}.kbq-group_justified>.kbq-group-item{width:100%}.kbq-group .kbq-group-item+.kbq-group-item{margin-inline-start:calc(-1 * var(--kbq-size-border-width))}.kbq-group>.kbq-group-item:first-child:not(:last-child){border-start-end-radius:0;border-end-end-radius:0}.kbq-group>.kbq-group-item:last-child:not(:first-child){border-start-start-radius:0;border-end-start-radius:0}.kbq-group>.kbq-group-item:not(:first-child):not(:last-child){border-radius:0}.kbq-group>.kbq-group-item:first-child:not(:last-child) .kbq-form-field__container{border-start-end-radius:0;border-end-end-radius:0}.kbq-group>.kbq-group-item:last-child:not(:first-child) .kbq-form-field__container{border-start-start-radius:0;border-end-start-radius:0}.kbq-group>.kbq-group-item:not(:first-child):not(:last-child) .kbq-form-field__container{border-radius:0}.kbq-vertical-group{display:flex;flex-direction:column}.kbq-vertical-group>.kbq-group-item:first-child:not(:last-child){border-end-start-radius:0;border-end-end-radius:0;border-start-end-radius:var(--kbq-size-border-radius)}@supports (corner-shape: squircle){.kbq-vertical-group>.kbq-group-item:first-child:not(:last-child){corner-shape:squircle;border-start-end-radius:clamp(var(--kbq-size-border-radius) * 1.85,var(--kbq-size-border-radius) * 2.3 - 3.6px,var(--kbq-size-border-radius) * 2)}}.kbq-vertical-group>.kbq-group-item:last-child:not(:first-child){border-start-start-radius:0;border-start-end-radius:0;border-end-start-radius:var(--kbq-size-border-radius)}@supports (corner-shape: squircle){.kbq-vertical-group>.kbq-group-item:last-child:not(:first-child){corner-shape:squircle;border-end-start-radius:clamp(var(--kbq-size-border-radius) * 1.85,var(--kbq-size-border-radius) * 2.3 - 3.6px,var(--kbq-size-border-radius) * 2)}}.kbq-vertical-group>.kbq-group-item:not(:first-child):not(:last-child){border-radius:0}.kbq-vertical-group .kbq-group-item+.kbq-group-item{margin-top:calc(-1 * var(--kbq-size-border-width))}.kbq-vertical-group>.kbq-group-item:first-child:not(:last-child) .kbq-form-field__container{border-end-start-radius:0;border-end-end-radius:0}.kbq-vertical-group>.kbq-group-item:last-child:not(:first-child) .kbq-form-field__container{border-start-start-radius:0;border-start-end-radius:0}.kbq-vertical-group>.kbq-group-item:not(:first-child):not(:last-child) .kbq-form-field__container{border-radius:0}.kbq-truncate-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kbq-popover{position:relative;border-radius:var(--kbq-popover-size-container-border-radius)}@supports (corner-shape: squircle){.kbq-popover{corner-shape:squircle;border-radius:clamp(var(--kbq-popover-size-container-border-radius) * 1.85,var(--kbq-popover-size-container-border-radius) * 2.3 - 3.6px,var(--kbq-popover-size-container-border-radius) * 2)}}.kbq-popover{box-sizing:border-box;list-style:none;white-space:pre-line;z-index:1;opacity:0;transform:scaleY(.8)}.kbq-popover.kbq-popover_small{width:var(--kbq-popover-size-container-width-small)}.kbq-popover.kbq-popover_small .kbq-popover__content_default-paddings.kbq-popover__content{padding:var(--kbq-size-l)}.kbq-popover.kbq-popover_medium{width:var(--kbq-popover-size-container-width-medium)}.kbq-popover.kbq-popover_large{width:var(--kbq-popover-size-container-width-large)}.kbq-popover.kbq-popover_placement-top,.kbq-popover.kbq-popover_placement-top-left,.kbq-popover.kbq-popover_placement-top-right{margin-bottom:8px}.kbq-popover.kbq-popover_placement-right,.kbq-popover.kbq-popover_placement-right-top,.kbq-popover.kbq-popover_placement-right-bottom{margin-left:8px}.kbq-popover.kbq-popover_placement-bottom,.kbq-popover.kbq-popover_placement-bottom-left,.kbq-popover.kbq-popover_placement-bottom-right{margin-top:8px}.kbq-popover.kbq-popover_placement-left,.kbq-popover.kbq-popover_placement-left-top,.kbq-popover.kbq-popover_placement-left-bottom{margin-right:8px}.kbq-popover.kbq-popover_visible{opacity:1;transform:none;transition:opacity .12s cubic-bezier(0,0,.2,1),transform .12s cubic-bezier(0,0,.2,1)}.kbq-popover.kbq-popover_visible.kbq-animations-disabled{animation:none;transition:none}@media(prefers-reduced-motion:reduce){.kbq-popover.kbq-popover_visible{animation:none;transition:none}}.kbq-popover__content{overflow-y:auto}.kbq-popover__content.kbq-popover__content_default-paddings{padding:var(--kbq-popover-size-content-padding-top) var(--kbq-popover-size-content-padding-horizontal) var(--kbq-popover-size-content-padding-bottom)}.kbq-popover__container{overflow:hidden;display:flex;flex-direction:column;max-height:var(--kbq-popover-size-container-max-height);border-radius:var(--kbq-popover-size-container-border-radius)}@supports (corner-shape: squircle){.kbq-popover__container{corner-shape:squircle;border-radius:clamp(var(--kbq-popover-size-container-border-radius) * 1.85,var(--kbq-popover-size-container-border-radius) * 2.3 - 3.6px,var(--kbq-popover-size-container-border-radius) * 2)}}.kbq-popover__container.kbq-popover__container_with-header .kbq-popover__content_default-paddings.kbq-popover__content{padding-top:var(--kbq-size-s)}.kbq-popover__container.kbq-popover__container_with-footer .kbq-popover__content_default-paddings.kbq-popover__content{padding-bottom:var(--kbq-size-s)}.kbq-popover__close-container_without-header .kbq-popover__close{top:0;inset-inline-end:0;transform:translateY(-50%) translate(50%)}[dir=rtl] .kbq-popover__close-container_without-header .kbq-popover__close{transform:translateY(-50%) translate(-50%)}.kbq-popover__header{position:relative;z-index:2;display:flex;flex-shrink:0;align-items:center;overflow:hidden}.kbq-popover__header .kbq-popover__header-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kbq-popover__header.kbq-popover__header_default-paddings{padding:var(--kbq-popover-size-header-padding-top) var(--kbq-popover-size-header-padding-horizontal) var(--kbq-popover-size-header-padding-bottom) var(--kbq-popover-size-header-padding-horizontal)}.kbq-popover__header_with-close-button{padding-inline-end:var(--kbq-size-4xl)}.kbq-popover__footer{position:relative;z-index:2}.kbq-popover__footer.kbq-popover__footer_default-paddings{padding:var(--kbq-popover-size-footer-padding-vertical) var(--kbq-popover-size-footer-padding-horizontal)}.kbq-popover__arrow{position:absolute;z-index:-1;width:12px;height:12px;transform:rotate(45deg)}.kbq-popover_placement-top .kbq-popover__arrow{bottom:-5.5px;left:50%;margin-left:-5.5px}.kbq-popover_placement-top-left .kbq-popover__arrow{bottom:-5.5px;left:24px}.kbq-popover_placement-top-right .kbq-popover__arrow{bottom:-5.5px;right:24px}.kbq-popover_placement-right .kbq-popover__arrow{left:-5.5px;top:50%;margin-top:-5.5px}.kbq-popover_placement-right-top .kbq-popover__arrow{left:-5.5px;top:24px}.kbq-popover_placement-right-bottom .kbq-popover__arrow{left:-5.5px;bottom:24px}.kbq-popover_placement-left .kbq-popover__arrow{right:-5.5px;top:50%;margin-top:-5.5px}.kbq-popover_placement-left-top .kbq-popover__arrow{right:-5.5px;top:24px}.kbq-popover_placement-left-bottom .kbq-popover__arrow{right:-5.5px;bottom:24px}.kbq-popover_placement-bottom .kbq-popover__arrow{top:-5.5px;left:50%;margin-left:-5.5px}.kbq-popover_placement-bottom-left .kbq-popover__arrow{top:-5.5px;left:24px}.kbq-popover_placement-bottom-right .kbq-popover__arrow{top:-5.5px;right:24px}.kbq-popover__close{position:absolute;z-index:2;top:var(--kbq-size-s);inset-inline-end:var(--kbq-size-s);border-radius:var(--kbq-size-border-radius)}@supports (corner-shape: squircle){.kbq-popover__close{corner-shape:squircle;border-radius:clamp(var(--kbq-size-border-radius) * 1.85,var(--kbq-size-border-radius) * 2.3 - 3.6px,var(--kbq-size-border-radius) * 2)}}.kbq-popover,.kbq-popover.kbq-popover_arrowless{box-shadow:var(--kbq-popover-container-shadow)}.kbq-popover__container{background:var(--kbq-popover-container-background)}.kbq-popover__arrow{box-shadow:var(--kbq-popover-container-shadow);background:var(--kbq-popover-container-background)}.kbq-popover__close.kbq-popover__close_background-overlay-inverse{background-color:var(--kbq-background-overlay-inverse)}.kbq-popover__header{color:var(--kbq-popover-header-text-color)}.kbq-popover__content{color:var(--kbq-popover-content-text-color)}.kbq-popover__header{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-popover__content{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)}\n", ".kbq-popover{--kbq-popover-size-container-width-small: 200px;--kbq-popover-size-container-width-medium: 400px;--kbq-popover-size-container-width-large: 640px;--kbq-popover-size-container-border-radius: var(--kbq-size-m);--kbq-popover-size-container-max-height: 480px;--kbq-popover-size-close-button-width: 32px;--kbq-popover-size-close-button-margin-right: -16px;--kbq-popover-size-close-button-margin-top: -10px;--kbq-popover-size-header-padding-horizontal: var(--kbq-size-xxl);--kbq-popover-size-header-padding-top: var(--kbq-size-l);--kbq-popover-size-header-padding-bottom: var(--kbq-size-xs);--kbq-popover-size-content-padding-top: var(--kbq-size-xxl);--kbq-popover-size-content-padding-bottom: var(--kbq-size-3xl);--kbq-popover-size-content-padding-horizontal: var(--kbq-size-xxl);--kbq-popover-size-content-padding-with-header-top: var(--kbq-size-s);--kbq-popover-size-content-padding-with-footer-bottom: var(--kbq-size-s);--kbq-popover-size-footer-padding-vertical: var(--kbq-size-l);--kbq-popover-size-footer-padding-horizontal: var(--kbq-size-xxl);--kbq-popover-container-background: var(--kbq-background-card);--kbq-popover-container-shadow: var(--kbq-shadow-popup);--kbq-popover-header-text-color: var(--kbq-foreground-contrast);--kbq-popover-header-scroll-shadow: var(--kbq-shadow-overflow-normal-bottom);--kbq-popover-content-text-color: var(--kbq-foreground-contrast);--kbq-popover-footer-scroll-shadow: var(--kbq-shadow-overflow-normal-top)}\n"], dependencies: [{ kind: "directive", type: CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }, { kind: "ngmodule", type: KbqButtonModule }, { kind: "component", type: i1.KbqButton, selector: "[kbq-button]", inputs: ["kbqStyle", "disabled", "tabIndex"] }, { kind: "directive", type: i1.KbqButtonCssStyler, selector: "[kbq-button]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: KbqPopoverConfirmComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: KbqPopoverConfirmComponent, decorators: [{
             type: Component,
             args: [{ selector: 'kbq-popover-confirm-component', imports: [
                         CdkTrapFocus,
                         KbqButtonModule
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, animations: [kbqPopoverAnimations.popoverState], preserveWhitespaces: false, template: "<div\n    cdkTrapFocus=\"true\"\n    cdkTrapFocusAutoCapture=\"true\"\n    class=\"kbq-popover-confirm kbq-popover\"\n    [class]=\"classMap\"\n    [@state]=\"visibility\"\n    (@state.done)=\"animationDone($event)\"\n    (@state.start)=\"animationStart()\"\n>\n    <div class=\"kbq-popover__container\">\n        <div class=\"kbq-popover__content\">\n            <div>{{ confirmText }}</div>\n            <button kbq-button [color]=\"'contrast'\" (click)=\"onConfirm.next()\">\n                {{ confirmButtonText }}\n            </button>\n        </div>\n    </div>\n\n    <div class=\"kbq-popover__arrow\"></div>\n</div>\n", styles: ["@keyframes kbq-progress{0%{background-position:0 0}to{background-position:64px 0}}.kbq-progress{position:relative}.kbq-progress:after{content:\"\";position:absolute;border-radius:inherit;inset:0;background:linear-gradient(135deg,#0000000a 12px,#ffffff1a 12px 22px,#0000000a 22px 34px,#ffffff1a 34px) repeat;background-size:32px 32px;animation:kbq-progress 1s linear infinite}@media(prefers-reduced-motion:reduce){.kbq-progress:after{animation:none}}.kbq-group{display:flex;flex-direction:row}.kbq-group_justified>.kbq-group-item{width:100%}.kbq-group .kbq-group-item+.kbq-group-item{margin-left:calc(-1 * var(--kbq-size-border-width))}.kbq-group>.kbq-group-item:first-child:not(:last-child){border-bottom-right-radius:0;border-top-right-radius:0}.kbq-group>.kbq-group-item:last-child:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0}.kbq-group>.kbq-group-item:not(:first-child):not(:last-child){border-radius:0}.kbq-group>.kbq-group-item:first-child:not(:last-child) .kbq-form-field__container{border-bottom-right-radius:0;border-top-right-radius:0}.kbq-group>.kbq-group-item:last-child:not(:first-child) .kbq-form-field__container{border-bottom-left-radius:0;border-top-left-radius:0}.kbq-group>.kbq-group-item:not(:first-child):not(:last-child) .kbq-form-field__container{border-radius:0}.kbq-vertical-group{display:flex;flex-direction:column}.kbq-vertical-group>.kbq-group-item:first-child:not(:last-child){border-bottom-right-radius:0;border-bottom-left-radius:0;border-top-right-radius:var(--kbq-size-border-radius)}.kbq-vertical-group>.kbq-group-item:last-child:not(:first-child){border-top-right-radius:0;border-top-left-radius:0;border-bottom-left-radius:var(--kbq-size-border-radius)}.kbq-vertical-group>.kbq-group-item:not(:first-child):not(:last-child){border-radius:0}.kbq-vertical-group .kbq-group-item+.kbq-group-item{margin-top:calc(-1 * var(--kbq-size-border-width))}.kbq-vertical-group>.kbq-group-item:first-child:not(:last-child) .kbq-form-field__container{border-bottom-right-radius:0;border-bottom-left-radius:0}.kbq-vertical-group>.kbq-group-item:last-child:not(:first-child) .kbq-form-field__container{border-top-right-radius:0;border-top-left-radius:0}.kbq-vertical-group>.kbq-group-item:not(:first-child):not(:last-child) .kbq-form-field__container{border-radius:0}.kbq-truncate-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kbq-no-select{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.kbq-popover{position:relative;border-radius:var(--kbq-popover-size-container-border-radius);box-sizing:border-box;list-style:none;white-space:pre-line;z-index:1}.kbq-popover.kbq-popover_small{width:var(--kbq-popover-size-container-width-small)}.kbq-popover.kbq-popover_small .kbq-popover__content_default-paddings.kbq-popover__content{padding:var(--kbq-size-l)}.kbq-popover.kbq-popover_medium{width:var(--kbq-popover-size-container-width-medium)}.kbq-popover.kbq-popover_large{width:var(--kbq-popover-size-container-width-large)}.kbq-popover.kbq-popover_placement-top,.kbq-popover.kbq-popover_placement-top-left,.kbq-popover.kbq-popover_placement-top-right{margin-bottom:8px}.kbq-popover.kbq-popover_placement-right,.kbq-popover.kbq-popover_placement-right-top,.kbq-popover.kbq-popover_placement-right-bottom{margin-left:8px}.kbq-popover.kbq-popover_placement-bottom,.kbq-popover.kbq-popover_placement-bottom-left,.kbq-popover.kbq-popover_placement-bottom-right{margin-top:8px}.kbq-popover.kbq-popover_placement-left,.kbq-popover.kbq-popover_placement-left-top,.kbq-popover.kbq-popover_placement-left-bottom{margin-right:8px}.kbq-popover__content{overflow-y:auto}.kbq-popover__content.kbq-popover__content_default-paddings{padding:var(--kbq-popover-size-content-padding-top) var(--kbq-popover-size-content-padding-horizontal) var(--kbq-popover-size-content-padding-bottom)}.kbq-popover__container{overflow:hidden;display:flex;flex-direction:column;max-height:var(--kbq-popover-size-container-max-height);border-radius:var(--kbq-popover-size-container-border-radius)}.kbq-popover__container.kbq-popover__container_with-header .kbq-popover__content_default-paddings.kbq-popover__content{padding-top:var(--kbq-size-s)}.kbq-popover__container.kbq-popover__container_with-footer .kbq-popover__content_default-paddings.kbq-popover__content{padding-bottom:var(--kbq-size-s)}.kbq-popover__content .kbq-popover__close-container{display:flex;justify-content:flex-end;height:0}.kbq-popover__content .kbq-popover__close-container .kbq-popover__close{top:auto;right:auto;transform:translateY(-50%) translate(50%)}.kbq-popover__header{position:relative;z-index:2;display:flex;flex-shrink:0;align-items:center;overflow:hidden}.kbq-popover__header .kbq-popover__header-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kbq-popover__header.kbq-popover__header_default-paddings{padding:var(--kbq-popover-size-header-padding-top) var(--kbq-popover-size-header-padding-horizontal) var(--kbq-popover-size-header-padding-bottom) var(--kbq-popover-size-header-padding-horizontal)}.kbq-popover__header_with-close-button{padding-right:var(--kbq-size-4xl)}.kbq-popover__footer{position:relative;z-index:2}.kbq-popover__footer.kbq-popover__footer_default-paddings{padding:var(--kbq-popover-size-footer-padding-vertical) var(--kbq-popover-size-footer-padding-horizontal)}.kbq-popover__arrow{position:absolute;z-index:-1;width:12px;height:12px;transform:rotate(45deg)}.kbq-popover_placement-top .kbq-popover__arrow{bottom:-5.5px;left:50%;margin-left:-5.5px}.kbq-popover_placement-top-left .kbq-popover__arrow{bottom:-5.5px;left:24px}.kbq-popover_placement-top-right .kbq-popover__arrow{bottom:-5.5px;right:24px}.kbq-popover_placement-right .kbq-popover__arrow{left:-5.5px;top:50%;margin-top:-5.5px}.kbq-popover_placement-right-top .kbq-popover__arrow{left:-5.5px;top:24px}.kbq-popover_placement-right-bottom .kbq-popover__arrow{left:-5.5px;bottom:24px}.kbq-popover_placement-left .kbq-popover__arrow{right:-5.5px;top:50%;margin-top:-5.5px}.kbq-popover_placement-left-top .kbq-popover__arrow{right:-5.5px;top:24px}.kbq-popover_placement-left-bottom .kbq-popover__arrow{right:-5.5px;bottom:24px}.kbq-popover_placement-bottom .kbq-popover__arrow{top:-5.5px;left:50%;margin-left:-5.5px}.kbq-popover_placement-bottom-left .kbq-popover__arrow{top:-5.5px;left:24px}.kbq-popover_placement-bottom-right .kbq-popover__arrow{top:-5.5px;right:24px}.kbq-popover__close{position:absolute;z-index:2;top:var(--kbq-size-s);right:var(--kbq-size-s);border-radius:var(--kbq-size-border-radius)}.kbq-popover,.kbq-popover.kbq-popover_arrowless{box-shadow:var(--kbq-popover-container-shadow)}.kbq-popover__container{background:var(--kbq-popover-container-background)}.kbq-popover__arrow{box-shadow:var(--kbq-popover-container-shadow);background:var(--kbq-popover-container-background)}.kbq-popover__close.kbq-popover__close_background-overlay-inverse{background-color:var(--kbq-background-overlay-inverse)}.kbq-popover__header{color:var(--kbq-popover-header-text-color)}.kbq-popover__content{color:var(--kbq-popover-content-text-color)}.kbq-popover__header{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-popover__content{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)}\n", ".kbq-popover{--kbq-popover-size-container-width-small: 200px;--kbq-popover-size-container-width-medium: 400px;--kbq-popover-size-container-width-large: 640px;--kbq-popover-size-container-border-radius: var(--kbq-size-m);--kbq-popover-size-container-max-height: 480px;--kbq-popover-size-close-button-width: 32px;--kbq-popover-size-close-button-margin-right: -16px;--kbq-popover-size-close-button-margin-top: -10px;--kbq-popover-size-header-padding-horizontal: var(--kbq-size-xxl);--kbq-popover-size-header-padding-top: var(--kbq-size-l);--kbq-popover-size-header-padding-bottom: var(--kbq-size-xs);--kbq-popover-size-content-padding-top: var(--kbq-size-xxl);--kbq-popover-size-content-padding-bottom: var(--kbq-size-3xl);--kbq-popover-size-content-padding-horizontal: var(--kbq-size-xxl);--kbq-popover-size-content-padding-with-header-top: var(--kbq-size-s);--kbq-popover-size-content-padding-with-footer-bottom: var(--kbq-size-s);--kbq-popover-size-footer-padding-vertical: var(--kbq-size-l);--kbq-popover-size-footer-padding-horizontal: var(--kbq-size-xxl);--kbq-popover-container-background: var(--kbq-background-card);--kbq-popover-container-shadow: var(--kbq-shadow-popup);--kbq-popover-header-text-color: var(--kbq-foreground-contrast);--kbq-popover-header-scroll-shadow: var(--kbq-shadow-overflow-normal-bottom);--kbq-popover-content-text-color: var(--kbq-foreground-contrast);--kbq-popover-footer-scroll-shadow: var(--kbq-shadow-overflow-normal-top);--kbq-popover-borderless-shadow: 0 2px 8px var(--kbq-shadow-key), 0 3px 8px var(--kbq-shadow-ambient)}\n"] }]
+                    ], providers: KBQ_POPOVER_FOCUS_TRAP_PROVIDERS, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, preserveWhitespaces: false, template: "<div\n    #popover\n    role=\"dialog\"\n    class=\"kbq-popover-confirm kbq-popover\"\n    [attr.aria-label]=\"confirmText\"\n    [id]=\"panelId\"\n    [class.kbq-popover_arrowless]=\"!arrow\"\n    [cdkTrapFocus]=\"isTrapFocus\"\n    [class]=\"classMap\"\n    [class.kbq-animations-disabled]=\"animationsDisabled\"\n    [class.kbq-popover_visible]=\"isVisible()\"\n>\n    <div class=\"kbq-popover__container\">\n        <div class=\"kbq-popover__content\" [class.kbq-popover__content_default-paddings]=\"defaultPaddings\">\n            <div>{{ confirmText }}</div>\n            <button kbq-button [color]=\"componentColors.Contrast\" (click)=\"onConfirm.next()\">\n                {{ confirmButtonText }}\n            </button>\n        </div>\n    </div>\n\n    @if (arrow) {\n        <div class=\"kbq-popover__arrow\"></div>\n    }\n</div>\n", styles: ["@charset \"UTF-8\";.kbq-group{display:flex;flex-direction:row}.kbq-group_justified>.kbq-group-item{width:100%}.kbq-group .kbq-group-item+.kbq-group-item{margin-inline-start:calc(-1 * var(--kbq-size-border-width))}.kbq-group>.kbq-group-item:first-child:not(:last-child){border-start-end-radius:0;border-end-end-radius:0}.kbq-group>.kbq-group-item:last-child:not(:first-child){border-start-start-radius:0;border-end-start-radius:0}.kbq-group>.kbq-group-item:not(:first-child):not(:last-child){border-radius:0}.kbq-group>.kbq-group-item:first-child:not(:last-child) .kbq-form-field__container{border-start-end-radius:0;border-end-end-radius:0}.kbq-group>.kbq-group-item:last-child:not(:first-child) .kbq-form-field__container{border-start-start-radius:0;border-end-start-radius:0}.kbq-group>.kbq-group-item:not(:first-child):not(:last-child) .kbq-form-field__container{border-radius:0}.kbq-vertical-group{display:flex;flex-direction:column}.kbq-vertical-group>.kbq-group-item:first-child:not(:last-child){border-end-start-radius:0;border-end-end-radius:0;border-start-end-radius:var(--kbq-size-border-radius)}@supports (corner-shape: squircle){.kbq-vertical-group>.kbq-group-item:first-child:not(:last-child){corner-shape:squircle;border-start-end-radius:clamp(var(--kbq-size-border-radius) * 1.85,var(--kbq-size-border-radius) * 2.3 - 3.6px,var(--kbq-size-border-radius) * 2)}}.kbq-vertical-group>.kbq-group-item:last-child:not(:first-child){border-start-start-radius:0;border-start-end-radius:0;border-end-start-radius:var(--kbq-size-border-radius)}@supports (corner-shape: squircle){.kbq-vertical-group>.kbq-group-item:last-child:not(:first-child){corner-shape:squircle;border-end-start-radius:clamp(var(--kbq-size-border-radius) * 1.85,var(--kbq-size-border-radius) * 2.3 - 3.6px,var(--kbq-size-border-radius) * 2)}}.kbq-vertical-group>.kbq-group-item:not(:first-child):not(:last-child){border-radius:0}.kbq-vertical-group .kbq-group-item+.kbq-group-item{margin-top:calc(-1 * var(--kbq-size-border-width))}.kbq-vertical-group>.kbq-group-item:first-child:not(:last-child) .kbq-form-field__container{border-end-start-radius:0;border-end-end-radius:0}.kbq-vertical-group>.kbq-group-item:last-child:not(:first-child) .kbq-form-field__container{border-start-start-radius:0;border-start-end-radius:0}.kbq-vertical-group>.kbq-group-item:not(:first-child):not(:last-child) .kbq-form-field__container{border-radius:0}.kbq-truncate-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kbq-popover{position:relative;border-radius:var(--kbq-popover-size-container-border-radius)}@supports (corner-shape: squircle){.kbq-popover{corner-shape:squircle;border-radius:clamp(var(--kbq-popover-size-container-border-radius) * 1.85,var(--kbq-popover-size-container-border-radius) * 2.3 - 3.6px,var(--kbq-popover-size-container-border-radius) * 2)}}.kbq-popover{box-sizing:border-box;list-style:none;white-space:pre-line;z-index:1;opacity:0;transform:scaleY(.8)}.kbq-popover.kbq-popover_small{width:var(--kbq-popover-size-container-width-small)}.kbq-popover.kbq-popover_small .kbq-popover__content_default-paddings.kbq-popover__content{padding:var(--kbq-size-l)}.kbq-popover.kbq-popover_medium{width:var(--kbq-popover-size-container-width-medium)}.kbq-popover.kbq-popover_large{width:var(--kbq-popover-size-container-width-large)}.kbq-popover.kbq-popover_placement-top,.kbq-popover.kbq-popover_placement-top-left,.kbq-popover.kbq-popover_placement-top-right{margin-bottom:8px}.kbq-popover.kbq-popover_placement-right,.kbq-popover.kbq-popover_placement-right-top,.kbq-popover.kbq-popover_placement-right-bottom{margin-left:8px}.kbq-popover.kbq-popover_placement-bottom,.kbq-popover.kbq-popover_placement-bottom-left,.kbq-popover.kbq-popover_placement-bottom-right{margin-top:8px}.kbq-popover.kbq-popover_placement-left,.kbq-popover.kbq-popover_placement-left-top,.kbq-popover.kbq-popover_placement-left-bottom{margin-right:8px}.kbq-popover.kbq-popover_visible{opacity:1;transform:none;transition:opacity .12s cubic-bezier(0,0,.2,1),transform .12s cubic-bezier(0,0,.2,1)}.kbq-popover.kbq-popover_visible.kbq-animations-disabled{animation:none;transition:none}@media(prefers-reduced-motion:reduce){.kbq-popover.kbq-popover_visible{animation:none;transition:none}}.kbq-popover__content{overflow-y:auto}.kbq-popover__content.kbq-popover__content_default-paddings{padding:var(--kbq-popover-size-content-padding-top) var(--kbq-popover-size-content-padding-horizontal) var(--kbq-popover-size-content-padding-bottom)}.kbq-popover__container{overflow:hidden;display:flex;flex-direction:column;max-height:var(--kbq-popover-size-container-max-height);border-radius:var(--kbq-popover-size-container-border-radius)}@supports (corner-shape: squircle){.kbq-popover__container{corner-shape:squircle;border-radius:clamp(var(--kbq-popover-size-container-border-radius) * 1.85,var(--kbq-popover-size-container-border-radius) * 2.3 - 3.6px,var(--kbq-popover-size-container-border-radius) * 2)}}.kbq-popover__container.kbq-popover__container_with-header .kbq-popover__content_default-paddings.kbq-popover__content{padding-top:var(--kbq-size-s)}.kbq-popover__container.kbq-popover__container_with-footer .kbq-popover__content_default-paddings.kbq-popover__content{padding-bottom:var(--kbq-size-s)}.kbq-popover__close-container_without-header .kbq-popover__close{top:0;inset-inline-end:0;transform:translateY(-50%) translate(50%)}[dir=rtl] .kbq-popover__close-container_without-header .kbq-popover__close{transform:translateY(-50%) translate(-50%)}.kbq-popover__header{position:relative;z-index:2;display:flex;flex-shrink:0;align-items:center;overflow:hidden}.kbq-popover__header .kbq-popover__header-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kbq-popover__header.kbq-popover__header_default-paddings{padding:var(--kbq-popover-size-header-padding-top) var(--kbq-popover-size-header-padding-horizontal) var(--kbq-popover-size-header-padding-bottom) var(--kbq-popover-size-header-padding-horizontal)}.kbq-popover__header_with-close-button{padding-inline-end:var(--kbq-size-4xl)}.kbq-popover__footer{position:relative;z-index:2}.kbq-popover__footer.kbq-popover__footer_default-paddings{padding:var(--kbq-popover-size-footer-padding-vertical) var(--kbq-popover-size-footer-padding-horizontal)}.kbq-popover__arrow{position:absolute;z-index:-1;width:12px;height:12px;transform:rotate(45deg)}.kbq-popover_placement-top .kbq-popover__arrow{bottom:-5.5px;left:50%;margin-left:-5.5px}.kbq-popover_placement-top-left .kbq-popover__arrow{bottom:-5.5px;left:24px}.kbq-popover_placement-top-right .kbq-popover__arrow{bottom:-5.5px;right:24px}.kbq-popover_placement-right .kbq-popover__arrow{left:-5.5px;top:50%;margin-top:-5.5px}.kbq-popover_placement-right-top .kbq-popover__arrow{left:-5.5px;top:24px}.kbq-popover_placement-right-bottom .kbq-popover__arrow{left:-5.5px;bottom:24px}.kbq-popover_placement-left .kbq-popover__arrow{right:-5.5px;top:50%;margin-top:-5.5px}.kbq-popover_placement-left-top .kbq-popover__arrow{right:-5.5px;top:24px}.kbq-popover_placement-left-bottom .kbq-popover__arrow{right:-5.5px;bottom:24px}.kbq-popover_placement-bottom .kbq-popover__arrow{top:-5.5px;left:50%;margin-left:-5.5px}.kbq-popover_placement-bottom-left .kbq-popover__arrow{top:-5.5px;left:24px}.kbq-popover_placement-bottom-right .kbq-popover__arrow{top:-5.5px;right:24px}.kbq-popover__close{position:absolute;z-index:2;top:var(--kbq-size-s);inset-inline-end:var(--kbq-size-s);border-radius:var(--kbq-size-border-radius)}@supports (corner-shape: squircle){.kbq-popover__close{corner-shape:squircle;border-radius:clamp(var(--kbq-size-border-radius) * 1.85,var(--kbq-size-border-radius) * 2.3 - 3.6px,var(--kbq-size-border-radius) * 2)}}.kbq-popover,.kbq-popover.kbq-popover_arrowless{box-shadow:var(--kbq-popover-container-shadow)}.kbq-popover__container{background:var(--kbq-popover-container-background)}.kbq-popover__arrow{box-shadow:var(--kbq-popover-container-shadow);background:var(--kbq-popover-container-background)}.kbq-popover__close.kbq-popover__close_background-overlay-inverse{background-color:var(--kbq-background-overlay-inverse)}.kbq-popover__header{color:var(--kbq-popover-header-text-color)}.kbq-popover__content{color:var(--kbq-popover-content-text-color)}.kbq-popover__header{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-popover__content{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)}\n", ".kbq-popover{--kbq-popover-size-container-width-small: 200px;--kbq-popover-size-container-width-medium: 400px;--kbq-popover-size-container-width-large: 640px;--kbq-popover-size-container-border-radius: var(--kbq-size-m);--kbq-popover-size-container-max-height: 480px;--kbq-popover-size-close-button-width: 32px;--kbq-popover-size-close-button-margin-right: -16px;--kbq-popover-size-close-button-margin-top: -10px;--kbq-popover-size-header-padding-horizontal: var(--kbq-size-xxl);--kbq-popover-size-header-padding-top: var(--kbq-size-l);--kbq-popover-size-header-padding-bottom: var(--kbq-size-xs);--kbq-popover-size-content-padding-top: var(--kbq-size-xxl);--kbq-popover-size-content-padding-bottom: var(--kbq-size-3xl);--kbq-popover-size-content-padding-horizontal: var(--kbq-size-xxl);--kbq-popover-size-content-padding-with-header-top: var(--kbq-size-s);--kbq-popover-size-content-padding-with-footer-bottom: var(--kbq-size-s);--kbq-popover-size-footer-padding-vertical: var(--kbq-size-l);--kbq-popover-size-footer-padding-horizontal: var(--kbq-size-xxl);--kbq-popover-container-background: var(--kbq-background-card);--kbq-popover-container-shadow: var(--kbq-shadow-popup);--kbq-popover-header-text-color: var(--kbq-foreground-contrast);--kbq-popover-header-scroll-shadow: var(--kbq-shadow-overflow-normal-bottom);--kbq-popover-content-text-color: var(--kbq-foreground-contrast);--kbq-popover-footer-scroll-shadow: var(--kbq-shadow-overflow-normal-top)}\n"] }]
         }] });
 class KbqPopoverConfirmTrigger extends KbqPopoverTrigger {
-    // TODO: Skipped for migration because:
-    //  Accessor inputs cannot be migrated as they are too complex.
+    /**
+     * Input (`kbqPopoverConfirmText`) — question rendered in the panel. Falls back to
+     * {@link KBQ_POPOVER_CONFIRM_TEXT} and then to the `popoverConfirm` section of the active locale while
+     * unset or `undefined`.
+     */
     get confirmText() {
-        return this._confirmText;
+        return this._confirmText() ?? this.externalConfirmText ?? this.localeConfiguration().confirmText;
     }
     set confirmText(value) {
-        this._confirmText = value;
+        this._confirmText.set(value);
         this.updateData();
     }
-    // TODO: Skipped for migration because:
-    //  Accessor inputs cannot be migrated as they are too complex.
+    /**
+     * Input (`kbqPopoverConfirmButtonText`) — caption of the confirm button. Falls back to
+     * {@link KBQ_POPOVER_CONFIRM_BUTTON_TEXT} and then to the `popoverConfirm` section of the active locale
+     * while unset or `undefined`.
+     */
     get confirmButtonText() {
-        return this._confirmButtonText;
+        return (this._confirmButtonText() ?? this.externalConfirmButtonText ?? this.localeConfiguration().confirmButtonText);
     }
     set confirmButtonText(value) {
-        this._confirmButtonText = value;
+        this._confirmButtonText.set(value);
         this.updateData();
     }
+    ngOnChanges(changes) {
+        super.ngOnChanges(changes);
+        // A bound input is handed to its member, a bound `undefined` restoring the
+        // fallback; unbound, it leaves what code wrote.
+        if (changes['confirmTextInput']) {
+            this.confirmText = this.confirmTextInput();
+        }
+        if (changes['confirmButtonTextInput']) {
+            this.confirmButtonText = this.confirmButtonTextInput();
+        }
+    }
     constructor() {
-        const confirmText = inject(KBQ_POPOVER_CONFIRM_TEXT, { optional: true });
-        const confirmButtonText = inject(KBQ_POPOVER_CONFIRM_BUTTON_TEXT, { optional: true });
         super();
+        /** Emits when the user confirms the action. */
         this.confirm = output();
-        this._confirmButtonText = 'Да';
-        this.confirmText = confirmText || 'Вы уверены, что хотите продолжить?';
-        this.confirmButtonText = confirmButtonText || 'Да';
+        this.localeConfiguration = kbqInjectPopoverConfirmLocaleConfiguration();
+        this.externalConfirmText = inject(KBQ_POPOVER_CONFIRM_TEXT, { optional: true });
+        this.externalConfirmButtonText = inject(KBQ_POPOVER_CONFIRM_BUTTON_TEXT, { optional: true });
+        this._confirmText = signal(undefined, ...(ngDevMode ? [{ debugName: "_confirmText" }] : /* istanbul ignore next */ []));
+        this._confirmButtonText = signal(undefined, ...(ngDevMode ? [{ debugName: "_confirmButtonText" }] : /* istanbul ignore next */ []));
+        /** Panel the confirm handler is currently wired to, so it is wired once per attach. */
+        this.wiredInstance = null;
+        /** @docs-private */
+        this.confirmTextInput = input(undefined, { ...(ngDevMode ? { debugName: "confirmTextInput" } : /* istanbul ignore next */ {}), alias: 'kbqPopoverConfirmText' });
+        /** @docs-private */
+        this.confirmButtonTextInput = input(undefined, { ...(ngDevMode ? { debugName: "confirmButtonTextInput" } : /* istanbul ignore next */ {}), alias: 'kbqPopoverConfirmButtonText' });
+        // The strings are resolved from signals (input, token, locale), so switching the locale while the
+        // popover is open has to reach the live panel — `updateData` alone only runs on input writes.
+        effect(() => {
+            const confirmText = this.confirmText;
+            const confirmButtonText = this.confirmButtonText;
+            if (!this.instance)
+                return;
+            this.instance.confirmText = confirmText;
+            this.instance.confirmButtonText = confirmButtonText;
+        });
     }
+    /** @docs-private */
     updateData() {
         if (!this.instance) {
             return;
         }
+        // Before `super.updateData()`, which renders the panel. Untracked as there: the texts follow the inputs and the
+        // locale.
+        untracked(() => {
+            this.instance.confirmButtonText = this.confirmButtonText;
+            this.instance.confirmText = this.confirmText;
+        });
         super.updateData();
-        this.setupButtonEvents();
-        this.instance.confirmButtonText = this.confirmButtonText;
-        this.instance.confirmText = this.confirmText;
+        if (this.wiredInstance !== this.instance) {
+            this.wiredInstance = this.instance;
+            this.setupButtonEvents();
+        }
     }
+    /**
+     * Subscribes to the panel's confirm button. Called once per attach: the subscription is scoped to the
+     * panel, so it dies with it.
+     *
+     * @docs-private
+     */
     setupButtonEvents() {
-        this.instance.onConfirm.pipe(takeUntilDestroyed(this.destroyRef)).subscribe(() => {
-            // TODO: The 'emit' function requires a mandatory void argument
+        this.instance.onConfirm.pipe(takeUntilDestroyed(this.instanceDestroyRef)).subscribe(() => {
             this.confirm.emit();
             this.hide();
         });
     }
+    /** @docs-private */
     getOverlayHandleComponentType() {
         return KbqPopoverConfirmComponent;
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: KbqPopoverConfirmTrigger, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.30", type: KbqPopoverConfirmTrigger, isStandalone: true, selector: "[kbqPopoverConfirm]", inputs: { confirmText: ["kbqPopoverConfirmText", "confirmText"], confirmButtonText: ["kbqPopoverConfirmButtonText", "confirmButtonText"] }, outputs: { confirm: "confirm" }, host: { listeners: { "keydown": "keydownHandler($event)", "touchend": "touchendHandler()" }, properties: { "class.kbq-popover_open": "isOpen" } }, providers: [kbqSiblingPopupProvider(KbqPopoverConfirmTrigger)], exportAs: ["kbqPopoverConfirm"], usesInheritance: true, ngImport: i0 }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: KbqPopoverConfirmTrigger, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.25", type: KbqPopoverConfirmTrigger, isStandalone: true, selector: "[kbqPopoverConfirm]", inputs: { confirmTextInput: { classPropertyName: "confirmTextInput", publicName: "kbqPopoverConfirmText", isSignal: true, isRequired: false, transformFunction: null }, confirmButtonTextInput: { classPropertyName: "confirmButtonTextInput", publicName: "kbqPopoverConfirmButtonText", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { confirm: "confirm" }, host: { listeners: { "keydown": "keydownHandler($event)", "touchend": "touchendHandler()" }, properties: { "class.kbq-popover_open": "isOpen", "attr.aria-expanded": "hasClickTrigger ? isOpen : null", "attr.aria-haspopup": "hasClickTrigger ? \"dialog\" : null", "attr.aria-controls": "hasClickTrigger && isOpen ? panelId : null" } }, providers: [kbqSiblingPopupProvider(KbqPopoverConfirmTrigger)], exportAs: ["kbqPopoverConfirm"], usesInheritance: true, usesOnChanges: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: KbqPopoverConfirmTrigger, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: KbqPopoverConfirmTrigger, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kbqPopoverConfirm]',
@@ -570,69 +1012,26 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.30", ngImpo
                     providers: [kbqSiblingPopupProvider(KbqPopoverConfirmTrigger)],
                     host: {
                         '[class.kbq-popover_open]': 'isOpen',
+                        '[attr.aria-expanded]': 'hasClickTrigger ? isOpen : null',
+                        '[attr.aria-haspopup]': 'hasClickTrigger ? "dialog" : null',
+                        '[attr.aria-controls]': 'hasClickTrigger && isOpen ? panelId : null',
                         '(keydown)': 'keydownHandler($event)',
                         '(touchend)': 'touchendHandler()'
                     },
                     exportAs: 'kbqPopoverConfirm'
                 }]
-        }], ctorParameters: () => [], propDecorators: { confirm: [{ type: i0.Output, args: ["confirm"] }], confirmText: [{
-                type: Input,
-                args: ['kbqPopoverConfirmText']
-            }], confirmButtonText: [{
-                type: Input,
-                args: ['kbqPopoverConfirmButtonText']
-            }] } });
+        }], ctorParameters: () => [], propDecorators: { confirm: [{ type: i0.Output, args: ["confirm"] }], confirmTextInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "kbqPopoverConfirmText", required: false }] }], confirmButtonTextInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "kbqPopoverConfirmButtonText", required: false }] }] } });
 
 class KbqPopoverModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: KbqPopoverModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.30", ngImport: i0, type: KbqPopoverModule, imports: [OverlayModule,
-            KbqButtonModule,
-            A11yModule,
-            KbqIconModule,
-            CdkObserveContent,
-            NgTemplateOutlet,
-            KbqPopoverComponent,
-            KbqPopoverTrigger,
-            KbqPopoverConfirmComponent,
-            KbqPopoverConfirmTrigger], exports: [KbqPopoverComponent,
-            KbqPopoverTrigger,
-            KbqPopoverConfirmComponent,
-            KbqPopoverConfirmTrigger] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: KbqPopoverModule, providers: [
-            { provide: FocusTrapFactory, useClass: ConfigurableFocusTrapFactory },
-            { provide: FOCUS_TRAP_INERT_STRATEGY, useClass: EmptyFocusTrapStrategy }
-        ], imports: [OverlayModule,
-            KbqButtonModule,
-            A11yModule,
-            KbqIconModule,
-            KbqPopoverComponent,
-            KbqPopoverConfirmComponent] }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: KbqPopoverModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.25", ngImport: i0, type: KbqPopoverModule, imports: [KbqPopoverComponent, KbqPopoverTrigger, KbqPopoverConfirmComponent, KbqPopoverConfirmTrigger], exports: [KbqPopoverComponent, KbqPopoverTrigger, KbqPopoverConfirmComponent, KbqPopoverConfirmTrigger] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: KbqPopoverModule, imports: [KbqPopoverComponent, KbqPopoverConfirmComponent] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: KbqPopoverModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: KbqPopoverModule, decorators: [{
             type: NgModule,
             args: [{
-                    imports: [
-                        OverlayModule,
-                        KbqButtonModule,
-                        A11yModule,
-                        KbqIconModule,
-                        CdkObserveContent,
-                        NgTemplateOutlet,
-                        KbqPopoverComponent,
-                        KbqPopoverTrigger,
-                        KbqPopoverConfirmComponent,
-                        KbqPopoverConfirmTrigger
-                    ],
-                    providers: [
-                        { provide: FocusTrapFactory, useClass: ConfigurableFocusTrapFactory },
-                        { provide: FOCUS_TRAP_INERT_STRATEGY, useClass: EmptyFocusTrapStrategy }
-                    ],
-                    exports: [
-                        KbqPopoverComponent,
-                        KbqPopoverTrigger,
-                        KbqPopoverConfirmComponent,
-                        KbqPopoverConfirmTrigger
-                    ]
+                    imports: [KbqPopoverComponent, KbqPopoverTrigger, KbqPopoverConfirmComponent, KbqPopoverConfirmTrigger],
+                    exports: [KbqPopoverComponent, KbqPopoverTrigger, KbqPopoverConfirmComponent, KbqPopoverConfirmTrigger]
                 }]
         }] });
 
@@ -640,5 +1039,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.30", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { KBQ_POPOVER_CONFIRM_BUTTON_TEXT, KBQ_POPOVER_CONFIRM_TEXT, KBQ_POPOVER_SCROLL_STRATEGY, KBQ_POPOVER_SCROLL_STRATEGY_FACTORY_PROVIDER, KbqPopoverComponent, KbqPopoverConfirmComponent, KbqPopoverConfirmTrigger, KbqPopoverModule, KbqPopoverTrigger, defaultOffsetYWithArrow, getKbqPopoverInvalidPositionError, kbqPopoverAnimations, kbqPopoverScrollStrategyFactory };
+export { KBQ_POPOVER_CONFIRM_BUTTON_TEXT, KBQ_POPOVER_CONFIRM_TEXT, KBQ_POPOVER_FOCUS_TRAP_PROVIDERS, KBQ_POPOVER_SCROLL_STRATEGY, KBQ_POPOVER_SCROLL_STRATEGY_FACTORY_PROVIDER, KbqPopoverComponent, KbqPopoverConfirmComponent, KbqPopoverConfirmTrigger, KbqPopoverModule, KbqPopoverTrigger, defaultHoverLeaveDelay, defaultOffsetYWithArrow, kbqPopoverScrollStrategyFactory };
 //# sourceMappingURL=koobiq-components-popover.mjs.map