@koobiq/components 20.4.1 → 21.0.0

package/fesm2022/koobiq-components-title.mjs

@@ -1,15 +1,16 @@
 import { ContentObserver } from '@angular/cdk/observers';
+import { SharedResizeObserver } from '@angular/cdk/observers/private';
 import * as i0 from '@angular/core';
-import { inject, input, ContentChild, ContentChildren, Directive, NgModule } from '@angular/core';
-import { KBQ_TITLE_TEXT_REF, kbqInjectNativeElement, KBQ_WINDOW, PopUpTriggers, PopUpPlacements } from '@koobiq/components/core';
+import { inject, input, contentChildren, ElementRef, contentChild, Directive, NgModule } from '@angular/core';
+import { toObservable, takeUntilDestroyed } from '@angular/core/rxjs-interop';
+import { PopUpTriggers, KBQ_TITLE_TEXT_REF, kbqInjectNativeElement, KBQ_WINDOW, PopUpPlacements } from '@koobiq/components/core';
 import { KbqTooltipTrigger, KbqToolTipModule } from '@koobiq/components/tooltip';
-import { Subject, Subscription, throttleTime } from 'rxjs';
-import { debounceTime } from 'rxjs/operators';
+import { skip, debounceTime, filter, throttleTime } from 'rxjs';
 
 /**
  * Shows a tooltip with the full text of the host element, but only when that text is truncated —
  * i.e. it overflows horizontally, or vertically when clamped to several lines. The tooltip opens on
- * hover and on keyboard focus, and hides on blur, mouse leave, or window resize.
+ * hover and on keyboard focus, and hides on blur, mouse leave, or a resize of the measured container.
  *
  * By default, the tooltip content is the trimmed `textContent` of the host. Provide explicit content
  * with `[kbq-title]="stringOrTemplateRef"`. For nested markup, mark the measured container with the
@@ -21,42 +22,19 @@ import { debounceTime } from 'rxjs/operators';
  * elements automatically, so the directive works without explicit template references.
  */
 class KbqTitleDirective extends KbqTooltipTrigger {
-    constructor() {
-        super(...arguments);
-        /** Optional host component that exposes the measured text/parent elements via `KBQ_TITLE_TEXT_REF`. */
-        this.componentInstance = inject(KBQ_TITLE_TEXT_REF, { host: true, optional: true });
-        /** Host native element the directive is attached to. */
-        this.nativeElement = kbqInjectNativeElement();
-        /** SSR-safe window reference used for `getComputedStyle` reads. */
-        this.window = inject(KBQ_WINDOW);
-        /** Observes host content mutations to re-evaluate overflow and refresh the resolved tooltip content. */
-        this.contentObserver = inject(ContentObserver);
-        /**
-         * Optional explicit tooltip content. Accepts a `TemplateRef` (rendered as rich tooltip content) or a string.
-         * When omitted (a bare `kbq-title` attribute resolves to an empty string), the directive falls back to the
-         * trimmed `textContent` of the host (`viewValue`), preserving the default behavior.
-         */
-        this.titleContent = input('', ...(ngDevMode ? [{ debugName: "titleContent", alias: 'kbq-title' }] : [{ alias: 'kbq-title' }]));
-        /** Emits `window:resize` events; subscribed to re-evaluate overflow after the viewport changes.
-         * @docs-private */
-        this.resizeStream = new Subject();
-        /** Debounce/throttle interval (ms) applied to the resize and content-observer streams. */
-        this.debounceInterval = 100;
-        /** Subscription to `resizeStream`, torn down in `ngOnDestroy`. */
-        this.resizeSubscription = Subscription.EMPTY;
-        /** Subscription to the content observer, torn down in `ngOnDestroy`. */
-        this.contentObserverSubscription = Subscription.EMPTY;
-        /** Subscription to the focus monitor, torn down in `ngOnDestroy`. */
-        this.focusMonitorSubscription = Subscription.EMPTY;
-    }
-    // todo need rename kbqTrigger in popover, tooltip and title. Here workaround for kbq-title and popover on one button
+    /**
+     * `kbqTrigger` is a single input alias shared by the tooltip, the popover and this directive, so a host
+     * carrying both `kbq-title` and `kbqPopover` feeds one value to both. The title tooltip ignores it and
+     * always behaves as hover + keyboard focus; the setter exists only so such a host keeps working.
+     *
+     * Unifying the alias family is a breaking change owned by the pop-up base, not a title-local fix.
+     */
     set trigger(value) {
         super.trigger = value;
     }
     /**
      * The pop-up trigger. Always reports `PopUpTriggers.Hover`, so the title tooltip reacts to hover and
-     * keyboard focus regardless of the assigned value. The setter is kept only as a no-op workaround so a
-     * host that also uses a popover can assign a trigger without breaking `kbq-title`.
+     * keyboard focus regardless of the assigned value.
      */
     get trigger() {
         return PopUpTriggers.Hover;
@@ -68,102 +46,118 @@ class KbqTitleDirective extends KbqTooltipTrigger {
      * them clips its own content.
      */
     get isOverflown() {
-        const children = this.childElements;
-        /** Multiple text elements (e.g. filter-bar pipe with a name and a value): overflown if any of them overflows. */
-        if (children.length > 1) {
-            return children.some((element) => this.parent?.offsetWidth < element.scrollWidth ||
-                this.parent?.offsetHeight < element.scrollHeight ||
-                this.isClippedInOwnBox(element));
-        }
-        /** For special cases where the difference is a fraction of a pixel */
-        if (!this.isVerticalOverflown &&
-            (this.child.scrollWidth === 0 || this.parent?.offsetWidth === this.child.scrollWidth)) {
-            if (this.hasOnlyText) {
-                const wrapper = this.renderer.createElement('span');
-                wrapper.innerText = this.child.innerText;
-                this.parent.appendChild(wrapper);
-                const result = this.isWidthOverflown(this.parent.getBoundingClientRect().width, wrapper.getBoundingClientRect().width);
-                wrapper.remove();
-                return result;
-            }
-            return this.isWidthOverflown(this.parent.getBoundingClientRect().width, this.child.getBoundingClientRect().width);
-        }
-        return this.isHorizontalOverflown || this.isVerticalOverflown;
-    }
-    /** Whether the text is clipped horizontally: the parent `offsetWidth` is smaller than the child `scrollWidth`. */
-    get isHorizontalOverflown() {
-        return this.parent?.offsetWidth < this.child.scrollWidth;
-    }
-    /** Whether the text is clipped vertically: the parent `offsetHeight` is smaller than the child `scrollHeight`. */
-    get isVerticalOverflown() {
-        return this.parent?.offsetHeight < this.child.scrollHeight;
-    }
-    /**
-     * Compares measured widths, treating only *visible* clipping as overflow. With `text-overflow: ellipsis`
-     * any positive difference counts (even a sub-pixel overflow shows `…`). With `text-overflow: clip` the
-     * widths are rounded to whole CSS pixels first — mirroring the integer `offsetWidth`/`scrollWidth` path —
-     * so an imperceptible sub-pixel clip is not treated as truncation.
-     * @docs-private */
-    isWidthOverflown(parentWidth, childWidth) {
-        return this.hasEllipsis ? parentWidth < childWidth : Math.round(parentWidth) < Math.round(childWidth);
+        const elements = this.childElements;
+        return elements.some((element) => this.isElementOverflown(element) || (elements.length > 1 && this.isClippedInOwnBox(element)));
     }
     /** Trimmed `textContent` of the measured parent, used as the default tooltip content. */
     get viewValue() {
-        return (this.parent?.textContent || '').trim();
+        return (this.parent.textContent || '').trim();
     }
     /**
      * Measured container element. Resolved as the projected `#kbqTitleContainer`, otherwise the
-     * `KBQ_TITLE_TEXT_REF` host's `parentTextElement`, otherwise the host element itself.
-     * @docs-private */
+     * `KBQ_TITLE_TEXT_REF` host's `parentTextElement`, otherwise the host element itself. Never falsy.
+     *
+     * @docs-private
+     */
     get parent() {
-        return (this.parentContainer?.nativeElement ||
+        return (this.parentContainer()?.nativeElement ||
             this.componentInstance?.parentTextElement?.nativeElement ||
             this.elementRef.nativeElement);
     }
-    /** First effective text element used for overflow detection (the first entry of `childElements`).
-     * @docs-private */
-    get child() {
-        return this.childElements[0];
-    }
-    /** Whether the host element contains exactly one child node and that node is a text node. */
+    /**
+     * Whether the host element contains exactly one child node and that node is a text node.
+     */
     get hasOnlyText() {
         return (this.nativeElement.childNodes.length === 1 && this.nativeElement.childNodes[0].nodeType === Node.TEXT_NODE);
     }
-    /**
-     * Whether the measured text truncates with an ellipsis on either the child text element or its
-     * wrapping container. Only then is a sub-pixel overflow actually visible (the trailing glyph is
-     * replaced by `…`); with the default `text-overflow: clip` a sub-pixel clip is imperceptible, so
-     * it must not be reported as truncation. Both elements are checked because `text-overflow` is not
-     * inherited and consumers place it differently: `KbqOption`/`KbqDropdownItem` style the measured
-     * `child`, whereas `KbqTreeOption` styles the `parent` container that wraps the child.
-     * @docs-private */
-    get hasEllipsis() {
-        return this.elementHasEllipsis(this.child) || this.elementHasEllipsis(this.parent);
-    }
-    /** Whether the element's computed `text-overflow` renders an ellipsis.
-     * @docs-private */
-    elementHasEllipsis(element) {
-        return this.window.getComputedStyle(element).textOverflow.includes('ellipsis');
-    }
     /**
      * Effective text elements used for overflow detection. Resolves to the projected `#kbqTitleText` elements,
      * otherwise falls back to the `KbqTitleTextRef` host's `textElement`, otherwise to the host element itself.
      * Always contains at least one element.
-     * @docs-private */
+     */
     get childElements() {
-        if (this.childContainer?.length) {
-            return this.childContainer.map(({ nativeElement }) => nativeElement);
+        const projected = this.childContainer();
+        if (projected.length) {
+            return projected.map(({ nativeElement }) => nativeElement);
         }
         return [this.componentInstance?.textElement?.nativeElement ?? this.elementRef.nativeElement];
     }
-    /** Resolved tooltip content: the explicit `titleContent` input when provided, otherwise the host text.
-     * @docs-private */
+    /**
+     * Resolved tooltip content: the explicit `titleContent` input when provided, otherwise the host text.
+     */
     get resolvedContent() {
         return this.titleContent() || this.viewValue;
     }
+    /**
+     * Whether the pointer or the keyboard focus is on the host: the only time the overflow verdict is read. The two
+     * are tracked apart — `hovered` comes from the pop-up base, which binds it to the same `mouseenter`/`mouseleave`
+     * — because a click on a hovered host reports a mouse focus origin that hides the tooltip while the pointer stays
+     * where it was.
+     */
+    get entered() {
+        return this.hovered() || this.keyboardFocused;
+    }
+    constructor() {
+        super();
+        /** Optional host component that exposes the measured text/parent elements via `KBQ_TITLE_TEXT_REF`. */
+        this.componentInstance = inject(KBQ_TITLE_TEXT_REF, { host: true, optional: true });
+        /** Host native element the directive is attached to. */
+        this.nativeElement = kbqInjectNativeElement();
+        /** SSR-safe window reference used for `getComputedStyle` reads. */
+        this.window = inject(KBQ_WINDOW);
+        /** Observes host content mutations to re-evaluate overflow and refresh the resolved tooltip content. */
+        this.contentObserver = inject(ContentObserver);
+        /**
+         * Application-wide `ResizeObserver` shared by every consumer. One directive instance therefore adds no
+         * listener of its own — which matters because `kbq-title` sits on every dropdown item, list option and
+         * tree option — and, unlike a `window:resize` listener, it also reacts to container-only resizes
+         * (splitter drag, sidebar collapse) that leave the window untouched.
+         */
+        this.resizeObserver = inject(SharedResizeObserver);
+        /**
+         * Optional explicit tooltip content. Accepts a `TemplateRef` (rendered as rich tooltip content) or a string.
+         * When omitted (a bare `kbq-title` attribute resolves to an empty string), the directive falls back to the
+         * trimmed `textContent` of the host (`viewValue`), preserving the default behavior.
+         */
+        this.titleContent = input('', { ...(ngDevMode ? { debugName: "titleContent" } : /* istanbul ignore next */ {}), alias: 'kbq-title' });
+        /**
+         * Overrides the tooltip's hoverable default, as `KbqOptionTooltip` does. The hint spells out text that
+         * the host had to truncate, so it floats over the neighbouring content — and a pointer-capturing pane
+         * would swallow the clicks meant for it.
+         */
+        this.ignoreTooltipPointerEvents = input(true, ...(ngDevMode ? [{ debugName: "ignoreTooltipPointerEvents" }] : /* istanbul ignore next */ []));
+        /**
+         * The hint repeats text the host had to clip, so `kbqTooltipDisabled="false"` cannot conjure one for a
+         * fully visible title.
+         *
+         * @docs-private
+         */
+        this.derivedDisabledWins = true;
+        /** Debounce/throttle interval (ms) applied to the resize and content-observer streams. */
+        this.debounceInterval = 100;
+        /** Whether the host holds the keyboard focus, as the focus monitor reports it. */
+        this.keyboardFocused = false;
+        /** Projected text elements marked with the `#kbqTitleText` template reference. */
+        this.childContainer = contentChildren('kbqTitleText', { ...(ngDevMode ? { debugName: "childContainer" } : /* istanbul ignore next */ {}), descendants: true,
+            read: ElementRef });
+        /** Projected container element marked with the `#kbqTitleContainer` template reference. */
+        this.parentContainer = contentChild('kbqTitleContainer', { ...(ngDevMode ? { debugName: "parentContainer" } : /* istanbul ignore next */ {}), read: ElementRef });
+        // The input is otherwise read only on hover and on host mutations, neither of which a programmatic
+        // rebind triggers: without this, changing `[kbq-title]` while the tooltip is open leaves the overlay
+        // showing the previous text, and `disabled` keeps the verdict computed for the old content. Measured
+        // here whether or not the host is entered, unlike the observer streams below: a rebind is the
+        // consumer's own doing, one host at a time, and `disabled` is public. The initial value is skipped —
+        // `ngAfterViewInit` seeds the content once the queries are resolved.
+        toObservable(this.titleContent)
+            .pipe(skip(1), takeUntilDestroyed())
+            .subscribe(() => {
+            this.content = this.resolvedContent;
+            this.setDerivedDisabled(!this.isOverflown);
+        });
+    }
     /**
      * Sets the initial tooltip content and wires the streams that toggle the tooltip's `disabled` state:
-     * window resize and content mutations re-evaluate overflow, and keyboard focus opens the tooltip
+     * container resizes and content mutations re-evaluate overflow, and keyboard focus opens the tooltip
      * while other focus origins hide it.
      */
     ngAfterViewInit() {
@@ -179,75 +173,165 @@ class KbqTitleDirective extends KbqTooltipTrigger {
                 PopUpPlacements.Left
             ];
         }
-        this.resizeSubscription = this.resizeStream
-            .pipe(debounceTime(this.debounceInterval))
-            .subscribe(() => (this.disabled = !this.isOverflown));
-        this.contentObserverSubscription = this.contentObserver
+        // Measured only while the host is entered: nothing reads the verdict before `handleElementEnter` measures
+        // afresh, and `hideTooltip` disables the tooltip on leave. The gate is re-checked when the timer fires, since
+        // the pointer may have left in between and the verdict would otherwise re-enable a tooltip the leave had just
+        // disabled. A measurement appends a probe span to the container and reads it back, so each one forces a layout
+        // of the whole page — see `docs/e2e-flakiness.md` for what that costs on a page of hundreds of titled hosts.
+        this.resizeObserver
+            .observe(this.parent)
+            .pipe(debounceTime(this.debounceInterval), filter(() => this.entered), takeUntilDestroyed(this.destroyRef))
+            .subscribe(() => this.setDerivedDisabled(!this.isOverflown));
+        this.contentObserver
             .observe(this.parent)
-            .pipe(throttleTime(this.debounceInterval))
+            .pipe(throttleTime(this.debounceInterval), filter(() => this.entered), takeUntilDestroyed(this.destroyRef))
             .subscribe(() => {
-            this.disabled = !this.isOverflown;
+            this.setDerivedDisabled(!this.isOverflown);
             this.content = this.resolvedContent;
         });
-        this.focusMonitorSubscription = this.focusMonitor
+        this.focusMonitor
             .monitor(this.elementRef)
-            .subscribe((origin) => (origin === 'keyboard' ? this.handleElementEnter() : this.hideTooltip()));
-    }
-    /** Unsubscribes from the resize, content-observer and focus-monitor streams and stops focus monitoring. */
-    ngOnDestroy() {
-        super.ngOnDestroy();
-        this.resizeSubscription.unsubscribe();
-        this.contentObserverSubscription.unsubscribe();
-        this.focusMonitorSubscription.unsubscribe();
-        this.focusMonitor.stopMonitoring(this.elementRef);
+            .pipe(takeUntilDestroyed(this.destroyRef))
+            .subscribe((origin) => {
+            if (origin === 'keyboard') {
+                this.keyboardFocused = true;
+                this.handleElementEnter();
+                // `handleElementEnter()` only re-enables the tooltip. Without an explicit `show()` a
+                // keyboard user gets nothing: the trigger is locked to hover, so the base class binds no
+                // focus listener that would open it.
+                this.show();
+                return;
+            }
+            if (origin === null) {
+                // Stands in for the `blur` listener the base class never binds here: it binds one only for
+                // a focus trigger, and this directive reports hover unconditionally. `KbqTooltipTrigger`
+                // releases a tooltip muted by a pop-up on the same host on `mouseleave` or `blur` alone, so
+                // without this a keyboard-only user who once opened that pop-up would never see the title
+                // again — `show()` keeps returning early on the still-muted tooltip.
+                this.triggerName = 'blur';
+            }
+            this.keyboardFocused = false;
+            // Disabling hides an open tooltip on the way through `setDerivedDisabled`.
+            this.hideTooltip();
+        });
     }
-    /** Enables the tooltip only when the content is overflown. Bound to `mouseenter` and keyboard focus.
-     * @docs-private */
+    /**
+     * Enables the tooltip only when the content is overflown. Bound to `mouseenter` and keyboard focus.
+     *
+     * @docs-private
+     */
     handleElementEnter() {
         this.content = this.resolvedContent;
-        this.disabled = !this.isOverflown;
+        this.setDerivedDisabled(!this.isOverflown);
     }
-    /** Always disables (hides) the tooltip. Bound to `mouseleave` and non-keyboard focus changes.
-     * @docs-private */
+    /**
+     * Always disables (hides) the tooltip. Bound to `mouseleave` and non-keyboard focus changes.
+     *
+     * @docs-private
+     */
     hideTooltip() {
-        this.disabled = true;
+        this.setDerivedDisabled(true);
+    }
+    /**
+     * Whether a single measured text element is clipped by the parent container. Both the single- and the
+     * multi-element host go through this method, so a filter-bar pipe or a two-line list option gets the same
+     * sub-pixel and ellipsis awareness as a plain text host.
+     */
+    isElementOverflown(element) {
+        if (!element) {
+            return false;
+        }
+        const { offsetWidth, offsetHeight } = this.parent;
+        const isVerticalOverflown = offsetHeight < element.scrollHeight;
+        /** For special cases where the difference is a fraction of a pixel */
+        if (!isVerticalOverflown && (element.scrollWidth === 0 || offsetWidth === element.scrollWidth)) {
+            if (this.hasOnlyText) {
+                return this.isTextWiderThanContainer(element);
+            }
+            return this.isWidthOverflown(this.parent.getBoundingClientRect().width, element.getBoundingClientRect().width, element);
+        }
+        return offsetWidth < element.scrollWidth || isVerticalOverflown;
     }
     /**
      * Whether a text element is narrower than its own text. Text elements that share the parent can take width
      * from each other, so one is clipped while its full text would still fit the parent — which the parent
      * comparison above cannot see. An inline element reports a zero `clientWidth` and never clips.
-     * @docs-private */
+     */
     isClippedInOwnBox(element) {
         return element.clientWidth > 0 && element.scrollWidth > element.clientWidth;
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: KbqTitleDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.30", type: KbqTitleDirective, isStandalone: true, selector: "[kbq-title]", inputs: { titleContent: { classPropertyName: "titleContent", publicName: "kbq-title", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "mouseenter": "handleElementEnter()", "mouseleave": "hideTooltip()", "window:resize": "resizeStream.next($event)" } }, queries: [{ propertyName: "parentContainer", first: true, predicate: ["kbqTitleContainer"], descendants: true }, { propertyName: "childContainer", predicate: ["kbqTitleText"], descendants: true }], exportAs: ["kbqTitle"], usesInheritance: true, ngImport: i0 }); }
+    /**
+     * Compares the container against the width the text occupies when nothing clips it: a probe span
+     * carrying the same text is appended to the container, both are measured, and the probe is removed
+     * again. `finally` guarantees the probe never outlives the measurement — a throw between the append and
+     * the read (e.g. a layout call on a detached tree) would otherwise strand it in the consumer's DOM.
+     *
+     * The container is measured while the probe is attached, as it has been since the sub-pixel path was
+     * introduced: a shrink-to-fit container stretched by the probe must not be reported as clipping it.
+     */
+    isTextWiderThanContainer(element) {
+        const wrapper = this.renderer.createElement('span');
+        wrapper.innerText = element.innerText;
+        this.parent.appendChild(wrapper);
+        try {
+            return this.isWidthOverflown(this.parent.getBoundingClientRect().width, wrapper.getBoundingClientRect().width, element);
+        }
+        finally {
+            wrapper.remove();
+        }
+    }
+    /**
+     * Compares measured widths, treating only *visible* clipping as overflow. With `text-overflow: ellipsis`
+     * any positive difference counts (even a sub-pixel overflow shows `…`). With `text-overflow: clip` the
+     * widths are rounded to whole CSS pixels first — mirroring the integer `offsetWidth`/`scrollWidth` path —
+     * so an imperceptible sub-pixel clip is not treated as truncation.
+     */
+    isWidthOverflown(parentWidth, childWidth, element) {
+        return this.hasEllipsis(element) ? parentWidth < childWidth : Math.round(parentWidth) < Math.round(childWidth);
+    }
+    /**
+     * Whether the measured text truncates with an ellipsis on either the text element or its wrapping
+     * container. Only then is a sub-pixel overflow actually visible (the trailing glyph is replaced by `…`);
+     * with the default `text-overflow: clip` a sub-pixel clip is imperceptible, so it must not be reported as
+     * truncation. Both elements are checked because `text-overflow` is not inherited and consumers place it
+     * differently: `KbqOption`/`KbqDropdownItem` style the measured text element, whereas `KbqTreeOption`
+     * styles the parent container that wraps it.
+     */
+    hasEllipsis(element) {
+        return this.elementHasEllipsis(element) || this.elementHasEllipsis(this.parent);
+    }
+    /**
+     * Whether the element's computed `text-overflow` renders an ellipsis.
+     */
+    elementHasEllipsis(element) {
+        return this.window.getComputedStyle(element).textOverflow.includes('ellipsis');
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: KbqTitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "21.2.25", type: KbqTitleDirective, isStandalone: true, selector: "[kbq-title]", inputs: { titleContent: { classPropertyName: "titleContent", publicName: "kbq-title", isSignal: true, isRequired: false, transformFunction: null }, ignoreTooltipPointerEvents: { classPropertyName: "ignoreTooltipPointerEvents", publicName: "ignoreTooltipPointerEvents", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "mouseenter": "handleElementEnter()", "mouseleave": "hideTooltip()" } }, queries: [{ propertyName: "childContainer", predicate: ["kbqTitleText"], descendants: true, read: ElementRef, isSignal: true }, { propertyName: "parentContainer", first: true, predicate: ["kbqTitleContainer"], descendants: true, read: ElementRef, isSignal: true }], exportAs: ["kbqTitle"], usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: KbqTitleDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: KbqTitleDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kbq-title]',
                     host: {
                         '(mouseenter)': 'handleElementEnter()',
-                        '(mouseleave)': 'hideTooltip()',
-                        '(window:resize)': 'resizeStream.next($event)'
+                        '(mouseleave)': 'hideTooltip()'
                     },
                     exportAs: 'kbqTitle'
                 }]
-        }], propDecorators: { titleContent: [{ type: i0.Input, args: [{ isSignal: true, alias: "kbq-title", required: false }] }], childContainer: [{
-                type: ContentChildren,
-                args: ['kbqTitleText', { descendants: true }]
-            }], parentContainer: [{
-                type: ContentChild,
-                args: ['kbqTitleContainer']
-            }] } });
+        }], ctorParameters: () => [], propDecorators: { titleContent: [{ type: i0.Input, args: [{ isSignal: true, alias: "kbq-title", required: false }] }], ignoreTooltipPointerEvents: [{ type: i0.Input, args: [{ isSignal: true, alias: "ignoreTooltipPointerEvents", required: false }] }], childContainer: [{ type: i0.ContentChildren, args: ['kbqTitleText', { ...{
+                            descendants: true,
+                            read: ElementRef
+                        }, isSignal: true }] }], parentContainer: [{ type: i0.ContentChild, args: ['kbqTitleContainer', { ...{
+                            read: ElementRef
+                        }, isSignal: true }] }] } });
 
 class KbqTitleModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: KbqTitleModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.30", ngImport: i0, type: KbqTitleModule, imports: [KbqToolTipModule, KbqTitleDirective], exports: [KbqTitleDirective] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: KbqTitleModule, imports: [KbqToolTipModule] }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: KbqTitleModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.25", ngImport: i0, type: KbqTitleModule, imports: [KbqToolTipModule, KbqTitleDirective], exports: [KbqTitleDirective] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: KbqTitleModule, imports: [KbqToolTipModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: KbqTitleModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: KbqTitleModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [KbqToolTipModule, KbqTitleDirective],

package/fesm2022/koobiq-components-title.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"koobiq-components-title.mjs","sources":["../../../packages/components/title/title.directive.ts","../../../packages/components/title/title.module.ts","../../../packages/components/title/koobiq-components-title.ts"],"sourcesContent":["import { ContentObserver } from '@angular/cdk/observers';\nimport {\n    AfterViewInit,\n    ContentChild,\n    ContentChildren,\n    Directive,\n    ElementRef,\n    inject,\n    input,\n    OnDestroy,\n    QueryList,\n    TemplateRef\n} from '@angular/core';\nimport {\n    KBQ_TITLE_TEXT_REF,\n    KBQ_WINDOW,\n    kbqInjectNativeElement,\n    KbqTitleTextRef,\n    PopUpPlacements,\n    PopUpTriggers\n} from '@koobiq/components/core';\nimport { KbqTooltipTrigger } from '@koobiq/components/tooltip';\nimport { Subject, Subscription, throttleTime } from 'rxjs';\nimport { debounceTime } from 'rxjs/operators';\n\n/**\n * Shows a tooltip with the full text of the host element, but only when that text is truncated —\n * i.e. it overflows horizontally, or vertically when clamped to several lines. The tooltip opens on\n * hover and on keyboard focus, and hides on blur, mouse leave, or window resize.\n *\n * By default, the tooltip content is the trimmed `textContent` of the host. Provide explicit content\n * with `[kbq-title]=\"stringOrTemplateRef\"`. For nested markup, mark the measured container with the\n * `#kbqTitleContainer` template reference and the text element(s) with `#kbqTitleText`; several\n * `#kbqTitleText` elements are supported and the tooltip is shown when any of them overflows the container\n * or is clipped by its siblings.\n *\n * Host components that provide `KBQ_TITLE_TEXT_REF` (e.g. `KbqOption`) supply the text and parent\n * elements automatically, so the directive works without explicit template references.\n */\n@Directive({\n    selector: '[kbq-title]',\n    host: {\n        '(mouseenter)': 'handleElementEnter()',\n        '(mouseleave)': 'hideTooltip()',\n        '(window:resize)': 'resizeStream.next($event)'\n    },\n    exportAs: 'kbqTitle'\n})\nexport class KbqTitleDirective extends KbqTooltipTrigger implements AfterViewInit, OnDestroy {\n    /** Optional host component that exposes the measured text/parent elements via `KBQ_TITLE_TEXT_REF`. */\n    private componentInstance = inject<KbqTitleTextRef>(KBQ_TITLE_TEXT_REF, { host: true, optional: true });\n\n    /** Host native element the directive is attached to. */\n    private readonly nativeElement = kbqInjectNativeElement();\n\n    /** SSR-safe window reference used for `getComputedStyle` reads. */\n    private readonly window = inject(KBQ_WINDOW);\n\n    /** Observes host content mutations to re-evaluate overflow and refresh the resolved tooltip content. */\n    private contentObserver = inject(ContentObserver);\n\n    /**\n     * Optional explicit tooltip content. Accepts a `TemplateRef` (rendered as rich tooltip content) or a string.\n     * When omitted (a bare `kbq-title` attribute resolves to an empty string), the directive falls back to the\n     * trimmed `textContent` of the host (`viewValue`), preserving the default behavior.\n     */\n    readonly titleContent = input<TemplateRef<any> | string>('', { alias: 'kbq-title' });\n\n    // todo need rename kbqTrigger in popover, tooltip and title. Here workaround for kbq-title and popover on one button\n    set trigger(value: string) {\n        super.trigger = value;\n    }\n\n    /**\n     * The pop-up trigger. Always reports `PopUpTriggers.Hover`, so the title tooltip reacts to hover and\n     * keyboard focus regardless of the assigned value. The setter is kept only as a no-op workaround so a\n     * host that also uses a popover can assign a trigger without breaking `kbq-title`.\n     */\n    get trigger(): string {\n        return PopUpTriggers.Hover;\n    }\n\n    /**\n     * Whether the host content is clipped and therefore needs a tooltip. Returns `true` if any measured\n     * text element overflows the parent — covering multiple `#kbqTitleText` elements, the sub-pixel\n     * special case, and both horizontal and vertical overflow — or, with several text elements, if one of\n     * them clips its own content.\n     */\n    get isOverflown(): boolean {\n        const children = this.childElements;\n\n        /** Multiple text elements (e.g. filter-bar pipe with a name and a value): overflown if any of them overflows. */\n        if (children.length > 1) {\n            return children.some(\n                (element) =>\n                    this.parent?.offsetWidth < element.scrollWidth ||\n                    this.parent?.offsetHeight < element.scrollHeight ||\n                    this.isClippedInOwnBox(element)\n            );\n        }\n\n        /** For special cases where the difference is a fraction of a pixel */\n        if (\n            !this.isVerticalOverflown &&\n            (this.child.scrollWidth === 0 || this.parent?.offsetWidth === this.child.scrollWidth)\n        ) {\n            if (this.hasOnlyText) {\n                const wrapper = this.renderer.createElement('span');\n\n                wrapper.innerText = this.child.innerText;\n                this.parent.appendChild(wrapper);\n\n                const result = this.isWidthOverflown(\n                    this.parent.getBoundingClientRect().width,\n                    wrapper.getBoundingClientRect().width\n                );\n\n                wrapper.remove();\n\n                return result;\n            }\n\n            return this.isWidthOverflown(\n                this.parent.getBoundingClientRect().width,\n                this.child.getBoundingClientRect().width\n            );\n        }\n\n        return this.isHorizontalOverflown || this.isVerticalOverflown;\n    }\n\n    /** Whether the text is clipped horizontally: the parent `offsetWidth` is smaller than the child `scrollWidth`. */\n    get isHorizontalOverflown(): boolean {\n        return this.parent?.offsetWidth < this.child.scrollWidth;\n    }\n\n    /** Whether the text is clipped vertically: the parent `offsetHeight` is smaller than the child `scrollHeight`. */\n    get isVerticalOverflown(): boolean {\n        return this.parent?.offsetHeight < this.child.scrollHeight;\n    }\n\n    /**\n     * Compares measured widths, treating only *visible* clipping as overflow. With `text-overflow: ellipsis`\n     * any positive difference counts (even a sub-pixel overflow shows `…`). With `text-overflow: clip` the\n     * widths are rounded to whole CSS pixels first — mirroring the integer `offsetWidth`/`scrollWidth` path —\n     * so an imperceptible sub-pixel clip is not treated as truncation.\n     * @docs-private */\n    private isWidthOverflown(parentWidth: number, childWidth: number): boolean {\n        return this.hasEllipsis ? parentWidth < childWidth : Math.round(parentWidth) < Math.round(childWidth);\n    }\n\n    /** Trimmed `textContent` of the measured parent, used as the default tooltip content. */\n    get viewValue(): string {\n        return (this.parent?.textContent || '').trim();\n    }\n\n    /**\n     * Measured container element. Resolved as the projected `#kbqTitleContainer`, otherwise the\n     * `KBQ_TITLE_TEXT_REF` host's `parentTextElement`, otherwise the host element itself.\n     * @docs-private */\n    get parent(): HTMLElement {\n        return (\n            this.parentContainer?.nativeElement ||\n            this.componentInstance?.parentTextElement?.nativeElement ||\n            this.elementRef.nativeElement\n        );\n    }\n\n    /** First effective text element used for overflow detection (the first entry of `childElements`).\n     * @docs-private */\n    get child(): HTMLElement {\n        return this.childElements[0];\n    }\n\n    /** Whether the host element contains exactly one child node and that node is a text node. */\n    get hasOnlyText(): boolean {\n        return (\n            this.nativeElement.childNodes.length === 1 && this.nativeElement.childNodes[0].nodeType === Node.TEXT_NODE\n        );\n    }\n\n    /**\n     * Whether the measured text truncates with an ellipsis on either the child text element or its\n     * wrapping container. Only then is a sub-pixel overflow actually visible (the trailing glyph is\n     * replaced by `…`); with the default `text-overflow: clip` a sub-pixel clip is imperceptible, so\n     * it must not be reported as truncation. Both elements are checked because `text-overflow` is not\n     * inherited and consumers place it differently: `KbqOption`/`KbqDropdownItem` style the measured\n     * `child`, whereas `KbqTreeOption` styles the `parent` container that wraps the child.\n     * @docs-private */\n    private get hasEllipsis(): boolean {\n        return this.elementHasEllipsis(this.child) || this.elementHasEllipsis(this.parent);\n    }\n\n    /** Whether the element's computed `text-overflow` renders an ellipsis.\n     * @docs-private */\n    private elementHasEllipsis(element: HTMLElement): boolean {\n        return this.window.getComputedStyle(element).textOverflow.includes('ellipsis');\n    }\n\n    /**\n     * Effective text elements used for overflow detection. Resolves to the projected `#kbqTitleText` elements,\n     * otherwise falls back to the `KbqTitleTextRef` host's `textElement`, otherwise to the host element itself.\n     * Always contains at least one element.\n     * @docs-private */\n    private get childElements(): HTMLElement[] {\n        if (this.childContainer?.length) {\n            return this.childContainer.map(({ nativeElement }) => nativeElement);\n        }\n\n        return [this.componentInstance?.textElement?.nativeElement ?? this.elementRef.nativeElement];\n    }\n\n    /** Resolved tooltip content: the explicit `titleContent` input when provided, otherwise the host text.\n     * @docs-private */\n    private get resolvedContent(): string | TemplateRef<any> {\n        return this.titleContent() || this.viewValue;\n    }\n\n    /** Emits `window:resize` events; subscribed to re-evaluate overflow after the viewport changes.\n     * @docs-private */\n    readonly resizeStream = new Subject<Event>();\n\n    /** Debounce/throttle interval (ms) applied to the resize and content-observer streams. */\n    private readonly debounceInterval: number = 100;\n\n    /** Subscription to `resizeStream`, torn down in `ngOnDestroy`. */\n    private resizeSubscription = Subscription.EMPTY;\n    /** Subscription to the content observer, torn down in `ngOnDestroy`. */\n    private contentObserverSubscription = Subscription.EMPTY;\n    /** Subscription to the focus monitor, torn down in `ngOnDestroy`. */\n    private focusMonitorSubscription = Subscription.EMPTY;\n\n    /** Projected text elements marked with the `#kbqTitleText` template reference. */\n    @ContentChildren('kbqTitleText', { descendants: true })\n    private childContainer: QueryList<ElementRef>;\n\n    /** Projected container element marked with the `#kbqTitleContainer` template reference. */\n    @ContentChild('kbqTitleContainer')\n    private parentContainer: ElementRef;\n\n    /**\n     * Sets the initial tooltip content and wires the streams that toggle the tooltip's `disabled` state:\n     * window resize and content mutations re-evaluate overflow, and keyboard focus opens the tooltip\n     * while other focus origins hide it.\n     */\n    ngAfterViewInit() {\n        this.content = this.resolvedContent;\n\n        // Keep the title tooltip centered on the trigger: fall back only to center-aligned placements\n        // (top/bottom center horizontally; left/right center vertically), never to edge-anchored corner\n        // positions. Guarded so an explicit consumer `kbqPlacementPriority` or `kbqPlacement` is respected.\n        if (!this.placementPriority && this.placement === PopUpPlacements.Top) {\n            this.placementPriority = [\n                PopUpPlacements.Top,\n                PopUpPlacements.Bottom,\n                PopUpPlacements.Right,\n                PopUpPlacements.Left\n            ];\n        }\n\n        this.resizeSubscription = this.resizeStream\n            .pipe(debounceTime(this.debounceInterval))\n            .subscribe(() => (this.disabled = !this.isOverflown));\n\n        this.contentObserverSubscription = this.contentObserver\n            .observe(this.parent)\n            .pipe(throttleTime(this.debounceInterval))\n            .subscribe(() => {\n                this.disabled = !this.isOverflown;\n                this.content = this.resolvedContent;\n            });\n\n        this.focusMonitorSubscription = this.focusMonitor\n            .monitor(this.elementRef)\n            .subscribe((origin) => (origin === 'keyboard' ? this.handleElementEnter() : this.hideTooltip()));\n    }\n\n    /** Unsubscribes from the resize, content-observer and focus-monitor streams and stops focus monitoring. */\n    ngOnDestroy() {\n        super.ngOnDestroy();\n\n        this.resizeSubscription.unsubscribe();\n        this.contentObserverSubscription.unsubscribe();\n        this.focusMonitorSubscription.unsubscribe();\n        this.focusMonitor.stopMonitoring(this.elementRef);\n    }\n\n    /** Enables the tooltip only when the content is overflown. Bound to `mouseenter` and keyboard focus.\n     * @docs-private */\n    handleElementEnter() {\n        this.content = this.resolvedContent;\n        this.disabled = !this.isOverflown;\n    }\n\n    /** Always disables (hides) the tooltip. Bound to `mouseleave` and non-keyboard focus changes.\n     * @docs-private */\n    hideTooltip() {\n        this.disabled = true;\n    }\n\n    /**\n     * Whether a text element is narrower than its own text. Text elements that share the parent can take width\n     * from each other, so one is clipped while its full text would still fit the parent — which the parent\n     * comparison above cannot see. An inline element reports a zero `clientWidth` and never clips.\n     * @docs-private */\n    private isClippedInOwnBox(element: HTMLElement): boolean {\n        return element.clientWidth > 0 && element.scrollWidth > element.clientWidth;\n    }\n}\n","import { NgModule } from '@angular/core';\nimport { KbqToolTipModule } from '@koobiq/components/tooltip';\nimport { KbqTitleDirective } from './title.directive';\n\n@NgModule({\n    imports: [KbqToolTipModule, KbqTitleDirective],\n    exports: [KbqTitleDirective]\n})\nexport class KbqTitleModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"koobiq-components-title.mjs","sources":["../../../packages/components/title/title.directive.ts","../../../packages/components/title/title.module.ts","../../../packages/components/title/koobiq-components-title.ts"],"sourcesContent":["import { ContentObserver } from '@angular/cdk/observers';\nimport { SharedResizeObserver } from '@angular/cdk/observers/private';\nimport {\n    AfterViewInit,\n    contentChild,\n    contentChildren,\n    Directive,\n    ElementRef,\n    inject,\n    input,\n    Signal,\n    TemplateRef\n} from '@angular/core';\nimport { takeUntilDestroyed, toObservable } from '@angular/core/rxjs-interop';\nimport {\n    KBQ_TITLE_TEXT_REF,\n    KBQ_WINDOW,\n    kbqInjectNativeElement,\n    KbqTitleTextRef,\n    PopUpPlacements,\n    PopUpTriggers\n} from '@koobiq/components/core';\nimport { KbqTooltipTrigger } from '@koobiq/components/tooltip';\nimport { debounceTime, filter, skip, throttleTime } from 'rxjs';\n\n/**\n * Shows a tooltip with the full text of the host element, but only when that text is truncated —\n * i.e. it overflows horizontally, or vertically when clamped to several lines. The tooltip opens on\n * hover and on keyboard focus, and hides on blur, mouse leave, or a resize of the measured container.\n *\n * By default, the tooltip content is the trimmed `textContent` of the host. Provide explicit content\n * with `[kbq-title]=\"stringOrTemplateRef\"`. For nested markup, mark the measured container with the\n * `#kbqTitleContainer` template reference and the text element(s) with `#kbqTitleText`; several\n * `#kbqTitleText` elements are supported and the tooltip is shown when any of them overflows the container\n * or is clipped by its siblings.\n *\n * Host components that provide `KBQ_TITLE_TEXT_REF` (e.g. `KbqOption`) supply the text and parent\n * elements automatically, so the directive works without explicit template references.\n */\n@Directive({\n    selector: '[kbq-title]',\n    host: {\n        '(mouseenter)': 'handleElementEnter()',\n        '(mouseleave)': 'hideTooltip()'\n    },\n    exportAs: 'kbqTitle'\n})\nexport class KbqTitleDirective extends KbqTooltipTrigger implements AfterViewInit {\n    /** Optional host component that exposes the measured text/parent elements via `KBQ_TITLE_TEXT_REF`. */\n    private readonly componentInstance = inject<KbqTitleTextRef>(KBQ_TITLE_TEXT_REF, { host: true, optional: true });\n\n    /** Host native element the directive is attached to. */\n    private readonly nativeElement = kbqInjectNativeElement();\n\n    /** SSR-safe window reference used for `getComputedStyle` reads. */\n    private readonly window = inject(KBQ_WINDOW);\n\n    /** Observes host content mutations to re-evaluate overflow and refresh the resolved tooltip content. */\n    private readonly contentObserver = inject(ContentObserver);\n\n    /**\n     * Application-wide `ResizeObserver` shared by every consumer. One directive instance therefore adds no\n     * listener of its own — which matters because `kbq-title` sits on every dropdown item, list option and\n     * tree option — and, unlike a `window:resize` listener, it also reacts to container-only resizes\n     * (splitter drag, sidebar collapse) that leave the window untouched.\n     */\n    private readonly resizeObserver = inject(SharedResizeObserver);\n\n    /**\n     * Optional explicit tooltip content. Accepts a `TemplateRef` (rendered as rich tooltip content) or a string.\n     * When omitted (a bare `kbq-title` attribute resolves to an empty string), the directive falls back to the\n     * trimmed `textContent` of the host (`viewValue`), preserving the default behavior.\n     */\n    readonly titleContent = input<TemplateRef<unknown> | string>('', { alias: 'kbq-title' });\n\n    /**\n     * Overrides the tooltip's hoverable default, as `KbqOptionTooltip` does. The hint spells out text that\n     * the host had to truncate, so it floats over the neighbouring content — and a pointer-capturing pane\n     * would swallow the clicks meant for it.\n     */\n    readonly ignoreTooltipPointerEvents = input<boolean>(true);\n\n    /**\n     * The hint repeats text the host had to clip, so `kbqTooltipDisabled=\"false\"` cannot conjure one for a\n     * fully visible title.\n     *\n     * @docs-private\n     */\n    protected override readonly derivedDisabledWins = true;\n\n    /**\n     * `kbqTrigger` is a single input alias shared by the tooltip, the popover and this directive, so a host\n     * carrying both `kbq-title` and `kbqPopover` feeds one value to both. The title tooltip ignores it and\n     * always behaves as hover + keyboard focus; the setter exists only so such a host keeps working.\n     *\n     * Unifying the alias family is a breaking change owned by the pop-up base, not a title-local fix.\n     */\n    set trigger(value: string) {\n        super.trigger = value;\n    }\n\n    /**\n     * The pop-up trigger. Always reports `PopUpTriggers.Hover`, so the title tooltip reacts to hover and\n     * keyboard focus regardless of the assigned value.\n     */\n    get trigger(): string {\n        return PopUpTriggers.Hover;\n    }\n\n    /**\n     * Whether the host content is clipped and therefore needs a tooltip. Returns `true` if any measured\n     * text element overflows the parent — covering multiple `#kbqTitleText` elements, the sub-pixel\n     * special case, and both horizontal and vertical overflow — or, with several text elements, if one of\n     * them clips its own content.\n     */\n    get isOverflown(): boolean {\n        const elements = this.childElements;\n\n        return elements.some(\n            (element) => this.isElementOverflown(element) || (elements.length > 1 && this.isClippedInOwnBox(element))\n        );\n    }\n\n    /** Trimmed `textContent` of the measured parent, used as the default tooltip content. */\n    get viewValue(): string {\n        return (this.parent.textContent || '').trim();\n    }\n\n    /**\n     * Measured container element. Resolved as the projected `#kbqTitleContainer`, otherwise the\n     * `KBQ_TITLE_TEXT_REF` host's `parentTextElement`, otherwise the host element itself. Never falsy.\n     *\n     * @docs-private\n     */\n    protected get parent(): HTMLElement {\n        return (\n            this.parentContainer()?.nativeElement ||\n            this.componentInstance?.parentTextElement?.nativeElement ||\n            this.elementRef.nativeElement\n        );\n    }\n\n    /**\n     * Whether the host element contains exactly one child node and that node is a text node.\n     */\n    private get hasOnlyText(): boolean {\n        return (\n            this.nativeElement.childNodes.length === 1 && this.nativeElement.childNodes[0].nodeType === Node.TEXT_NODE\n        );\n    }\n\n    /**\n     * Effective text elements used for overflow detection. Resolves to the projected `#kbqTitleText` elements,\n     * otherwise falls back to the `KbqTitleTextRef` host's `textElement`, otherwise to the host element itself.\n     * Always contains at least one element.\n     */\n    private get childElements(): HTMLElement[] {\n        const projected = this.childContainer();\n\n        if (projected.length) {\n            return projected.map(({ nativeElement }) => nativeElement);\n        }\n\n        return [this.componentInstance?.textElement?.nativeElement ?? this.elementRef.nativeElement];\n    }\n\n    /**\n     * Resolved tooltip content: the explicit `titleContent` input when provided, otherwise the host text.\n     */\n    private get resolvedContent(): string | TemplateRef<unknown> {\n        return this.titleContent() || this.viewValue;\n    }\n\n    /** Debounce/throttle interval (ms) applied to the resize and content-observer streams. */\n    private readonly debounceInterval: number = 100;\n\n    /** Whether the host holds the keyboard focus, as the focus monitor reports it. */\n    private keyboardFocused = false;\n\n    /**\n     * Whether the pointer or the keyboard focus is on the host: the only time the overflow verdict is read. The two\n     * are tracked apart — `hovered` comes from the pop-up base, which binds it to the same `mouseenter`/`mouseleave`\n     * — because a click on a hovered host reports a mouse focus origin that hides the tooltip while the pointer stays\n     * where it was.\n     */\n    private get entered(): boolean {\n        return this.hovered() || this.keyboardFocused;\n    }\n\n    /** Projected text elements marked with the `#kbqTitleText` template reference. */\n    private readonly childContainer: Signal<readonly ElementRef<HTMLElement>[]> = contentChildren('kbqTitleText', {\n        descendants: true,\n        read: ElementRef\n    });\n\n    /** Projected container element marked with the `#kbqTitleContainer` template reference. */\n    private readonly parentContainer: Signal<ElementRef<HTMLElement> | undefined> = contentChild('kbqTitleContainer', {\n        read: ElementRef\n    });\n\n    constructor() {\n        super();\n\n        // The input is otherwise read only on hover and on host mutations, neither of which a programmatic\n        // rebind triggers: without this, changing `[kbq-title]` while the tooltip is open leaves the overlay\n        // showing the previous text, and `disabled` keeps the verdict computed for the old content. Measured\n        // here whether or not the host is entered, unlike the observer streams below: a rebind is the\n        // consumer's own doing, one host at a time, and `disabled` is public. The initial value is skipped —\n        // `ngAfterViewInit` seeds the content once the queries are resolved.\n        toObservable(this.titleContent)\n            .pipe(skip(1), takeUntilDestroyed())\n            .subscribe(() => {\n                this.content = this.resolvedContent;\n                this.setDerivedDisabled(!this.isOverflown);\n            });\n    }\n\n    /**\n     * Sets the initial tooltip content and wires the streams that toggle the tooltip's `disabled` state:\n     * container resizes and content mutations re-evaluate overflow, and keyboard focus opens the tooltip\n     * while other focus origins hide it.\n     */\n    ngAfterViewInit() {\n        this.content = this.resolvedContent;\n\n        // Keep the title tooltip centered on the trigger: fall back only to center-aligned placements\n        // (top/bottom center horizontally; left/right center vertically), never to edge-anchored corner\n        // positions. Guarded so an explicit consumer `kbqPlacementPriority` or `kbqPlacement` is respected.\n        if (!this.placementPriority && this.placement === PopUpPlacements.Top) {\n            this.placementPriority = [\n                PopUpPlacements.Top,\n                PopUpPlacements.Bottom,\n                PopUpPlacements.Right,\n                PopUpPlacements.Left\n            ];\n        }\n\n        // Measured only while the host is entered: nothing reads the verdict before `handleElementEnter` measures\n        // afresh, and `hideTooltip` disables the tooltip on leave. The gate is re-checked when the timer fires, since\n        // the pointer may have left in between and the verdict would otherwise re-enable a tooltip the leave had just\n        // disabled. A measurement appends a probe span to the container and reads it back, so each one forces a layout\n        // of the whole page — see `docs/e2e-flakiness.md` for what that costs on a page of hundreds of titled hosts.\n        this.resizeObserver\n            .observe(this.parent)\n            .pipe(\n                debounceTime(this.debounceInterval),\n                filter(() => this.entered),\n                takeUntilDestroyed(this.destroyRef)\n            )\n            .subscribe(() => this.setDerivedDisabled(!this.isOverflown));\n\n        this.contentObserver\n            .observe(this.parent)\n            .pipe(\n                throttleTime(this.debounceInterval),\n                filter(() => this.entered),\n                takeUntilDestroyed(this.destroyRef)\n            )\n            .subscribe(() => {\n                this.setDerivedDisabled(!this.isOverflown);\n                this.content = this.resolvedContent;\n            });\n\n        this.focusMonitor\n            .monitor(this.elementRef)\n            .pipe(takeUntilDestroyed(this.destroyRef))\n            .subscribe((origin) => {\n                if (origin === 'keyboard') {\n                    this.keyboardFocused = true;\n                    this.handleElementEnter();\n                    // `handleElementEnter()` only re-enables the tooltip. Without an explicit `show()` a\n                    // keyboard user gets nothing: the trigger is locked to hover, so the base class binds no\n                    // focus listener that would open it.\n                    this.show();\n\n                    return;\n                }\n\n                if (origin === null) {\n                    // Stands in for the `blur` listener the base class never binds here: it binds one only for\n                    // a focus trigger, and this directive reports hover unconditionally. `KbqTooltipTrigger`\n                    // releases a tooltip muted by a pop-up on the same host on `mouseleave` or `blur` alone, so\n                    // without this a keyboard-only user who once opened that pop-up would never see the title\n                    // again — `show()` keeps returning early on the still-muted tooltip.\n                    this.triggerName = 'blur';\n                }\n\n                this.keyboardFocused = false;\n                // Disabling hides an open tooltip on the way through `setDerivedDisabled`.\n                this.hideTooltip();\n            });\n    }\n\n    /**\n     * Enables the tooltip only when the content is overflown. Bound to `mouseenter` and keyboard focus.\n     *\n     * @docs-private\n     */\n    protected handleElementEnter() {\n        this.content = this.resolvedContent;\n        this.setDerivedDisabled(!this.isOverflown);\n    }\n\n    /**\n     * Always disables (hides) the tooltip. Bound to `mouseleave` and non-keyboard focus changes.\n     *\n     * @docs-private\n     */\n    protected hideTooltip() {\n        this.setDerivedDisabled(true);\n    }\n\n    /**\n     * Whether a single measured text element is clipped by the parent container. Both the single- and the\n     * multi-element host go through this method, so a filter-bar pipe or a two-line list option gets the same\n     * sub-pixel and ellipsis awareness as a plain text host.\n     */\n    private isElementOverflown(element: HTMLElement | undefined): boolean {\n        if (!element) {\n            return false;\n        }\n\n        const { offsetWidth, offsetHeight } = this.parent;\n        const isVerticalOverflown = offsetHeight < element.scrollHeight;\n\n        /** For special cases where the difference is a fraction of a pixel */\n        if (!isVerticalOverflown && (element.scrollWidth === 0 || offsetWidth === element.scrollWidth)) {\n            if (this.hasOnlyText) {\n                return this.isTextWiderThanContainer(element);\n            }\n\n            return this.isWidthOverflown(\n                this.parent.getBoundingClientRect().width,\n                element.getBoundingClientRect().width,\n                element\n            );\n        }\n\n        return offsetWidth < element.scrollWidth || isVerticalOverflown;\n    }\n\n    /**\n     * Whether a text element is narrower than its own text. Text elements that share the parent can take width\n     * from each other, so one is clipped while its full text would still fit the parent — which the parent\n     * comparison above cannot see. An inline element reports a zero `clientWidth` and never clips.\n     */\n    private isClippedInOwnBox(element: HTMLElement): boolean {\n        return element.clientWidth > 0 && element.scrollWidth > element.clientWidth;\n    }\n\n    /**\n     * Compares the container against the width the text occupies when nothing clips it: a probe span\n     * carrying the same text is appended to the container, both are measured, and the probe is removed\n     * again. `finally` guarantees the probe never outlives the measurement — a throw between the append and\n     * the read (e.g. a layout call on a detached tree) would otherwise strand it in the consumer's DOM.\n     *\n     * The container is measured while the probe is attached, as it has been since the sub-pixel path was\n     * introduced: a shrink-to-fit container stretched by the probe must not be reported as clipping it.\n     */\n    private isTextWiderThanContainer(element: HTMLElement): boolean {\n        const wrapper = this.renderer.createElement('span');\n\n        wrapper.innerText = element.innerText;\n        this.parent.appendChild(wrapper);\n\n        try {\n            return this.isWidthOverflown(\n                this.parent.getBoundingClientRect().width,\n                wrapper.getBoundingClientRect().width,\n                element\n            );\n        } finally {\n            wrapper.remove();\n        }\n    }\n\n    /**\n     * Compares measured widths, treating only *visible* clipping as overflow. With `text-overflow: ellipsis`\n     * any positive difference counts (even a sub-pixel overflow shows `…`). With `text-overflow: clip` the\n     * widths are rounded to whole CSS pixels first — mirroring the integer `offsetWidth`/`scrollWidth` path —\n     * so an imperceptible sub-pixel clip is not treated as truncation.\n     */\n    private isWidthOverflown(parentWidth: number, childWidth: number, element: HTMLElement): boolean {\n        return this.hasEllipsis(element) ? parentWidth < childWidth : Math.round(parentWidth) < Math.round(childWidth);\n    }\n\n    /**\n     * Whether the measured text truncates with an ellipsis on either the text element or its wrapping\n     * container. Only then is a sub-pixel overflow actually visible (the trailing glyph is replaced by `…`);\n     * with the default `text-overflow: clip` a sub-pixel clip is imperceptible, so it must not be reported as\n     * truncation. Both elements are checked because `text-overflow` is not inherited and consumers place it\n     * differently: `KbqOption`/`KbqDropdownItem` style the measured text element, whereas `KbqTreeOption`\n     * styles the parent container that wraps it.\n     */\n    private hasEllipsis(element: HTMLElement): boolean {\n        return this.elementHasEllipsis(element) || this.elementHasEllipsis(this.parent);\n    }\n\n    /**\n     * Whether the element's computed `text-overflow` renders an ellipsis.\n     */\n    private elementHasEllipsis(element: HTMLElement): boolean {\n        return this.window.getComputedStyle(element).textOverflow.includes('ellipsis');\n    }\n}\n","import { NgModule } from '@angular/core';\nimport { KbqToolTipModule } from '@koobiq/components/tooltip';\nimport { KbqTitleDirective } from './title.directive';\n\n@NgModule({\n    imports: [KbqToolTipModule, KbqTitleDirective],\n    exports: [KbqTitleDirective]\n})\nexport class KbqTitleModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}