@koobiq/components 21.0.1 → 21.1.0

package/fesm2022/koobiq-components-tooltip.mjs

@@ -4,11 +4,23 @@ import { FocusMonitor } from '@angular/cdk/a11y';
 import { coerceBooleanProperty } from '@angular/cdk/coercion';
 import { Overlay } from '@angular/cdk/overlay';
 import { NgTemplateOutlet } from '@angular/common';
-import { outputFromObservable, takeUntilDestroyed } from '@angular/core/rxjs-interop';
+import { takeUntilDestroyed, outputFromObservable } from '@angular/core/rxjs-interop';
 import { KbqPopUp, applyPopupMargins, PopUpTriggers, KbqPopUpTrigger, KbqComponentColors, PopUpPlacements, KBQ_PARENT_POPUP, KBQ_SIBLING_POPUP, kbqOptionalNumberAttribute, kbqCreateCaretOrigin, POSITION_TO_CSS_MAP, ESCAPE, kbqGetSelectionRect, kbqListenForCaretMoves } from '@koobiq/components/core';
 import { merge, EMPTY } from 'rxjs';
 import { filter } from 'rxjs/operators';
 
+/**
+ * Default options for the tooltips in the token's scope. Provided in root with an empty-object factory, so
+ * behavior stays unchanged unless a component tree — e.g. a navbar, so its items' tooltips inherit the
+ * horizontal-navbar panel class and a zero offset — provides its own values.
+ *
+ * @docs-private
+ */
+const KBQ_TOOLTIP_DEFAULT_OPTIONS = new InjectionToken('kbq-tooltip-default-options', {
+    providedIn: 'root',
+    factory: () => ({})
+});
+
 /**
  * Default value of the `kbqTooltipSingleInstance` input. Provide `false` at the application level to
  * globally disable the "only one tooltip is visible at a time" behavior.
@@ -121,6 +133,8 @@ class KbqTooltipComponent extends KbqPopUp {
         super(...arguments);
         this.delayTracker = inject(KbqTooltipDelayTracker);
         this.prefix = 'kbq-tooltip';
+        // Safe arrow inset from tooltip.scss: ($arrow-footprint + $trigger-margin) / 2 with the default arrow token.
+        this.arrowCenterInset = 19;
         /**
          * Id rendered on the tooltip element; the trigger points its `aria-describedby` at it.
          *
@@ -136,6 +150,20 @@ class KbqTooltipComponent extends KbqPopUp {
     get elementRef() {
         return this.tooltipElement();
     }
+    ngAfterViewInit() {
+        this.visibleChange.pipe(takeUntilDestroyed(this.destroyRef)).subscribe((state) => {
+            if (state && this.arrowCentered) {
+                this.detectChanges();
+                this.updateArrowPosition();
+            }
+        });
+    }
+    /** Recalculates from the settled geometry: the entrance starts from `scale(0)`, an empty measurement box. */
+    afterShowAnimation() {
+        if (this.arrowCentered) {
+            this.updateArrowPosition();
+        }
+    }
     show(delay) {
         if (!this.content) {
             return;
@@ -164,13 +192,13 @@ class KbqTooltipComponent extends KbqPopUp {
         super.updateClassMap(placement, customClass, classMap);
     }
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: KbqTooltipComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.25", type: KbqTooltipComponent, isStandalone: true, selector: "kbq-tooltip-component", viewQueries: [{ propertyName: "tooltipElement", first: true, predicate: ["tooltip"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<div\n    #tooltip\n    class=\"kbq-tooltip\"\n    role=\"tooltip\"\n    [attr.id]=\"id\"\n    [class.kbq-tooltip_arrowless]=\"!arrow\"\n    [class]=\"classMap\"\n    [class.kbq-animations-disabled]=\"animationsDisabled\"\n    [class.kbq-tooltip_visible]=\"isVisible()\"\n>\n    <div class=\"kbq-tooltip__inner\">\n        @if (arrow) {\n            <div class=\"kbq-tooltip__arrow\" aria-hidden=\"true\"></div>\n        }\n\n        @if (header) {\n            <div class=\"kbq-tooltip__header\">\n                @if (isTemplateRef(header)) {\n                    <ng-container [ngTemplateOutlet]=\"$any(header)\" [ngTemplateOutletContext]=\"context\" />\n                } @else {\n                    <div>{{ header }}</div>\n                }\n            </div>\n        }\n        <div class=\"kbq-tooltip__content\">\n            @if (isTemplateRef(content)) {\n                <ng-container [ngTemplateOutlet]=\"$any(content)\" [ngTemplateOutletContext]=\"context\" />\n            } @else {\n                <div>{{ content }}</div>\n            }\n        </div>\n    </div>\n</div>\n", styles: ["@charset \"UTF-8\";.kbq-tooltip-panel_horizontal-navbar:has(.kbq-tooltip_placement-top),.kbq-tooltip-panel_horizontal-navbar:has(.kbq-tooltip_placement-top-left),.kbq-tooltip-panel_horizontal-navbar:has(.kbq-tooltip_placement-top-right){margin-bottom:9px}.kbq-tooltip-panel_horizontal-navbar:has(.kbq-tooltip_placement-right),.kbq-tooltip-panel_horizontal-navbar:has(.kbq-tooltip_placement-right-top),.kbq-tooltip-panel_horizontal-navbar:has(.kbq-tooltip_placement-right-bottom){margin-left:9px}.kbq-tooltip-panel_horizontal-navbar:has(.kbq-tooltip_placement-bottom),.kbq-tooltip-panel_horizontal-navbar:has(.kbq-tooltip_placement-bottom-left),.kbq-tooltip-panel_horizontal-navbar:has(.kbq-tooltip_placement-bottom-right){margin-top:9px}.kbq-tooltip-panel_horizontal-navbar:has(.kbq-tooltip_placement-left),.kbq-tooltip-panel_horizontal-navbar:has(.kbq-tooltip_placement-left-top),.kbq-tooltip-panel_horizontal-navbar:has(.kbq-tooltip_placement-left-bottom){margin-right:9px}.kbq-tooltip-trigger_for-disabled{outline-color:var(--kbq-states-line-focus-theme)}.kbq-tooltip__inner{border-radius:var(--kbq-tooltip-size-border-radius)}@supports (corner-shape: squircle){.kbq-tooltip__inner{corner-shape:squircle;border-radius:clamp(var(--kbq-tooltip-size-border-radius) * 1.85,var(--kbq-tooltip-size-border-radius) * 2.3 - 3.6px,var(--kbq-tooltip-size-border-radius) * 2)}}.kbq-tooltip__inner{overflow-wrap:break-word}.kbq-tooltip{box-sizing:border-box;border-radius:var(--kbq-tooltip-size-border-radius)}@supports (corner-shape: squircle){.kbq-tooltip{corner-shape:squircle;border-radius:clamp(var(--kbq-tooltip-size-border-radius) * 1.85,var(--kbq-tooltip-size-border-radius) * 2.3 - 3.6px,var(--kbq-tooltip-size-border-radius) * 2)}}.kbq-tooltip{white-space:pre-line}.kbq-tooltip.kbq-tooltip_placement-top,.kbq-tooltip.kbq-tooltip_placement-top-left,.kbq-tooltip.kbq-tooltip_placement-top-right{margin-bottom:8px}.kbq-tooltip.kbq-tooltip_placement-right,.kbq-tooltip.kbq-tooltip_placement-right-top,.kbq-tooltip.kbq-tooltip_placement-right-bottom{margin-left:8px}.kbq-tooltip.kbq-tooltip_placement-bottom,.kbq-tooltip.kbq-tooltip_placement-bottom-left,.kbq-tooltip.kbq-tooltip_placement-bottom-right{margin-top:8px}.kbq-tooltip.kbq-tooltip_placement-left,.kbq-tooltip.kbq-tooltip_placement-left-top,.kbq-tooltip.kbq-tooltip_placement-left-bottom{margin-right:8px}.kbq-tooltip{max-width:var(--kbq-tooltip-size-max-width);opacity:0;transform:scale(0)}.kbq-tooltip .kbq-tooltip__inner{padding:var(--kbq-tooltip-size-padding-vertical) var(--kbq-tooltip-size-padding-horizontal)}.kbq-tooltip.kbq-tooltip_arrowless.kbq-tooltip_placement-top,.kbq-tooltip.kbq-tooltip_arrowless.kbq-tooltip_placement-top-left,.kbq-tooltip.kbq-tooltip_arrowless.kbq-tooltip_placement-top-right{margin-bottom:4px}.kbq-tooltip.kbq-tooltip_arrowless.kbq-tooltip_placement-right,.kbq-tooltip.kbq-tooltip_arrowless.kbq-tooltip_placement-right-top,.kbq-tooltip.kbq-tooltip_arrowless.kbq-tooltip_placement-right-bottom{margin-left:4px}.kbq-tooltip.kbq-tooltip_arrowless.kbq-tooltip_placement-bottom,.kbq-tooltip.kbq-tooltip_arrowless.kbq-tooltip_placement-bottom-left,.kbq-tooltip.kbq-tooltip_arrowless.kbq-tooltip_placement-bottom-right{margin-top:4px}.kbq-tooltip.kbq-tooltip_arrowless.kbq-tooltip_placement-left,.kbq-tooltip.kbq-tooltip_arrowless.kbq-tooltip_placement-left-top,.kbq-tooltip.kbq-tooltip_arrowless.kbq-tooltip_placement-left-bottom{margin-right:4px}.kbq-tooltip.kbq-tooltip_visible{opacity:1;transform:scale(1);animation:kbq-tooltip-enter .2s cubic-bezier(0,0,.2,1)}.kbq-tooltip.kbq-tooltip_visible.kbq-animations-disabled{animation:none;transition:none}@media(prefers-reduced-motion:reduce){.kbq-tooltip.kbq-tooltip_visible{animation:none;transition:none}}@keyframes kbq-tooltip-enter{0%{opacity:0;transform:scale(0)}50%{opacity:.5;transform:scale(.9)}}.kbq-tooltip.kbq-theme .kbq-tooltip__inner{color:var(--kbq-tooltip-theme-fade-off-text);background-image:linear-gradient(var(--kbq-tooltip-theme-fade-off-background),var(--kbq-tooltip-theme-fade-off-background));background-color:var(--kbq-background-bg)}.kbq-tooltip.kbq-theme .kbq-tooltip__arrow{background-image:linear-gradient(var(--kbq-tooltip-theme-fade-off-background),var(--kbq-tooltip-theme-fade-off-background));background-color:var(--kbq-background-bg)}.kbq-tooltip.kbq-theme.kbq-tooltip_arrowless{box-shadow:var(--kbq-tooltip-theme-fade-off-shadow)}.kbq-tooltip.kbq-contrast .kbq-tooltip__inner{color:var(--kbq-tooltip-contrast-fade-off-text);background-image:linear-gradient(var(--kbq-tooltip-contrast-fade-off-background),var(--kbq-tooltip-contrast-fade-off-background));background-color:var(--kbq-background-bg)}.kbq-tooltip.kbq-contrast .kbq-tooltip__arrow{background-image:linear-gradient(var(--kbq-tooltip-contrast-fade-off-background),var(--kbq-tooltip-contrast-fade-off-background));background-color:var(--kbq-background-bg)}.kbq-tooltip.kbq-contrast.kbq-tooltip_arrowless{box-shadow:var(--kbq-tooltip-contrast-fade-off-shadow)}.kbq-tooltip.kbq-contrast-fade .kbq-tooltip__inner{color:var(--kbq-tooltip-contrast-fade-on-text);background-image:linear-gradient(var(--kbq-tooltip-contrast-fade-on-background),var(--kbq-tooltip-contrast-fade-on-background));background-color:var(--kbq-background-bg)}.kbq-tooltip.kbq-contrast-fade .kbq-tooltip__arrow{background-image:linear-gradient(var(--kbq-tooltip-contrast-fade-on-background),var(--kbq-tooltip-contrast-fade-on-background));background-color:var(--kbq-background-bg)}.kbq-tooltip.kbq-contrast-fade.kbq-tooltip_arrowless{box-shadow:var(--kbq-tooltip-contrast-fade-on-shadow)}.kbq-tooltip.kbq-contrast-fade.kbq-tooltip,.kbq-tooltip.kbq-contrast-fade .kbq-tooltip__arrow{box-shadow:var(--kbq-shadow-popup)}.kbq-tooltip.kbq-warning .kbq-tooltip__inner{color:var(--kbq-tooltip-warning-fade-off-text);background-image:linear-gradient(var(--kbq-tooltip-warning-fade-off-background),var(--kbq-tooltip-warning-fade-off-background));background-color:var(--kbq-background-bg)}.kbq-tooltip.kbq-warning .kbq-tooltip__arrow{background-image:linear-gradient(var(--kbq-tooltip-warning-fade-off-background),var(--kbq-tooltip-warning-fade-off-background));background-color:var(--kbq-background-bg)}.kbq-tooltip.kbq-warning.kbq-tooltip_arrowless{box-shadow:var(--kbq-tooltip-warning-fade-off-shadow)}.kbq-tooltip.kbq-error .kbq-tooltip__inner{color:var(--kbq-tooltip-error-fade-off-text);background-image:linear-gradient(var(--kbq-tooltip-error-fade-off-background),var(--kbq-tooltip-error-fade-off-background));background-color:var(--kbq-background-bg)}.kbq-tooltip.kbq-error .kbq-tooltip__arrow{background-image:linear-gradient(var(--kbq-tooltip-error-fade-off-background),var(--kbq-tooltip-error-fade-off-background));background-color:var(--kbq-background-bg)}.kbq-tooltip.kbq-error.kbq-tooltip_arrowless{box-shadow:var(--kbq-tooltip-error-fade-off-shadow)}.kbq-tooltip,.kbq-tooltip .kbq-tooltip__header{font-size:var(--kbq-typography-text-compact-font-size);font-style:var(--kbq-typography-text-compact-font-style);font-weight:var(--kbq-typography-text-compact-font-weight);line-height:var(--kbq-typography-text-compact-line-height);font-family:var(--kbq-typography-text-compact-font-family);text-transform:var(--kbq-typography-text-compact-text-transform);font-feature-settings:var(--kbq-typography-text-compact-font-feature-settings);letter-spacing:var(--kbq-typography-text-compact-letter-spacing)}.kbq-tooltip__arrow{position:absolute;width:var(--kbq-tooltip-size-arrow-size);height:var(--kbq-tooltip-size-arrow-size);transform:rotate(45deg);z-index:-1}.kbq-tooltip_placement-top .kbq-tooltip__arrow{bottom:calc((var(--kbq-tooltip-size-arrow-size) - 1px) / -2);left:50%;margin-left:calc((var(--kbq-tooltip-size-arrow-size) - 1px) / -2)}.kbq-tooltip_placement-top-left .kbq-tooltip__arrow{bottom:calc((var(--kbq-tooltip-size-arrow-size) - 1px) / -2);left:13px}.kbq-tooltip_placement-top-right .kbq-tooltip__arrow{bottom:calc((var(--kbq-tooltip-size-arrow-size) - 1px) / -2);right:13px}.kbq-tooltip_placement-right .kbq-tooltip__arrow{left:calc((var(--kbq-tooltip-size-arrow-size) - 1px) / -2);top:50%;margin-top:calc((var(--kbq-tooltip-size-arrow-size) - 1px) / -2)}.kbq-tooltip_placement-right-top .kbq-tooltip__arrow{left:calc((var(--kbq-tooltip-size-arrow-size) - 1px) / -2);top:13px}.kbq-tooltip_placement-right-bottom .kbq-tooltip__arrow{left:calc((var(--kbq-tooltip-size-arrow-size) - 1px) / -2);bottom:13px}.kbq-tooltip_placement-left .kbq-tooltip__arrow{right:calc((var(--kbq-tooltip-size-arrow-size) - 1px) / -2);top:50%;margin-top:calc((var(--kbq-tooltip-size-arrow-size) - 1px) / -2)}.kbq-tooltip_placement-left-top .kbq-tooltip__arrow{right:calc((var(--kbq-tooltip-size-arrow-size) - 1px) / -2);top:13px}.kbq-tooltip_placement-left-bottom .kbq-tooltip__arrow{right:calc((var(--kbq-tooltip-size-arrow-size) - 1px) / -2);bottom:13px}.kbq-tooltip_placement-bottom .kbq-tooltip__arrow{top:calc((var(--kbq-tooltip-size-arrow-size) - 1px) / -2);left:50%;margin-left:calc((var(--kbq-tooltip-size-arrow-size) - 1px) / -2)}.kbq-tooltip_placement-bottom-left .kbq-tooltip__arrow{top:calc((var(--kbq-tooltip-size-arrow-size) - 1px) / -2);left:13px}.kbq-tooltip_placement-bottom-right .kbq-tooltip__arrow{top:calc((var(--kbq-tooltip-size-arrow-size) - 1px) / -2);right:13px}\n", ".kbq-tooltip{--kbq-tooltip-size-max-width: 300px;--kbq-tooltip-size-border-radius: var(--kbq-size-s);--kbq-tooltip-size-padding-horizontal: var(--kbq-size-m);--kbq-tooltip-size-padding-vertical: var(--kbq-size-s);--kbq-tooltip-size-arrow-size: var(--kbq-size-m);--kbq-tooltip-contrast-fade-on-background: var(--kbq-background-card);--kbq-tooltip-contrast-fade-on-text: var(--kbq-foreground-contrast);--kbq-tooltip-contrast-fade-on-shadow: var(--kbq-shadow-popup);--kbq-tooltip-contrast-fade-off-background: var(--kbq-background-night);--kbq-tooltip-contrast-fade-off-text: var(--kbq-foreground-white);--kbq-tooltip-contrast-fade-off-shadow: var(--kbq-shadow-popup);--kbq-tooltip-theme-fade-off-background: var(--kbq-background-theme);--kbq-tooltip-theme-fade-off-text: var(--kbq-foreground-white);--kbq-tooltip-theme-fade-off-shadow: none;--kbq-tooltip-warning-fade-off-background: var(--kbq-background-warning);--kbq-tooltip-warning-fade-off-text: var(--kbq-foreground-contrast);--kbq-tooltip-warning-fade-off-shadow: none;--kbq-tooltip-error-fade-off-background: var(--kbq-background-error);--kbq-tooltip-error-fade-off-text: var(--kbq-foreground-white);--kbq-tooltip-error-fade-off-shadow: none}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.25", type: KbqTooltipComponent, isStandalone: true, selector: "kbq-tooltip-component", viewQueries: [{ propertyName: "tooltipElement", first: true, predicate: ["tooltip"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<div\n    #tooltip\n    class=\"kbq-tooltip\"\n    role=\"tooltip\"\n    [attr.id]=\"id\"\n    [class.kbq-tooltip_arrowless]=\"!arrow\"\n    [class]=\"classMap\"\n    [class.kbq-animations-disabled]=\"animationsDisabled\"\n    [class.kbq-tooltip_visible]=\"isVisible()\"\n>\n    <div class=\"kbq-tooltip__inner\">\n        @if (arrow) {\n            <div class=\"kbq-tooltip__arrow\" aria-hidden=\"true\"></div>\n        }\n\n        @if (header) {\n            <div class=\"kbq-tooltip__header\">\n                @if (isTemplateRef(header)) {\n                    <ng-container [ngTemplateOutlet]=\"$any(header)\" [ngTemplateOutletContext]=\"context\" />\n                } @else {\n                    <div>{{ header }}</div>\n                }\n            </div>\n        }\n        <div class=\"kbq-tooltip__content\">\n            @if (isTemplateRef(content)) {\n                <ng-container [ngTemplateOutlet]=\"$any(content)\" [ngTemplateOutletContext]=\"context\" />\n            } @else {\n                <div>{{ content }}</div>\n            }\n        </div>\n    </div>\n</div>\n", styles: ["@charset \"UTF-8\";.kbq-tooltip-panel_horizontal-navbar:has(.kbq-tooltip_placement-top),.kbq-tooltip-panel_horizontal-navbar:has(.kbq-tooltip_placement-top-left),.kbq-tooltip-panel_horizontal-navbar:has(.kbq-tooltip_placement-top-right){margin-bottom:9px}.kbq-tooltip-panel_horizontal-navbar:has(.kbq-tooltip_placement-right),.kbq-tooltip-panel_horizontal-navbar:has(.kbq-tooltip_placement-right-top),.kbq-tooltip-panel_horizontal-navbar:has(.kbq-tooltip_placement-right-bottom){margin-left:9px}.kbq-tooltip-panel_horizontal-navbar:has(.kbq-tooltip_placement-bottom),.kbq-tooltip-panel_horizontal-navbar:has(.kbq-tooltip_placement-bottom-left),.kbq-tooltip-panel_horizontal-navbar:has(.kbq-tooltip_placement-bottom-right){margin-top:9px}.kbq-tooltip-panel_horizontal-navbar:has(.kbq-tooltip_placement-left),.kbq-tooltip-panel_horizontal-navbar:has(.kbq-tooltip_placement-left-top),.kbq-tooltip-panel_horizontal-navbar:has(.kbq-tooltip_placement-left-bottom){margin-right:9px}.kbq-tooltip-trigger_for-disabled{outline-color:var(--kbq-states-line-focus-theme)}.kbq-tooltip__inner{border-radius:var(--kbq-tooltip-size-border-radius)}@supports (corner-shape: squircle){.kbq-tooltip__inner{corner-shape:squircle;border-radius:clamp(var(--kbq-tooltip-size-border-radius) * 1.85,var(--kbq-tooltip-size-border-radius) * 2.3 - 3.6px,var(--kbq-tooltip-size-border-radius) * 2)}}.kbq-tooltip__inner{overflow-wrap:break-word}.kbq-tooltip{box-sizing:border-box;border-radius:var(--kbq-tooltip-size-border-radius)}@supports (corner-shape: squircle){.kbq-tooltip{corner-shape:squircle;border-radius:clamp(var(--kbq-tooltip-size-border-radius) * 1.85,var(--kbq-tooltip-size-border-radius) * 2.3 - 3.6px,var(--kbq-tooltip-size-border-radius) * 2)}}.kbq-tooltip{white-space:pre-line}.kbq-tooltip.kbq-tooltip_placement-top,.kbq-tooltip.kbq-tooltip_placement-top-left,.kbq-tooltip.kbq-tooltip_placement-top-right{margin-bottom:8px}.kbq-tooltip.kbq-tooltip_placement-right,.kbq-tooltip.kbq-tooltip_placement-right-top,.kbq-tooltip.kbq-tooltip_placement-right-bottom{margin-left:8px}.kbq-tooltip.kbq-tooltip_placement-bottom,.kbq-tooltip.kbq-tooltip_placement-bottom-left,.kbq-tooltip.kbq-tooltip_placement-bottom-right{margin-top:8px}.kbq-tooltip.kbq-tooltip_placement-left,.kbq-tooltip.kbq-tooltip_placement-left-top,.kbq-tooltip.kbq-tooltip_placement-left-bottom{margin-right:8px}.kbq-tooltip{max-width:var(--kbq-tooltip-size-max-width);opacity:0;transform:scale(0)}.kbq-tooltip .kbq-tooltip__inner{padding:var(--kbq-tooltip-size-padding-vertical) var(--kbq-tooltip-size-padding-horizontal)}.kbq-tooltip.kbq-tooltip_arrowless.kbq-tooltip_placement-top,.kbq-tooltip.kbq-tooltip_arrowless.kbq-tooltip_placement-top-left,.kbq-tooltip.kbq-tooltip_arrowless.kbq-tooltip_placement-top-right{margin-bottom:4px}.kbq-tooltip.kbq-tooltip_arrowless.kbq-tooltip_placement-right,.kbq-tooltip.kbq-tooltip_arrowless.kbq-tooltip_placement-right-top,.kbq-tooltip.kbq-tooltip_arrowless.kbq-tooltip_placement-right-bottom{margin-left:4px}.kbq-tooltip.kbq-tooltip_arrowless.kbq-tooltip_placement-bottom,.kbq-tooltip.kbq-tooltip_arrowless.kbq-tooltip_placement-bottom-left,.kbq-tooltip.kbq-tooltip_arrowless.kbq-tooltip_placement-bottom-right{margin-top:4px}.kbq-tooltip.kbq-tooltip_arrowless.kbq-tooltip_placement-left,.kbq-tooltip.kbq-tooltip_arrowless.kbq-tooltip_placement-left-top,.kbq-tooltip.kbq-tooltip_arrowless.kbq-tooltip_placement-left-bottom{margin-right:4px}.kbq-tooltip.kbq-tooltip_visible{opacity:1;transform:scale(1);animation:kbq-tooltip-enter .2s cubic-bezier(0,0,.2,1)}.kbq-tooltip.kbq-tooltip_visible.kbq-animations-disabled{animation:none;transition:none}@media(prefers-reduced-motion:reduce){.kbq-tooltip.kbq-tooltip_visible{animation:none;transition:none}}@keyframes kbq-tooltip-enter{0%{opacity:0;transform:scale(0)}50%{opacity:.5;transform:scale(.9)}}.kbq-tooltip.kbq-theme .kbq-tooltip__inner{color:var(--kbq-tooltip-theme-fade-off-text);background-image:linear-gradient(var(--kbq-tooltip-theme-fade-off-background),var(--kbq-tooltip-theme-fade-off-background));background-color:var(--kbq-background-bg)}.kbq-tooltip.kbq-theme .kbq-tooltip__arrow{background-image:linear-gradient(var(--kbq-tooltip-theme-fade-off-background),var(--kbq-tooltip-theme-fade-off-background));background-color:var(--kbq-background-bg)}.kbq-tooltip.kbq-theme.kbq-tooltip_arrowless{box-shadow:var(--kbq-tooltip-theme-fade-off-shadow)}.kbq-tooltip.kbq-contrast .kbq-tooltip__inner{color:var(--kbq-tooltip-contrast-fade-off-text);background-image:linear-gradient(var(--kbq-tooltip-contrast-fade-off-background),var(--kbq-tooltip-contrast-fade-off-background));background-color:var(--kbq-background-bg)}.kbq-tooltip.kbq-contrast .kbq-tooltip__arrow{background-image:linear-gradient(var(--kbq-tooltip-contrast-fade-off-background),var(--kbq-tooltip-contrast-fade-off-background));background-color:var(--kbq-background-bg)}.kbq-tooltip.kbq-contrast.kbq-tooltip_arrowless{box-shadow:var(--kbq-tooltip-contrast-fade-off-shadow)}.kbq-tooltip.kbq-contrast-fade .kbq-tooltip__inner{color:var(--kbq-tooltip-contrast-fade-on-text);background-image:linear-gradient(var(--kbq-tooltip-contrast-fade-on-background),var(--kbq-tooltip-contrast-fade-on-background));background-color:var(--kbq-background-bg)}.kbq-tooltip.kbq-contrast-fade .kbq-tooltip__arrow{background-image:linear-gradient(var(--kbq-tooltip-contrast-fade-on-background),var(--kbq-tooltip-contrast-fade-on-background));background-color:var(--kbq-background-bg)}.kbq-tooltip.kbq-contrast-fade.kbq-tooltip_arrowless{box-shadow:var(--kbq-tooltip-contrast-fade-on-shadow)}.kbq-tooltip.kbq-contrast-fade.kbq-tooltip,.kbq-tooltip.kbq-contrast-fade .kbq-tooltip__arrow{box-shadow:var(--kbq-shadow-popup)}.kbq-tooltip.kbq-warning .kbq-tooltip__inner{color:var(--kbq-tooltip-warning-fade-off-text);background-image:linear-gradient(var(--kbq-tooltip-warning-fade-off-background),var(--kbq-tooltip-warning-fade-off-background));background-color:var(--kbq-background-bg)}.kbq-tooltip.kbq-warning .kbq-tooltip__arrow{background-image:linear-gradient(var(--kbq-tooltip-warning-fade-off-background),var(--kbq-tooltip-warning-fade-off-background));background-color:var(--kbq-background-bg)}.kbq-tooltip.kbq-warning.kbq-tooltip_arrowless{box-shadow:var(--kbq-tooltip-warning-fade-off-shadow)}.kbq-tooltip.kbq-error .kbq-tooltip__inner{color:var(--kbq-tooltip-error-fade-off-text);background-image:linear-gradient(var(--kbq-tooltip-error-fade-off-background),var(--kbq-tooltip-error-fade-off-background));background-color:var(--kbq-background-bg)}.kbq-tooltip.kbq-error .kbq-tooltip__arrow{background-image:linear-gradient(var(--kbq-tooltip-error-fade-off-background),var(--kbq-tooltip-error-fade-off-background));background-color:var(--kbq-background-bg)}.kbq-tooltip.kbq-error.kbq-tooltip_arrowless{box-shadow:var(--kbq-tooltip-error-fade-off-shadow)}.kbq-tooltip,.kbq-tooltip .kbq-tooltip__header{font-size:var(--kbq-typography-text-compact-font-size);font-style:var(--kbq-typography-text-compact-font-style);font-weight:var(--kbq-typography-text-compact-font-weight);line-height:var(--kbq-typography-text-compact-line-height);font-family:var(--kbq-typography-text-compact-font-family);text-transform:var(--kbq-typography-text-compact-text-transform);font-feature-settings:var(--kbq-typography-text-compact-font-feature-settings);letter-spacing:var(--kbq-typography-text-compact-letter-spacing)}.kbq-tooltip__arrow{position:absolute;width:var(--kbq-tooltip-size-arrow-size);height:var(--kbq-tooltip-size-arrow-size);transform:translate(var(--kbq-tooltip-arrow-shift-x, 0px),var(--kbq-tooltip-arrow-shift-y, 0px)) rotate(45deg);z-index:-1}.kbq-tooltip_placement-top .kbq-tooltip__arrow{bottom:calc((var(--kbq-tooltip-size-arrow-size) - 1px) / -2);left:50%;margin-left:calc((var(--kbq-tooltip-size-arrow-size) - 1px) / -2)}.kbq-tooltip_placement-top-left .kbq-tooltip__arrow{bottom:calc((var(--kbq-tooltip-size-arrow-size) - 1px) / -2);left:13px}.kbq-tooltip_placement-top-right .kbq-tooltip__arrow{bottom:calc((var(--kbq-tooltip-size-arrow-size) - 1px) / -2);right:13px}.kbq-tooltip_placement-right .kbq-tooltip__arrow{left:calc((var(--kbq-tooltip-size-arrow-size) - 1px) / -2);top:50%;margin-top:calc((var(--kbq-tooltip-size-arrow-size) - 1px) / -2)}.kbq-tooltip_placement-right-top .kbq-tooltip__arrow{left:calc((var(--kbq-tooltip-size-arrow-size) - 1px) / -2);top:13px}.kbq-tooltip_placement-right-bottom .kbq-tooltip__arrow{left:calc((var(--kbq-tooltip-size-arrow-size) - 1px) / -2);bottom:13px}.kbq-tooltip_placement-left .kbq-tooltip__arrow{right:calc((var(--kbq-tooltip-size-arrow-size) - 1px) / -2);top:50%;margin-top:calc((var(--kbq-tooltip-size-arrow-size) - 1px) / -2)}.kbq-tooltip_placement-left-top .kbq-tooltip__arrow{right:calc((var(--kbq-tooltip-size-arrow-size) - 1px) / -2);top:13px}.kbq-tooltip_placement-left-bottom .kbq-tooltip__arrow{right:calc((var(--kbq-tooltip-size-arrow-size) - 1px) / -2);bottom:13px}.kbq-tooltip_placement-bottom .kbq-tooltip__arrow{top:calc((var(--kbq-tooltip-size-arrow-size) - 1px) / -2);left:50%;margin-left:calc((var(--kbq-tooltip-size-arrow-size) - 1px) / -2)}.kbq-tooltip_placement-bottom-left .kbq-tooltip__arrow{top:calc((var(--kbq-tooltip-size-arrow-size) - 1px) / -2);left:13px}.kbq-tooltip_placement-bottom-right .kbq-tooltip__arrow{top:calc((var(--kbq-tooltip-size-arrow-size) - 1px) / -2);right:13px}\n", ".kbq-tooltip{--kbq-tooltip-size-max-width: 300px;--kbq-tooltip-size-border-radius: var(--kbq-size-s);--kbq-tooltip-size-padding-horizontal: var(--kbq-size-m);--kbq-tooltip-size-padding-vertical: var(--kbq-size-s);--kbq-tooltip-size-arrow-size: var(--kbq-size-m);--kbq-tooltip-contrast-fade-on-background: var(--kbq-background-card);--kbq-tooltip-contrast-fade-on-text: var(--kbq-foreground-contrast);--kbq-tooltip-contrast-fade-on-shadow: var(--kbq-shadow-popup);--kbq-tooltip-contrast-fade-off-background: var(--kbq-background-night);--kbq-tooltip-contrast-fade-off-text: var(--kbq-foreground-white);--kbq-tooltip-contrast-fade-off-shadow: var(--kbq-shadow-popup);--kbq-tooltip-theme-fade-off-background: var(--kbq-background-theme);--kbq-tooltip-theme-fade-off-text: var(--kbq-foreground-white);--kbq-tooltip-theme-fade-off-shadow: none;--kbq-tooltip-warning-fade-off-background: var(--kbq-background-warning);--kbq-tooltip-warning-fade-off-text: var(--kbq-foreground-contrast);--kbq-tooltip-warning-fade-off-shadow: none;--kbq-tooltip-error-fade-off-background: var(--kbq-background-error);--kbq-tooltip-error-fade-off-text: var(--kbq-foreground-white);--kbq-tooltip-error-fade-off-shadow: none}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: KbqTooltipComponent, decorators: [{
             type: Component,
             args: [{ selector: 'kbq-tooltip-component', imports: [
                         NgTemplateOutlet
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<div\n    #tooltip\n    class=\"kbq-tooltip\"\n    role=\"tooltip\"\n    [attr.id]=\"id\"\n    [class.kbq-tooltip_arrowless]=\"!arrow\"\n    [class]=\"classMap\"\n    [class.kbq-animations-disabled]=\"animationsDisabled\"\n    [class.kbq-tooltip_visible]=\"isVisible()\"\n>\n    <div class=\"kbq-tooltip__inner\">\n        @if (arrow) {\n            <div class=\"kbq-tooltip__arrow\" aria-hidden=\"true\"></div>\n        }\n\n        @if (header) {\n            <div class=\"kbq-tooltip__header\">\n                @if (isTemplateRef(header)) {\n                    <ng-container [ngTemplateOutlet]=\"$any(header)\" [ngTemplateOutletContext]=\"context\" />\n                } @else {\n                    <div>{{ header }}</div>\n                }\n            </div>\n        }\n        <div class=\"kbq-tooltip__content\">\n            @if (isTemplateRef(content)) {\n                <ng-container [ngTemplateOutlet]=\"$any(content)\" [ngTemplateOutletContext]=\"context\" />\n            } @else {\n                <div>{{ content }}</div>\n            }\n        </div>\n    </div>\n</div>\n", styles: ["@charset \"UTF-8\";.kbq-tooltip-panel_horizontal-navbar:has(.kbq-tooltip_placement-top),.kbq-tooltip-panel_horizontal-navbar:has(.kbq-tooltip_placement-top-left),.kbq-tooltip-panel_horizontal-navbar:has(.kbq-tooltip_placement-top-right){margin-bottom:9px}.kbq-tooltip-panel_horizontal-navbar:has(.kbq-tooltip_placement-right),.kbq-tooltip-panel_horizontal-navbar:has(.kbq-tooltip_placement-right-top),.kbq-tooltip-panel_horizontal-navbar:has(.kbq-tooltip_placement-right-bottom){margin-left:9px}.kbq-tooltip-panel_horizontal-navbar:has(.kbq-tooltip_placement-bottom),.kbq-tooltip-panel_horizontal-navbar:has(.kbq-tooltip_placement-bottom-left),.kbq-tooltip-panel_horizontal-navbar:has(.kbq-tooltip_placement-bottom-right){margin-top:9px}.kbq-tooltip-panel_horizontal-navbar:has(.kbq-tooltip_placement-left),.kbq-tooltip-panel_horizontal-navbar:has(.kbq-tooltip_placement-left-top),.kbq-tooltip-panel_horizontal-navbar:has(.kbq-tooltip_placement-left-bottom){margin-right:9px}.kbq-tooltip-trigger_for-disabled{outline-color:var(--kbq-states-line-focus-theme)}.kbq-tooltip__inner{border-radius:var(--kbq-tooltip-size-border-radius)}@supports (corner-shape: squircle){.kbq-tooltip__inner{corner-shape:squircle;border-radius:clamp(var(--kbq-tooltip-size-border-radius) * 1.85,var(--kbq-tooltip-size-border-radius) * 2.3 - 3.6px,var(--kbq-tooltip-size-border-radius) * 2)}}.kbq-tooltip__inner{overflow-wrap:break-word}.kbq-tooltip{box-sizing:border-box;border-radius:var(--kbq-tooltip-size-border-radius)}@supports (corner-shape: squircle){.kbq-tooltip{corner-shape:squircle;border-radius:clamp(var(--kbq-tooltip-size-border-radius) * 1.85,var(--kbq-tooltip-size-border-radius) * 2.3 - 3.6px,var(--kbq-tooltip-size-border-radius) * 2)}}.kbq-tooltip{white-space:pre-line}.kbq-tooltip.kbq-tooltip_placement-top,.kbq-tooltip.kbq-tooltip_placement-top-left,.kbq-tooltip.kbq-tooltip_placement-top-right{margin-bottom:8px}.kbq-tooltip.kbq-tooltip_placement-right,.kbq-tooltip.kbq-tooltip_placement-right-top,.kbq-tooltip.kbq-tooltip_placement-right-bottom{margin-left:8px}.kbq-tooltip.kbq-tooltip_placement-bottom,.kbq-tooltip.kbq-tooltip_placement-bottom-left,.kbq-tooltip.kbq-tooltip_placement-bottom-right{margin-top:8px}.kbq-tooltip.kbq-tooltip_placement-left,.kbq-tooltip.kbq-tooltip_placement-left-top,.kbq-tooltip.kbq-tooltip_placement-left-bottom{margin-right:8px}.kbq-tooltip{max-width:var(--kbq-tooltip-size-max-width);opacity:0;transform:scale(0)}.kbq-tooltip .kbq-tooltip__inner{padding:var(--kbq-tooltip-size-padding-vertical) var(--kbq-tooltip-size-padding-horizontal)}.kbq-tooltip.kbq-tooltip_arrowless.kbq-tooltip_placement-top,.kbq-tooltip.kbq-tooltip_arrowless.kbq-tooltip_placement-top-left,.kbq-tooltip.kbq-tooltip_arrowless.kbq-tooltip_placement-top-right{margin-bottom:4px}.kbq-tooltip.kbq-tooltip_arrowless.kbq-tooltip_placement-right,.kbq-tooltip.kbq-tooltip_arrowless.kbq-tooltip_placement-right-top,.kbq-tooltip.kbq-tooltip_arrowless.kbq-tooltip_placement-right-bottom{margin-left:4px}.kbq-tooltip.kbq-tooltip_arrowless.kbq-tooltip_placement-bottom,.kbq-tooltip.kbq-tooltip_arrowless.kbq-tooltip_placement-bottom-left,.kbq-tooltip.kbq-tooltip_arrowless.kbq-tooltip_placement-bottom-right{margin-top:4px}.kbq-tooltip.kbq-tooltip_arrowless.kbq-tooltip_placement-left,.kbq-tooltip.kbq-tooltip_arrowless.kbq-tooltip_placement-left-top,.kbq-tooltip.kbq-tooltip_arrowless.kbq-tooltip_placement-left-bottom{margin-right:4px}.kbq-tooltip.kbq-tooltip_visible{opacity:1;transform:scale(1);animation:kbq-tooltip-enter .2s cubic-bezier(0,0,.2,1)}.kbq-tooltip.kbq-tooltip_visible.kbq-animations-disabled{animation:none;transition:none}@media(prefers-reduced-motion:reduce){.kbq-tooltip.kbq-tooltip_visible{animation:none;transition:none}}@keyframes kbq-tooltip-enter{0%{opacity:0;transform:scale(0)}50%{opacity:.5;transform:scale(.9)}}.kbq-tooltip.kbq-theme .kbq-tooltip__inner{color:var(--kbq-tooltip-theme-fade-off-text);background-image:linear-gradient(var(--kbq-tooltip-theme-fade-off-background),var(--kbq-tooltip-theme-fade-off-background));background-color:var(--kbq-background-bg)}.kbq-tooltip.kbq-theme .kbq-tooltip__arrow{background-image:linear-gradient(var(--kbq-tooltip-theme-fade-off-background),var(--kbq-tooltip-theme-fade-off-background));background-color:var(--kbq-background-bg)}.kbq-tooltip.kbq-theme.kbq-tooltip_arrowless{box-shadow:var(--kbq-tooltip-theme-fade-off-shadow)}.kbq-tooltip.kbq-contrast .kbq-tooltip__inner{color:var(--kbq-tooltip-contrast-fade-off-text);background-image:linear-gradient(var(--kbq-tooltip-contrast-fade-off-background),var(--kbq-tooltip-contrast-fade-off-background));background-color:var(--kbq-background-bg)}.kbq-tooltip.kbq-contrast .kbq-tooltip__arrow{background-image:linear-gradient(var(--kbq-tooltip-contrast-fade-off-background),var(--kbq-tooltip-contrast-fade-off-background));background-color:var(--kbq-background-bg)}.kbq-tooltip.kbq-contrast.kbq-tooltip_arrowless{box-shadow:var(--kbq-tooltip-contrast-fade-off-shadow)}.kbq-tooltip.kbq-contrast-fade .kbq-tooltip__inner{color:var(--kbq-tooltip-contrast-fade-on-text);background-image:linear-gradient(var(--kbq-tooltip-contrast-fade-on-background),var(--kbq-tooltip-contrast-fade-on-background));background-color:var(--kbq-background-bg)}.kbq-tooltip.kbq-contrast-fade .kbq-tooltip__arrow{background-image:linear-gradient(var(--kbq-tooltip-contrast-fade-on-background),var(--kbq-tooltip-contrast-fade-on-background));background-color:var(--kbq-background-bg)}.kbq-tooltip.kbq-contrast-fade.kbq-tooltip_arrowless{box-shadow:var(--kbq-tooltip-contrast-fade-on-shadow)}.kbq-tooltip.kbq-contrast-fade.kbq-tooltip,.kbq-tooltip.kbq-contrast-fade .kbq-tooltip__arrow{box-shadow:var(--kbq-shadow-popup)}.kbq-tooltip.kbq-warning .kbq-tooltip__inner{color:var(--kbq-tooltip-warning-fade-off-text);background-image:linear-gradient(var(--kbq-tooltip-warning-fade-off-background),var(--kbq-tooltip-warning-fade-off-background));background-color:var(--kbq-background-bg)}.kbq-tooltip.kbq-warning .kbq-tooltip__arrow{background-image:linear-gradient(var(--kbq-tooltip-warning-fade-off-background),var(--kbq-tooltip-warning-fade-off-background));background-color:var(--kbq-background-bg)}.kbq-tooltip.kbq-warning.kbq-tooltip_arrowless{box-shadow:var(--kbq-tooltip-warning-fade-off-shadow)}.kbq-tooltip.kbq-error .kbq-tooltip__inner{color:var(--kbq-tooltip-error-fade-off-text);background-image:linear-gradient(var(--kbq-tooltip-error-fade-off-background),var(--kbq-tooltip-error-fade-off-background));background-color:var(--kbq-background-bg)}.kbq-tooltip.kbq-error .kbq-tooltip__arrow{background-image:linear-gradient(var(--kbq-tooltip-error-fade-off-background),var(--kbq-tooltip-error-fade-off-background));background-color:var(--kbq-background-bg)}.kbq-tooltip.kbq-error.kbq-tooltip_arrowless{box-shadow:var(--kbq-tooltip-error-fade-off-shadow)}.kbq-tooltip,.kbq-tooltip .kbq-tooltip__header{font-size:var(--kbq-typography-text-compact-font-size);font-style:var(--kbq-typography-text-compact-font-style);font-weight:var(--kbq-typography-text-compact-font-weight);line-height:var(--kbq-typography-text-compact-line-height);font-family:var(--kbq-typography-text-compact-font-family);text-transform:var(--kbq-typography-text-compact-text-transform);font-feature-settings:var(--kbq-typography-text-compact-font-feature-settings);letter-spacing:var(--kbq-typography-text-compact-letter-spacing)}.kbq-tooltip__arrow{position:absolute;width:var(--kbq-tooltip-size-arrow-size);height:var(--kbq-tooltip-size-arrow-size);transform:rotate(45deg);z-index:-1}.kbq-tooltip_placement-top .kbq-tooltip__arrow{bottom:calc((var(--kbq-tooltip-size-arrow-size) - 1px) / -2);left:50%;margin-left:calc((var(--kbq-tooltip-size-arrow-size) - 1px) / -2)}.kbq-tooltip_placement-top-left .kbq-tooltip__arrow{bottom:calc((var(--kbq-tooltip-size-arrow-size) - 1px) / -2);left:13px}.kbq-tooltip_placement-top-right .kbq-tooltip__arrow{bottom:calc((var(--kbq-tooltip-size-arrow-size) - 1px) / -2);right:13px}.kbq-tooltip_placement-right .kbq-tooltip__arrow{left:calc((var(--kbq-tooltip-size-arrow-size) - 1px) / -2);top:50%;margin-top:calc((var(--kbq-tooltip-size-arrow-size) - 1px) / -2)}.kbq-tooltip_placement-right-top .kbq-tooltip__arrow{left:calc((var(--kbq-tooltip-size-arrow-size) - 1px) / -2);top:13px}.kbq-tooltip_placement-right-bottom .kbq-tooltip__arrow{left:calc((var(--kbq-tooltip-size-arrow-size) - 1px) / -2);bottom:13px}.kbq-tooltip_placement-left .kbq-tooltip__arrow{right:calc((var(--kbq-tooltip-size-arrow-size) - 1px) / -2);top:50%;margin-top:calc((var(--kbq-tooltip-size-arrow-size) - 1px) / -2)}.kbq-tooltip_placement-left-top .kbq-tooltip__arrow{right:calc((var(--kbq-tooltip-size-arrow-size) - 1px) / -2);top:13px}.kbq-tooltip_placement-left-bottom .kbq-tooltip__arrow{right:calc((var(--kbq-tooltip-size-arrow-size) - 1px) / -2);bottom:13px}.kbq-tooltip_placement-bottom .kbq-tooltip__arrow{top:calc((var(--kbq-tooltip-size-arrow-size) - 1px) / -2);left:50%;margin-left:calc((var(--kbq-tooltip-size-arrow-size) - 1px) / -2)}.kbq-tooltip_placement-bottom-left .kbq-tooltip__arrow{top:calc((var(--kbq-tooltip-size-arrow-size) - 1px) / -2);left:13px}.kbq-tooltip_placement-bottom-right .kbq-tooltip__arrow{top:calc((var(--kbq-tooltip-size-arrow-size) - 1px) / -2);right:13px}\n", ".kbq-tooltip{--kbq-tooltip-size-max-width: 300px;--kbq-tooltip-size-border-radius: var(--kbq-size-s);--kbq-tooltip-size-padding-horizontal: var(--kbq-size-m);--kbq-tooltip-size-padding-vertical: var(--kbq-size-s);--kbq-tooltip-size-arrow-size: var(--kbq-size-m);--kbq-tooltip-contrast-fade-on-background: var(--kbq-background-card);--kbq-tooltip-contrast-fade-on-text: var(--kbq-foreground-contrast);--kbq-tooltip-contrast-fade-on-shadow: var(--kbq-shadow-popup);--kbq-tooltip-contrast-fade-off-background: var(--kbq-background-night);--kbq-tooltip-contrast-fade-off-text: var(--kbq-foreground-white);--kbq-tooltip-contrast-fade-off-shadow: var(--kbq-shadow-popup);--kbq-tooltip-theme-fade-off-background: var(--kbq-background-theme);--kbq-tooltip-theme-fade-off-text: var(--kbq-foreground-white);--kbq-tooltip-theme-fade-off-shadow: none;--kbq-tooltip-warning-fade-off-background: var(--kbq-background-warning);--kbq-tooltip-warning-fade-off-text: var(--kbq-foreground-contrast);--kbq-tooltip-warning-fade-off-shadow: none;--kbq-tooltip-error-fade-off-background: var(--kbq-background-error);--kbq-tooltip-error-fade-off-text: var(--kbq-foreground-white);--kbq-tooltip-error-fade-off-shadow: none}\n"] }]
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<div\n    #tooltip\n    class=\"kbq-tooltip\"\n    role=\"tooltip\"\n    [attr.id]=\"id\"\n    [class.kbq-tooltip_arrowless]=\"!arrow\"\n    [class]=\"classMap\"\n    [class.kbq-animations-disabled]=\"animationsDisabled\"\n    [class.kbq-tooltip_visible]=\"isVisible()\"\n>\n    <div class=\"kbq-tooltip__inner\">\n        @if (arrow) {\n            <div class=\"kbq-tooltip__arrow\" aria-hidden=\"true\"></div>\n        }\n\n        @if (header) {\n            <div class=\"kbq-tooltip__header\">\n                @if (isTemplateRef(header)) {\n                    <ng-container [ngTemplateOutlet]=\"$any(header)\" [ngTemplateOutletContext]=\"context\" />\n                } @else {\n                    <div>{{ header }}</div>\n                }\n            </div>\n        }\n        <div class=\"kbq-tooltip__content\">\n            @if (isTemplateRef(content)) {\n                <ng-container [ngTemplateOutlet]=\"$any(content)\" [ngTemplateOutletContext]=\"context\" />\n            } @else {\n                <div>{{ content }}</div>\n            }\n        </div>\n    </div>\n</div>\n", styles: ["@charset \"UTF-8\";.kbq-tooltip-panel_horizontal-navbar:has(.kbq-tooltip_placement-top),.kbq-tooltip-panel_horizontal-navbar:has(.kbq-tooltip_placement-top-left),.kbq-tooltip-panel_horizontal-navbar:has(.kbq-tooltip_placement-top-right){margin-bottom:9px}.kbq-tooltip-panel_horizontal-navbar:has(.kbq-tooltip_placement-right),.kbq-tooltip-panel_horizontal-navbar:has(.kbq-tooltip_placement-right-top),.kbq-tooltip-panel_horizontal-navbar:has(.kbq-tooltip_placement-right-bottom){margin-left:9px}.kbq-tooltip-panel_horizontal-navbar:has(.kbq-tooltip_placement-bottom),.kbq-tooltip-panel_horizontal-navbar:has(.kbq-tooltip_placement-bottom-left),.kbq-tooltip-panel_horizontal-navbar:has(.kbq-tooltip_placement-bottom-right){margin-top:9px}.kbq-tooltip-panel_horizontal-navbar:has(.kbq-tooltip_placement-left),.kbq-tooltip-panel_horizontal-navbar:has(.kbq-tooltip_placement-left-top),.kbq-tooltip-panel_horizontal-navbar:has(.kbq-tooltip_placement-left-bottom){margin-right:9px}.kbq-tooltip-trigger_for-disabled{outline-color:var(--kbq-states-line-focus-theme)}.kbq-tooltip__inner{border-radius:var(--kbq-tooltip-size-border-radius)}@supports (corner-shape: squircle){.kbq-tooltip__inner{corner-shape:squircle;border-radius:clamp(var(--kbq-tooltip-size-border-radius) * 1.85,var(--kbq-tooltip-size-border-radius) * 2.3 - 3.6px,var(--kbq-tooltip-size-border-radius) * 2)}}.kbq-tooltip__inner{overflow-wrap:break-word}.kbq-tooltip{box-sizing:border-box;border-radius:var(--kbq-tooltip-size-border-radius)}@supports (corner-shape: squircle){.kbq-tooltip{corner-shape:squircle;border-radius:clamp(var(--kbq-tooltip-size-border-radius) * 1.85,var(--kbq-tooltip-size-border-radius) * 2.3 - 3.6px,var(--kbq-tooltip-size-border-radius) * 2)}}.kbq-tooltip{white-space:pre-line}.kbq-tooltip.kbq-tooltip_placement-top,.kbq-tooltip.kbq-tooltip_placement-top-left,.kbq-tooltip.kbq-tooltip_placement-top-right{margin-bottom:8px}.kbq-tooltip.kbq-tooltip_placement-right,.kbq-tooltip.kbq-tooltip_placement-right-top,.kbq-tooltip.kbq-tooltip_placement-right-bottom{margin-left:8px}.kbq-tooltip.kbq-tooltip_placement-bottom,.kbq-tooltip.kbq-tooltip_placement-bottom-left,.kbq-tooltip.kbq-tooltip_placement-bottom-right{margin-top:8px}.kbq-tooltip.kbq-tooltip_placement-left,.kbq-tooltip.kbq-tooltip_placement-left-top,.kbq-tooltip.kbq-tooltip_placement-left-bottom{margin-right:8px}.kbq-tooltip{max-width:var(--kbq-tooltip-size-max-width);opacity:0;transform:scale(0)}.kbq-tooltip .kbq-tooltip__inner{padding:var(--kbq-tooltip-size-padding-vertical) var(--kbq-tooltip-size-padding-horizontal)}.kbq-tooltip.kbq-tooltip_arrowless.kbq-tooltip_placement-top,.kbq-tooltip.kbq-tooltip_arrowless.kbq-tooltip_placement-top-left,.kbq-tooltip.kbq-tooltip_arrowless.kbq-tooltip_placement-top-right{margin-bottom:4px}.kbq-tooltip.kbq-tooltip_arrowless.kbq-tooltip_placement-right,.kbq-tooltip.kbq-tooltip_arrowless.kbq-tooltip_placement-right-top,.kbq-tooltip.kbq-tooltip_arrowless.kbq-tooltip_placement-right-bottom{margin-left:4px}.kbq-tooltip.kbq-tooltip_arrowless.kbq-tooltip_placement-bottom,.kbq-tooltip.kbq-tooltip_arrowless.kbq-tooltip_placement-bottom-left,.kbq-tooltip.kbq-tooltip_arrowless.kbq-tooltip_placement-bottom-right{margin-top:4px}.kbq-tooltip.kbq-tooltip_arrowless.kbq-tooltip_placement-left,.kbq-tooltip.kbq-tooltip_arrowless.kbq-tooltip_placement-left-top,.kbq-tooltip.kbq-tooltip_arrowless.kbq-tooltip_placement-left-bottom{margin-right:4px}.kbq-tooltip.kbq-tooltip_visible{opacity:1;transform:scale(1);animation:kbq-tooltip-enter .2s cubic-bezier(0,0,.2,1)}.kbq-tooltip.kbq-tooltip_visible.kbq-animations-disabled{animation:none;transition:none}@media(prefers-reduced-motion:reduce){.kbq-tooltip.kbq-tooltip_visible{animation:none;transition:none}}@keyframes kbq-tooltip-enter{0%{opacity:0;transform:scale(0)}50%{opacity:.5;transform:scale(.9)}}.kbq-tooltip.kbq-theme .kbq-tooltip__inner{color:var(--kbq-tooltip-theme-fade-off-text);background-image:linear-gradient(var(--kbq-tooltip-theme-fade-off-background),var(--kbq-tooltip-theme-fade-off-background));background-color:var(--kbq-background-bg)}.kbq-tooltip.kbq-theme .kbq-tooltip__arrow{background-image:linear-gradient(var(--kbq-tooltip-theme-fade-off-background),var(--kbq-tooltip-theme-fade-off-background));background-color:var(--kbq-background-bg)}.kbq-tooltip.kbq-theme.kbq-tooltip_arrowless{box-shadow:var(--kbq-tooltip-theme-fade-off-shadow)}.kbq-tooltip.kbq-contrast .kbq-tooltip__inner{color:var(--kbq-tooltip-contrast-fade-off-text);background-image:linear-gradient(var(--kbq-tooltip-contrast-fade-off-background),var(--kbq-tooltip-contrast-fade-off-background));background-color:var(--kbq-background-bg)}.kbq-tooltip.kbq-contrast .kbq-tooltip__arrow{background-image:linear-gradient(var(--kbq-tooltip-contrast-fade-off-background),var(--kbq-tooltip-contrast-fade-off-background));background-color:var(--kbq-background-bg)}.kbq-tooltip.kbq-contrast.kbq-tooltip_arrowless{box-shadow:var(--kbq-tooltip-contrast-fade-off-shadow)}.kbq-tooltip.kbq-contrast-fade .kbq-tooltip__inner{color:var(--kbq-tooltip-contrast-fade-on-text);background-image:linear-gradient(var(--kbq-tooltip-contrast-fade-on-background),var(--kbq-tooltip-contrast-fade-on-background));background-color:var(--kbq-background-bg)}.kbq-tooltip.kbq-contrast-fade .kbq-tooltip__arrow{background-image:linear-gradient(var(--kbq-tooltip-contrast-fade-on-background),var(--kbq-tooltip-contrast-fade-on-background));background-color:var(--kbq-background-bg)}.kbq-tooltip.kbq-contrast-fade.kbq-tooltip_arrowless{box-shadow:var(--kbq-tooltip-contrast-fade-on-shadow)}.kbq-tooltip.kbq-contrast-fade.kbq-tooltip,.kbq-tooltip.kbq-contrast-fade .kbq-tooltip__arrow{box-shadow:var(--kbq-shadow-popup)}.kbq-tooltip.kbq-warning .kbq-tooltip__inner{color:var(--kbq-tooltip-warning-fade-off-text);background-image:linear-gradient(var(--kbq-tooltip-warning-fade-off-background),var(--kbq-tooltip-warning-fade-off-background));background-color:var(--kbq-background-bg)}.kbq-tooltip.kbq-warning .kbq-tooltip__arrow{background-image:linear-gradient(var(--kbq-tooltip-warning-fade-off-background),var(--kbq-tooltip-warning-fade-off-background));background-color:var(--kbq-background-bg)}.kbq-tooltip.kbq-warning.kbq-tooltip_arrowless{box-shadow:var(--kbq-tooltip-warning-fade-off-shadow)}.kbq-tooltip.kbq-error .kbq-tooltip__inner{color:var(--kbq-tooltip-error-fade-off-text);background-image:linear-gradient(var(--kbq-tooltip-error-fade-off-background),var(--kbq-tooltip-error-fade-off-background));background-color:var(--kbq-background-bg)}.kbq-tooltip.kbq-error .kbq-tooltip__arrow{background-image:linear-gradient(var(--kbq-tooltip-error-fade-off-background),var(--kbq-tooltip-error-fade-off-background));background-color:var(--kbq-background-bg)}.kbq-tooltip.kbq-error.kbq-tooltip_arrowless{box-shadow:var(--kbq-tooltip-error-fade-off-shadow)}.kbq-tooltip,.kbq-tooltip .kbq-tooltip__header{font-size:var(--kbq-typography-text-compact-font-size);font-style:var(--kbq-typography-text-compact-font-style);font-weight:var(--kbq-typography-text-compact-font-weight);line-height:var(--kbq-typography-text-compact-line-height);font-family:var(--kbq-typography-text-compact-font-family);text-transform:var(--kbq-typography-text-compact-text-transform);font-feature-settings:var(--kbq-typography-text-compact-font-feature-settings);letter-spacing:var(--kbq-typography-text-compact-letter-spacing)}.kbq-tooltip__arrow{position:absolute;width:var(--kbq-tooltip-size-arrow-size);height:var(--kbq-tooltip-size-arrow-size);transform:translate(var(--kbq-tooltip-arrow-shift-x, 0px),var(--kbq-tooltip-arrow-shift-y, 0px)) rotate(45deg);z-index:-1}.kbq-tooltip_placement-top .kbq-tooltip__arrow{bottom:calc((var(--kbq-tooltip-size-arrow-size) - 1px) / -2);left:50%;margin-left:calc((var(--kbq-tooltip-size-arrow-size) - 1px) / -2)}.kbq-tooltip_placement-top-left .kbq-tooltip__arrow{bottom:calc((var(--kbq-tooltip-size-arrow-size) - 1px) / -2);left:13px}.kbq-tooltip_placement-top-right .kbq-tooltip__arrow{bottom:calc((var(--kbq-tooltip-size-arrow-size) - 1px) / -2);right:13px}.kbq-tooltip_placement-right .kbq-tooltip__arrow{left:calc((var(--kbq-tooltip-size-arrow-size) - 1px) / -2);top:50%;margin-top:calc((var(--kbq-tooltip-size-arrow-size) - 1px) / -2)}.kbq-tooltip_placement-right-top .kbq-tooltip__arrow{left:calc((var(--kbq-tooltip-size-arrow-size) - 1px) / -2);top:13px}.kbq-tooltip_placement-right-bottom .kbq-tooltip__arrow{left:calc((var(--kbq-tooltip-size-arrow-size) - 1px) / -2);bottom:13px}.kbq-tooltip_placement-left .kbq-tooltip__arrow{right:calc((var(--kbq-tooltip-size-arrow-size) - 1px) / -2);top:50%;margin-top:calc((var(--kbq-tooltip-size-arrow-size) - 1px) / -2)}.kbq-tooltip_placement-left-top .kbq-tooltip__arrow{right:calc((var(--kbq-tooltip-size-arrow-size) - 1px) / -2);top:13px}.kbq-tooltip_placement-left-bottom .kbq-tooltip__arrow{right:calc((var(--kbq-tooltip-size-arrow-size) - 1px) / -2);bottom:13px}.kbq-tooltip_placement-bottom .kbq-tooltip__arrow{top:calc((var(--kbq-tooltip-size-arrow-size) - 1px) / -2);left:50%;margin-left:calc((var(--kbq-tooltip-size-arrow-size) - 1px) / -2)}.kbq-tooltip_placement-bottom-left .kbq-tooltip__arrow{top:calc((var(--kbq-tooltip-size-arrow-size) - 1px) / -2);left:13px}.kbq-tooltip_placement-bottom-right .kbq-tooltip__arrow{top:calc((var(--kbq-tooltip-size-arrow-size) - 1px) / -2);right:13px}\n", ".kbq-tooltip{--kbq-tooltip-size-max-width: 300px;--kbq-tooltip-size-border-radius: var(--kbq-size-s);--kbq-tooltip-size-padding-horizontal: var(--kbq-size-m);--kbq-tooltip-size-padding-vertical: var(--kbq-size-s);--kbq-tooltip-size-arrow-size: var(--kbq-size-m);--kbq-tooltip-contrast-fade-on-background: var(--kbq-background-card);--kbq-tooltip-contrast-fade-on-text: var(--kbq-foreground-contrast);--kbq-tooltip-contrast-fade-on-shadow: var(--kbq-shadow-popup);--kbq-tooltip-contrast-fade-off-background: var(--kbq-background-night);--kbq-tooltip-contrast-fade-off-text: var(--kbq-foreground-white);--kbq-tooltip-contrast-fade-off-shadow: var(--kbq-shadow-popup);--kbq-tooltip-theme-fade-off-background: var(--kbq-background-theme);--kbq-tooltip-theme-fade-off-text: var(--kbq-foreground-white);--kbq-tooltip-theme-fade-off-shadow: none;--kbq-tooltip-warning-fade-off-background: var(--kbq-background-warning);--kbq-tooltip-warning-fade-off-text: var(--kbq-foreground-contrast);--kbq-tooltip-warning-fade-off-shadow: none;--kbq-tooltip-error-fade-off-background: var(--kbq-background-error);--kbq-tooltip-error-fade-off-text: var(--kbq-foreground-white);--kbq-tooltip-error-fade-off-shadow: none}\n"] }]
         }], propDecorators: { tooltipElement: [{ type: i0.ViewChild, args: ['tooltip', { isSignal: true }] }] } });
 /**
  * Triggers that make a tooltip part of the "only one tooltip is visible at a time" group.
@@ -202,6 +230,12 @@ const RELEASE_TRIGGERS = ['mouseleave', 'blur'];
 const FOCUS_ORIGINS_THAT_SHOW = ['keyboard'];
 /** Base panel class of the tooltip overlay. */
 const TOOLTIP_PANEL_CLASS = 'kbq-tooltip-panel';
+/** Normalizes a `panelClass` value into the array the overlay configuration keeps. */
+function coercePanelClasses(panelClass) {
+    if (!panelClass)
+        return [];
+    return Array.isArray(panelClass) ? panelClass : [panelClass];
+}
 /** Default `kbqEnterDelay`, in milliseconds. */
 const defaultEnterDelay = 400;
 /** Panel class that makes the tooltip pane transparent to pointer events. */
@@ -329,9 +363,9 @@ class KbqTooltipTrigger extends KbqPopUpTrigger {
         return this.trigger.includes(PopUpTriggers.Click);
     }
     /**
-     * Hands each bound input to its member, and pushes a later change of `modifier`, `header`, `arrow` or
-     * `offset` — plain fields — into an open tooltip, which would otherwise show stale data until the next
-     * show/hide cycle.
+     * Hands each bound input to its member, and pushes a later change of `modifier`, `header`, `arrow`,
+     * `arrowCentered` or `offset` — plain fields — into an open tooltip, which would otherwise show stale data
+     * until the next show/hide cycle.
      */
     ngOnChanges(changes) {
         // A bound input is handed to its member, a bound `undefined` restoring the
@@ -386,8 +420,11 @@ class KbqTooltipTrigger extends KbqPopUpTrigger {
             if (arrow !== undefined)
                 this.arrow = arrow;
         }
+        if (changes['arrowCenteredInput']) {
+            this.arrowCentered = this.arrowCenteredInput() ?? false;
+        }
         if (changes['offsetInput']) {
-            this.offset = this.offsetInput() ?? null;
+            this.offset = this.offsetInput() ?? this.defaultOptions.offset ?? null;
         }
         if (changes['disabledInput']) {
             // A bound `undefined` hands the decision back to the state the trigger derives.
@@ -409,6 +446,7 @@ class KbqTooltipTrigger extends KbqPopUpTrigger {
         }
         if ((changes['headerInput'] && !changes['headerInput'].firstChange) ||
             (changes['arrowInput'] && !changes['arrowInput'].firstChange) ||
+            (changes['arrowCenteredInput'] && !changes['arrowCenteredInput'].firstChange) ||
             (changes['offsetInput'] && !changes['offsetInput'].firstChange)) {
             this.updateData();
         }
@@ -448,6 +486,11 @@ class KbqTooltipTrigger extends KbqPopUpTrigger {
         /** Registry holding the single tooltip that is currently visible. */
         this.tooltipRegistry = inject(KbqTooltipRegistry);
         this.injectedScrollStrategy = inject(KBQ_TOOLTIP_SCROLL_STRATEGY);
+        /**
+         * Default options inherited from the token's scope: the initial `offset` and the overlay `panelClass`,
+         * and the value a `kbqTooltipOffset` binding changed to `undefined` restores.
+         */
+        this.defaultOptions = inject(KBQ_TOOLTIP_DEFAULT_OPTIONS);
         /**
          * Per-instance override for the scroll strategy, taking precedence over `KBQ_TOOLTIP_SCROLL_STRATEGY`
          * when set. An input rather than a DI override so it applies to this tooltip instance only, without
@@ -547,10 +590,17 @@ class KbqTooltipTrigger extends KbqPopUpTrigger {
         /** Input (`kbqTooltipArrow`) — whether to render the tooltip's arrow/pointer. Defaults to `false`. */
         this.arrow = false;
         /**
-         * Input (`kbqTooltipOffset`) — distance in pixels between the tooltip and its trigger. `null`, the default, keeps
-         * the gap of the stylesheet.
+         * Input (`kbqTooltipArrowCentered`) — centers the arrow on the trigger while preserving the panel placement.
+         * Requires a visible arrow. Defaults to `false`.
+         */
+        this.arrowCentered = false;
+        /**
+         * Input (`kbqTooltipOffset`) — distance in pixels between the tooltip and its trigger. `null` keeps
+         * the gap of the stylesheet. Defaults to the `offset` of {@link KBQ_TOOLTIP_DEFAULT_OPTIONS}, when a
+         * provider in scope set one. Inside a provider scope such as the navbar's, `null`/`undefined` restores
+         * that inherited default.
          */
-        this.offset = null;
+        this.offset = this.defaultOptions.offset ?? null;
         /** Output (`kbqPlacementChange`) that emits the new placement whenever the tooltip repositions. */
         this.placementChange = new EventEmitter();
         /** @docs-private */
@@ -563,7 +613,7 @@ class KbqTooltipTrigger extends KbqPopUpTrigger {
         this.originSelector = '.kbq-tooltip';
         /** @docs-private */
         this.overlayConfig = {
-            panelClass: [TOOLTIP_PANEL_CLASS]
+            panelClass: [TOOLTIP_PANEL_CLASS, ...coercePanelClasses(this.defaultOptions.panelClass)]
         };
         /**
          * Visual variant of the tooltip. Accepts `'default'` | `'warning'` | `'extended'`.
@@ -626,6 +676,9 @@ class KbqTooltipTrigger extends KbqPopUpTrigger {
         this.arrowInput = input(undefined, { ...(ngDevMode ? { debugName: "arrowInput" } : /* istanbul ignore next */ {}), alias: 'kbqTooltipArrow',
             transform: booleanAttribute });
         /** @docs-private */
+        this.arrowCenteredInput = input(undefined, { ...(ngDevMode ? { debugName: "arrowCenteredInput" } : /* istanbul ignore next */ {}), alias: 'kbqTooltipArrowCentered',
+            transform: booleanAttribute });
+        /** @docs-private */
         this.offsetInput = input(undefined, { ...(ngDevMode ? { debugName: "offsetInput" } : /* istanbul ignore next */ {}), alias: 'kbqTooltipOffset',
             transform: kbqOptionalNumberAttribute });
         /** @docs-private */
@@ -784,6 +837,9 @@ class KbqTooltipTrigger extends KbqPopUpTrigger {
         else if (this.relativeToPointer) {
             this.applyRelativeToPointer();
         }
+        else {
+            this.setOrigin(null);
+        }
     }
     /**
      * Hides the tooltip after `delay` ms and, when the user has genuinely left the host, un-mutes a tooltip
@@ -881,7 +937,15 @@ class KbqTooltipTrigger extends KbqPopUpTrigger {
         this.show();
         if (!this.strategy)
             return;
-        this.strategy.setOrigin(element);
+        this.setExternalNativeElement(element);
+        this.setOrigin(element);
+        if (this.overlayRef?.hasAttached()) {
+            this.updatePosition();
+            this.overlayRef.updatePosition();
+        }
+        if (untracked(() => this.isOpen)) {
+            this.describeTrigger();
+        }
     }
     /**
      * Replaces the CSS classes put on the tooltip's overlay pane.
@@ -906,6 +970,7 @@ class KbqTooltipTrigger extends KbqPopUpTrigger {
         // dropping them left the template rendering the previous context instead.
         this.instance.context = this.context != null ? { $implicit: this.context } : null;
         this.instance.arrow = this.arrow;
+        this.instance.arrowCentered = this.arrowCentered;
         this.instance.offset = this.offset;
         this.instance.detectChanges();
         // The margins live on the rendered tooltip element, so re-applying them is the only way a changed
@@ -1064,12 +1129,20 @@ class KbqTooltipTrigger extends KbqPopUpTrigger {
      * @docs-private
      */
     applyRelativeToCaret() {
-        this.strategy?.setOrigin(this.caretOrigin);
+        this.setOrigin(this.caretOrigin);
     }
     /** @docs-private */
     getAnchorSize() {
         return this.relativeToCaret ? this.caretOrigin : super.getAnchorSize();
     }
+    /** @docs-private */
+    getOriginCenter() {
+        if (this.relativeToCaret) {
+            const { x, y, width, height } = this.caretOrigin;
+            return { x: x + width / 2, y: y + height / 2 };
+        }
+        return super.getOriginCenter();
+    }
     /**
      * Rectangle the tooltip is anchored to: the caret or selection of the field — spanning the whole field
      * vertically when it anchors to the field — or the host element's box when the caret cannot be located or
@@ -1138,10 +1211,10 @@ class KbqTooltipTrigger extends KbqPopUpTrigger {
             point.x = this.mouseEvent.x;
             point.y = triggerRects.y + triggerRects.height;
         }
-        this.strategy.setOrigin(point);
+        this.setOrigin(point);
     }
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: KbqTooltipTrigger, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.25", type: KbqTooltipTrigger, isStandalone: true, selector: "[kbqTooltip]", inputs: { scrollStrategyOverride: { classPropertyName: "scrollStrategyOverride", publicName: "kbqTooltipScrollStrategy", isSignal: true, isRequired: false, transformFunction: null }, forDisabledComponent: { classPropertyName: "forDisabledComponent", publicName: "forDisabledComponent", isSignal: true, isRequired: false, transformFunction: null }, ignoreTooltipPointerEvents: { classPropertyName: "ignoreTooltipPointerEvents", publicName: "ignoreTooltipPointerEvents", isSignal: true, isRequired: false, transformFunction: null }, singleInstance: { classPropertyName: "singleInstance", publicName: "kbqTooltipSingleInstance", isSignal: true, isRequired: false, transformFunction: null }, triggerInput: { classPropertyName: "triggerInput", publicName: "kbqTrigger", isSignal: true, isRequired: false, transformFunction: null }, hideWithTimeoutInput: { classPropertyName: "hideWithTimeoutInput", publicName: "hideWithTimeout", isSignal: true, isRequired: false, transformFunction: null }, enterDelayInput: { classPropertyName: "enterDelayInput", publicName: "kbqEnterDelay", isSignal: true, isRequired: false, transformFunction: null }, leaveDelayInput: { classPropertyName: "leaveDelayInput", publicName: "kbqLeaveDelay", isSignal: true, isRequired: false, transformFunction: null }, relativeToPointerInput: { classPropertyName: "relativeToPointerInput", publicName: "kbqRelativeToPointer", isSignal: true, isRequired: false, transformFunction: null }, relativeToCaretInput: { classPropertyName: "relativeToCaretInput", publicName: "kbqRelativeToCaret", isSignal: true, isRequired: false, transformFunction: null }, relativeToCaretVerticalInput: { classPropertyName: "relativeToCaretVerticalInput", publicName: "kbqRelativeToCaretVertical", isSignal: true, isRequired: false, transformFunction: null }, contentInput: { classPropertyName: "contentInput", publicName: "kbqTooltip", isSignal: true, isRequired: false, transformFunction: null }, headerInput: { classPropertyName: "headerInput", publicName: "kbqTooltipHeader", isSignal: true, isRequired: false, transformFunction: null }, modifierInput: { classPropertyName: "modifierInput", publicName: "kbqTooltipModifier", isSignal: true, isRequired: false, transformFunction: null }, contextInput: { classPropertyName: "contextInput", publicName: "kbqTooltipContext", isSignal: true, isRequired: false, transformFunction: null }, customClassInput: { classPropertyName: "customClassInput", publicName: "kbqTooltipClass", isSignal: true, isRequired: false, transformFunction: null }, colorInput: { classPropertyName: "colorInput", publicName: "kbqTooltipColor", isSignal: true, isRequired: false, transformFunction: null }, arrowInput: { classPropertyName: "arrowInput", publicName: "kbqTooltipArrow", isSignal: true, isRequired: false, transformFunction: null }, offsetInput: { classPropertyName: "offsetInput", publicName: "kbqTooltipOffset", isSignal: true, isRequired: false, transformFunction: null }, disabledInput: { classPropertyName: "disabledInput", publicName: "kbqTooltipDisabled", isSignal: true, isRequired: false, transformFunction: null }, tooltipPlacementPriorityInput: { classPropertyName: "tooltipPlacementPriorityInput", publicName: "kbqPlacementPriority", isSignal: true, isRequired: false, transformFunction: null }, tooltipPlacementInput: { classPropertyName: "tooltipPlacementInput", publicName: "kbqPlacement", isSignal: true, isRequired: false, transformFunction: null }, tooltipVisibleInput: { classPropertyName: "tooltipVisibleInput", publicName: "kbqVisible", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { placementChangeOutput: "kbqPlacementChange", visibleChangeOutput: "kbqVisibleChange" }, host: { listeners: { "keydown": "keydownHandler($event)", "touchend": "touchendHandler()", "mouseleave": "trackPointerLeave($event)" }, properties: { "class.kbq-tooltip_open": "isOpen" } }, exportAs: ["kbqTooltip"], usesInheritance: true, usesOnChanges: true, ngImport: i0 }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.25", type: KbqTooltipTrigger, isStandalone: true, selector: "[kbqTooltip]", inputs: { scrollStrategyOverride: { classPropertyName: "scrollStrategyOverride", publicName: "kbqTooltipScrollStrategy", isSignal: true, isRequired: false, transformFunction: null }, forDisabledComponent: { classPropertyName: "forDisabledComponent", publicName: "forDisabledComponent", isSignal: true, isRequired: false, transformFunction: null }, ignoreTooltipPointerEvents: { classPropertyName: "ignoreTooltipPointerEvents", publicName: "ignoreTooltipPointerEvents", isSignal: true, isRequired: false, transformFunction: null }, singleInstance: { classPropertyName: "singleInstance", publicName: "kbqTooltipSingleInstance", isSignal: true, isRequired: false, transformFunction: null }, triggerInput: { classPropertyName: "triggerInput", publicName: "kbqTrigger", isSignal: true, isRequired: false, transformFunction: null }, hideWithTimeoutInput: { classPropertyName: "hideWithTimeoutInput", publicName: "hideWithTimeout", isSignal: true, isRequired: false, transformFunction: null }, enterDelayInput: { classPropertyName: "enterDelayInput", publicName: "kbqEnterDelay", isSignal: true, isRequired: false, transformFunction: null }, leaveDelayInput: { classPropertyName: "leaveDelayInput", publicName: "kbqLeaveDelay", isSignal: true, isRequired: false, transformFunction: null }, relativeToPointerInput: { classPropertyName: "relativeToPointerInput", publicName: "kbqRelativeToPointer", isSignal: true, isRequired: false, transformFunction: null }, relativeToCaretInput: { classPropertyName: "relativeToCaretInput", publicName: "kbqRelativeToCaret", isSignal: true, isRequired: false, transformFunction: null }, relativeToCaretVerticalInput: { classPropertyName: "relativeToCaretVerticalInput", publicName: "kbqRelativeToCaretVertical", isSignal: true, isRequired: false, transformFunction: null }, contentInput: { classPropertyName: "contentInput", publicName: "kbqTooltip", isSignal: true, isRequired: false, transformFunction: null }, headerInput: { classPropertyName: "headerInput", publicName: "kbqTooltipHeader", isSignal: true, isRequired: false, transformFunction: null }, modifierInput: { classPropertyName: "modifierInput", publicName: "kbqTooltipModifier", isSignal: true, isRequired: false, transformFunction: null }, contextInput: { classPropertyName: "contextInput", publicName: "kbqTooltipContext", isSignal: true, isRequired: false, transformFunction: null }, customClassInput: { classPropertyName: "customClassInput", publicName: "kbqTooltipClass", isSignal: true, isRequired: false, transformFunction: null }, colorInput: { classPropertyName: "colorInput", publicName: "kbqTooltipColor", isSignal: true, isRequired: false, transformFunction: null }, arrowInput: { classPropertyName: "arrowInput", publicName: "kbqTooltipArrow", isSignal: true, isRequired: false, transformFunction: null }, arrowCenteredInput: { classPropertyName: "arrowCenteredInput", publicName: "kbqTooltipArrowCentered", isSignal: true, isRequired: false, transformFunction: null }, offsetInput: { classPropertyName: "offsetInput", publicName: "kbqTooltipOffset", isSignal: true, isRequired: false, transformFunction: null }, disabledInput: { classPropertyName: "disabledInput", publicName: "kbqTooltipDisabled", isSignal: true, isRequired: false, transformFunction: null }, tooltipPlacementPriorityInput: { classPropertyName: "tooltipPlacementPriorityInput", publicName: "kbqPlacementPriority", isSignal: true, isRequired: false, transformFunction: null }, tooltipPlacementInput: { classPropertyName: "tooltipPlacementInput", publicName: "kbqPlacement", isSignal: true, isRequired: false, transformFunction: null }, tooltipVisibleInput: { classPropertyName: "tooltipVisibleInput", publicName: "kbqVisible", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { placementChangeOutput: "kbqPlacementChange", visibleChangeOutput: "kbqVisibleChange" }, host: { listeners: { "keydown": "keydownHandler($event)", "touchend": "touchendHandler()", "mouseleave": "trackPointerLeave($event)" }, properties: { "class.kbq-tooltip_open": "isOpen" } }, exportAs: ["kbqTooltip"], usesInheritance: true, usesOnChanges: true, ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: KbqTooltipTrigger, decorators: [{
             type: Directive,
@@ -1155,7 +1228,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImpo
                     },
                     exportAs: 'kbqTooltip'
                 }]
-        }], ctorParameters: () => [], propDecorators: { scrollStrategyOverride: [{ type: i0.Input, args: [{ isSignal: true, alias: "kbqTooltipScrollStrategy", required: false }] }], forDisabledComponent: [{ type: i0.Input, args: [{ isSignal: true, alias: "forDisabledComponent", required: false }] }], ignoreTooltipPointerEvents: [{ type: i0.Input, args: [{ isSignal: true, alias: "ignoreTooltipPointerEvents", required: false }] }], singleInstance: [{ type: i0.Input, args: [{ isSignal: true, alias: "kbqTooltipSingleInstance", required: false }] }], placementChangeOutput: [{ type: i0.Output, args: ["kbqPlacementChange"] }], visibleChangeOutput: [{ type: i0.Output, args: ["kbqVisibleChange"] }], triggerInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "kbqTrigger", required: false }] }], hideWithTimeoutInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "hideWithTimeout", required: false }] }], enterDelayInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "kbqEnterDelay", required: false }] }], leaveDelayInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "kbqLeaveDelay", required: false }] }], relativeToPointerInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "kbqRelativeToPointer", required: false }] }], relativeToCaretInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "kbqRelativeToCaret", required: false }] }], relativeToCaretVerticalInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "kbqRelativeToCaretVertical", required: false }] }], contentInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "kbqTooltip", required: false }] }], headerInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "kbqTooltipHeader", required: false }] }], modifierInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "kbqTooltipModifier", required: false }] }], contextInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "kbqTooltipContext", required: false }] }], customClassInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "kbqTooltipClass", required: false }] }], colorInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "kbqTooltipColor", required: false }] }], arrowInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "kbqTooltipArrow", required: false }] }], offsetInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "kbqTooltipOffset", required: false }] }], disabledInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "kbqTooltipDisabled", required: false }] }], tooltipPlacementPriorityInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "kbqPlacementPriority", required: false }] }], tooltipPlacementInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "kbqPlacement", required: false }] }], tooltipVisibleInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "kbqVisible", required: false }] }] } });
+        }], ctorParameters: () => [], propDecorators: { scrollStrategyOverride: [{ type: i0.Input, args: [{ isSignal: true, alias: "kbqTooltipScrollStrategy", required: false }] }], forDisabledComponent: [{ type: i0.Input, args: [{ isSignal: true, alias: "forDisabledComponent", required: false }] }], ignoreTooltipPointerEvents: [{ type: i0.Input, args: [{ isSignal: true, alias: "ignoreTooltipPointerEvents", required: false }] }], singleInstance: [{ type: i0.Input, args: [{ isSignal: true, alias: "kbqTooltipSingleInstance", required: false }] }], placementChangeOutput: [{ type: i0.Output, args: ["kbqPlacementChange"] }], visibleChangeOutput: [{ type: i0.Output, args: ["kbqVisibleChange"] }], triggerInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "kbqTrigger", required: false }] }], hideWithTimeoutInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "hideWithTimeout", required: false }] }], enterDelayInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "kbqEnterDelay", required: false }] }], leaveDelayInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "kbqLeaveDelay", required: false }] }], relativeToPointerInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "kbqRelativeToPointer", required: false }] }], relativeToCaretInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "kbqRelativeToCaret", required: false }] }], relativeToCaretVerticalInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "kbqRelativeToCaretVertical", required: false }] }], contentInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "kbqTooltip", required: false }] }], headerInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "kbqTooltipHeader", required: false }] }], modifierInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "kbqTooltipModifier", required: false }] }], contextInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "kbqTooltipContext", required: false }] }], customClassInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "kbqTooltipClass", required: false }] }], colorInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "kbqTooltipColor", required: false }] }], arrowInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "kbqTooltipArrow", required: false }] }], arrowCenteredInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "kbqTooltipArrowCentered", required: false }] }], offsetInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "kbqTooltipOffset", required: false }] }], disabledInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "kbqTooltipDisabled", required: false }] }], tooltipPlacementPriorityInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "kbqPlacementPriority", required: false }] }], tooltipPlacementInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "kbqPlacement", required: false }] }], tooltipVisibleInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "kbqVisible", required: false }] }] } });
 
 const COMPONENTS = [
     KbqTooltipComponent,
@@ -1180,5 +1253,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { KBQ_TOOLTIP_INSTANT_SHOW_WINDOW, KBQ_TOOLTIP_OPEN_TIME, KBQ_TOOLTIP_OPEN_TIME_PROVIDER, KBQ_TOOLTIP_SCROLL_STRATEGY, KBQ_TOOLTIP_SCROLL_STRATEGY_FACTORY_PROVIDER, KBQ_TOOLTIP_SINGLE_INSTANCE_DEFAULT, KbqToolTipModule, KbqTooltipComponent, KbqTooltipDelayTracker, KbqTooltipRegistry, KbqTooltipTrigger, MIN_TIME_FOR_DELAY, TooltipModifier, kbqTooltipScrollStrategyFactory };
+export { KBQ_TOOLTIP_DEFAULT_OPTIONS, KBQ_TOOLTIP_INSTANT_SHOW_WINDOW, KBQ_TOOLTIP_OPEN_TIME, KBQ_TOOLTIP_OPEN_TIME_PROVIDER, KBQ_TOOLTIP_SCROLL_STRATEGY, KBQ_TOOLTIP_SCROLL_STRATEGY_FACTORY_PROVIDER, KBQ_TOOLTIP_SINGLE_INSTANCE_DEFAULT, KbqToolTipModule, KbqTooltipComponent, KbqTooltipDelayTracker, KbqTooltipRegistry, KbqTooltipTrigger, MIN_TIME_FOR_DELAY, TooltipModifier, kbqTooltipScrollStrategyFactory };
 //# sourceMappingURL=koobiq-components-tooltip.mjs.map