@koobiq/components 21.0.1 → 21.1.0

package/fesm2022/koobiq-components-popover.mjs

@@ -4,7 +4,7 @@ import { viewChild, ViewEncapsulation, ChangeDetectionStrategy, Component, Injec
 import { takeUntilDestroyed, outputFromObservable } from '@angular/core/rxjs-interop';
 import * as i1 from '@koobiq/components/button';
 import { KbqButtonModule } from '@koobiq/components/button';
-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 { EmptyFocusTrapStrategy, KbqPopUp, kbqInjectA11yLocaleConfiguration, KbqOverflowShadowContainer, KbqComponentColors, applyPopupMargins, KbqOverflowShadowTop, KbqOverflowShadowBottom, kbqRepositionScrollStrategyFactory, KbqPopUpTrigger, KBQ_OVERLAY_LAYERS, PopUpTriggers, PopUpSizes, kbqCreateCaretOrigin, 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';
@@ -44,6 +44,8 @@ class KbqPopoverComponent extends KbqPopUp {
         /** Debounce shared by the mutation observer and the scroll-shadow container (both expose `debounce`). */
         this.contentObserverDebounce = contentObserverDebounce;
         this.prefix = 'kbq-popover';
+        // Safe arrow inset from popover.scss: the 24px arrow padding plus half of its 12px square.
+        this.arrowCenterInset = 30;
         this.isTrapFocus = false;
         this.hasCloseButton = false;
         this.popoverElement = viewChild('popover', ...(ngDevMode ? [{ debugName: "popoverElement" }] : /* istanbul ignore next */ []));
@@ -80,6 +82,10 @@ class KbqPopoverComponent extends KbqPopUp {
                 applyPopupMargins(this.renderer, this.elementRef.nativeElement, this.prefix, `${this.offset.toString()}px`);
                 this.setStickPosition();
             }
+            if (state) {
+                this.detectChanges();
+                this.updateArrowPosition();
+            }
             // 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) {
@@ -138,7 +144,7 @@ class KbqPopoverComponent extends KbqPopUp {
         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 }); }
+    /** @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:translate(var(--kbq-popover-arrow-shift-x, 0px),var(--kbq-popover-arrow-shift-y, 0px)) 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: "21.2.25", ngImport: i0, type: KbqPopoverComponent, decorators: [{
             type: Component,
@@ -154,7 +160,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImpo
                         KbqOverflowShadowBottom
                     ], 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"] }]
+                    }, 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:translate(var(--kbq-popover-arrow-shift-x, 0px),var(--kbq-popover-arrow-shift-y, 0px)) 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',
@@ -202,6 +208,11 @@ class KbqPopoverTrigger extends KbqPopUpTrigger {
         this._backdropClass = defaultBackdropClass;
         /** Input (`kbqPopoverArrow`) — renders the arrow pointing at the trigger. */
         this.arrow = true;
+        /**
+         * Input (`kbqPopoverArrowCentered`) — centers the arrow on the trigger while preserving the panel placement.
+         * Defaults to `false`.
+         */
+        this.arrowCentered = false;
         /** Input (`kbqPopoverOffset`) — distance between the trigger and the panel, in pixels. */
         this.offset = defaultOffsetYWithArrow;
         /**
@@ -210,6 +221,11 @@ class KbqPopoverTrigger extends KbqPopUpTrigger {
          * collapses it. Focus then never enters the panel, so its content has to be reachable some other way.
          */
         this.autoFocus = true;
+        /**
+         * Input (`kbqRelativeToPointer`) — positions a click-opened popover at the click point. Keyboard and
+         * programmatic opens stay on the trigger. An explicit `kbqPopoverOrigin` takes precedence. Defaults to `false`.
+         */
+        this.relativeToPointer = false;
         /** Input (`kbqEnterDelay`) — delay before opening, in milliseconds. Defaults to `0`. */
         this.enterDelay = 0;
         this.leaveDelayBound = false;
@@ -230,6 +246,12 @@ class KbqPopoverTrigger extends KbqPopUpTrigger {
         this.originSelector = '.kbq-popover';
         /** Whether a position re-apply is already queued for this turn. */
         this.repositionScheduled = false;
+        this.pointerOffset = null;
+        this.pointerOrigin = kbqCreateCaretOrigin(() => {
+            const { left, top } = this.getNativeElement().getBoundingClientRect();
+            const offset = this.pointerOffset;
+            return { x: left + offset.x, y: top + offset.y, width: 0, height: 0 };
+        });
         /**
          * Whether the open currently on screen was a deliberate one rather than a pointer or focus one.
          *
@@ -286,12 +308,18 @@ class KbqPopoverTrigger extends KbqPopUpTrigger {
         this.arrowInput = input(undefined, { ...(ngDevMode ? { debugName: "arrowInput" } : /* istanbul ignore next */ {}), alias: 'kbqPopoverArrow',
             transform: booleanAttribute });
         /** @docs-private */
