@tailng-ui/primitives 0.1.0 → 0.11.0

package/src/lib/overlay/tooltip/tng-tooltip.js

@@ -1,5 +1,34 @@
 import { __decorate } from "tslib";
-import { Directive, HostBinding, booleanAttribute, input } from '@angular/core';
+import { Directive, ElementRef, HostBinding, HostListener, booleanAttribute, effect, inject, input, output, signal, } from '@angular/core';
+import { computeOverlayPosition, createOverlayOpenCloseDelayController, createTngIdFactory, normalizeOverlayOpenCloseDelay, } from '@tailng-ui/cdk';
+import { tngPrimitiveOverlayRuntime } from '../tng-overlay-runtime';
+const createTooltipContentId = createTngIdFactory('tng-tooltip-content');
+const createTooltipId = createTngIdFactory('tng-tooltip');
+const tooltipCollisionPadding = 8;
+const tooltipSideOffset = 8;
+const tooltipGlobalDocument = typeof document === 'undefined' ? null : document;
+function normalizeOptionalBooleanInput(value) {
+    if (value === null || value === undefined) {
+        return undefined;
+    }
+    return booleanAttribute(value);
+}
+function normalizeRect(rect) {
+    return {
+        height: rect.height,
+        left: rect.left,
+        top: rect.top,
+        width: rect.width,
+    };
+}
+function resolveTooltipViewportRect(win) {
+    return {
+        height: win.innerHeight || 0,
+        left: 0,
+        top: 0,
+        width: win.innerWidth || 0,
+    };
+}
 export function resolveTngTooltipAriaDescribedBy(open, tooltipId) {
     if (!open) {
         return null;
@@ -12,7 +41,356 @@ export function resolveTngTooltipDataState(open) {
 export function resolveTngTooltipHidden(open) {
     return open ? null : '';
 }
+export function normalizeTngTooltipDelay(value) {
+    return normalizeOverlayOpenCloseDelay(value);
+}
+export function shouldCloseTngTooltipForKey(key) {
+    return key === 'Escape';
+}
+let TngTooltip = class TngTooltip {
+    generatedContentId = createTooltipContentId();
+    hostRef = inject(ElementRef);
+    instanceId = createTooltipId();
+    closeDelay = input(60);
+    defaultOpen = input(false, {
+        transform: booleanAttribute,
+    });
+    disabled = input(false, {
+        transform: booleanAttribute,
+    });
+    openDelay = input(120);
+    openInput = input(undefined, {
+        alias: 'open',
+        transform: normalizeOptionalBooleanInput,
+    });
+    side = input('top');
+    openChange = output();
+    win = typeof window === 'undefined' ? null : window;
+    uncontrolledOpen = signal(false);
+    animationFrameId = null;
+    contentElement = null;
+    contentId = null;
+    removeResizeListener = null;
+    removeScrollListener = null;
+    resizeObserver = null;
+    triggerElement = null;
+    openCloseDelayController = createOverlayOpenCloseDelayController({
+        onStateChange: (nextOpen) => this.setOpenState(nextOpen),
+    });
+    isOverlayLayerRegistered = false;
+    initialized = false;
+    positionX = signal(null);
+    positionY = signal(null);
+    positionedSide = signal('top');
+    syncDisabledState = effect(() => {
+        if (this.disabled()) {
+            this.openCloseDelayController.cancelAll();
+            if (this.isOpen()) {
+                this.setOpenState(false);
+            }
+        }
+    });
+    syncPositioning = effect(() => {
+        if (!this.initialized) {
+            return;
+        }
+        if (!this.isOpen()) {
+            this.resetPosition();
+            this.positionedSide.set(this.side());
+            this.teardownRepositionListeners();
+            return;
+        }
+        this.setupRepositionListeners();
+        this.scheduleReposition();
+    });
+    syncOverlayLayer = effect(() => {
+        if (!this.initialized) {
+            return;
+        }
+        if (this.isOpen()) {
+            this.registerOverlayLayer();
+            return;
+        }
+        this.unregisterOverlayLayer();
+    });
+    syncSide = effect(() => {
+        const requestedSide = this.side();
+        if (!this.initialized || !this.isOpen()) {
+            this.positionedSide.set(requestedSide);
+            return;
+        }
+        this.scheduleReposition();
+    });
+    dataSlot = 'tooltip';
+    get dataStateAttr() {
+        return resolveTngTooltipDataState(this.isOpen());
+    }
+    get dataOpenAttr() {
+        return this.isOpen() ? 'true' : 'false';
+    }
+    get dataDisabledAttr() {
+        return this.disabled() ? '' : null;
+    }
+    ngOnInit() {
+        if (!this.isControlled()) {
+            this.uncontrolledOpen.set(this.defaultOpen());
+        }
+        this.initialized = true;
+        if (this.isOpen()) {
+            this.setupRepositionListeners();
+            this.scheduleReposition();
+        }
+    }
+    ngOnDestroy() {
+        this.syncDisabledState.destroy();
+        this.syncPositioning.destroy();
+        this.syncOverlayLayer.destroy();
+        this.syncSide.destroy();
+        this.openCloseDelayController.destroy();
+        this.unregisterOverlayLayer();
+        this.clearAnimationFrame();
+        this.teardownRepositionListeners();
+    }
+    isOpen() {
+        return this.openInput() ?? this.uncontrolledOpen();
+    }
+    getContentId() {
+        return this.contentId;
+    }
+    resolveContentId(id) {
+        const candidate = id?.trim() ?? '';
+        return candidate.length > 0 ? candidate : this.generatedContentId;
+    }
+    getPositionedSide() {
+        return this.positionedSide();
+    }
+    getPositionX() {
+        return this.positionX();
+    }
+    getPositionY() {
+        return this.positionY();
+    }
+    registerContent(content, id) {
+        this.contentElement = content;
+        this.contentId = id;
+        if (this.resizeObserver !== null) {
+            this.resizeObserver.observe(content);
+        }
+        if (this.isOpen()) {
+            this.scheduleReposition();
+        }
+    }
+    unregisterContent(content) {
+        if (this.resizeObserver !== null) {
+            this.resizeObserver.unobserve(content);
+        }
+        if (this.contentElement === content) {
+            this.contentElement = null;
+            this.contentId = null;
+        }
+    }
+    registerTrigger(trigger) {
+        this.triggerElement = trigger;
+        if (this.resizeObserver !== null) {
+            this.resizeObserver.observe(trigger);
+        }
+        if (this.isOpen()) {
+            this.scheduleReposition();
+        }
+    }
+    unregisterTrigger(trigger) {
+        if (this.resizeObserver !== null) {
+            this.resizeObserver.unobserve(trigger);
+        }
+        if (this.triggerElement === trigger) {
+            this.triggerElement = null;
+        }
+    }
+    onTriggerCloseIntent() {
+        if (this.disabled()) {
+            return;
+        }
+        this.openCloseDelayController.requestClose(this.closeDelay());
+    }
+    onTriggerOpenIntent() {
+        if (this.disabled()) {
+            return;
+        }
+        this.openCloseDelayController.requestOpen(this.openDelay());
+    }
+    onTriggerKeydown(event) {
+        if (this.disabled() || !shouldCloseTngTooltipForKey(event.key)) {
+            return;
+        }
+        if (tooltipGlobalDocument === null) {
+            event.preventDefault();
+            this.openCloseDelayController.cancelAll();
+            this.setOpenState(false);
+        }
+    }
+    clearAnimationFrame() {
+        if (this.animationFrameId === null || this.win === null) {
+            return;
+        }
+        this.win.cancelAnimationFrame(this.animationFrameId);
+        this.animationFrameId = null;
+    }
+    isControlled() {
+        return this.openInput() !== undefined;
+    }
+    reposition() {
+        if (!this.isOpen() || this.win === null || this.triggerElement === null || this.contentElement === null) {
+            return;
+        }
+        const result = computeOverlayPosition({
+            anchorRect: normalizeRect(this.triggerElement.getBoundingClientRect()),
+            collision: {
+                flip: true,
+                padding: tooltipCollisionPadding,
+                shift: true,
+            },
+            offset: {
+                side: tooltipSideOffset,
+            },
+            overlayRect: normalizeRect(this.contentElement.getBoundingClientRect()),
+            placement: {
+                align: 'center',
+                side: this.side(),
+            },
+            viewportRect: resolveTooltipViewportRect(this.win),
+        });
+        this.positionX.set(result.x);
+        this.positionY.set(result.y);
+        this.positionedSide.set(result.side);
+    }
+    resetPosition() {
+        this.positionX.set(null);
+        this.positionY.set(null);
+    }
+    scheduleReposition() {
+        if (this.win === null || this.animationFrameId !== null) {
+            return;
+        }
+        this.animationFrameId = this.win.requestAnimationFrame(() => {
+            this.animationFrameId = null;
+            this.reposition();
+        });
+    }
+    setOpenState(nextOpen) {
+        if (this.isOpen() === nextOpen) {
+            return;
+        }
+        if (!this.isControlled()) {
+            this.uncontrolledOpen.set(nextOpen);
+        }
+        if (!nextOpen) {
+            this.resetPosition();
+        }
+        if (nextOpen) {
+            this.scheduleReposition();
+        }
+        this.openChange.emit(nextOpen);
+    }
+    shouldCloseFromEscape() {
+        return this.isOpen();
+    }
+    shouldCloseFromOutsidePointer() {
+        return this.isOpen();
+    }
+    registerOverlayLayer() {
+        const hostElement = this.hostRef.nativeElement;
+        tngPrimitiveOverlayRuntime.registerLayer({
+            containsTarget: (target, path) => {
+                if (target instanceof Node && hostElement.contains(target)) {
+                    return true;
+                }
+                return path.includes(hostElement);
+            },
+            dismissOnEscape: this.shouldCloseFromEscape(),
+            dismissOnOutsidePointer: this.shouldCloseFromOutsidePointer(),
+            id: this.instanceId,
+            onDismiss: (reason) => {
+                if (reason === 'escape-key' && !this.shouldCloseFromEscape()) {
+                    return;
+                }
+                if (reason === 'outside-pointer' && !this.shouldCloseFromOutsidePointer()) {
+                    return;
+                }
+                this.openCloseDelayController.cancelAll();
+                this.setOpenState(false);
+            },
+        });
+        this.isOverlayLayerRegistered = true;
+    }
+    unregisterOverlayLayer() {
+        if (!this.isOverlayLayerRegistered) {
+            return;
+        }
+        tngPrimitiveOverlayRuntime.unregisterLayer(this.instanceId);
+        this.isOverlayLayerRegistered = false;
+    }
+    setupRepositionListeners() {
+        if (this.win === null || this.removeResizeListener !== null || this.removeScrollListener !== null) {
+            return;
+        }
+        const onResize = () => {
+            this.scheduleReposition();
+        };
+        const onScroll = () => {
+            this.scheduleReposition();
+        };
+        this.win.addEventListener('resize', onResize);
+        this.win.addEventListener('scroll', onScroll, true);
+        this.removeResizeListener = () => {
+            this.win?.removeEventListener('resize', onResize);
+        };
+        this.removeScrollListener = () => {
+            this.win?.removeEventListener('scroll', onScroll, true);
+        };
+        if (typeof ResizeObserver === 'undefined') {
+            return;
+        }
+        this.resizeObserver = new ResizeObserver(() => {
+            this.scheduleReposition();
+        });
+        if (this.triggerElement !== null) {
+            this.resizeObserver.observe(this.triggerElement);
+        }
+        if (this.contentElement !== null) {
+            this.resizeObserver.observe(this.contentElement);
+        }
+    }
+    teardownRepositionListeners() {
+        this.removeResizeListener?.();
+        this.removeScrollListener?.();
+        this.removeResizeListener = null;
+        this.removeScrollListener = null;
+        this.resizeObserver?.disconnect();
+        this.resizeObserver = null;
+    }
+};
+__decorate([
+    HostBinding('attr.data-slot')
+], TngTooltip.prototype, "dataSlot", void 0);
+__decorate([
+    HostBinding('attr.data-state')
+], TngTooltip.prototype, "dataStateAttr", null);
+__decorate([
+    HostBinding('attr.data-open')
+], TngTooltip.prototype, "dataOpenAttr", null);
+__decorate([
+    HostBinding('attr.data-disabled')
+], TngTooltip.prototype, "dataDisabledAttr", null);
+TngTooltip = __decorate([
+    Directive({
+        selector: '[tngTooltip]',
+        exportAs: 'tngTooltip',
+    })
+], TngTooltip);
+export { TngTooltip };
 let TngTooltipTrigger = class TngTooltipTrigger {
+    hostRef = inject(ElementRef);
+    tooltip = inject(TngTooltip, { optional: true });
     describedBy = input(null);
     disabled = input(false, {
         transform: booleanAttribute,
@@ -21,15 +399,45 @@ let TngTooltipTrigger = class TngTooltipTrigger {
         transform: booleanAttribute,
     });
     get ariaDescribedByAttr() {
+        if (this.tooltip !== null) {
+            return resolveTngTooltipAriaDescribedBy(this.tooltip.isOpen(), this.tooltip.getContentId());
+        }
         return resolveTngTooltipAriaDescribedBy(this.open(), this.describedBy());
     }
     get dataDisabledAttr() {
+        if (this.tooltip !== null) {
+            return this.tooltip.disabled() ? '' : null;
+        }
         return this.disabled() ? '' : null;
     }
     dataSlot = 'tooltip-trigger';
     get dataStateAttr() {
+        if (this.tooltip !== null) {
+            return resolveTngTooltipDataState(this.tooltip.isOpen());
+        }
         return resolveTngTooltipDataState(this.open());
     }
+    ngOnInit() {
+        this.tooltip?.registerTrigger(this.hostRef.nativeElement);
+    }
+    ngOnDestroy() {
+        this.tooltip?.unregisterTrigger(this.hostRef.nativeElement);
+    }
+    onBlur() {
+        this.tooltip?.onTriggerCloseIntent();
+    }
+    onFocus() {
+        this.tooltip?.onTriggerOpenIntent();
+    }
+    onKeydown(event) {
+        this.tooltip?.onTriggerKeydown(event);
+    }
+    onMouseLeave() {
+        this.tooltip?.onTriggerCloseIntent();
+    }
+    onMouseEnter() {
+        this.tooltip?.onTriggerOpenIntent();
+    }
 };
 __decorate([
     HostBinding('attr.aria-describedby')
@@ -43,6 +451,21 @@ __decorate([
 __decorate([
     HostBinding('attr.data-state')
 ], TngTooltipTrigger.prototype, "dataStateAttr", null);
+__decorate([
+    HostListener('blur')
+], TngTooltipTrigger.prototype, "onBlur", null);
+__decorate([
+    HostListener('focus')
+], TngTooltipTrigger.prototype, "onFocus", null);
+__decorate([
+    HostListener('keydown', ['$event'])
+], TngTooltipTrigger.prototype, "onKeydown", null);
+__decorate([
+    HostListener('mouseleave')
+], TngTooltipTrigger.prototype, "onMouseLeave", null);
+__decorate([
+    HostListener('mouseenter')
+], TngTooltipTrigger.prototype, "onMouseEnter", null);
 TngTooltipTrigger = __decorate([
     Directive({
         selector: '[tngTooltipTrigger]',
@@ -51,25 +474,64 @@ TngTooltipTrigger = __decorate([
 ], TngTooltipTrigger);
 export { TngTooltipTrigger };
 let TngTooltipContent = class TngTooltipContent {
-    id = input.required();
+    generatedId = createTooltipContentId();
+    hostRef = inject(ElementRef);
+    tooltip = inject(TngTooltip, { optional: true });
+    resolvedId = '';
+    id = input(null);
     open = input(false, {
         transform: booleanAttribute,
     });
     side = input('top');
     get dataSideAttr() {
+        if (this.tooltip !== null) {
+            return this.tooltip.getPositionedSide();
+        }
         return this.side();
     }
     dataSlot = 'tooltip-content';
     get dataStateAttr() {
+        if (this.tooltip !== null) {
+            return resolveTngTooltipDataState(this.tooltip.isOpen());
+        }
         return resolveTngTooltipDataState(this.open());
     }
     get hiddenAttr() {
+        if (this.tooltip !== null) {
+            return resolveTngTooltipHidden(this.tooltip.isOpen());
+        }
         return resolveTngTooltipHidden(this.open());
     }
     get idAttr() {
-        return this.id();
+        return this.resolvedId;
     }
     roleAttr = 'tooltip';
+    get positionStyle() {
+        return this.tooltip === null ? null : 'fixed';
+    }
+    get leftStyle() {
+        if (this.tooltip === null) {
+            return null;
+        }
+        return this.tooltip.getPositionX();
+    }
+    get topStyle() {
+        if (this.tooltip === null) {
+            return null;
+        }
+        return this.tooltip.getPositionY();
+    }
+    ngOnInit() {
+        this.resolvedId = this.tooltip?.resolveContentId(this.id()) ?? this.resolveContentId(this.id());
+        this.tooltip?.registerContent(this.hostRef.nativeElement, this.resolvedId);
+    }
+    ngOnDestroy() {
+        this.tooltip?.unregisterContent(this.hostRef.nativeElement);
+    }
+    resolveContentId(value) {
+        const candidate = value?.trim() ?? '';
+        return candidate.length > 0 ? candidate : this.generatedId;
+    }
 };
 __decorate([
     HostBinding('attr.data-side')
@@ -89,6 +551,15 @@ __decorate([
 __decorate([
     HostBinding('attr.role')
 ], TngTooltipContent.prototype, "roleAttr", void 0);
+__decorate([
+    HostBinding('style.position')
+], TngTooltipContent.prototype, "positionStyle", null);
+__decorate([
+    HostBinding('style.left.px')
+], TngTooltipContent.prototype, "leftStyle", null);
+__decorate([
+    HostBinding('style.top.px')
+], TngTooltipContent.prototype, "topStyle", null);
 TngTooltipContent = __decorate([
     Directive({
         selector: '[tngTooltipContent]',

package/src/lib/overlay/tooltip/tng-tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"tng-tooltip.js","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/primitives/src/lib/overlay/tooltip/tng-tooltip.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,gBAAgB,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAIhF,MAAM,UAAU,gCAAgC,CAC9C,IAAa,EACb,SAAwB;IAExB,IAAI,CAAC,IAAI,EAAE,CAAC;QACV,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,SAAS,KAAK,IAAI,IAAI,SAAS,CAAC,IAAI,EAAE,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC;AAChF,CAAC;AAED,MAAM,UAAU,0BAA0B,CAAC,IAAa;IACtD,OAAO,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC;AAClC,CAAC;AAED,MAAM,UAAU,uBAAuB,CAAC,IAAa;IACnD,OAAO,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC;AAC1B,CAAC;AAMM,IAAM,iBAAiB,GAAvB,MAAM,iBAAiB;IACZ,WAAW,GAAG,KAAK,CAAgB,IAAI,CAAC,CAAC;IACzC,QAAQ,GAAG,KAAK,CAA4B,KAAK,EAAE;QACjE,SAAS,EAAE,gBAAgB;KAC5B,CAAC,CAAC;IACa,IAAI,GAAG,KAAK,CAA4B,KAAK,EAAE;QAC7D,SAAS,EAAE,gBAAgB;KAC5B,CAAC,CAAC;IAGH,IAAc,mBAAmB;QAC/B,OAAO,gCAAgC,CAAC,IAAI,CAAC,IAAI,EAAE,EAAE,IAAI,CAAC,WAAW,EAAE,CAAC,CAAC;IAC3E,CAAC;IAGD,IAAc,gBAAgB;QAC5B,OAAO,IAAI,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC;IACrC,CAAC;IAGkB,QAAQ,GAAG,iBAA0B,CAAC;IAGzD,IAAc,aAAa;QACzB,OAAO,0BAA0B,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC;IACjD,CAAC;CACF,CAAA;AAhBC;IADC,WAAW,CAAC,uBAAuB,CAAC;4DAGpC;AAGD;IADC,WAAW,CAAC,oBAAoB,CAAC;yDAGjC;AAGkB;IADlB,WAAW,CAAC,gBAAgB,CAAC;mDAC2B;AAGzD;IADC,WAAW,CAAC,iBAAiB,CAAC;sDAG9B;AAzBU,iBAAiB;IAJ7B,SAAS,CAAC;QACT,QAAQ,EAAE,qBAAqB;QAC/B,QAAQ,EAAE,mBAAmB;KAC9B,CAAC;GACW,iBAAiB,CA0B7B;;AAMM,IAAM,iBAAiB,GAAvB,MAAM,iBAAiB;IACZ,EAAE,GAAG,KAAK,CAAC,QAAQ,EAAU,CAAC;IAC9B,IAAI,GAAG,KAAK,CAA4B,KAAK,EAAE;QAC7D,SAAS,EAAE,gBAAgB;KAC5B,CAAC,CAAC;IACa,IAAI,GAAG,KAAK,CAAiB,KAAK,CAAC,CAAC;IAGpD,IAAc,YAAY;QACxB,OAAO,IAAI,CAAC,IAAI,EAAE,CAAC;IACrB,CAAC;IAGkB,QAAQ,GAAG,iBAA0B,CAAC;IAGzD,IAAc,aAAa;QACzB,OAAO,0BAA0B,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC;IACjD,CAAC;IAGD,IAAc,UAAU;QACtB,OAAO,uBAAuB,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC;IAC9C,CAAC;IAGD,IAAc,MAAM;QAClB,OAAO,IAAI,CAAC,EAAE,EAAE,CAAC;IACnB,CAAC;IAGkB,QAAQ,GAAG,SAAkB,CAAC;CAClD,CAAA;AAxBC;IADC,WAAW,CAAC,gBAAgB,CAAC;qDAG7B;AAGkB;IADlB,WAAW,CAAC,gBAAgB,CAAC;mDAC2B;AAGzD;IADC,WAAW,CAAC,iBAAiB,CAAC;sDAG9B;AAGD;IADC,WAAW,CAAC,aAAa,CAAC;mDAG1B;AAGD;IADC,WAAW,CAAC,SAAS,CAAC;+CAGtB;AAGkB;IADlB,WAAW,CAAC,WAAW,CAAC;mDACwB;AA/BtC,iBAAiB;IAJ7B,SAAS,CAAC;QACT,QAAQ,EAAE,qBAAqB;QAC/B,QAAQ,EAAE,mBAAmB;KAC9B,CAAC;GACW,iBAAiB,CAgC7B","sourcesContent":["import { Directive, HostBinding, booleanAttribute, input } from '@angular/core';\n\nexport type TngTooltipSide = 'bottom' | 'left' | 'right' | 'top';\n\nexport function resolveTngTooltipAriaDescribedBy(\n  open: boolean,\n  tooltipId: string | null,\n): string | null {\n  if (!open) {\n    return null;\n  }\n\n  return tooltipId === null || tooltipId.trim().length === 0 ? null : tooltipId;\n}\n\nexport function resolveTngTooltipDataState(open: boolean): 'closed' | 'open' {\n  return open ? 'open' : 'closed';\n}\n\nexport function resolveTngTooltipHidden(open: boolean): '' | null {\n  return open ? null : '';\n}\n\n@Directive({\n  selector: '[tngTooltipTrigger]',\n  exportAs: 'tngTooltipTrigger',\n})\nexport class TngTooltipTrigger {\n  public readonly describedBy = input<string | null>(null);\n  public readonly disabled = input<boolean, boolean | string>(false, {\n    transform: booleanAttribute,\n  });\n  public readonly open = input<boolean, boolean | string>(false, {\n    transform: booleanAttribute,\n  });\n\n  @HostBinding('attr.aria-describedby')\n  protected get ariaDescribedByAttr(): string | null {\n    return resolveTngTooltipAriaDescribedBy(this.open(), this.describedBy());\n  }\n\n  @HostBinding('attr.data-disabled')\n  protected get dataDisabledAttr(): '' | null {\n    return this.disabled() ? '' : null;\n  }\n\n  @HostBinding('attr.data-slot')\n  protected readonly dataSlot = 'tooltip-trigger' as const;\n\n  @HostBinding('attr.data-state')\n  protected get dataStateAttr(): 'closed' | 'open' {\n    return resolveTngTooltipDataState(this.open());\n  }\n}\n\n@Directive({\n  selector: '[tngTooltipContent]',\n  exportAs: 'tngTooltipContent',\n})\nexport class TngTooltipContent {\n  public readonly id = input.required<string>();\n  public readonly open = input<boolean, boolean | string>(false, {\n    transform: booleanAttribute,\n  });\n  public readonly side = input<TngTooltipSide>('top');\n\n  @HostBinding('attr.data-side')\n  protected get dataSideAttr(): TngTooltipSide {\n    return this.side();\n  }\n\n  @HostBinding('attr.data-slot')\n  protected readonly dataSlot = 'tooltip-content' as const;\n\n  @HostBinding('attr.data-state')\n  protected get dataStateAttr(): 'closed' | 'open' {\n    return resolveTngTooltipDataState(this.open());\n  }\n\n  @HostBinding('attr.hidden')\n  protected get hiddenAttr(): '' | null {\n    return resolveTngTooltipHidden(this.open());\n  }\n\n  @HostBinding('attr.id')\n  protected get idAttr(): string {\n    return this.id();\n  }\n\n  @HostBinding('attr.role')\n  protected readonly roleAttr = 'tooltip' as const;\n}\n"]}
+{"version":3,"file":"tng-tooltip.js","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/primitives/src/lib/overlay/tooltip/tng-tooltip.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n  Directive,\n  ElementRef,\n  HostBinding,\n  HostListener,\n  OnDestroy,\n  OnInit,\n  booleanAttribute,\n  effect,\n  inject,\n  input,\n  output,\n  signal,\n} from '@angular/core';\nimport {\n  computeOverlayPosition,\n  createOverlayOpenCloseDelayController,\n  createTngIdFactory,\n  normalizeOverlayOpenCloseDelay,\n  type TngOverlayRect,\n} from '@tailng-ui/cdk';\nimport type { TngOverlayDismissReason } from '@tailng-ui/cdk/overlay';\nimport { tngPrimitiveOverlayRuntime } from '../tng-overlay-runtime';\n\nexport type TngTooltipSide = 'bottom' | 'left' | 'right' | 'top';\n\ntype OptionalBooleanInput = boolean | null | string | undefined;\n\nconst createTooltipContentId = createTngIdFactory('tng-tooltip-content');\nconst createTooltipId = createTngIdFactory('tng-tooltip');\nconst tooltipCollisionPadding = 8;\nconst tooltipSideOffset = 8;\nconst tooltipGlobalDocument = typeof document === 'undefined' ? null : document;\n\ntype TngTooltipKeyboardEvent = Readonly<Pick<KeyboardEvent, 'key'>> &\n  Readonly<{ preventDefault: () => void }>;\n\nfunction normalizeOptionalBooleanInput(value: OptionalBooleanInput): boolean | undefined {\n  if (value === null || value === undefined) {\n    return undefined;\n  }\n\n  return booleanAttribute(value);\n}\n\nfunction normalizeRect(rect: DOMRect | ClientRect): TngOverlayRect {\n  return {\n    height: rect.height,\n    left: rect.left,\n    top: rect.top,\n    width: rect.width,\n  };\n}\n\nfunction resolveTooltipViewportRect(win: Window): TngOverlayRect {\n  return {\n    height: win.innerHeight || 0,\n    left: 0,\n    top: 0,\n    width: win.innerWidth || 0,\n  };\n}\n\nexport function resolveTngTooltipAriaDescribedBy(\n  open: boolean,\n  tooltipId: string | null,\n): string | null {\n  if (!open) {\n    return null;\n  }\n\n  return tooltipId === null || tooltipId.trim().length === 0 ? null : tooltipId;\n}\n\nexport function resolveTngTooltipDataState(open: boolean): 'closed' | 'open' {\n  return open ? 'open' : 'closed';\n}\n\nexport function resolveTngTooltipHidden(open: boolean): '' | null {\n  return open ? null : '';\n}\n\nexport function normalizeTngTooltipDelay(value: number): number {\n  return normalizeOverlayOpenCloseDelay(value);\n}\n\nexport function shouldCloseTngTooltipForKey(key: string): boolean {\n  return key === 'Escape';\n}\n\n@Directive({\n  selector: '[tngTooltip]',\n  exportAs: 'tngTooltip',\n})\nexport class TngTooltip implements OnDestroy, OnInit {\n  private readonly generatedContentId = createTooltipContentId();\n  private readonly hostRef = inject<ElementRef<HTMLElement>>(ElementRef);\n  private readonly instanceId = createTooltipId();\n  public readonly closeDelay = input<number>(60);\n  public readonly defaultOpen = input<boolean, OptionalBooleanInput>(false, {\n    transform: booleanAttribute,\n  });\n  public readonly disabled = input<boolean, OptionalBooleanInput>(false, {\n    transform: booleanAttribute,\n  });\n  public readonly openDelay = input<number>(120);\n  public readonly openInput = input<boolean | undefined, OptionalBooleanInput>(undefined, {\n    alias: 'open',\n    transform: normalizeOptionalBooleanInput,\n  });\n  public readonly side = input<TngTooltipSide>('top');\n\n  public readonly openChange = output<boolean>();\n\n  private readonly win = typeof window === 'undefined' ? null : window;\n  private readonly uncontrolledOpen = signal(false);\n\n  private animationFrameId: number | null = null;\n  private contentElement: HTMLElement | null = null;\n  private contentId: string | null = null;\n  private removeResizeListener: (() => void) | null = null;\n  private removeScrollListener: (() => void) | null = null;\n  private resizeObserver: ResizeObserver | null = null;\n  private triggerElement: HTMLElement | null = null;\n  private readonly openCloseDelayController = createOverlayOpenCloseDelayController({\n    onStateChange: (nextOpen) => this.setOpenState(nextOpen),\n  });\n  private isOverlayLayerRegistered = false;\n\n  private initialized = false;\n\n  private readonly positionX = signal<number | null>(null);\n  private readonly positionY = signal<number | null>(null);\n  private readonly positionedSide = signal<TngTooltipSide>('top');\n\n  private readonly syncDisabledState = effect(() => {\n    if (this.disabled()) {\n      this.openCloseDelayController.cancelAll();\n      if (this.isOpen()) {\n        this.setOpenState(false);\n      }\n    }\n  });\n\n  private readonly syncPositioning = effect(() => {\n    if (!this.initialized) {\n      return;\n    }\n\n    if (!this.isOpen()) {\n      this.resetPosition();\n      this.positionedSide.set(this.side());\n      this.teardownRepositionListeners();\n      return;\n    }\n\n    this.setupRepositionListeners();\n    this.scheduleReposition();\n  });\n\n  private readonly syncOverlayLayer = effect(() => {\n    if (!this.initialized) {\n      return;\n    }\n\n    if (this.isOpen()) {\n      this.registerOverlayLayer();\n      return;\n    }\n\n    this.unregisterOverlayLayer();\n  });\n\n  private readonly syncSide = effect(() => {\n    const requestedSide = this.side();\n    if (!this.initialized || !this.isOpen()) {\n      this.positionedSide.set(requestedSide);\n      return;\n    }\n\n    this.scheduleReposition();\n  });\n\n  @HostBinding('attr.data-slot')\n  protected readonly dataSlot = 'tooltip';\n\n  @HostBinding('attr.data-state')\n  protected get dataStateAttr(): 'closed' | 'open' {\n    return resolveTngTooltipDataState(this.isOpen());\n  }\n\n  @HostBinding('attr.data-open')\n  protected get dataOpenAttr(): 'false' | 'true' {\n    return this.isOpen() ? 'true' : 'false';\n  }\n\n  @HostBinding('attr.data-disabled')\n  protected get dataDisabledAttr(): '' | null {\n    return this.disabled() ? '' : null;\n  }\n\n  public ngOnInit(): void {\n    if (!this.isControlled()) {\n      this.uncontrolledOpen.set(this.defaultOpen());\n    }\n\n    this.initialized = true;\n    if (this.isOpen()) {\n      this.setupRepositionListeners();\n      this.scheduleReposition();\n    }\n  }\n\n  public ngOnDestroy(): void {\n    this.syncDisabledState.destroy();\n    this.syncPositioning.destroy();\n    this.syncOverlayLayer.destroy();\n    this.syncSide.destroy();\n    this.openCloseDelayController.destroy();\n    this.unregisterOverlayLayer();\n    this.clearAnimationFrame();\n    this.teardownRepositionListeners();\n  }\n\n  public isOpen(): boolean {\n    return this.openInput() ?? this.uncontrolledOpen();\n  }\n\n  public getContentId(): string | null {\n    return this.contentId;\n  }\n\n  public resolveContentId(id: string | null): string {\n    const candidate = id?.trim() ?? '';\n    return candidate.length > 0 ? candidate : this.generatedContentId;\n  }\n\n  public getPositionedSide(): TngTooltipSide {\n    return this.positionedSide();\n  }\n\n  public getPositionX(): number | null {\n    return this.positionX();\n  }\n\n  public getPositionY(): number | null {\n    return this.positionY();\n  }\n\n  public registerContent(content: HTMLElement, id: string | null): void {\n    this.contentElement = content;\n    this.contentId = id;\n    if (this.resizeObserver !== null) {\n      this.resizeObserver.observe(content);\n    }\n    if (this.isOpen()) {\n      this.scheduleReposition();\n    }\n  }\n\n  public unregisterContent(content: HTMLElement): void {\n    if (this.resizeObserver !== null) {\n      this.resizeObserver.unobserve(content);\n    }\n\n    if (this.contentElement === content) {\n      this.contentElement = null;\n      this.contentId = null;\n    }\n  }\n\n  public registerTrigger(trigger: HTMLElement): void {\n    this.triggerElement = trigger;\n    if (this.resizeObserver !== null) {\n      this.resizeObserver.observe(trigger);\n    }\n    if (this.isOpen()) {\n      this.scheduleReposition();\n    }\n  }\n\n  public unregisterTrigger(trigger: HTMLElement): void {\n    if (this.resizeObserver !== null) {\n      this.resizeObserver.unobserve(trigger);\n    }\n\n    if (this.triggerElement === trigger) {\n      this.triggerElement = null;\n    }\n  }\n\n  public onTriggerCloseIntent(): void {\n    if (this.disabled()) {\n      return;\n    }\n\n    this.openCloseDelayController.requestClose(this.closeDelay());\n  }\n\n  public onTriggerOpenIntent(): void {\n    if (this.disabled()) {\n      return;\n    }\n\n    this.openCloseDelayController.requestOpen(this.openDelay());\n  }\n\n  public onTriggerKeydown(event: TngTooltipKeyboardEvent): void {\n    if (this.disabled() || !shouldCloseTngTooltipForKey(event.key)) {\n      return;\n    }\n\n    if (tooltipGlobalDocument === null) {\n      event.preventDefault();\n      this.openCloseDelayController.cancelAll();\n      this.setOpenState(false);\n    }\n  }\n\n  private clearAnimationFrame(): void {\n    if (this.animationFrameId === null || this.win === null) {\n      return;\n    }\n\n    this.win.cancelAnimationFrame(this.animationFrameId);\n    this.animationFrameId = null;\n  }\n\n  private isControlled(): boolean {\n    return this.openInput() !== undefined;\n  }\n\n  private reposition(): void {\n    if (!this.isOpen() || this.win === null || this.triggerElement === null || this.contentElement === null) {\n      return;\n    }\n\n    const result = computeOverlayPosition({\n      anchorRect: normalizeRect(this.triggerElement.getBoundingClientRect()),\n      collision: {\n        flip: true,\n        padding: tooltipCollisionPadding,\n        shift: true,\n      },\n      offset: {\n        side: tooltipSideOffset,\n      },\n      overlayRect: normalizeRect(this.contentElement.getBoundingClientRect()),\n      placement: {\n        align: 'center',\n        side: this.side(),\n      },\n      viewportRect: resolveTooltipViewportRect(this.win),\n    });\n\n    this.positionX.set(result.x);\n    this.positionY.set(result.y);\n    this.positionedSide.set(result.side as TngTooltipSide);\n  }\n\n  private resetPosition(): void {\n    this.positionX.set(null);\n    this.positionY.set(null);\n  }\n\n  private scheduleReposition(): void {\n    if (this.win === null || this.animationFrameId !== null) {\n      return;\n    }\n\n    this.animationFrameId = this.win.requestAnimationFrame(() => {\n      this.animationFrameId = null;\n      this.reposition();\n    });\n  }\n\n  private setOpenState(nextOpen: boolean): void {\n    if (this.isOpen() === nextOpen) {\n      return;\n    }\n\n    if (!this.isControlled()) {\n      this.uncontrolledOpen.set(nextOpen);\n    }\n    if (!nextOpen) {\n      this.resetPosition();\n    }\n    if (nextOpen) {\n      this.scheduleReposition();\n    }\n\n    this.openChange.emit(nextOpen);\n  }\n\n  private shouldCloseFromEscape(): boolean {\n    return this.isOpen();\n  }\n\n  private shouldCloseFromOutsidePointer(): boolean {\n    return this.isOpen();\n  }\n\n  private registerOverlayLayer(): void {\n    const hostElement = this.hostRef.nativeElement;\n    tngPrimitiveOverlayRuntime.registerLayer({\n      containsTarget: (target: unknown, path: readonly unknown[]): boolean => {\n        if (target instanceof Node && hostElement.contains(target)) {\n          return true;\n        }\n\n        return path.includes(hostElement);\n      },\n      dismissOnEscape: this.shouldCloseFromEscape(),\n      dismissOnOutsidePointer: this.shouldCloseFromOutsidePointer(),\n      id: this.instanceId,\n      onDismiss: (reason: TngOverlayDismissReason): void => {\n        if (reason === 'escape-key' && !this.shouldCloseFromEscape()) {\n          return;\n        }\n\n        if (reason === 'outside-pointer' && !this.shouldCloseFromOutsidePointer()) {\n          return;\n        }\n\n        this.openCloseDelayController.cancelAll();\n        this.setOpenState(false);\n      },\n    });\n    this.isOverlayLayerRegistered = true;\n  }\n\n  private unregisterOverlayLayer(): void {\n    if (!this.isOverlayLayerRegistered) {\n      return;\n    }\n\n    tngPrimitiveOverlayRuntime.unregisterLayer(this.instanceId);\n    this.isOverlayLayerRegistered = false;\n  }\n\n  private setupRepositionListeners(): void {\n    if (this.win === null || this.removeResizeListener !== null || this.removeScrollListener !== null) {\n      return;\n    }\n\n    const onResize = (): void => {\n      this.scheduleReposition();\n    };\n    const onScroll = (): void => {\n      this.scheduleReposition();\n    };\n\n    this.win.addEventListener('resize', onResize);\n    this.win.addEventListener('scroll', onScroll, true);\n    this.removeResizeListener = (): void => {\n      this.win?.removeEventListener('resize', onResize);\n    };\n    this.removeScrollListener = (): void => {\n      this.win?.removeEventListener('scroll', onScroll, true);\n    };\n\n    if (typeof ResizeObserver === 'undefined') {\n      return;\n    }\n\n    this.resizeObserver = new ResizeObserver(() => {\n      this.scheduleReposition();\n    });\n    if (this.triggerElement !== null) {\n      this.resizeObserver.observe(this.triggerElement);\n    }\n    if (this.contentElement !== null) {\n      this.resizeObserver.observe(this.contentElement);\n    }\n  }\n\n  private teardownRepositionListeners(): void {\n    this.removeResizeListener?.();\n    this.removeScrollListener?.();\n    this.removeResizeListener = null;\n    this.removeScrollListener = null;\n    this.resizeObserver?.disconnect();\n    this.resizeObserver = null;\n  }\n}\n\n@Directive({\n  selector: '[tngTooltipTrigger]',\n  exportAs: 'tngTooltipTrigger',\n})\nexport class TngTooltipTrigger implements OnDestroy, OnInit {\n  private readonly hostRef = inject<ElementRef<HTMLElement>>(ElementRef);\n  private readonly tooltip = inject(TngTooltip, { optional: true });\n\n  public readonly describedBy = input<string | null>(null);\n  public readonly disabled = input<boolean, boolean | string>(false, {\n    transform: booleanAttribute,\n  });\n  public readonly open = input<boolean, boolean | string>(false, {\n    transform: booleanAttribute,\n  });\n\n  @HostBinding('attr.aria-describedby')\n  protected get ariaDescribedByAttr(): string | null {\n    if (this.tooltip !== null) {\n      return resolveTngTooltipAriaDescribedBy(this.tooltip.isOpen(), this.tooltip.getContentId());\n    }\n\n    return resolveTngTooltipAriaDescribedBy(this.open(), this.describedBy());\n  }\n\n  @HostBinding('attr.data-disabled')\n  protected get dataDisabledAttr(): '' | null {\n    if (this.tooltip !== null) {\n      return this.tooltip.disabled() ? '' : null;\n    }\n\n    return this.disabled() ? '' : null;\n  }\n\n  @HostBinding('attr.data-slot')\n  protected readonly dataSlot = 'tooltip-trigger' as const;\n\n  @HostBinding('attr.data-state')\n  protected get dataStateAttr(): 'closed' | 'open' {\n    if (this.tooltip !== null) {\n      return resolveTngTooltipDataState(this.tooltip.isOpen());\n    }\n\n    return resolveTngTooltipDataState(this.open());\n  }\n\n  public ngOnInit(): void {\n    this.tooltip?.registerTrigger(this.hostRef.nativeElement);\n  }\n\n  public ngOnDestroy(): void {\n    this.tooltip?.unregisterTrigger(this.hostRef.nativeElement);\n  }\n\n  @HostListener('blur')\n  protected onBlur(): void {\n    this.tooltip?.onTriggerCloseIntent();\n  }\n\n  @HostListener('focus')\n  protected onFocus(): void {\n    this.tooltip?.onTriggerOpenIntent();\n  }\n\n  @HostListener('keydown', ['$event'])\n  protected onKeydown(event: KeyboardEvent): void {\n    this.tooltip?.onTriggerKeydown(event);\n  }\n\n  @HostListener('mouseleave')\n  protected onMouseLeave(): void {\n    this.tooltip?.onTriggerCloseIntent();\n  }\n\n  @HostListener('mouseenter')\n  protected onMouseEnter(): void {\n    this.tooltip?.onTriggerOpenIntent();\n  }\n}\n\n@Directive({\n  selector: '[tngTooltipContent]',\n  exportAs: 'tngTooltipContent',\n})\nexport class TngTooltipContent implements OnDestroy, OnInit {\n  private readonly generatedId = createTooltipContentId();\n  private readonly hostRef = inject<ElementRef<HTMLElement>>(ElementRef);\n  private readonly tooltip = inject(TngTooltip, { optional: true });\n  private resolvedId = '';\n\n  public readonly id = input<string | null>(null);\n  public readonly open = input<boolean, boolean | string>(false, {\n    transform: booleanAttribute,\n  });\n  public readonly side = input<TngTooltipSide>('top');\n\n  @HostBinding('attr.data-side')\n  protected get dataSideAttr(): TngTooltipSide {\n    if (this.tooltip !== null) {\n      return this.tooltip.getPositionedSide();\n    }\n\n    return this.side();\n  }\n\n  @HostBinding('attr.data-slot')\n  protected readonly dataSlot = 'tooltip-content' as const;\n\n  @HostBinding('attr.data-state')\n  protected get dataStateAttr(): 'closed' | 'open' {\n    if (this.tooltip !== null) {\n      return resolveTngTooltipDataState(this.tooltip.isOpen());\n    }\n\n    return resolveTngTooltipDataState(this.open());\n  }\n\n  @HostBinding('attr.hidden')\n  protected get hiddenAttr(): '' | null {\n    if (this.tooltip !== null) {\n      return resolveTngTooltipHidden(this.tooltip.isOpen());\n    }\n\n    return resolveTngTooltipHidden(this.open());\n  }\n\n  @HostBinding('attr.id')\n  protected get idAttr(): string {\n    return this.resolvedId;\n  }\n\n  @HostBinding('attr.role')\n  protected readonly roleAttr = 'tooltip' as const;\n\n  @HostBinding('style.position')\n  protected get positionStyle(): string | null {\n    return this.tooltip === null ? null : 'fixed';\n  }\n\n  @HostBinding('style.left.px')\n  protected get leftStyle(): number | null {\n    if (this.tooltip === null) {\n      return null;\n    }\n\n    return this.tooltip.getPositionX();\n  }\n\n  @HostBinding('style.top.px')\n  protected get topStyle(): number | null {\n    if (this.tooltip === null) {\n      return null;\n    }\n\n    return this.tooltip.getPositionY();\n  }\n\n  public ngOnInit(): void {\n    this.resolvedId = this.tooltip?.resolveContentId(this.id()) ?? this.resolveContentId(this.id());\n    this.tooltip?.registerContent(this.hostRef.nativeElement, this.resolvedId);\n  }\n\n  public ngOnDestroy(): void {\n    this.tooltip?.unregisterContent(this.hostRef.nativeElement);\n  }\n\n  private resolveContentId(value: string | null): string {\n    const candidate = value?.trim() ?? '';\n    return candidate.length > 0 ? candidate : this.generatedId;\n  }\n}\n"]}

package/src/lib/utility/badge/tng-badge.d.ts

@@ -42,6 +42,8 @@ export declare class TngBadge implements OnDestroy {
     private readonly renderer;
     private badgeElement;
     private readonly customStyleKeys;
+    private resizeObserver;
+    private removeWindowResizeListener;
     constructor();
     ngOnDestroy(): void;
     private configureHost;
@@ -53,11 +55,15 @@ export declare class TngBadge implements OnDestroy {
     private patchBadgeContent;
     private patchBadgeCustomStyles;
     private patchBadgePlacement;
+    private patchBadgeRuntimeMetrics;
     private patchBadgeVisualStyles;
     private patchContentStyles;
     private patchDotStyles;
     private resolveSharedStyles;
     private setNullableStyle;
+    private beginRuntimePositionTracking;
+    private endRuntimePositionTracking;
+    private syncRuntimePositioning;
 }
 export {};
 //# sourceMappingURL=tng-badge.d.ts.map

package/src/lib/utility/badge/tng-badge.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tng-badge.d.ts","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/primitives/src/lib/utility/badge/tng-badge.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"tng-badge.d.ts","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/primitives/src/lib/utility/badge/tng-badge.ts"],"names":[],"mappings":"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"}