@ngneers/controls 0.0.1-pre1 → 0.0.1-pre3

package/fesm2022/ngneers-controls-tooltip.mjs

@@ -0,0 +1,454 @@
+import * as i0 from '@angular/core';
+import { inject, ViewContainerRef, signal, input, computed, effect, TemplateRef, Directive, viewChild, DOCUMENT, ChangeDetectionStrategy, Component } from '@angular/core';
+import { NGN_CONFIG, abortSignalOnDestroy, autoPositionElement, splitPlacement } from '@ngneers/controls/api/ng';
+import { NgnBase, provideSelf, NgnPt } from '@ngneers/controls/base';
+import { NgnDefer } from '@ngneers/controls/defer';
+import { getTimeSpanMilliseconds, notNullish } from '@ngneers/controls/utils';
+import { generateElementId, computedWithPrevious } from '@ngneers/controls/utils-ng';
+import { tooltipControlTemplate } from '@ngneers/controls-themes/templates/tooltip';
+
+const relativeAnchorElementPosition = {
+    name: 'relativeAnchorElementPosition',
+    async fn(state) {
+        const { placement, rects } = state;
+        const axis = getAxis(placement);
+        const axisSize = axis === 'x' ? 'width' : 'height';
+        return {
+            data: {
+                start: rects.reference[axis] - state[axis],
+                center: rects.reference[axis] + rects.reference[axisSize] / 2 - state[axis],
+                end: rects.reference[axis] + rects.reference[axisSize] - state[axis],
+            },
+        };
+    },
+};
+function getAxis(placement) {
+    switch (placement.split('-')[0]) {
+        case 'top':
+        case 'bottom':
+            return 'x';
+        case 'left':
+        case 'right':
+            return 'y';
+        default:
+            throw new Error(`Unknown placement: ${placement}`);
+    }
+}
+
+/**
+ * @category control
+ */
+class NgnTooltip extends NgnBase {
+    theme = null;
+    _viewContainerRef = inject(ViewContainerRef);
+    _config = inject(NGN_CONFIG);
+    _tooltip = signal(null, ...(ngDevMode ? [{ debugName: "_tooltip" }] : []));
+    /**
+     * The content of the tooltip, can be a string or a TemplateRef.
+     * If the value is falsy, the tooltip will not be shown.
+     * @alias ngnTooltip
+     */
+    content = input(null, { ...(ngDevMode ? { debugName: "content" } : {}), alias: 'ngnTooltip' });
+    /**
+     * The CSS class to apply to the tooltip.
+     * This can be used to apply custom styles to the tooltip.
+     * @alias ngnTooltipStyleClass
+     */
+    styleClass = input(null, { ...(ngDevMode ? { debugName: "styleClass" } : {}), alias: 'ngnTooltipStyleClass' });
+    /**
+     * If set to `true`, the tooltip will only be shown if the anchor element is truncated. `""` is equivalent to `true`.
+     * @alias ngnTooltipShowOnlyIfTruncated
+     * @default false
+     */
+    showOnlyIfTruncated = input(false, { ...(ngDevMode ? { debugName: "showOnlyIfTruncated" } : {}), alias: 'ngnTooltipShowOnlyIfTruncated' });
+    /**
+     * The size constraints for the tooltip.
+     * This can be used to limit the width and height of the tooltip.
+     * If not provided, the tooltip is only constrained by the size of the screen.
+     * @alias ngnTooltipSize
+     */
+    size = input(null, { ...(ngDevMode ? { debugName: "size" } : {}), alias: 'ngnTooltipSize' });
+    /**
+     * The options for the tooltip.
+     * This is a shorthand for setting multiple options at once.
+     * The individual options take precedence over the options set here.
+     * @alias ngnTooltipOptions
+     */
+    options = input(null, { ...(ngDevMode ? { debugName: "options" } : {}), alias: 'ngnTooltipOptions' });
+    /**
+     * The placement of the tooltip relative to the anchor element.
+     * @alias ngnTooltipPlacement
+     * @default 'bottom'
+     */
+    placement = input(null, { ...(ngDevMode ? { debugName: "placement" } : {}), alias: 'ngnTooltipPlacement' });
+    /**
+     * The offset in Pixels of the tooltip from the anchor element.
+     * @alias ngnTooltipOffset
+     * @default 4
+     */
+    offset = input(null, { ...(ngDevMode ? { debugName: "offset" } : {}), alias: 'ngnTooltipOffset' });
+    /**
+     * The delay before the tooltip is shown. If a number is provided, it is interpreted as milliseconds.
+     * @alias ngnTooltipShowDelay
+     * @default '0.5s'
+     */
+    showDelay = input(null, { ...(ngDevMode ? { debugName: "showDelay" } : {}), alias: 'ngnTooltipShowDelay' });
+    /**
+     * The delay before the tooltip is hidden. If a number is provided, it is interpreted as milliseconds.
+     * @alias ngnTooltipHideDelay
+     * @default '0.1s'
+     */
+    hideDelay = input(null, { ...(ngDevMode ? { debugName: "hideDelay" } : {}), alias: 'ngnTooltipHideDelay' });
+    /**
+     * Whether to show an arrow pointing to the anchor element. `""` is equivalent to `true`.
+     * @alias ngnTooltipShowArrow
+     * @default true
+     */
+    showArrow = input(null, { ...(ngDevMode ? { debugName: "showArrow" } : {}), alias: 'ngnTooltipShowArrow' });
+    /**
+     * Shows the tooltip on hover.
+     * @alias ngnTooltipShowOnHover
+     * @default true
+     */
+    showOnHover = input(null, { ...(ngDevMode ? { debugName: "showOnHover" } : {}), alias: 'ngnTooltipShowOnHover' });
+    /**
+     * Shows the tooltip on focus.
+     * @alias ngnTooltipShowOnFocus
+     * @default true
+     */
+    showOnFocus = input(null, { ...(ngDevMode ? { debugName: "showOnFocus" } : {}), alias: 'ngnTooltipShowOnFocus' });
+    /**
+     * Hides the tooltip (without delay) when the mouse hovers over the tooltip.
+     * @alias ngnTooltipHideOnTooltipHover
+     * @default false
+     */
+    hideOnTooltipHover = input(null, { ...(ngDevMode ? { debugName: "hideOnTooltipHover" } : {}), alias: 'ngnTooltipHideOnTooltipHover' });
+    /**
+     * Hides the tooltip (without delay) when the user clicks on the tooltip.
+     * @alias ngnTooltipHideOnClick
+     * @default true
+     */
+    hideOnClick = input(null, { ...(ngDevMode ? { debugName: "hideOnClick" } : {}), alias: 'ngnTooltipHideOnClick' });
+    effectiveOptions = computed(() => {
+        const defaults = this._config.defaults.tooltip;
+        return {
+            placement: this.placement() ?? this.options()?.placement ?? defaults.placement,
+            offset: this.offset() ?? this.options()?.offset ?? defaults.offset,
+            showDelay: this.showDelay() ?? this.options()?.showDelay ?? defaults.showDelay,
+            hideDelay: this.hideDelay() ?? this.options()?.hideDelay ?? defaults.hideDelay,
+            showArrow: (this.showArrow() ?? this.options()?.showArrow ?? defaults.showArrow) !== false,
+            showOnHover: (this.showOnHover() ?? this.options()?.showOnHover ?? defaults.showOnHover) !== false,
+            showOnFocus: (this.showOnFocus() ?? this.options()?.showOnFocus ?? defaults.showOnFocus) !== false,
+            hideOnTooltipHover: (this.hideOnTooltipHover() ??
+                this.options()?.hideOnTooltipHover ??
+                defaults.hideOnTooltipHover) !== false,
+            hideOnClick: (this.hideOnClick() ?? this.options()?.hideOnClick ?? defaults.hideOnClick) !== false,
+        };
+    }, ...(ngDevMode ? [{ debugName: "effectiveOptions" }] : []));
+    tooltip = computed(() => this._tooltip()?.instance, ...(ngDevMode ? [{ debugName: "tooltip" }] : []));
+    constructor() {
+        super();
+        const abortSignal = abortSignalOnDestroy();
+        this.element.nativeElement.addEventListener('mouseenter', this.onMouseEnter.bind(this), {
+            signal: abortSignal,
+        });
+        this.element.nativeElement.addEventListener('mouseleave', this.onMouseLeave.bind(this), {
+            signal: abortSignal,
+        });
+        this.element.nativeElement.addEventListener('focus', this.onFocus.bind(this), {
+            signal: abortSignal,
+        });
+        this.element.nativeElement.addEventListener('blur', this.onBlur.bind(this), {
+            signal: abortSignal,
+        });
+        effect(() => {
+            const tooltip = this._tooltip();
+            if (tooltip)
+                this.updateContent(tooltip);
+        });
+        effect(() => this._tooltip()?.setInput('styleClass', this.styleClass()));
+        effect(() => this._tooltip()?.setInput('showOnlyIfTruncated', this.showOnlyIfTruncated()));
+        effect(() => this._tooltip()?.setInput('size', this.size()));
+        effect(() => this._tooltip()?.setInput('options', this.effectiveOptions()));
+    }
+    ngOnDestroy() {
+        this._tooltip()?.destroy();
+        this._tooltip.set(null);
+    }
+    show() {
+        const tooltip = this._tooltip();
+        if (tooltip) {
+            tooltip.instance.show();
+        }
+        else {
+            const tooltip = this.getTooltip();
+            if (tooltip) {
+                requestAnimationFrame(() => tooltip.show());
+            }
+        }
+    }
+    hide() {
+        this._tooltip()?.instance.hide();
+    }
+    onMouseEnter() {
+        if (this.effectiveOptions().showOnHover) {
+            this.show();
+        }
+    }
+    onMouseLeave() {
+        if (this.effectiveOptions().showOnHover) {
+            this.hide();
+        }
+    }
+    onFocus() {
+        if (this.effectiveOptions().showOnFocus) {
+            this.show();
+        }
+    }
+    onBlur() {
+        if (this.effectiveOptions().showOnFocus) {
+            this.hide();
+        }
+    }
+    getTooltip() {
+        let tooltip = this._tooltip();
+        if (!tooltip && this.content()) {
+            tooltip = this._viewContainerRef.createComponent(TooltipComponent);
+            tooltip.setInput('anchor', this.element.nativeElement);
+            this.updateContent(tooltip);
+            tooltip.setInput('styleClass', this.styleClass());
+            tooltip.setInput('showOnlyIfTruncated', this.showOnlyIfTruncated());
+            tooltip.setInput('size', this.size());
+            tooltip.setInput('options', this.effectiveOptions());
+            this._tooltip.set(tooltip);
+        }
+        return tooltip?.instance;
+    }
+    updateContent(tooltip) {
+        const content = this.content();
+        if (content instanceof TemplateRef) {
+            tooltip.setInput('text', null);
+            tooltip.setInput('content', content);
+        }
+        else {
+            tooltip.setInput('text', content);
+            tooltip.setInput('content', null);
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: NgnTooltip, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.0", type: NgnTooltip, isStandalone: true, selector: "[ngnTooltip]", inputs: { content: { classPropertyName: "content", publicName: "ngnTooltip", isSignal: true, isRequired: false, transformFunction: null }, styleClass: { classPropertyName: "styleClass", publicName: "ngnTooltipStyleClass", isSignal: true, isRequired: false, transformFunction: null }, showOnlyIfTruncated: { classPropertyName: "showOnlyIfTruncated", publicName: "ngnTooltipShowOnlyIfTruncated", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "ngnTooltipSize", isSignal: true, isRequired: false, transformFunction: null }, options: { classPropertyName: "options", publicName: "ngnTooltipOptions", isSignal: true, isRequired: false, transformFunction: null }, placement: { classPropertyName: "placement", publicName: "ngnTooltipPlacement", isSignal: true, isRequired: false, transformFunction: null }, offset: { classPropertyName: "offset", publicName: "ngnTooltipOffset", isSignal: true, isRequired: false, transformFunction: null }, showDelay: { classPropertyName: "showDelay", publicName: "ngnTooltipShowDelay", isSignal: true, isRequired: false, transformFunction: null }, hideDelay: { classPropertyName: "hideDelay", publicName: "ngnTooltipHideDelay", isSignal: true, isRequired: false, transformFunction: null }, showArrow: { classPropertyName: "showArrow", publicName: "ngnTooltipShowArrow", isSignal: true, isRequired: false, transformFunction: null }, showOnHover: { classPropertyName: "showOnHover", publicName: "ngnTooltipShowOnHover", isSignal: true, isRequired: false, transformFunction: null }, showOnFocus: { classPropertyName: "showOnFocus", publicName: "ngnTooltipShowOnFocus", isSignal: true, isRequired: false, transformFunction: null }, hideOnTooltipHover: { classPropertyName: "hideOnTooltipHover", publicName: "ngnTooltipHideOnTooltipHover", isSignal: true, isRequired: false, transformFunction: null }, hideOnClick: { classPropertyName: "hideOnClick", publicName: "ngnTooltipHideOnClick", isSignal: true, isRequired: false, transformFunction: null } }, providers: [provideSelf(NgnTooltip)], exportAs: ["ngnTooltip"], usesInheritance: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: NgnTooltip, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[ngnTooltip]',
+                    exportAs: 'ngnTooltip',
+                    providers: [provideSelf(NgnTooltip)],
+                }]
+        }], ctorParameters: () => [], propDecorators: { content: [{ type: i0.Input, args: [{ isSignal: true, alias: "ngnTooltip", required: false }] }], styleClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "ngnTooltipStyleClass", required: false }] }], showOnlyIfTruncated: [{ type: i0.Input, args: [{ isSignal: true, alias: "ngnTooltipShowOnlyIfTruncated", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "ngnTooltipSize", required: false }] }], options: [{ type: i0.Input, args: [{ isSignal: true, alias: "ngnTooltipOptions", required: false }] }], placement: [{ type: i0.Input, args: [{ isSignal: true, alias: "ngnTooltipPlacement", required: false }] }], offset: [{ type: i0.Input, args: [{ isSignal: true, alias: "ngnTooltipOffset", required: false }] }], showDelay: [{ type: i0.Input, args: [{ isSignal: true, alias: "ngnTooltipShowDelay", required: false }] }], hideDelay: [{ type: i0.Input, args: [{ isSignal: true, alias: "ngnTooltipHideDelay", required: false }] }], showArrow: [{ type: i0.Input, args: [{ isSignal: true, alias: "ngnTooltipShowArrow", required: false }] }], showOnHover: [{ type: i0.Input, args: [{ isSignal: true, alias: "ngnTooltipShowOnHover", required: false }] }], showOnFocus: [{ type: i0.Input, args: [{ isSignal: true, alias: "ngnTooltipShowOnFocus", required: false }] }], hideOnTooltipHover: [{ type: i0.Input, args: [{ isSignal: true, alias: "ngnTooltipHideOnTooltipHover", required: false }] }], hideOnClick: [{ type: i0.Input, args: [{ isSignal: true, alias: "ngnTooltipHideOnClick", required: false }] }] } });
+class TooltipComponent extends NgnBase {
+    _showHideTimeout;
+    theme = this.injectThemeTemplate(tooltipControlTemplate, {
+        root: true,
+        closing: () => this.isClosing(),
+        'with-arrow': () => this.options().showArrow !== false,
+    });
+    _config = inject(NGN_CONFIG);
+    /**
+     * The anchor element to which the tooltip is attached.
+     */
+    anchor = input.required(...(ngDevMode ? [{ debugName: "anchor" }] : []));
+    /**
+     * The text content of the tooltip.
+     */
+    text = input(...(ngDevMode ? [undefined, { debugName: "text" }] : []));
+    /**
+     * The content template of the tooltip.
+     */
+    content = input(...(ngDevMode ? [undefined, { debugName: "content" }] : []));
+    /**
+     * If set to `true`, the tooltip will only be shown if the anchor element is truncated. `""` is equivalent to `true`.
+     * @default `false`
+     */
+    showOnlyIfTruncated = input(false, ...(ngDevMode ? [{ debugName: "showOnlyIfTruncated" }] : []));
+    /**
+     * The size constraints for the tooltip.
+     * This can be used to limit the width and height of the tooltip.
+     * If not provided, the tooltip is only constrained by the size of the screen.
+     */
+    size = input(...(ngDevMode ? [undefined, { debugName: "size" }] : []));
+    /**
+     * The options for the tooltip.
+     *
+     */
+    options = input(this._config.defaults.tooltip, ...(ngDevMode ? [{ debugName: "options" }] : []));
+    showDelayMs = computed(() => getTimeSpanMilliseconds(this.options().showDelay), ...(ngDevMode ? [{ debugName: "showDelayMs" }] : []));
+    hideDelayMs = computed(() => getTimeSpanMilliseconds(this.options().hideDelay), ...(ngDevMode ? [{ debugName: "hideDelayMs" }] : []));
+    position = signal({ x: 0, y: 0 }, ...(ngDevMode ? [{ debugName: "position" }] : []));
+    positionClass = signal('', ...(ngDevMode ? [{ debugName: "positionClass" }] : []));
+    relativeAnchorElementPosition = signal(undefined, ...(ngDevMode ? [{ debugName: "relativeAnchorElementPosition" }] : []));
+    _isShown = signal(false, ...(ngDevMode ? [{ debugName: "_isShown" }] : []));
+    _isClosing = signal(false, ...(ngDevMode ? [{ debugName: "_isClosing" }] : []));
+    id = generateElementId();
+    isShown = this._isShown.asReadonly();
+    isClosing = this._isClosing.asReadonly();
+    _defaultContentTemplate = viewChild.required('defaultContentTemplate');
+    contentTemplate = computed(() => this.content() ?? this._defaultContentTemplate(), ...(ngDevMode ? [{ debugName: "contentTemplate" }] : []));
+    _autoPos = computedWithPrevious(prev => {
+        prev?.stop();
+        const element = this.element.nativeElement;
+        if (!element) {
+            return undefined;
+        }
+        return autoPositionElement(this.anchor(), element, {
+            injector: this.injector,
+            stopped: true,
+            resize: false,
+            sizeConstraints: this.size() ?? undefined,
+            placement: this.options().placement,
+            offset: this.options().offset,
+            middleware: [relativeAnchorElementPosition],
+            disableSettingStyles: true,
+            strategy: 'fixed',
+            onPositionChange: ({ x, y, placement, middlewareData }) => {
+                this.relativeAnchorElementPosition.set(middlewareData[relativeAnchorElementPosition.name]);
+                this.position.set({ x, y });
+                this.positionClass.set(splitPlacement(placement)
+                    .filter(notNullish)
+                    .map(x => this.theme.class(x))
+                    .join(' '));
+            },
+        });
+    });
+    constructor() {
+        super();
+        const document = inject(DOCUMENT);
+        const destroyAbortSignal = abortSignalOnDestroy();
+        effect(() => {
+            if (this.isShown() && !this.isClosing()) {
+                document.addEventListener('keydown', this.onDocumentKeyDown.bind(this), {
+                    signal: destroyAbortSignal,
+                });
+            }
+            else {
+                document.removeEventListener('keydown', this.onDocumentKeyDown.bind(this));
+            }
+        });
+        effect(() => {
+            if (this.isShown()) {
+                this._autoPos()?.start();
+            }
+            else {
+                this._autoPos()?.stop();
+            }
+        });
+    }
+    show(skipDelay = false) {
+        clearTimeout(this._showHideTimeout);
+        const delay = skipDelay ? 0 : this.showDelayMs();
+        if (delay <= 0) {
+            this.onShow();
+        }
+        else {
+            this._showHideTimeout = setTimeout(() => this.onShow(), delay);
+        }
+    }
+    hide(skipDelay = false) {
+        clearTimeout(this._showHideTimeout);
+        const delay = skipDelay ? 0 : this.hideDelayMs();
+        if (delay <= 0) {
+            this.onHide();
+        }
+        else {
+            this._showHideTimeout = setTimeout(() => this.onHide(), delay);
+        }
+    }
+    onMouseEnter() {
+        if (this.options().hideOnTooltipHover) {
+            this.hide(true);
+        }
+        else {
+            this.show(true);
+        }
+    }
+    onMouseLeave() {
+        this.hide();
+    }
+    onClick(event) {
+        if (this.options().hideOnClick) {
+            this.hide(true);
+        }
+        event.stopPropagation();
+    }
+    onDocumentKeyDown(event) {
+        if (event.key === 'Escape' || event.key === 'Esc') {
+            this.hide(true);
+            event.preventDefault();
+        }
+    }
+    onShow() {
+        if (!this.content() && !this.text()) {
+            return;
+        }
+        if (this.showOnlyIfTruncated() !== false && !isElementTruncated(this.anchor())) {
+            return;
+        }
+        this._isShown.set(true);
+        this.element.nativeElement.showPopover();
+    }
+    onHide() {
+        this._isClosing.set(true);
+        requestAnimationFrame(() => {
+            Promise.all(this.element.nativeElement.getAnimations().map(a => a.finished))
+                .then(() => this.element.nativeElement.hidePopover())
+                .catch(() => { })
+                .finally(() => this._isClosing.set(false));
+        });
+    }
+    onToggle(event) {
+        const evt = event;
+        if (evt.newState === 'closed') {
+            this._isShown.set(false);
+        }
+        else {
+            this._isShown.set(true);
+        }
+    }
+    toPixels(value) {
+        return value !== undefined ? `${value}px` : undefined;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: TooltipComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.1.0", type: TooltipComponent, isStandalone: true, selector: "ngn-tooltip", inputs: { anchor: { classPropertyName: "anchor", publicName: "anchor", isSignal: true, isRequired: true, transformFunction: null }, text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: false, transformFunction: null }, content: { classPropertyName: "content", publicName: "content", isSignal: true, isRequired: false, transformFunction: null }, showOnlyIfTruncated: { classPropertyName: "showOnlyIfTruncated", publicName: "showOnlyIfTruncated", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "toggle": "onToggle($event)", "mouseenter": "onMouseEnter()", "mouseleave": "onMouseLeave()", "click": "onClick($event)" }, properties: { "class": "positionClass()", "style.--anchor-start": "toPixels(relativeAnchorElementPosition()?.start)", "style.--anchor-center": "toPixels(relativeAnchorElementPosition()?.center)", "style.--anchor-end": "toPixels(relativeAnchorElementPosition()?.end)", "style.left": "toPixels(position().x)", "style.top": "toPixels(position().y)", "attr.popover": "'hint'", "attr.id": "id", "attr.role": "'tooltip'" } }, providers: [provideSelf(TooltipComponent)], viewQueries: [{ propertyName: "_defaultContentTemplate", first: true, predicate: ["defaultContentTemplate"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<div [ptInt]=\"this\" [ptClass]=\"'content'\">\r\n  <ngn-defer [lazyContent]=\"contentTemplate()\" [open]=\"isShown()\" [cache]=\"false\"></ngn-defer>\r\n</div>\r\n\r\n<ng-template #defaultContentTemplate>\r\n  <span [ptInt]=\"this\" [ptClass]=\"'text'\">{{ text() }}</span>\r\n</ng-template>\r\n", dependencies: [{ kind: "directive", type: NgnPt, selector: "[ptInt]", inputs: ["ptInt", "ptClass"] }, { kind: "component", type: NgnDefer, selector: "ngn-defer", inputs: ["lazyContent", "lazyContentContext", "open", "lazy", "cache", "hiddenOnClosed"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: TooltipComponent, decorators: [{
+            type: Component,
+            args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: 'ngn-tooltip', imports: [NgnPt, NgnDefer], providers: [provideSelf(TooltipComponent)], host: {
+                        '[class]': `positionClass()`,
+                        '[style.--anchor-start]': `toPixels(relativeAnchorElementPosition()?.start)`,
+                        '[style.--anchor-center]': `toPixels(relativeAnchorElementPosition()?.center)`,
+                        '[style.--anchor-end]': `toPixels(relativeAnchorElementPosition()?.end)`,
+                        '[style.left]': `toPixels(position().x)`,
+                        '[style.top]': `toPixels(position().y)`,
+                        '[attr.popover]': `'hint'`,
+                        '[attr.id]': `id`,
+                        '[attr.role]': `'tooltip'`,
+                        '(toggle)': 'onToggle($event)',
+                        '(mouseenter)': 'onMouseEnter()',
+                        '(mouseleave)': 'onMouseLeave()',
+                        '(click)': 'onClick($event)',
+                    }, template: "<div [ptInt]=\"this\" [ptClass]=\"'content'\">\r\n  <ngn-defer [lazyContent]=\"contentTemplate()\" [open]=\"isShown()\" [cache]=\"false\"></ngn-defer>\r\n</div>\r\n\r\n<ng-template #defaultContentTemplate>\r\n  <span [ptInt]=\"this\" [ptClass]=\"'text'\">{{ text() }}</span>\r\n</ng-template>\r\n" }]
+        }], ctorParameters: () => [], propDecorators: { anchor: [{ type: i0.Input, args: [{ isSignal: true, alias: "anchor", required: true }] }], text: [{ type: i0.Input, args: [{ isSignal: true, alias: "text", required: false }] }], content: [{ type: i0.Input, args: [{ isSignal: true, alias: "content", required: false }] }], showOnlyIfTruncated: [{ type: i0.Input, args: [{ isSignal: true, alias: "showOnlyIfTruncated", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], options: [{ type: i0.Input, args: [{ isSignal: true, alias: "options", required: false }] }], _defaultContentTemplate: [{ type: i0.ViewChild, args: ['defaultContentTemplate', { isSignal: true }] }] } });
+function isElementTruncated(element) {
+    return (element.clientWidth < element.scrollWidth || // horizontal overflow
+        element.clientHeight < element.scrollHeight || // vertical overflow
+        element.offsetWidth < element.scrollWidth || // single-line ellipsis
+        element.offsetHeight < element.scrollHeight // multi-line ellipsis (line-clamp)
+    );
+}
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { NgnTooltip, TooltipComponent };
+//# sourceMappingURL=ngneers-controls-tooltip.mjs.map

package/fesm2022/ngneers-controls-tooltip.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ngneers-controls-tooltip.mjs","sources":["../../src/tooltip/relative-anchor-element-position.ts","../../src/tooltip/tooltip.ts","../../src/tooltip/tooltip.html","../../src/tooltip/ngneers-controls-tooltip.ts"],"sourcesContent":["import type { Middleware, Placement } from '@floating-ui/dom';\r\n\r\nexport type RelativeAnchorElementPositionData = {\r\n  start: number;\r\n  center: number;\r\n  end: number;\r\n};\r\n\r\nexport const relativeAnchorElementPosition: Middleware = {\r\n  name: 'relativeAnchorElementPosition',\r\n  async fn(state) {\r\n    const { placement, rects } = state;\r\n\r\n    const axis = getAxis(placement);\r\n    const axisSize = axis === 'x' ? 'width' : 'height';\r\n\r\n    return {\r\n      data: {\r\n        start: rects.reference[axis] - state[axis],\r\n        center: rects.reference[axis] + rects.reference[axisSize] / 2 - state[axis],\r\n        end: rects.reference[axis] + rects.reference[axisSize] - state[axis],\r\n      } satisfies RelativeAnchorElementPositionData,\r\n    };\r\n  },\r\n};\r\n\r\nfunction getAxis(placement: Placement): 'x' | 'y' {\r\n  switch (placement.split('-')[0]) {\r\n    case 'top':\r\n    case 'bottom':\r\n      return 'x';\r\n    case 'left':\r\n    case 'right':\r\n      return 'y';\r\n    default:\r\n      throw new Error(`Unknown placement: ${placement}`);\r\n  }\r\n}\r\n","import {\r\n  Component,\r\n  ComponentRef,\r\n  computed,\r\n  Directive,\r\n  DOCUMENT,\r\n  effect,\r\n  inject,\r\n  input,\r\n  type OnDestroy,\r\n  signal,\r\n  TemplateRef,\r\n  viewChild,\r\n  ViewContainerRef,\r\n  ChangeDetectionStrategy,\r\n} from '@angular/core';\r\nimport {\r\n  abortSignalOnDestroy,\r\n  autoPositionElement,\r\n  type AutoPositioningHandle,\r\n  NGN_CONFIG,\r\n  type PositioningSizeConstraints,\r\n  splitPlacement,\r\n  type TooltipOptions,\r\n} from '@ngneers/controls/api/ng';\r\nimport { NgnBase, provideSelf, NgnPt } from '@ngneers/controls/base';\r\nimport { NgnDefer } from '@ngneers/controls/defer';\r\nimport { getTimeSpanMilliseconds, notNullish, type TimeSpan } from '@ngneers/controls/utils';\r\nimport { computedWithPrevious, generateElementId } from '@ngneers/controls/utils-ng';\r\nimport { tooltipControlTemplate } from '@ngneers/controls-themes/templates/tooltip';\r\n\r\nimport {\r\n  relativeAnchorElementPosition,\r\n  type RelativeAnchorElementPositionData,\r\n} from './relative-anchor-element-position';\r\n\r\nimport type { Placement } from '@floating-ui/dom';\r\n\r\n/**\r\n * @category control\r\n */\r\n@Directive({\r\n  selector: '[ngnTooltip]',\r\n  exportAs: 'ngnTooltip',\r\n  providers: [provideSelf(NgnTooltip)],\r\n})\r\nexport class NgnTooltip extends NgnBase<'tooltip'> implements OnDestroy {\r\n  protected readonly theme = null;\r\n  private readonly _viewContainerRef = inject(ViewContainerRef);\r\n  private readonly _config = inject(NGN_CONFIG);\r\n  private readonly _tooltip = signal<ComponentRef<TooltipComponent> | null>(null);\r\n\r\n  /**\r\n   * The content of the tooltip, can be a string or a TemplateRef.\r\n   * If the value is falsy, the tooltip will not be shown.\r\n   * @alias ngnTooltip\r\n   */\r\n  public readonly content = input<TemplateRef<unknown> | string | null | undefined>(null, {\r\n    alias: 'ngnTooltip',\r\n  });\r\n  /**\r\n   * The CSS class to apply to the tooltip.\r\n   * This can be used to apply custom styles to the tooltip.\r\n   * @alias ngnTooltipStyleClass\r\n   */\r\n  public readonly styleClass = input<string | null | undefined>(null, {\r\n    alias: 'ngnTooltipStyleClass',\r\n  });\r\n  /**\r\n   * If set to `true`, the tooltip will only be shown if the anchor element is truncated. `\"\"` is equivalent to `true`.\r\n   * @alias ngnTooltipShowOnlyIfTruncated\r\n   * @default false\r\n   */\r\n  public readonly showOnlyIfTruncated = input<boolean | ''>(false, {\r\n    alias: 'ngnTooltipShowOnlyIfTruncated',\r\n  });\r\n  /**\r\n   * The size constraints for the tooltip.\r\n   * This can be used to limit the width and height of the tooltip.\r\n   * If not provided, the tooltip is only constrained by the size of the screen.\r\n   * @alias ngnTooltipSize\r\n   */\r\n  public readonly size = input<PositioningSizeConstraints | null | undefined>(null, {\r\n    alias: 'ngnTooltipSize',\r\n  });\r\n\r\n  /**\r\n   * The options for the tooltip.\r\n   * This is a shorthand for setting multiple options at once.\r\n   * The individual options take precedence over the options set here.\r\n   * @alias ngnTooltipOptions\r\n   */\r\n  public readonly options = input<Partial<TooltipOptions> | null | undefined>(null, {\r\n    alias: 'ngnTooltipOptions',\r\n  });\r\n  /**\r\n   * The placement of the tooltip relative to the anchor element.\r\n   * @alias ngnTooltipPlacement\r\n   * @default 'bottom'\r\n   */\r\n  public readonly placement = input<Placement | null | undefined>(null, {\r\n    alias: 'ngnTooltipPlacement',\r\n  });\r\n  /**\r\n   * The offset in Pixels of the tooltip from the anchor element.\r\n   * @alias ngnTooltipOffset\r\n   * @default 4\r\n   */\r\n  public readonly offset = input<number | null | undefined>(null, {\r\n    alias: 'ngnTooltipOffset',\r\n  });\r\n  /**\r\n   * The delay before the tooltip is shown. If a number is provided, it is interpreted as milliseconds.\r\n   * @alias ngnTooltipShowDelay\r\n   * @default '0.5s'\r\n   */\r\n  public readonly showDelay = input<TimeSpan | null | undefined>(null, {\r\n    alias: 'ngnTooltipShowDelay',\r\n  });\r\n  /**\r\n   * The delay before the tooltip is hidden. If a number is provided, it is interpreted as milliseconds.\r\n   * @alias ngnTooltipHideDelay\r\n   * @default '0.1s'\r\n   */\r\n  public readonly hideDelay = input<TimeSpan | null | undefined>(null, {\r\n    alias: 'ngnTooltipHideDelay',\r\n  });\r\n  /**\r\n   * Whether to show an arrow pointing to the anchor element. `\"\"` is equivalent to `true`.\r\n   * @alias ngnTooltipShowArrow\r\n   * @default true\r\n   */\r\n  public readonly showArrow = input<boolean | '' | null | undefined>(null, {\r\n    alias: 'ngnTooltipShowArrow',\r\n  });\r\n  /**\r\n   * Shows the tooltip on hover.\r\n   * @alias ngnTooltipShowOnHover\r\n   * @default true\r\n   */\r\n  public readonly showOnHover = input<boolean | '' | null | undefined>(null, {\r\n    alias: 'ngnTooltipShowOnHover',\r\n  });\r\n  /**\r\n   * Shows the tooltip on focus.\r\n   * @alias ngnTooltipShowOnFocus\r\n   * @default true\r\n   */\r\n  public readonly showOnFocus = input<boolean | '' | null | undefined>(null, {\r\n    alias: 'ngnTooltipShowOnFocus',\r\n  });\r\n  /**\r\n   * Hides the tooltip (without delay) when the mouse hovers over the tooltip.\r\n   * @alias ngnTooltipHideOnTooltipHover\r\n   * @default false\r\n   */\r\n  public readonly hideOnTooltipHover = input<boolean | '' | null | undefined>(null, {\r\n    alias: 'ngnTooltipHideOnTooltipHover',\r\n  });\r\n  /**\r\n   * Hides the tooltip (without delay) when the user clicks on the tooltip.\r\n   * @alias ngnTooltipHideOnClick\r\n   * @default true\r\n   */\r\n  public readonly hideOnClick = input<boolean | '' | null | undefined>(null, {\r\n    alias: 'ngnTooltipHideOnClick',\r\n  });\r\n\r\n  public readonly effectiveOptions = computed<TooltipOptions>(() => {\r\n    const defaults = this._config.defaults.tooltip;\r\n    return {\r\n      placement: this.placement() ?? this.options()?.placement ?? defaults.placement,\r\n      offset: this.offset() ?? this.options()?.offset ?? defaults.offset,\r\n      showDelay: this.showDelay() ?? this.options()?.showDelay ?? defaults.showDelay,\r\n      hideDelay: this.hideDelay() ?? this.options()?.hideDelay ?? defaults.hideDelay,\r\n      showArrow: (this.showArrow() ?? this.options()?.showArrow ?? defaults.showArrow) !== false,\r\n      showOnHover:\r\n        (this.showOnHover() ?? this.options()?.showOnHover ?? defaults.showOnHover) !== false,\r\n      showOnFocus:\r\n        (this.showOnFocus() ?? this.options()?.showOnFocus ?? defaults.showOnFocus) !== false,\r\n      hideOnTooltipHover:\r\n        (this.hideOnTooltipHover() ??\r\n          this.options()?.hideOnTooltipHover ??\r\n          defaults.hideOnTooltipHover) !== false,\r\n      hideOnClick:\r\n        (this.hideOnClick() ?? this.options()?.hideOnClick ?? defaults.hideOnClick) !== false,\r\n    };\r\n  });\r\n\r\n  public readonly tooltip = computed(() => this._tooltip()?.instance);\r\n\r\n  constructor() {\r\n    super();\r\n\r\n    const abortSignal = abortSignalOnDestroy();\r\n    this.element.nativeElement.addEventListener('mouseenter', this.onMouseEnter.bind(this), {\r\n      signal: abortSignal,\r\n    });\r\n    this.element.nativeElement.addEventListener('mouseleave', this.onMouseLeave.bind(this), {\r\n      signal: abortSignal,\r\n    });\r\n    this.element.nativeElement.addEventListener('focus', this.onFocus.bind(this), {\r\n      signal: abortSignal,\r\n    });\r\n    this.element.nativeElement.addEventListener('blur', this.onBlur.bind(this), {\r\n      signal: abortSignal,\r\n    });\r\n\r\n    effect(() => {\r\n      const tooltip = this._tooltip();\r\n      if (tooltip) this.updateContent(tooltip);\r\n    });\r\n    effect(() => this._tooltip()?.setInput('styleClass', this.styleClass()));\r\n    effect(() => this._tooltip()?.setInput('showOnlyIfTruncated', this.showOnlyIfTruncated()));\r\n    effect(() => this._tooltip()?.setInput('size', this.size()));\r\n    effect(() => this._tooltip()?.setInput('options', this.effectiveOptions()));\r\n  }\r\n\r\n  public ngOnDestroy(): void {\r\n    this._tooltip()?.destroy();\r\n    this._tooltip.set(null);\r\n  }\r\n\r\n  public show(): void {\r\n    const tooltip = this._tooltip();\r\n    if (tooltip) {\r\n      tooltip.instance.show();\r\n    } else {\r\n      const tooltip = this.getTooltip();\r\n      if (tooltip) {\r\n        requestAnimationFrame(() => tooltip.show());\r\n      }\r\n    }\r\n  }\r\n\r\n  public hide(): void {\r\n    this._tooltip()?.instance.hide();\r\n  }\r\n\r\n  protected onMouseEnter() {\r\n    if (this.effectiveOptions().showOnHover) {\r\n      this.show();\r\n    }\r\n  }\r\n\r\n  protected onMouseLeave() {\r\n    if (this.effectiveOptions().showOnHover) {\r\n      this.hide();\r\n    }\r\n  }\r\n\r\n  protected onFocus() {\r\n    if (this.effectiveOptions().showOnFocus) {\r\n      this.show();\r\n    }\r\n  }\r\n\r\n  protected onBlur() {\r\n    if (this.effectiveOptions().showOnFocus) {\r\n      this.hide();\r\n    }\r\n  }\r\n\r\n  private getTooltip(): TooltipComponent | undefined {\r\n    let tooltip = this._tooltip();\r\n    if (!tooltip && this.content()) {\r\n      tooltip = this._viewContainerRef.createComponent(TooltipComponent);\r\n      tooltip.setInput('anchor', this.element.nativeElement);\r\n      this.updateContent(tooltip);\r\n      tooltip.setInput('styleClass', this.styleClass());\r\n      tooltip.setInput('showOnlyIfTruncated', this.showOnlyIfTruncated());\r\n      tooltip.setInput('size', this.size());\r\n      tooltip.setInput('options', this.effectiveOptions());\r\n      this._tooltip.set(tooltip);\r\n    }\r\n    return tooltip?.instance;\r\n  }\r\n\r\n  private updateContent(tooltip: ComponentRef<TooltipComponent>) {\r\n    const content = this.content();\r\n    if (content instanceof TemplateRef) {\r\n      tooltip.setInput('text', null);\r\n      tooltip.setInput('content', content);\r\n    } else {\r\n      tooltip.setInput('text', content);\r\n      tooltip.setInput('content', null);\r\n    }\r\n  }\r\n}\r\n\r\n@Component({\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  selector: 'ngn-tooltip',\r\n  templateUrl: './tooltip.html',\r\n  imports: [NgnPt, NgnDefer],\r\n  providers: [provideSelf(TooltipComponent)],\r\n  host: {\r\n    '[class]': `positionClass()`,\r\n    '[style.--anchor-start]': `toPixels(relativeAnchorElementPosition()?.start)`,\r\n    '[style.--anchor-center]': `toPixels(relativeAnchorElementPosition()?.center)`,\r\n    '[style.--anchor-end]': `toPixels(relativeAnchorElementPosition()?.end)`,\r\n    '[style.left]': `toPixels(position().x)`,\r\n    '[style.top]': `toPixels(position().y)`,\r\n    '[attr.popover]': `'hint'`,\r\n    '[attr.id]': `id`,\r\n    '[attr.role]': `'tooltip'`,\r\n    '(toggle)': 'onToggle($event)',\r\n    '(mouseenter)': 'onMouseEnter()',\r\n    '(mouseleave)': 'onMouseLeave()',\r\n    '(click)': 'onClick($event)',\r\n  },\r\n})\r\nexport class TooltipComponent extends NgnBase<'tooltip'> {\r\n  private _showHideTimeout?: ReturnType<typeof setTimeout>;\r\n  protected readonly theme = this.injectThemeTemplate(tooltipControlTemplate, {\r\n    root: true,\r\n    closing: () => this.isClosing(),\r\n    'with-arrow': () => this.options().showArrow !== false,\r\n  });\r\n  private readonly _config = inject(NGN_CONFIG);\r\n\r\n  /**\r\n   * The anchor element to which the tooltip is attached.\r\n   */\r\n  public readonly anchor = input.required<HTMLElement>();\r\n  /**\r\n   * The text content of the tooltip.\r\n   */\r\n  public readonly text = input<string | null>();\r\n  /**\r\n   * The content template of the tooltip.\r\n   */\r\n  public readonly content = input<TemplateRef<unknown>>();\r\n  /**\r\n   * If set to `true`, the tooltip will only be shown if the anchor element is truncated. `\"\"` is equivalent to `true`.\r\n   * @default `false`\r\n   */\r\n  public readonly showOnlyIfTruncated = input<boolean | ''>(false);\r\n  /**\r\n   * The size constraints for the tooltip.\r\n   * This can be used to limit the width and height of the tooltip.\r\n   * If not provided, the tooltip is only constrained by the size of the screen.\r\n   */\r\n  public readonly size = input<PositioningSizeConstraints | null>();\r\n  /**\r\n   * The options for the tooltip.\r\n   *\r\n   */\r\n  public readonly options = input<TooltipOptions>(this._config.defaults.tooltip);\r\n\r\n  protected readonly showDelayMs = computed(() =>\r\n    getTimeSpanMilliseconds(this.options().showDelay)\r\n  );\r\n  protected readonly hideDelayMs = computed(() =>\r\n    getTimeSpanMilliseconds(this.options().hideDelay)\r\n  );\r\n\r\n  protected readonly position = signal<{ x: number; y: number }>({ x: 0, y: 0 });\r\n  protected readonly positionClass = signal<string>('');\r\n  protected readonly relativeAnchorElementPosition = signal<\r\n    RelativeAnchorElementPositionData | undefined\r\n  >(undefined);\r\n\r\n  private readonly _isShown = signal(false);\r\n  private readonly _isClosing = signal(false);\r\n\r\n  public readonly id = generateElementId();\r\n  public readonly isShown = this._isShown.asReadonly();\r\n  public readonly isClosing = this._isClosing.asReadonly();\r\n\r\n  private readonly _defaultContentTemplate =\r\n    viewChild.required<TemplateRef<unknown>>('defaultContentTemplate');\r\n  protected readonly contentTemplate = computed(\r\n    () => this.content() ?? this._defaultContentTemplate()\r\n  );\r\n\r\n  private readonly _autoPos = computedWithPrevious<AutoPositioningHandle | undefined>(prev => {\r\n    prev?.stop();\r\n    const element = this.element.nativeElement;\r\n    if (!element) {\r\n      return undefined;\r\n    }\r\n    return autoPositionElement(this.anchor(), element, {\r\n      injector: this.injector,\r\n      stopped: true,\r\n      resize: false,\r\n      sizeConstraints: this.size() ?? undefined,\r\n      placement: this.options().placement,\r\n      offset: this.options().offset,\r\n      middleware: [relativeAnchorElementPosition],\r\n      disableSettingStyles: true,\r\n      strategy: 'fixed',\r\n      onPositionChange: ({ x, y, placement, middlewareData }) => {\r\n        this.relativeAnchorElementPosition.set(middlewareData[relativeAnchorElementPosition.name]);\r\n        this.position.set({ x, y });\r\n        this.positionClass.set(\r\n          splitPlacement(placement)\r\n            .filter(notNullish)\r\n            .map(x => this.theme.class(x))\r\n            .join(' ')\r\n        );\r\n      },\r\n    });\r\n  });\r\n\r\n  constructor() {\r\n    super();\r\n    const document = inject(DOCUMENT);\r\n    const destroyAbortSignal = abortSignalOnDestroy();\r\n    effect(() => {\r\n      if (this.isShown() && !this.isClosing()) {\r\n        document.addEventListener('keydown', this.onDocumentKeyDown.bind(this), {\r\n          signal: destroyAbortSignal,\r\n        });\r\n      } else {\r\n        document.removeEventListener('keydown', this.onDocumentKeyDown.bind(this));\r\n      }\r\n    });\r\n    effect(() => {\r\n      if (this.isShown()) {\r\n        this._autoPos()?.start();\r\n      } else {\r\n        this._autoPos()?.stop();\r\n      }\r\n    });\r\n  }\r\n\r\n  public show(skipDelay = false) {\r\n    clearTimeout(this._showHideTimeout);\r\n\r\n    const delay = skipDelay ? 0 : this.showDelayMs();\r\n    if (delay <= 0) {\r\n      this.onShow();\r\n    } else {\r\n      this._showHideTimeout = setTimeout(() => this.onShow(), delay);\r\n    }\r\n  }\r\n\r\n  public hide(skipDelay = false) {\r\n    clearTimeout(this._showHideTimeout);\r\n\r\n    const delay = skipDelay ? 0 : this.hideDelayMs();\r\n    if (delay <= 0) {\r\n      this.onHide();\r\n    } else {\r\n      this._showHideTimeout = setTimeout(() => this.onHide(), delay);\r\n    }\r\n  }\r\n\r\n  protected onMouseEnter() {\r\n    if (this.options().hideOnTooltipHover) {\r\n      this.hide(true);\r\n    } else {\r\n      this.show(true);\r\n    }\r\n  }\r\n\r\n  protected onMouseLeave() {\r\n    this.hide();\r\n  }\r\n\r\n  protected onClick(event: PointerEvent) {\r\n    if (this.options().hideOnClick) {\r\n      this.hide(true);\r\n    }\r\n    event.stopPropagation();\r\n  }\r\n\r\n  protected onDocumentKeyDown(event: KeyboardEvent) {\r\n    if (event.key === 'Escape' || event.key === 'Esc') {\r\n      this.hide(true);\r\n      event.preventDefault();\r\n    }\r\n  }\r\n\r\n  protected onShow() {\r\n    if (!this.content() && !this.text()) {\r\n      return;\r\n    }\r\n    if (this.showOnlyIfTruncated() !== false && !isElementTruncated(this.anchor())) {\r\n      return;\r\n    }\r\n\r\n    this._isShown.set(true);\r\n    this.element.nativeElement.showPopover();\r\n  }\r\n\r\n  protected onHide() {\r\n    this._isClosing.set(true);\r\n    requestAnimationFrame(() => {\r\n      Promise.all(this.element.nativeElement.getAnimations().map(a => a.finished))\r\n        .then(() => this.element.nativeElement.hidePopover())\r\n        .catch(() => {})\r\n        .finally(() => this._isClosing.set(false));\r\n    });\r\n  }\r\n\r\n  protected onToggle(event: Event) {\r\n    const evt = event as ToggleEvent;\r\n    if (evt.newState === 'closed') {\r\n      this._isShown.set(false);\r\n    } else {\r\n      this._isShown.set(true);\r\n    }\r\n  }\r\n\r\n  protected toPixels(value: number | undefined): string | undefined {\r\n    return value !== undefined ? `${value}px` : undefined;\r\n  }\r\n}\r\n\r\nfunction isElementTruncated(element: HTMLElement): boolean {\r\n  return (\r\n    element.clientWidth < element.scrollWidth || // horizontal overflow\r\n    element.clientHeight < element.scrollHeight || // vertical overflow\r\n    element.offsetWidth < element.scrollWidth || // single-line ellipsis\r\n    element.offsetHeight < element.scrollHeight // multi-line ellipsis (line-clamp)\r\n  );\r\n}\r\n","<div [ptInt]=\"this\" [ptClass]=\"'content'\">\r\n  <ngn-defer [lazyContent]=\"contentTemplate()\" [open]=\"isShown()\" [cache]=\"false\"></ngn-defer>\r\n</div>\r\n\r\n<ng-template #defaultContentTemplate>\r\n  <span [ptInt]=\"this\" [ptClass]=\"'text'\">{{ text() }}</span>\r\n</ng-template>\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}