+        this.arrowCenteredInput = input(undefined, { ...(ngDevMode ? { debugName: "arrowCenteredInput" } : /* istanbul ignore next */ {}), alias: 'kbqPopoverArrowCentered',
+            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.relativeToPointerInput = input(undefined, { ...(ngDevMode ? { debugName: "relativeToPointerInput" } : /* istanbul ignore next */ {}), alias: 'kbqRelativeToPointer',
+            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',
@@ -655,6 +683,10 @@ class KbqPopoverTrigger extends KbqPopUpTrigger {
             if (arrow !== undefined)
                 this.arrow = arrow;
         }
+        if (changes['arrowCenteredInput']) {
+            this.arrowCentered = this.arrowCenteredInput() ?? false;
+            this.updateData();
+        }
         if (changes['offsetInput']) {
             this.offset = this.offsetInput() ?? defaultOffsetYWithArrow;
         }
@@ -663,6 +695,11 @@ class KbqPopoverTrigger extends KbqPopUpTrigger {
             if (autoFocus !== undefined)
                 this.autoFocus = autoFocus;
         }
+        if (changes['relativeToPointerInput']) {
+            const relativeToPointer = this.relativeToPointerInput();
+            if (relativeToPointer !== undefined)
+                this.relativeToPointer = relativeToPointer;
+        }
         if (changes['popoverOriginInput']) {
             this.popoverOrigin = this.popoverOriginInput() ?? null;
         }
@@ -698,8 +735,49 @@ class KbqPopoverTrigger extends KbqPopUpTrigger {
     }
     /** @docs-private */
     show(delay = this.enterDelay) {
+        const event = this.mouseEvent;
+        const pointerEvent = this.relativeToPointer && this.triggerName === PopUpTriggers.Click && event?.detail ? event : null;
+        const wasAttached = !!this.instance;
+        this.mouseEvent = undefined;
+        if (pointerEvent) {
+            const { left, top } = this.getNativeElement().getBoundingClientRect();
+            this.pointerOffset = { x: pointerEvent.clientX - left, y: pointerEvent.clientY - top };
+            Object.assign(pointerEvent, { kbqPopoverPreventHide: true });
+        }
+        else if (!wasAttached) {
+            this.pointerOffset = null;
+        }
+        if (pointerEvent || !wasAttached) {
+            this.strategy?.setOrigin(this.getResolvedOrigin());
+        }
         this.deliberateOpen = !passiveOpenEvents.includes(this.triggerName);
         super.show(delay);
+        if (pointerEvent && wasAttached) {
+            this.ngZone.run(() => this.instance.show(delay));
+            this.updatePosition();
+            this.strategy.withLockedPosition(false);
+            this.overlayRef?.updatePosition();
+            this.strategy.withLockedPosition(true);
+            this.instance?.updateArrowPosition();
+        }
+    }
+    /** Current click point in viewport coordinates, or `null` when the host or an explicit origin is used. @docs-private */
+    getPointerPoint() {
+        if (!this.pointerOffset || this.origin)
+            return null;
+        return { x: this.pointerOrigin.x, y: this.pointerOrigin.y };
+    }
+    /** Click point when pointer-relative positioning is active, otherwise the shared origin point. @docs-private */
+    getArrowPoint() {
+        return this.getPointerPoint() ?? super.getArrowPoint();
+    }
+    /** @docs-private */
+    getResolvedOrigin() {
+        return this.pointerOffset && !this.origin ? this.pointerOrigin : super.getResolvedOrigin();
+    }
+    /** @docs-private */
+    getAnchorSize() {
+        return this.pointerOffset && !this.origin ? { width: 0, height: 0 } : super.getAnchorSize();
     }
     /** @docs-private */
     updateData() {
@@ -719,6 +797,7 @@ class KbqPopoverTrigger extends KbqPopUpTrigger {
         // `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.arrowCentered = this.arrowCentered;
         this.instance.offset = this.offset;
         this.instance.footer = this.footer;
         this.instance.hasCloseButton = this.hasCloseButton;
@@ -838,7 +917,7 @@ class KbqPopoverTrigger extends KbqPopUpTrigger {
         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 }); }
+    /** @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 }, arrowCenteredInput: { classPropertyName: "arrowCenteredInput", publicName: "kbqPopoverArrowCentered", 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 }, relativeToPointerInput: { classPropertyName: "relativeToPointerInput", publicName: "kbqRelativeToPointer", 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: "21.2.25", ngImport: i0, type: KbqPopoverTrigger, decorators: [{
             type: Directive,
@@ -856,7 +935,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImpo
                     },
                     exportAs: 'kbqPopover'
                 }]
-        }], 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 }] }] } });
+        }], 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 }] }], arrowCenteredInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "kbqPopoverArrowCentered", required: false }] }], offsetInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "kbqPopoverOffset", required: false }] }], autoFocusInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "kbqPopoverAutoFocus", required: false }] }], relativeToPointerInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "kbqRelativeToPointer", 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 }] }] } });
 
 /**
  * Overrides the question of every confirmation popover in the injector scope. Takes precedence over the
@@ -896,14 +975,14 @@ class KbqPopoverConfirmComponent extends KbqPopoverComponent {
         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 }); }
+    /** @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:translate(var(--kbq-popover-arrow-shift-x, 0px),var(--kbq-popover-arrow-shift-y, 0px)) 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: "21.2.25", ngImport: i0, type: KbqPopoverConfirmComponent, decorators: [{
             type: Component,
             args: [{ selector: 'kbq-popover-confirm-component', imports: [
                         CdkTrapFocus,
                         KbqButtonModule
-                    ], 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"] }]
+                    ], 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:translate(var(--kbq-popover-arrow-shift-x, 0px),var(--kbq-popover-arrow-shift-y, 0px)) 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 {
     /**