@koobiq/components 20.4.2 → 21.0.1

package/fesm2022/koobiq-components-tooltip.mjs

@@ -1,14 +1,13 @@
 import * as i0 from '@angular/core';
-import { InjectionToken, Injectable, inject, ViewChild, ViewEncapsulation, ChangeDetectionStrategy, Component, input, Renderer2, booleanAttribute, EventEmitter, effect, numberAttribute, Input, Output, Directive, NgModule } from '@angular/core';
+import { InjectionToken, Injectable, inject, viewChild, ViewEncapsulation, ChangeDetectionStrategy, Component, input, Renderer2, booleanAttribute, EventEmitter, effect, untracked, Directive, NgModule } from '@angular/core';
 import { FocusMonitor } from '@angular/cdk/a11y';
 import { coerceBooleanProperty } from '@angular/cdk/coercion';
 import { Overlay } from '@angular/cdk/overlay';
 import { NgTemplateOutlet } from '@angular/common';
-import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
-import { KbqPopUp, applyPopupMargins, PopUpTriggers, KbqPopUpTrigger, KbqComponentColors, KBQ_PARENT_POPUP, KBQ_SIBLING_POPUP, POSITION_TO_CSS_MAP, PopUpPlacements } from '@koobiq/components/core';
+import { outputFromObservable, takeUntilDestroyed } 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';
-import { trigger, state, style, transition, animate, keyframes } from '@angular/animations';
 
 /**
  * Default value of the `kbqTooltipSingleInstance` input. Provide `false` at the application level to
@@ -44,60 +43,119 @@ class KbqTooltipRegistry {
             this.visibleTooltip = null;
         }
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: KbqTooltipRegistry, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    /** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: KbqTooltipRegistry, providedIn: 'root' }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: KbqTooltipRegistry, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    /** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: KbqTooltipRegistry, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: KbqTooltipRegistry, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: KbqTooltipRegistry, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }] });
 
-/**
- * Animations used by KbqTooltip.
- * @docs-private
- */
-const kbqTooltipAnimations = {
-    /** Animation that transitions a tooltip in and out. */
-    tooltipState: trigger('state', [
-        state('initial, void, hidden', style({ opacity: 0, transform: 'scale(0)' })),
-        state('visible', style({ transform: 'scale(0.99)' })),
-        transition('* => visible', animate('200ms cubic-bezier(0, 0, 0.2, 1)', keyframes([
-            style({ opacity: 0, transform: 'scale(0)', offset: 0 }),
-            style({ opacity: 0.5, transform: 'scale(0.9)', offset: 0.5 }),
-            style({ opacity: 1, transform: 'scale(0.99)', offset: 1 })
-        ]))),
-        transition('* => hidden', animate('100ms cubic-bezier(0, 0, 0.2, 1)', style({ opacity: 0 })))
-    ])
-};
-
 var TooltipModifier;
 (function (TooltipModifier) {
     TooltipModifier["Default"] = "default";
     TooltipModifier["Warning"] = "warning";
     TooltipModifier["Extended"] = "extended";
 })(TooltipModifier || (TooltipModifier = {}));
+/**
+ * @deprecated Replaced by {@link KbqTooltipDelayTracker}, which owns the shared timestamp behind a service
+ * instead of a mutable `useValue` object. The tooltip no longer reads this token; providing it has no effect. Will be
+ * removed in 22.0.0.
+ */
 const KBQ_TOOLTIP_OPEN_TIME = new InjectionToken('kbq-tooltip-open-time');
-/** @docs-private */
+/**
+ * @deprecated Replaced by {@link KbqTooltipDelayTracker}. Providing it has no effect. Will be removed in 22.0.0.
+ *
+ * @docs-private
+ */
 const KBQ_TOOLTIP_OPEN_TIME_PROVIDER = {
     provide: KBQ_TOOLTIP_OPEN_TIME,
     useValue: { value: 0 }
 };
+/** Default length of the window during which a following tooltip is shown without its enter delay. */
 const MIN_TIME_FOR_DELAY = 2000;
+/**
+ * Length in milliseconds of the window during which a tooltip shown right after another one appears
+ * instantly. Defaults to {@link MIN_TIME_FOR_DELAY}.
+ */
+const KBQ_TOOLTIP_INSTANT_SHOW_WINDOW = new InjectionToken('kbq-tooltip-instant-show-window', {
+    providedIn: 'root',
+    factory: () => MIN_TIME_FOR_DELAY
+});
+/**
+ * Remembers when a tooltip was last shown, so that moving between neighbouring triggers does not replay the
+ * enter delay for every one of them: the first tooltip waits `kbqEnterDelay`, the ones following it within
+ * {@link KBQ_TOOLTIP_INSTANT_SHOW_WINDOW} appear instantly.
+ *
+ * Application-wide by design — the behavior is part of the component's documented delay rules.
+ */
+class KbqTooltipDelayTracker {
+    constructor() {
+        this.instantShowWindow = inject(KBQ_TOOLTIP_INSTANT_SHOW_WINDOW);
+        /** Timestamp of the last shown tooltip, or `null` while no tooltip has been shown recently. */
+        this.lastShownAt = null;
+    }
+    /** Whether the tooltip that is about to be shown should skip its enter delay. */
+    shouldSkipEnterDelay() {
+        return this.lastShownAt !== null && Date.now() - this.lastShownAt < this.instantShowWindow;
+    }
+    /** Records that a tooltip has just been shown. */
+    markShown() {
+        this.lastShownAt = Date.now();
+    }
+    /** Forgets the last shown tooltip, so the next one appears with its full enter delay. */
+    reset() {
+        this.lastShownAt = null;
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: KbqTooltipDelayTracker, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    /** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: KbqTooltipDelayTracker, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: KbqTooltipDelayTracker, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+/** Source of the unique ids that link a tooltip to the `aria-describedby` of its trigger. */
+let nextTooltipUniqueId = 0;
 class KbqTooltipComponent extends KbqPopUp {
     constructor() {
         super(...arguments);
-        this.openTime = inject(KBQ_TOOLTIP_OPEN_TIME);
+        this.delayTracker = inject(KbqTooltipDelayTracker);
         this.prefix = 'kbq-tooltip';
+        /**
+         * Id rendered on the tooltip element; the trigger points its `aria-describedby` at it.
+         *
+         * Public only because the trigger is a separate class and overwrites it with its own id — nothing outside
+         * the pair should read or write it, or the accessibility link between them breaks.
+         *
+         * @docs-private
+         */
+        this.id = `kbq-tooltip-${nextTooltipUniqueId++}`;
+        this.tooltipElement = viewChild('tooltip', ...(ngDevMode ? [{ debugName: "tooltipElement" }] : /* istanbul ignore next */ []));
+    }
+    /** The tooltip panel, which the base pop-up measures and decorates instead of the host. */
+    get elementRef() {
+        return this.tooltipElement();
     }
     show(delay) {
         if (!this.content) {
             return;
         }
-        super.show(Date.now() - this.openTime.value < MIN_TIME_FOR_DELAY ? 0 : delay);
-        if (this.offset !== null) {
-            applyPopupMargins(this.renderer, this.elementRef.nativeElement, this.prefix, `${this.offset.toString()}px`);
-        }
-        this.openTime.value = Date.now();
+        super.show(this.delayTracker.shouldSkipEnterDelay() ? 0 : delay);
+        this.applyOffset();
+        this.delayTracker.markShown();
+    }
+    /**
+     * Applies `offset` as the gap between the tooltip and its trigger. Called both on show and whenever the
+     * trigger pushes new data, so that changing `kbqTooltipOffset` on an open tooltip actually moves it.
+     *
+     * Public only because the trigger calls it from the outside; it is not part of the supported surface.
+     *
+     * @docs-private
+     */
+    applyOffset() {
+        // An empty value removes a gap applied earlier, handing it back to the stylesheet.
+        const margin = this.offset == null ? '' : `${this.offset}px`;
+        applyPopupMargins(this.renderer, this.elementRef.nativeElement, this.prefix, margin);
     }
     updateClassMap(placement, customClass, { modifier }) {
         const classMap = {
@@ -105,18 +163,15 @@ class KbqTooltipComponent extends KbqPopUp {
         };
         super.updateClassMap(placement, customClass, classMap);
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: KbqTooltipComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.30", type: KbqTooltipComponent, isStandalone: true, selector: "kbq-tooltip-component", providers: [KBQ_TOOLTIP_OPEN_TIME_PROVIDER], viewQueries: [{ propertyName: "elementRef", first: true, predicate: ["tooltip"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div\n    #tooltip\n    class=\"kbq-tooltip\"\n    [class.kbq-tooltip_arrowless]=\"!arrow\"\n    [class]=\"classMap\"\n    [@state]=\"visibility\"\n    (@state.done)=\"animationDone($event)\"\n    (@state.start)=\"animationStart()\"\n>\n    <div class=\"kbq-tooltip__inner\">\n        @if (arrow) {\n            <div class=\"kbq-tooltip__arrow\"></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: [".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__inner{border-radius:var(--kbq-tooltip-size-border-radius);word-break:break-word}.kbq-tooltip{box-sizing:border-box;border-radius:var(--kbq-tooltip-size-border-radius);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)}.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-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-color:var(--kbq-tooltip-theme-fade-off-background)}.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-color:var(--kbq-tooltip-contrast-fade-off-background)}.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-color:var(--kbq-tooltip-contrast-fade-on-background)}.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-color:var(--kbq-tooltip-warning-fade-off-background)}.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-color:var(--kbq-tooltip-error-fade-off-background)}.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;--kbq-tooltip-borderless-shadow: 0 2px 8px var(--kbq-shadow-key), 0 3px 8px var(--kbq-shadow-ambient)}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], animations: [kbqTooltipAnimations.tooltipState], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: 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 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: KbqTooltipComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: KbqTooltipComponent, decorators: [{
             type: Component,
             args: [{ selector: 'kbq-tooltip-component', imports: [
                         NgTemplateOutlet
-                    ], providers: [KBQ_TOOLTIP_OPEN_TIME_PROVIDER], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, animations: [kbqTooltipAnimations.tooltipState], template: "<div\n    #tooltip\n    class=\"kbq-tooltip\"\n    [class.kbq-tooltip_arrowless]=\"!arrow\"\n    [class]=\"classMap\"\n    [@state]=\"visibility\"\n    (@state.done)=\"animationDone($event)\"\n    (@state.start)=\"animationStart()\"\n>\n    <div class=\"kbq-tooltip__inner\">\n        @if (arrow) {\n            <div class=\"kbq-tooltip__arrow\"></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: [".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__inner{border-radius:var(--kbq-tooltip-size-border-radius);word-break:break-word}.kbq-tooltip{box-sizing:border-box;border-radius:var(--kbq-tooltip-size-border-radius);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)}.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-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-color:var(--kbq-tooltip-theme-fade-off-background)}.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-color:var(--kbq-tooltip-contrast-fade-off-background)}.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-color:var(--kbq-tooltip-contrast-fade-on-background)}.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-color:var(--kbq-tooltip-warning-fade-off-background)}.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-color:var(--kbq-tooltip-error-fade-off-background)}.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;--kbq-tooltip-borderless-shadow: 0 2px 8px var(--kbq-shadow-key), 0 3px 8px var(--kbq-shadow-ambient)}\n"] }]
-        }], propDecorators: { elementRef: [{
-                type: ViewChild,
-                args: ['tooltip']
-            }] } });
+                    ], 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"] }]
+        }], 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.
  *
@@ -135,6 +190,24 @@ const INTERACTIVE_TRIGGERS = [
  * element. Both are bound by `KbqPopUpTrigger.initListeners` whenever the matching show trigger is bound.
  */
 const RELEASE_TRIGGERS = ['mouseleave', 'blur'];
+/**
+ * Focus origins a focus-triggered tooltip opens for. Everything but `keyboard` is excluded on purpose: a
+ * pointer user gets the tooltip from the hover trigger, and showing it again on the focus a click leaves
+ * behind makes it linger after the pointer has moved on. `program` cannot be admitted either, because CDK
+ * reports it whenever it fails to attribute a focus — including the focus that follows a click outside its
+ * detection window — so admitting it would re-open exactly the case above. Focus the application moves on
+ * purpose still opens the tooltip: the repo convention is `focusVia(element, 'keyboard')`, which reports
+ * `keyboard`.
+ */
+const FOCUS_ORIGINS_THAT_SHOW = ['keyboard'];
+/** Base panel class of the tooltip overlay. */
+const TOOLTIP_PANEL_CLASS = 'kbq-tooltip-panel';
+/** Default `kbqEnterDelay`, in milliseconds. */
+const defaultEnterDelay = 400;
+/** Panel class that makes the tooltip pane transparent to pointer events. */
+const IGNORE_POINTER_EVENTS_PANEL_CLASS = 'cdk-overlay-pane_ignore-pointer-events';
+/** Elements a caret can be located in, and therefore anchored to. */
+const EDITABLE_SELECTOR = 'input, textarea, [contenteditable=""], [contenteditable="true"]';
 const KBQ_TOOLTIP_SCROLL_STRATEGY = new InjectionToken('kbq-tooltip-scroll-strategy', {
     providedIn: 'root',
     factory: () => kbqTooltipScrollStrategyFactory(inject(Overlay))
@@ -143,7 +216,11 @@ const KBQ_TOOLTIP_SCROLL_STRATEGY = new InjectionToken('kbq-tooltip-scroll-strat
 function kbqTooltipScrollStrategyFactory(overlay) {
     return () => overlay.scrollStrategies.close();
 }
-/** @docs-private */
+/**
+ * Redundant to the root factory of the token; kept so an app can restore the default under its own override (#DS-2196).
+ *
+ * @docs-private
+ */
 const KBQ_TOOLTIP_SCROLL_STRATEGY_FACTORY_PROVIDER = {
     provide: KBQ_TOOLTIP_SCROLL_STRATEGY,
     deps: [Overlay],
@@ -160,8 +237,6 @@ class KbqTooltipTrigger extends KbqPopUpTrigger {
         return this.scrollStrategyOverride() ?? this.injectedScrollStrategy;
     }
     /** Input (`kbqVisible`) that programmatically shows or hides the tooltip; reflects the current `visible` state. */
-    // TODO: Skipped for migration because:
-    //  Accessor inputs cannot be migrated as they are too complex.
     get tooltipVisible() {
         return this.visible;
     }
@@ -169,8 +244,6 @@ class KbqTooltipTrigger extends KbqPopUpTrigger {
         super.updateVisible(value);
     }
     /** Input (`kbqPlacement`) that sets the tooltip placement relative to its trigger; reflects the current `placement`. */
-    // TODO: Skipped for migration because:
-    //  Accessor inputs cannot be migrated as they are too complex.
     get tooltipPlacement() {
         return this.placement;
     }
@@ -178,8 +251,6 @@ class KbqTooltipTrigger extends KbqPopUpTrigger {
         super.updatePlacement(value);
     }
     /** Input (`kbqPlacementPriority`) that sets the ordered fallback placements; reflects the current `placementPriority`. */
-    // TODO: Skipped for migration because:
-    //  Accessor inputs cannot be migrated as they are too complex.
     get tooltipPlacementPriority() {
         return this.placementPriority;
     }
@@ -187,8 +258,6 @@ class KbqTooltipTrigger extends KbqPopUpTrigger {
         super.updatePlacementPriority(value);
     }
     /** Input (`kbqTooltip`) with the tooltip content — a string or a template. Updating it refreshes an open tooltip. */
-    // TODO: Skipped for migration because:
-    //  Accessor inputs cannot be migrated as they are too complex.
     get content() {
         return this._content;
     }
@@ -196,21 +265,21 @@ class KbqTooltipTrigger extends KbqPopUpTrigger {
         this._content = content;
         this.updateData();
     }
-    /** Input (`kbqTooltipDisabled`) controlling whether the tooltip is disabled; setting it to `true` hides it. */
-    // TODO: Skipped for migration because:
-    //  Accessor inputs cannot be migrated as they are too complex.
+    /**
+     * Input (`kbqTooltipDisabled`) controlling whether the tooltip is disabled; setting it to `true` hides it.
+     * `undefined` leaves the decision to the trigger, like an unset input.
+     *
+     * Reads back the *effective* state, which for triggers that derive one of their own (see
+     * `derivedDisabledWins`) is not necessarily the value that was written.
+     */
     get disabled() {
         return this._disabled;
     }
     set disabled(value) {
-        this._disabled = coerceBooleanProperty(value);
-        if (this._disabled) {
-            this.hide();
-        }
+        this.explicitlyDisabled = value === undefined ? undefined : coerceBooleanProperty(value);
+        this.applyDisabled();
     }
     /** Input (`kbqTrigger`) with the comma-separated trigger events. An empty value resets to hover + focus and rebinds listeners. */
-    // TODO: Skipped for migration because:
-    //  Accessor inputs cannot be migrated as they are too complex.
     get trigger() {
         return this._trigger;
     }
@@ -224,8 +293,6 @@ class KbqTooltipTrigger extends KbqPopUpTrigger {
         this.initListeners();
     }
     /** Input (`kbqTooltipClass`) with an extra CSS class applied to the tooltip; updating it refreshes the class map. */
-    // TODO: Skipped for migration because:
-    //  Accessor inputs cannot be migrated as they are too complex.
     get customClass() {
         return this._customClass || '';
     }
@@ -239,8 +306,6 @@ class KbqTooltipTrigger extends KbqPopUpTrigger {
         }
     }
     /** Input (`kbqTooltipContext`) with the context object passed to a template tooltip; updating it refreshes the open tooltip. */
-    // TODO: Skipped for migration because:
-    //  Accessor inputs cannot be migrated as they are too complex.
     get context() {
         return this._context;
     }
@@ -248,34 +313,103 @@ class KbqTooltipTrigger extends KbqPopUpTrigger {
         this._context = ctx;
         this.updateData();
     }
-    /** Input (`kbqTooltipColor`) with the tooltip color theme; the getter returns the `kbq-`-prefixed CSS class. */
-    // TODO: Skipped for migration because:
-    //  Accessor inputs cannot be migrated as they are too complex.
+    /** Input (`kbqTooltipColor`) with the tooltip color theme. Defaults to `KbqComponentColors.Contrast`. */
     get color() {
-        return `kbq-${this._color}`;
+        return this._color;
     }
     set color(value) {
         this._color = value || KbqComponentColors.Contrast;
     }
+    /** CSS class the current `color` maps to. */
+    get colorClass() {
+        return `kbq-${this._color}`;
+    }
     /** Whether the configured trigger list includes the `click` trigger. */
     get hasClickInTrigger() {
         return this.trigger.includes(PopUpTriggers.Click);
     }
     /**
-     * The old `KbqWarningTooltipTrigger` / `KbqExtendedTooltipTrigger` subclasses had
-     * setters on their content/header inputs that pushed updates into the open tooltip.
-     * Now that `modifier` and `header` are plain `@Input` fields on this base class,
-     * we need to mirror that reactivity manually — without it, changing the inputs
-     * while a tooltip is open silently leaves the overlay showing stale data until
-     * the next show/hide cycle.
+     * 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.
      */
     ngOnChanges(changes) {
+        // A bound input is handed to its member, a bound `undefined` restoring the
+        // member's default; unbound, it leaves what code wrote.
+        if (changes['triggerInput']) {
+            this.trigger = this.triggerInput() ?? '';
+        }
+        if (changes['hideWithTimeoutInput']) {
+            const hideWithTimeout = this.hideWithTimeoutInput();
+            if (hideWithTimeout !== undefined)
+                this.hideWithTimeout = hideWithTimeout;
+        }
+        if (changes['enterDelayInput']) {
+            this.enterDelay = this.enterDelayInput() ?? defaultEnterDelay;
+        }
+        if (changes['leaveDelayInput']) {
+            this.leaveDelay = this.leaveDelayInput() ?? 0;
+        }
+        if (changes['relativeToPointerInput']) {
+            const relativeToPointer = this.relativeToPointerInput();
+            if (relativeToPointer !== undefined)
+                this.relativeToPointer = relativeToPointer;
+        }
+        if (changes['relativeToCaretInput']) {
+            const relativeToCaret = this.relativeToCaretInput();
+            if (relativeToCaret !== undefined)
+                this.relativeToCaret = relativeToCaret;
+        }
+        if (changes['relativeToCaretVerticalInput']) {
+            this.relativeToCaretVertical = this.relativeToCaretVerticalInput() ?? 'auto';
+        }
+        if (changes['contentInput']) {
+            this.content = this.contentInput() ?? '';
+        }
+        if (changes['headerInput']) {
+            this.header = this.headerInput() ?? '';
+        }
+        if (changes['modifierInput']) {
+            this.modifier = this.modifierInput() ?? TooltipModifier.Default;
+        }
+        if (changes['contextInput']) {
+            this.context = this.contextInput();
+        }
+        if (changes['customClassInput']) {
+            this.customClass = this.customClassInput() ?? '';
+        }
+        if (changes['colorInput']) {
+            this.color = this.colorInput() ?? KbqComponentColors.Contrast;
+        }
+        if (changes['arrowInput']) {
+            const arrow = this.arrowInput();
+            if (arrow !== undefined)
+                this.arrow = arrow;
+        }
+        if (changes['offsetInput']) {
+            this.offset = this.offsetInput() ?? null;
+        }
+        if (changes['disabledInput']) {
+            // A bound `undefined` hands the decision back to the state the trigger derives.
+            this.disabled = this.disabledInput();
+        }
+        if (changes['tooltipPlacementPriorityInput']) {
+            this.tooltipPlacementPriority = this.tooltipPlacementPriorityInput() ?? null;
+        }
+        if (changes['tooltipPlacementInput']) {
+            this.tooltipPlacement = this.tooltipPlacementInput() ?? PopUpPlacements.Top;
+        }
+        if (changes['tooltipVisibleInput']) {
+            this.tooltipVisible = this.tooltipVisibleInput() ?? false;
+        }
         if (!this.instance)
             return;
-        if (changes.modifier && !changes.modifier.firstChange) {
+        if (changes['modifierInput'] && !changes['modifierInput'].firstChange) {
             this.updateClassMap();
         }
-        if (changes.header && !changes.header.firstChange) {
+        if ((changes['headerInput'] && !changes['headerInput'].firstChange) ||
+            (changes['arrowInput'] && !changes['arrowInput'].firstChange) ||
+            (changes['offsetInput'] && !changes['offsetInput'].firstChange)) {
             this.updateData();
         }
     }
@@ -301,8 +435,9 @@ class KbqTooltipTrigger extends KbqPopUpTrigger {
      * Sets up an effect that mirrors a `forDisabledComponent`'s disabled signal: when that component is disabled it
      * makes the host focusable (so the tooltip can still be triggered) and enables the tooltip, otherwise disables it.
      *
-     * Also joins the "only one tooltip is visible at a time" group and mutes the tooltip while a pop-up on the
-     * same element is open. All of this wiring lives here rather than in `ngAfterViewInit`/`ngOnDestroy` because
+     * Also joins the "only one tooltip is visible at a time" group, mutes the tooltip while a pop-up on the
+     * same element is open, tracks the focus origin and keeps the trigger's `aria-describedby` in sync with the
+     * open tooltip. All of this wiring lives here rather than in `ngAfterViewInit`/`ngOnDestroy` because
      * several subclasses override those hooks: `KbqTitleDirective` and `KbqEllipsisCenterDirective` skip
      * `super.ngAfterViewInit()`, and `KbqPasswordToggle` skips `super` in both hooks entirely. `destroyRef`
      * additionally covers a trigger destroyed while its tooltip is still visible — that path disposes the
@@ -315,14 +450,15 @@ class KbqTooltipTrigger extends KbqPopUpTrigger {
         this.injectedScrollStrategy = inject(KBQ_TOOLTIP_SCROLL_STRATEGY);
         /**
          * 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
+         * when set. An input rather than a DI override so it applies to this tooltip instance only, without
          * leaking into other `kbqTooltip`s nested inside the same host (DI overrides are visible to every
          * descendant in the element-injector tree, not just the element they're declared on).
+         *
          * @docs-private
          */
-        this.scrollStrategyOverride = input(undefined, ...(ngDevMode ? [{ debugName: "scrollStrategyOverride", alias: 'kbqTooltipScrollStrategy' }] : [{
-                alias: 'kbqTooltipScrollStrategy'
-            }]));
+        this.scrollStrategyOverride = input(undefined, { ...(ngDevMode ? { debugName: "scrollStrategyOverride" } : /* istanbul ignore next */ {}), alias: 'kbqTooltipScrollStrategy' });
+        /** Id of the tooltip element this trigger points its `aria-describedby` at while the tooltip is open. */
+        this.tooltipId = `kbq-tooltip-${nextTooltipUniqueId++}`;
         /** @docs-private */
         this.parentPopup = inject(KBQ_PARENT_POPUP, { optional: true });
         /**
@@ -341,15 +477,19 @@ class KbqTooltipTrigger extends KbqPopUpTrigger {
          * The input expects a component containing `disabledSignal` property, which is
          * a writable signal emitting boolean values.
          */
-        this.forDisabledComponent = input(...(ngDevMode ? [undefined, { debugName: "forDisabledComponent" }] : []));
+        this.forDisabledComponent = input(...(ngDevMode ? [undefined, { debugName: "forDisabledComponent" }] : /* istanbul ignore next */ []));
         /**
          * Determines whether pointer events should be ignored on tooltips.
          *
-         * When set to `true`, tooltip elements will not receive pointer events,
-         * allowing interactions to pass through to underlying elements.
-         * Defaults to `true`.
+         * When set to `true`, the tooltip pane does not receive pointer events, so clicks and hovers pass through
+         * to whatever is underneath it. Defaults to `false`, which keeps the tooltip hoverable: a user who needs
+         * more time to read it — or who reads at high magnification, where the pointer often ends up over the
+         * tooltip itself — can move the pointer onto it without it disappearing (WCAG 1.4.13 "Content on Hover").
+         *
+         * Set it to `true` for tooltips that float over other click targets, such as the overflow hints of a
+         * scrolling option list.
          */
-        this.ignoreTooltipPointerEvents = input(true, ...(ngDevMode ? [{ debugName: "ignoreTooltipPointerEvents" }] : []));
+        this.ignoreTooltipPointerEvents = input(false, ...(ngDevMode ? [{ debugName: "ignoreTooltipPointerEvents" }] : /* istanbul ignore next */ []));
         /**
          * Whether the tooltip takes part in the "only one tooltip is visible at a time" group: showing it
          * hides the previously visible tooltip, and it is hidden when another tooltip is shown.
@@ -360,36 +500,43 @@ class KbqTooltipTrigger extends KbqPopUpTrigger {
          * Tooltips without an interactive `kbqTrigger` (`manual`, `none`, …) never take part in the group,
          * regardless of this input — they are shown imperatively and are expected to stay pinned.
          */
-        this.singleInstance = input(inject(KBQ_TOOLTIP_SINGLE_INSTANCE_DEFAULT), ...(ngDevMode ? [{ debugName: "singleInstance", alias: 'kbqTooltipSingleInstance',
-                transform: booleanAttribute }] : [{
-                alias: 'kbqTooltipSingleInstance',
-                transform: booleanAttribute
-            }]));
+        this.singleInstance = input(inject(KBQ_TOOLTIP_SINGLE_INSTANCE_DEFAULT), { ...(ngDevMode ? { debugName: "singleInstance" } : /* istanbul ignore next */ {}), alias: 'kbqTooltipSingleInstance',
+            transform: booleanAttribute });
         /**
          * Changes hiding behavior. By default, tooltip is hidden on mouseleave from trigger.
          * Setting hideWithTimeout to true will delay tooltip hiding and will not hide when the mouse moves from trigger
          * to tooltip.
          */
-        // TODO: Skipped for migration because:
-        //  This input overrides a field from a superclass, while the superclass field
-        //  is not migrated.
         this.hideWithTimeout = false;
         /**
          * Positions the tooltip relative to the mouse cursor. Only available for top and bottom kbqPlacement.
          * Does not work with kbqPlacementPriority.
          */
-        // TODO: Skipped for migration because:
-        //  Class of this input is manually instantiated. This is discouraged and prevents
-        //  migration.
         this.relativeToPointer = false;
+        /**
+         * Positions the tooltip relative to the text caret of the field it is attached to, following it while the
+         * user types, moves the caret and scrolls the field. Anchors to the selection whenever there is one.
+         *
+         * Every placement is available, unlike with `kbqRelativeToPointer`: the caret is anchored as a rectangle,
+         * so the usual fallback placements keep the tooltip on screen. Wins when both inputs are enabled.
+         *
+         * The field is the host element itself when it is editable, otherwise the first editable it wraps.
+         */
+        this.relativeToCaret = false;
+        /** What the tooltip is vertically anchored to while `kbqRelativeToCaret` is enabled. */
+        this.relativeToCaretVertical = 'auto';
+        /**
+         * Whether the state this trigger derives means *there is nothing to show*, so an explicit
+         * `kbqTooltipDisabled="false"` cannot override it, as for a hint that repeats text the host never clipped.
+         * Otherwise the explicit value wins in both directions, so `false` on a wrapped control that is not disabled
+         * still asks for a tooltip.
+         *
+         * @docs-private
+         */
+        this.derivedDisabledWins = false;
         /** Input (`kbqEnterDelay`) — delay in milliseconds before the tooltip is shown. Defaults to `400`. */
-        // TODO: Skipped for migration because:
-        //  Your application code writes to the input. This prevents migration.
-        this.enterDelay = 400;
+        this.enterDelay = defaultEnterDelay;
         /** Input (`kbqLeaveDelay`) — delay in milliseconds before the tooltip is hidden. Defaults to `0`. */
-        // TODO: Skipped for migration because:
-        //  This input overrides a field from a superclass, while the superclass field
-        //  is not migrated.
         this.leaveDelay = 0;
         /** Backing field for `trigger`; defaults to hover + focus. */
         this._trigger = `${PopUpTriggers.Hover}, ${PopUpTriggers.Focus}`;
@@ -398,22 +545,25 @@ class KbqTooltipTrigger extends KbqPopUpTrigger {
         /** Backing field for `color`; defaults to `KbqComponentColors.Contrast`. */
         this._color = KbqComponentColors.Contrast;
         /** Input (`kbqTooltipArrow`) — whether to render the tooltip's arrow/pointer. Defaults to `false`. */
-        // TODO: Skipped for migration because:
-        //  Your application code writes to the input. This prevents migration.
         this.arrow = false;
-        /** Input (`kbqTooltipOffset`) — distance in pixels between the tooltip and its trigger; `null` uses the default. */
-        // TODO: Skipped for migration because:
-        //  Your application code writes to the input. This prevents migration.
+        /**
+         * Input (`kbqTooltipOffset`) — distance in pixels between the tooltip and its trigger. `null`, the default, keeps
+         * the gap of the stylesheet.
+         */
         this.offset = null;
         /** Output (`kbqPlacementChange`) that emits the new placement whenever the tooltip repositions. */
         this.placementChange = new EventEmitter();
+        /** @docs-private */
+        this.placementChangeOutput = outputFromObservable(this.placementChange, { alias: 'kbqPlacementChange' });
         /** Output (`kbqVisibleChange`) that emits when the tooltip's visibility changes. */
         this.visibleChange = new EventEmitter();
         /** @docs-private */
+        this.visibleChangeOutput = outputFromObservable(this.visibleChange, { alias: 'kbqVisibleChange' });
+        /** @docs-private */
         this.originSelector = '.kbq-tooltip';
         /** @docs-private */
         this.overlayConfig = {
-            panelClass: ['kbq-tooltip-panel']
+            panelClass: [TOOLTIP_PANEL_CLASS]
         };
         /**
          * Visual variant of the tooltip. Accepts `'default'` | `'warning'` | `'extended'`.
@@ -421,9 +571,6 @@ class KbqTooltipTrigger extends KbqPopUpTrigger {
          * subclasses — to render a warning tooltip use `kbqTooltipModifier="warning"`,
          * and `kbqTooltipModifier="extended"` for the extended variant (combine with `kbqTooltipHeader`).
          */
-        // TODO: Skipped for migration because:
-        //  Class of this input is manually instantiated. This is discouraged and prevents
-        //  migration.
         this.modifier = TooltipModifier.Default;
         /**
          * Whether the tooltip is muted because a pop-up on the same element has taken over the anchor.
@@ -441,6 +588,67 @@ class KbqTooltipTrigger extends KbqPopUpTrigger {
          * `mouseleave` as well, but with the pointer still within the host — that one does not count.
          */
         this.pointerLeftWhileMuted = false;
+        /**
+         * Origin of the last focus event on the host, cached from the `FocusMonitor` stream so the focus trigger
+         * can tell a keyboard focus from the one a click leaves behind.
+         */
+        this.lastFocusOrigin = null;
+        /** @docs-private */
+        this.triggerInput = input(undefined, { ...(ngDevMode ? { debugName: "triggerInput" } : /* istanbul ignore next */ {}), alias: 'kbqTrigger' });
+        /** @docs-private */
+        this.hideWithTimeoutInput = input(undefined, { ...(ngDevMode ? { debugName: "hideWithTimeoutInput" } : /* istanbul ignore next */ {}), alias: 'hideWithTimeout',
+            transform: booleanAttribute });
+        /** @docs-private */
+        this.enterDelayInput = input(undefined, { ...(ngDevMode ? { debugName: "enterDelayInput" } : /* istanbul ignore next */ {}), alias: 'kbqEnterDelay' });
+        /** @docs-private */
+        this.leaveDelayInput = input(undefined, { ...(ngDevMode ? { debugName: "leaveDelayInput" } : /* istanbul ignore next */ {}), alias: 'kbqLeaveDelay' });
+        /** @docs-private */
+        this.relativeToPointerInput = input(undefined, { ...(ngDevMode ? { debugName: "relativeToPointerInput" } : /* istanbul ignore next */ {}), alias: 'kbqRelativeToPointer',
+            transform: booleanAttribute });
+        /** @docs-private */
+        this.relativeToCaretInput = input(undefined, { ...(ngDevMode ? { debugName: "relativeToCaretInput" } : /* istanbul ignore next */ {}), alias: 'kbqRelativeToCaret',
+            transform: booleanAttribute });
+        /** @docs-private */
+        this.relativeToCaretVerticalInput = input(undefined, { ...(ngDevMode ? { debugName: "relativeToCaretVerticalInput" } : /* istanbul ignore next */ {}), alias: 'kbqRelativeToCaretVertical' });
+        /** @docs-private */
+        this.contentInput = input(undefined, { ...(ngDevMode ? { debugName: "contentInput" } : /* istanbul ignore next */ {}), alias: 'kbqTooltip' });
+        /** @docs-private */
+        this.headerInput = input(undefined, { ...(ngDevMode ? { debugName: "headerInput" } : /* istanbul ignore next */ {}), alias: 'kbqTooltipHeader' });
+        /** @docs-private */
+        this.modifierInput = input(undefined, { ...(ngDevMode ? { debugName: "modifierInput" } : /* istanbul ignore next */ {}), alias: 'kbqTooltipModifier' });
+        /** @docs-private */
+        this.contextInput = input(undefined, { ...(ngDevMode ? { debugName: "contextInput" } : /* istanbul ignore next */ {}), alias: 'kbqTooltipContext' });
+        /** @docs-private */
+        this.customClassInput = input(undefined, { ...(ngDevMode ? { debugName: "customClassInput" } : /* istanbul ignore next */ {}), alias: 'kbqTooltipClass' });
+        /** @docs-private */
+        this.colorInput = input(undefined, { ...(ngDevMode ? { debugName: "colorInput" } : /* istanbul ignore next */ {}), alias: 'kbqTooltipColor' });
+        /** @docs-private */
+        this.arrowInput = input(undefined, { ...(ngDevMode ? { debugName: "arrowInput" } : /* istanbul ignore next */ {}), alias: 'kbqTooltipArrow',
+            transform: booleanAttribute });
+        /** @docs-private */
+        this.offsetInput = input(undefined, { ...(ngDevMode ? { debugName: "offsetInput" } : /* istanbul ignore next */ {}), alias: 'kbqTooltipOffset',
+            transform: kbqOptionalNumberAttribute });
+        /** @docs-private */
+        this.disabledInput = input(undefined, { ...(ngDevMode ? { debugName: "disabledInput" } : /* istanbul ignore next */ {}), alias: 'kbqTooltipDisabled',
+            // `booleanAttribute` would read a bound `undefined` as `false`, an explicit request for the tooltip.
+            transform: (value) => value === undefined ? undefined : booleanAttribute(value) });
+        /** @docs-private */
+        this.tooltipPlacementPriorityInput = input(undefined, { ...(ngDevMode ? { debugName: "tooltipPlacementPriorityInput" } : /* istanbul ignore next */ {}), alias: 'kbqPlacementPriority' });
+        /** @docs-private */
+        this.tooltipPlacementInput = input(undefined, { ...(ngDevMode ? { debugName: "tooltipPlacementInput" } : /* istanbul ignore next */ {}), alias: 'kbqPlacement' });
+        /** @docs-private */
+        this.tooltipVisibleInput = input(undefined, { ...(ngDevMode ? { debugName: "tooltipVisibleInput" } : /* istanbul ignore next */ {}), alias: 'kbqVisible' });
+        /** Teardown of the document-level `Escape` listener, or `null` while the overlay is detached. */
+        this.unbindEscapeListener = null;
+        /** Element whose `aria-describedby` points at this tooltip, or `null` while nothing is described. */
+        this.describedElement = null;
+        /** Teardown of the listeners following the caret, or `null` while the tooltip is not tracking one. */
+        this.stopCaretListeners = null;
+        /**
+         * Origin that stays on the caret of the field while `kbqRelativeToCaret` is enabled, and on the host element
+         * otherwise — so switching the input off while the tooltip is open does not leave it on the caret.
+         */
+        this.caretOrigin = kbqCreateCaretOrigin(() => this.measureCaretAnchor());
         merge(...this.siblingPopups.map(({ openedChange }) => openedChange))
             .pipe(filter(Boolean), 
         // A tooltip shown imperatively (`manual`/`none`) is not competing for the anchor with the
@@ -451,47 +659,93 @@ class KbqTooltipTrigger extends KbqPopUpTrigger {
             this.pointerLeftWhileMuted = false;
             this.hideAsInactive();
         });
+        // CDK dispatches the focus origin from a capture-phase listener on the document, so it is already
+        // recorded by the time the trigger's own `focus` listener runs.
+        this.focusMonitor
+            .monitor(this.elementRef.nativeElement)
+            .pipe(takeUntilDestroyed())
+            .subscribe((origin) => (this.lastFocusOrigin = origin));
         this.visibleChange.pipe(takeUntilDestroyed()).subscribe((visible) => {
             if (visible) {
+                this.describeTrigger();
                 if (this.participatesInSingleInstance) {
                     this.tooltipRegistry.setVisible(this);
                 }
             }
             else {
+                this.undescribeTrigger();
                 this.tooltipRegistry.clearVisible(this);
             }
         });
-        this.destroyRef.onDestroy(() => this.tooltipRegistry.clearVisible(this));
+        this.destroyRef.onDestroy(() => {
+            this.undescribeTrigger();
+            this.stopListeningForEscape();
+            this.tooltipRegistry.clearVisible(this);
+        });
         effect(() => {
-            if (!this.forDisabledComponent())
+            const forDisabledComponent = this.forDisabledComponent();
+            if (!forDisabledComponent)
                 return;
-            const disabled = this.forDisabledComponent().disabledSignal();
+            const disabled = forDisabledComponent.disabledSignal();
+            const nativeElement = this.getNativeElement();
             if (disabled) {
-                this.renderer.setAttribute(this.getNativeElement(), 'tabindex', '0');
-                this.renderer.setStyle(this.getNativeElement(), 'outline-color', 'var(--kbq-states-line-focus-theme)');
+                // The wrapped control drops out of the tab order once it is disabled, so the wrapper takes its
+                // place — otherwise the explanation for why the control is unavailable is keyboard-unreachable.
+                this.renderer.setAttribute(nativeElement, 'tabindex', '0');
+                this.renderer.setAttribute(nativeElement, 'role', 'group');
+                this.renderer.addClass(nativeElement, 'kbq-tooltip-trigger_for-disabled');
             }
             else {
-                this.renderer.setAttribute(this.getNativeElement(), 'tabindex', '-1');
+                this.renderer.setAttribute(nativeElement, 'tabindex', '-1');
+                this.renderer.removeAttribute(nativeElement, 'role');
+                this.renderer.removeClass(nativeElement, 'kbq-tooltip-trigger_for-disabled');
             }
-            this.disabled = !disabled;
+            // Derived, not assigned: an explicit `kbqTooltipDisabled` binding still wins, whichever of the
+            // two runs first.
+            this.setDerivedDisabled(!disabled);
         });
     }
-    /**
-     * Hides the tooltip when a parent pop-up closes, starts focus monitoring on the host, and—when
-     * `ignoreTooltipPointerEvents` is set—adds the panel class that makes the tooltip ignore pointer events.
-     */
+    /** Hides the tooltip when a parent pop-up closes. */
     ngAfterViewInit() {
         this.parentPopup?.closedStream.pipe(takeUntilDestroyed(this.destroyRef)).subscribe(() => this.hide());
-        this.focusMonitor.monitor(this.elementRef.nativeElement);
-        if (this.ignoreTooltipPointerEvents() && Array.isArray(this.overlayConfig.panelClass)) {
-            this.overlayConfig.panelClass.push('cdk-overlay-pane_ignore-pointer-events');
-        }
     }
     /** Stops focus monitoring on the host element and runs the base-class teardown. */
     ngOnDestroy() {
         this.focusMonitor.stopMonitoring(this.elementRef.nativeElement);
         super.ngOnDestroy();
     }
+    /**
+     * Records the state the subclass derived from its own content and re-folds it with the consumer's
+     * `kbqTooltipDisabled`. Subclasses call this instead of writing `disabled`, which would be read back as
+     * the consumer's own value and lose whichever of the two was written first.
+     *
+     * @docs-private
+     */
+    setDerivedDisabled(value) {
+        this.derivedDisabled = value;
+        this.applyDisabled();
+    }
+    foldDisabled() {
+        if (this.derivedDisabledWins) {
+            return this.explicitlyDisabled === true || (this.derivedDisabled ?? false);
+        }
+        return this.explicitlyDisabled ?? this.derivedDisabled ?? false;
+    }
+    /** Recomputes the effective `disabled` and closes an open tooltip that just lost its reason to be open. */
+    applyDisabled() {
+        const next = this.foldDisabled();
+        // Both producers re-state their verdict on every resize, content mutation and pointer sweep, and
+        // most of those repeat the previous answer. Without this the repeats still reach `hide()`, which
+        // re-enters the Angular zone from a `ResizeObserver` callback CDK deliberately runs outside it and
+        // schedules a tick — once per visible host, on a directive that sits on every dropdown item, list
+        // option and tree option.
+        if (next === this._disabled)
+            return;
+        this._disabled = next;
+        if (this._disabled) {
+            this.hide();
+        }
+    }
     /**
      * Shows the tooltip after `delay` ms. Suppresses showing while a pop-up on the same element holds the
      * anchor or on a focus trigger that did not originate from the keyboard, and applies cursor-relative
@@ -499,28 +753,35 @@ class KbqTooltipTrigger extends KbqPopUpTrigger {
      */
     show(delay = this.enterDelay) {
         if (this.mutedBySiblingPopup) {
-            const pointerReturned = this.triggerName === 'mouseenter' &&
-                this.pointerLeftWhileMuted &&
-                !this.siblingPopups.some(({ isAttached }) => isAttached);
+            const pointerReturned = this.triggerName === 'mouseenter' && this.pointerLeftWhileMuted && !this.siblingPopupAttached;
             if (!pointerReturned)
                 return;
             this.mutedBySiblingPopup = false;
         }
+        // Checked before the overlay exists: `KbqTooltipComponent.show` bails on empty content, but by then
+        // the trigger has already attached the pane, leaving an empty, invisible overlay latched open — and
+        // `KbqPopUpTrigger.show` returns early for as long as it is there, so the tooltip never recovers.
+        if (!this.content) {
+            return;
+        }
         // `isAttached` is checked directly, not just the `mutedBySiblingPopup` latch: `openedChange` can lag
-        // it by a real delay — e.g. select/tree-select only emit it once their open CSS animation finishes,
+        // it by a real delay — e.g. select/tree-select only emit it after the render that shows their panel,
         // and a sibling's own `hide()` can cancel a still-pending `show()` outright so it never emits at all
         // (KbqPopUp.show/hide, pop-up.ts). `isAttached` itself is guaranteed synchronous by the
         // `KbqSiblingPopup` contract, so checking it here closes that gap regardless of the cause. Gated by
         // `hasInteractiveTrigger` for the same reason as the constructor subscription: a `manual`/`none`
         // tooltip is driven imperatively and must not be muted by a sibling at all.
-        if (this.hasInteractiveTrigger && this.siblingPopups.some(({ isAttached }) => isAttached)) {
+        if (this.hasInteractiveTrigger && this.siblingPopupAttached) {
             return;
         }
-        if (this.triggerName === 'focus' && this.focusMonitor['_lastFocusOrigin'] !== 'keyboard') {
+        if (this.triggerName === 'focus' && !FOCUS_ORIGINS_THAT_SHOW.includes(this.lastFocusOrigin)) {
             return;
         }
         super.show(delay);
-        if (this.relativeToPointer) {
+        if (this.relativeToCaret) {
+            this.applyRelativeToCaret();
+        }
+        else if (this.relativeToPointer) {
             this.applyRelativeToPointer();
         }
     }
@@ -534,13 +795,21 @@ class KbqTooltipTrigger extends KbqPopUpTrigger {
      * not be mistaken for the user leaving.
      */
     hide(delay = this.leaveDelay) {
-        if (RELEASE_TRIGGERS.includes(this.triggerName) && !this.siblingPopups.some(({ isAttached }) => isAttached)) {
+        if (RELEASE_TRIGGERS.includes(this.triggerName) && !this.siblingPopupAttached) {
             this.mutedBySiblingPopup = false;
         }
         super.hide(delay);
     }
+    /**
+     * Whether a pop-up on the same element is attached. Untracked: the siblings keep it in signals, and a consumer
+     * `effect()` that shows or hides the tooltip must not run again whenever one of them opens or closes.
+     */
+    get siblingPopupAttached() {
+        return untracked(() => this.siblingPopups.some(({ isAttached }) => isAttached));
+    }
     /**
      * Records whether the pointer left the host while muted, see `pointerLeftWhileMuted`.
+     *
      * @docs-private
      */
     trackPointerLeave(event) {
@@ -548,7 +817,8 @@ class KbqTooltipTrigger extends KbqPopUpTrigger {
             return;
         const { left, right, top, bottom } = this.elementRef.nativeElement.getBoundingClientRect();
         this.pointerLeftWhileMuted =
-            event.clientX < left || event.clientX > right || event.clientY < top || event.clientY > bottom;
+            // A box covers [left, right) and [top, bottom): a point on its right or bottom edge is outside it.
+            event.clientX < left || event.clientX >= right || event.clientY < top || event.clientY >= bottom;
     }
     /**
      * Hides the tooltip because something else took its place — another tooltip became visible, or a pop-up
@@ -558,46 +828,89 @@ class KbqTooltipTrigger extends KbqPopUpTrigger {
      * `triggerName` is `mouseleave` and the pop-up itself is hovered. Hiding through the instance keeps
      * `visibleChange(false)` firing, so `isOpen`, `kbqVisibleChange` and the `kbqVisible` input stay in sync.
      * Does nothing when the tooltip is already detached or when closing is prevented.
-     * @docs-private */
+     *
+     * @docs-private
+     */
     hideAsInactive() {
         if (this.preventClose)
             return;
         this.ngZone.run(() => this.instance?.hide(0));
     }
-    /** method allows to show the tooltip relative to the given mouse event.
-     * @docs-private */
+    /**
+     * Shows the tooltip next to the cursor position of the given mouse event, anchoring it to the event's
+     * `currentTarget` instead of the directive's own host element.
+     *
+     * Use it when the trigger cannot be declared in the template — for instance for a tooltip shared by the
+     * cells of a virtualized table. The directive still has to be created in an injection context.
+     */
     showForMouseEvent(event) {
         if (!(event.currentTarget instanceof HTMLElement))
             return;
+        // The same guard `show()` carries, repeated because this path reaches `super.show()` directly and
+        // would otherwise latch an empty pane open — with it attached, `KbqPopUpTrigger.show` returns early
+        // and the tooltip never recovers, while the pane keeps swallowing the document keydown listener.
+        if (!this.content)
+            return;
         this.triggerName = 'mouseenter';
         this.mouseEvent = event;
+        this.undescribeTrigger();
         this.setExternalNativeElement(event.currentTarget);
         super.show();
+        // Re-anchoring an open tooltip has to move the description itself: the `visibleChange(true)` edge that
+        // normally drives it is swallowed by `distinctUntilChanged` while the pop-up stays attached. A tooltip
+        // that is not open yet is left to that edge, which describes the element anchored by then.
+        if (untracked(() => this.isOpen)) {
+            this.describeTrigger();
+        }
         this.applyRelativeToPointer();
     }
     /**
-     * method allows to show the tooltip relative to the element
-     * Use this approach when it is not possible to define a trigger in the template.
+     * Shows the tooltip anchored to the given element instead of the directive's own host element.
+     *
+     * Use it when the trigger cannot be declared in the template. The directive still has to be created in an
+     * injection context:
      *
-     * For example:
-     * const tooltip = new KbqTooltipTrigger();
+     * ```ts
+     * const tooltip = runInInjectionContext(injector, () => new KbqTooltipTrigger());
      * tooltip.showForElement(element);
-     * @docs-private */
+     * ```
+     *
+     * Does nothing while the tooltip is disabled or has no content — there is no overlay to anchor then.
+     */
     showForElement(element) {
         this.show();
+        if (!this.strategy)
+            return;
         this.strategy.setOrigin(element);
     }
+    /**
+     * Replaces the CSS classes put on the tooltip's overlay pane.
+     *
+     * Exists for components that own a tooltip through `hostDirectives` instead of extending this class and
+     * therefore cannot reach the protected overlay configuration (e.g. `KbqNavbarItem`).
+     *
+     * @docs-private
+     */
+    setOverlayPanelClass(panelClass) {
+        this.overlayConfig.panelClass = panelClass;
+    }
     /** @docs-private */
     updateData() {
         if (!this.instance) {
             return;
         }
+        this.instance.id = this.tooltipId;
         this.instance.content = this.content;
         this.instance.header = this.header;
-        this.instance.context = this.context && { $implicit: this.context };
+        // `!= null` rather than a truthy check: `0`, `''` and `false` are legitimate template contexts, and
+        // dropping them left the template rendering the previous context instead.
+        this.instance.context = this.context != null ? { $implicit: this.context } : null;
         this.instance.arrow = this.arrow;
         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
+        // `kbqTooltipOffset` reaches an already open tooltip.
+        this.instance.applyOffset();
         this.updatePosition(true);
     }
     /** @docs-private */
@@ -613,10 +926,199 @@ class KbqTooltipTrigger extends KbqPopUpTrigger {
         if (!this.instance) {
             return;
         }
-        this.instance.updateClassMap(POSITION_TO_CSS_MAP[newPlacement], `${this.customClass} ${this.color}`, {
+        this.instance.updateClassMap(POSITION_TO_CSS_MAP[newPlacement], `${this.customClass} ${this.colorClass}`, {
             modifier: this.modifier
         });
-        this.instance.markForCheck();
+    }
+    /**
+     * Arms the `Escape` listener for as long as the tooltip overlay is attached, so that `Escape` dismisses
+     * the tooltip.
+     *
+     * The inherited `keydownHandler` is a host binding on the trigger and therefore only fires while the
+     * trigger itself has focus, which a hover-opened tooltip never has.
+     *
+     * @docs-private
+     */
+    createOverlay() {
+        if (this.overlayRef) {
+            return this.overlayRef;
+        }
+        // Rebuilt here rather than pushed into `overlayConfig` from a lifecycle hook: five subclasses skip
+        // `super.ngAfterViewInit()`, and appending to the array made the class impossible to take back off.
+        this.overlayConfig = { ...this.overlayConfig, panelClass: this.getPanelClasses() };
+        const overlayRef = super.createOverlay();
+        overlayRef
+            .attachments()
+            .pipe(takeUntilDestroyed(this.destroyRef))
+            .subscribe(() => {
+            this.listenForEscape();
+            this.startTrackingCaret();
+        });
+        overlayRef
+            .detachments()
+            .pipe(takeUntilDestroyed(this.destroyRef))
+            .subscribe(() => {
+            this.stopListeningForEscape();
+            this.stopTrackingCaret();
+        });
+        return overlayRef;
+    }
+    /**
+     * Binds a document-level `Escape` listener, outside the zone and at most once per attach.
+     *
+     * An open tooltip is the topmost layer, so `Escape` dismisses it first (WAI-ARIA tooltip pattern, WCAG 1.4.13):
+     * the listener captures the key and marks it spent, and a modal or a panel that closes on `Escape` lets it
+     * pass. The key is not stopped, so a control that closes a popup of its own on it still does.
+     *
+     * Deliberately not `overlayRef.keydownEvents()`: CDK hands each key to the last attached overlay that has
+     * subscribers and stops there, without re-dispatching. A tooltip is by construction the last overlay
+     * attached, so subscribing would make it swallow `Escape` for the modal, sidepanel, dropdown or inline
+     * edit underneath it — including for the imperative tooltips that drop the key instead of acting on it.
+     */
+    listenForEscape() {
+        if (this.unbindEscapeListener)
+            return;
+        this.ngZone.runOutsideAngular(() => {
+            this.unbindEscapeListener = this.renderer.listen('document', 'keydown', (event) => {
+                // An imperatively driven tooltip (`manual`/`none`) is pinned on purpose — the validation hints
+                // of datepicker, timepicker and inline-edit must survive an unrelated Escape.
+                if (event.keyCode !== ESCAPE || !this.isOpen || !this.hasInteractiveTrigger || this.preventClose) {
+                    return;
+                }
+                event.preventDefault();
+                this.hideAsInactive();
+            }, { capture: true });
+        });
+    }
+    /** Removes the document-level `Escape` listener. */
+    stopListeningForEscape() {
+        this.unbindEscapeListener?.();
+        this.unbindEscapeListener = null;
+    }
+    /** Panel classes of the tooltip overlay, including the pointer-events opt-out while it is enabled. */
+    getPanelClasses() {
+        const configured = this.overlayConfig.panelClass;
+        const classes = (Array.isArray(configured) ? configured : configured ? [configured] : []).filter((name) => name !== IGNORE_POINTER_EVENTS_PANEL_CLASS);
+        // A tooltip without an interactive trigger opts out regardless of the input: hovering its pane
+        // neither keeps it open nor closes it, so the hoverability the default protects does not exist here,
+        // and a pointer-capturing pane only blocks what it floats over. The validation hints of datepicker,
+        // timepicker and inline-edit sit above their own field for `validationTooltipHideDelay` (3s).
+        const ignorePointerEvents = this.ignoreTooltipPointerEvents() || !this.hasInteractiveTrigger;
+        return ignorePointerEvents ? [...classes, IGNORE_POINTER_EVENTS_PANEL_CLASS] : classes;
+    }
+    /**
+     * Points the trigger's `aria-describedby` at the open tooltip, so assistive technology announces the hint
+     * together with the control it explains.
+     *
+     * Written through the renderer rather than a host binding because `showForMouseEvent` re-anchors the
+     * trigger to a foreign element, which a host binding would never reach. Existing ids are preserved.
+     */
+    describeTrigger() {
+        if (this.describesHostText)
+            return;
+        const nativeElement = this.getNativeElement();
+        const ids = this.getDescribedByIds(nativeElement);
+        // Recorded rather than resolved again on the way out: `showForMouseEvent` re-anchors the trigger to
+        // another element, and un-describing the current one would leave the id dangling on the previous.
+        this.describedElement = nativeElement;
+        if (ids.includes(this.tooltipId))
+            return;
+        this.renderer.setAttribute(nativeElement, 'aria-describedby', [...ids, this.tooltipId].join(' '));
+    }
+    /** Removes this tooltip's id from the described element's `aria-describedby`, keeping any other ids. */
+    undescribeTrigger() {
+        const nativeElement = this.describedElement;
+        if (!nativeElement)
+            return;
+        this.describedElement = null;
+        const ids = this.getDescribedByIds(nativeElement).filter((id) => id !== this.tooltipId);
+        if (ids.length) {
+            this.renderer.setAttribute(nativeElement, 'aria-describedby', ids.join(' '));
+        }
+        else {
+            this.renderer.removeAttribute(nativeElement, 'aria-describedby');
+        }
+    }
+    /** Ids currently listed in the element's `aria-describedby`. */
+    getDescribedByIds(element) {
+        return (element.getAttribute('aria-describedby') || '').split(/\s+/).filter(Boolean);
+    }
+    /**
+     * Whether the tooltip only repeats the text the host already shows — which is what `kbq-title` does.
+     * Describing those would make assistive technology read the same label twice.
+     */
+    get describesHostText() {
+        return typeof this.content === 'string' && this.content.trim() === this.getNativeElement().textContent?.trim();
+    }
+    /**
+     * Field whose caret the tooltip is anchored to: the host element when it is editable itself — which is
+     * how the validation hints are written — otherwise the first editable element it wraps.
+     */
+    getCaretAnchor() {
+        const host = this.getNativeElement();
+        return host.matches(EDITABLE_SELECTOR) ? host : host.querySelector(EDITABLE_SELECTOR);
+    }
+    /**
+     * Anchors the overlay to the caret of the field.
+     *
+     * @docs-private
+     */
+    applyRelativeToCaret() {
+        this.strategy?.setOrigin(this.caretOrigin);
+    }
+    /** @docs-private */
+    getAnchorSize() {
+        return this.relativeToCaret ? this.caretOrigin : super.getAnchorSize();
+    }
+    /**
+     * 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
+     * `kbqRelativeToCaret` is off.
+     */
+    measureCaretAnchor() {
+        const anchor = this.relativeToCaret ? this.getCaretAnchor() : null;
+        const rect = anchor && kbqGetSelectionRect(anchor);
+        if (!anchor || !rect) {
+            const { left, top, width, height } = this.getNativeElement().getBoundingClientRect();
+            return { x: left, y: top, width, height };
+        }
+        if (!this.anchorsToField(anchor))
+            return rect;
+        const { top, height } = anchor.getBoundingClientRect();
+        return { x: rect.x, width: rect.width, y: top, height };
+    }
+    /** Whether the tooltip takes its vertical position from the whole field rather than the caret's line. */
+    anchorsToField(anchor) {
+        const vertical = this.relativeToCaretVertical;
+        return vertical === 'field' || (vertical !== 'line' && anchor.tagName === 'INPUT');
+    }
+    /** Follows the caret for as long as the overlay is attached, outside the zone and at most once per attach. */
+    startTrackingCaret() {
+        if (this.stopCaretListeners || !this.relativeToCaret)
+            return;
+        const anchor = this.getCaretAnchor();
+        if (!anchor)
+            return;
+        this.ngZone.runOutsideAngular(() => {
+            this.stopCaretListeners = kbqListenForCaretMoves(this.renderer, anchor, () => this.repositionAtCaret());
+        });
+    }
+    stopTrackingCaret() {
+        this.stopCaretListeners?.();
+        this.stopCaretListeners = null;
+    }
+    /**
+     * Picks the placement again for where the caret is now. The position strategy is locked so that an element-anchored
+     * pop-up does not jump when its content changes, and a locked strategy only re-applies the placement chosen on
+     * opening; a caret walking to the edge of the screen has to be free to flip the tooltip, so the lock is lifted for
+     * this pass.
+     */
+    repositionAtCaret() {
+        if (!this.overlayRef)
+            return;
+        this.strategy.withLockedPosition(false);
+        this.overlayRef.updatePosition();
+        this.strategy.withLockedPosition(true);
     }
     /** @docs-private */
     applyRelativeToPointer() {
@@ -628,7 +1130,6 @@ class KbqTooltipTrigger extends KbqPopUpTrigger {
         }
         const triggerRects = this.getNativeElement().getBoundingClientRect();
         const point = { x: 0, y: 0 };
-        this.placementPriority = null;
         if (this.placement === PopUpPlacements.Top) {
             point.x = this.mouseEvent.x;
             point.y = triggerRects.y;
@@ -639,10 +1140,10 @@ class KbqTooltipTrigger extends KbqPopUpTrigger {
         }
         this.strategy.setOrigin(point);
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: KbqTooltipTrigger, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.30", 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 }, hideWithTimeout: { classPropertyName: "hideWithTimeout", publicName: "hideWithTimeout", isSignal: false, isRequired: false, transformFunction: booleanAttribute }, tooltipVisible: { classPropertyName: "tooltipVisible", publicName: "kbqVisible", isSignal: false, isRequired: false, transformFunction: null }, tooltipPlacement: { classPropertyName: "tooltipPlacement", publicName: "kbqPlacement", isSignal: false, isRequired: false, transformFunction: null }, relativeToPointer: { classPropertyName: "relativeToPointer", publicName: "kbqRelativeToPointer", isSignal: false, isRequired: false, transformFunction: booleanAttribute }, tooltipPlacementPriority: { classPropertyName: "tooltipPlacementPriority", publicName: "kbqPlacementPriority", isSignal: false, isRequired: false, transformFunction: null }, content: { classPropertyName: "content", publicName: "kbqTooltip", isSignal: false, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "kbqTooltipDisabled", isSignal: false, isRequired: false, transformFunction: null }, enterDelay: { classPropertyName: "enterDelay", publicName: "kbqEnterDelay", isSignal: false, isRequired: false, transformFunction: null }, leaveDelay: { classPropertyName: "leaveDelay", publicName: "kbqLeaveDelay", isSignal: false, isRequired: false, transformFunction: null }, trigger: { classPropertyName: "trigger", publicName: "kbqTrigger", isSignal: false, isRequired: false, transformFunction: null }, customClass: { classPropertyName: "customClass", publicName: "kbqTooltipClass", isSignal: false, isRequired: false, transformFunction: null }, context: { classPropertyName: "context", publicName: "kbqTooltipContext", isSignal: false, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "kbqTooltipColor", isSignal: false, isRequired: false, transformFunction: null }, arrow: { classPropertyName: "arrow", publicName: "kbqTooltipArrow", isSignal: false, isRequired: false, transformFunction: booleanAttribute }, offset: { classPropertyName: "offset", publicName: "kbqTooltipOffset", isSignal: false, isRequired: false, transformFunction: numberAttribute }, modifier: { classPropertyName: "modifier", publicName: "kbqTooltipModifier", isSignal: false, isRequired: false, transformFunction: null }, header: { classPropertyName: "header", publicName: "kbqTooltipHeader", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { placementChange: "kbqPlacementChange", visibleChange: "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.ɵ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 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: KbqTooltipTrigger, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: KbqTooltipTrigger, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kbqTooltip]',
@@ -654,81 +1155,23 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.30", 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 }] }], hideWithTimeout: [{
-                type: Input,
-                args: [{ transform: booleanAttribute }]
-            }], tooltipVisible: [{
-                type: Input,
-                args: ['kbqVisible']
-            }], tooltipPlacement: [{
-                type: Input,
-                args: ['kbqPlacement']
-            }], relativeToPointer: [{
-                type: Input,
-                args: [{ alias: 'kbqRelativeToPointer', transform: booleanAttribute }]
-            }], tooltipPlacementPriority: [{
-                type: Input,
-                args: ['kbqPlacementPriority']
-            }], content: [{
-                type: Input,
-                args: ['kbqTooltip']
-            }], disabled: [{
-                type: Input,
-                args: ['kbqTooltipDisabled']
-            }], enterDelay: [{
-                type: Input,
-                args: ['kbqEnterDelay']
-            }], leaveDelay: [{
-                type: Input,
-                args: ['kbqLeaveDelay']
-            }], trigger: [{
-                type: Input,
-                args: ['kbqTrigger']
-            }], customClass: [{
-                type: Input,
-                args: ['kbqTooltipClass']
-            }], context: [{
-                type: Input,
-                args: ['kbqTooltipContext']
-            }], color: [{
-                type: Input,
-                args: ['kbqTooltipColor']
-            }], arrow: [{
-                type: Input,
-                args: [{ alias: 'kbqTooltipArrow', transform: booleanAttribute }]
-            }], offset: [{
-                type: Input,
-                args: [{ alias: 'kbqTooltipOffset', transform: numberAttribute }]
-            }], placementChange: [{
-                type: Output,
-                args: ['kbqPlacementChange']
-            }], visibleChange: [{
-                type: Output,
-                args: ['kbqVisibleChange']
-            }], modifier: [{
-                type: Input,
-                args: ['kbqTooltipModifier']
-            }], header: [{
-                type: Input,
-                args: ['kbqTooltipHeader']
-            }] } });
+        }], 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 }] }] } });
 
 const COMPONENTS = [
     KbqTooltipComponent,
     KbqTooltipTrigger
 ];
 class KbqToolTipModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: KbqToolTipModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.30", ngImport: i0, type: KbqToolTipModule, imports: [KbqTooltipComponent,
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: KbqToolTipModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.25", ngImport: i0, type: KbqToolTipModule, imports: [KbqTooltipComponent,
             KbqTooltipTrigger], exports: [KbqTooltipComponent,
             KbqTooltipTrigger] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: KbqToolTipModule, providers: [KBQ_TOOLTIP_OPEN_TIME_PROVIDER] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: KbqToolTipModule }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: KbqToolTipModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: KbqToolTipModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: COMPONENTS,
-                    providers: [KBQ_TOOLTIP_OPEN_TIME_PROVIDER],
                     exports: COMPONENTS
                 }]
         }] });
@@ -737,5 +1180,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.30", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { 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, KbqTooltipRegistry, KbqTooltipTrigger, MIN_TIME_FOR_DELAY, TooltipModifier, kbqTooltipScrollStrategyFactory };
+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 };
 //# sourceMappingURL=koobiq-components-tooltip.mjs.map