@educarehq/solaris-ui 0.1.0 → 0.2.0

package/esm2022/lib/components/interaction/tooltip/directive/tooltip.directive.js

@@ -0,0 +1,405 @@
+import { Directive, ElementRef, Injector, ViewContainerRef, computed, effect, inject, input, output, signal, DestroyRef, HostListener, booleanAttribute, numberAttribute, NgZone, } from '@angular/core';
+import { DOCUMENT } from '@angular/common';
+import { Overlay, OverlayConfig, } from '@angular/cdk/overlay';
+import { ComponentPortal } from '@angular/cdk/portal';
+import { SolarisTranslateService } from '../../../../services/translation';
+import { SolarisTooltipPanelComponent } from '../component/tooltip-panel.component';
+import { SOLARIS_TOOLTIP_PANEL_DATA, } from '../token/tooltip.tokens';
+import { getTooltipPositions, getTooltipArrowClass, derivePlacementFromConnectionPair, } from '../model/tooltip-position';
+import * as i0 from "@angular/core";
+let nextPanelId = 0;
+const TOOLTIP_TRIGGER_GAP = 3;
+const ARROW_SIZE_PX = {
+    sm: 12,
+    md: 20,
+    lg: 24,
+};
+export class SolarisTooltipDirective {
+    overlay = inject(Overlay);
+    elementRef = inject(ElementRef);
+    viewContainerRef = inject(ViewContainerRef);
+    injector = inject(Injector);
+    document = inject(DOCUMENT);
+    destroyRef = inject(DestroyRef);
+    translate = inject(SolarisTranslateService);
+    ngZone = inject(NgZone);
+    panelId = `solaris-tooltip-panel-${++nextPanelId}`;
+    isOpen = signal(false, ...(ngDevMode ? [{ debugName: "isOpen" }] : /* istanbul ignore next */ []));
+    isClickTrigger = computed(() => this.solarisTooltipTrigger() === 'click', ...(ngDevMode ? [{ debugName: "isClickTrigger" }] : /* istanbul ignore next */ []));
+    overlayRef = null;
+    outsideClickCleanup = null;
+    previousActiveElement = null;
+    hoverTimeout = null;
+    isHovered = false;
+    isFocused = false;
+    tooltipComponentRef = null;
+    positionChangesSub = null;
+    currentPlacement = 'top';
+    solarisTooltip = input(undefined, { ...(ngDevMode ? { debugName: "solarisTooltip" } : /* istanbul ignore next */ {}), alias: 'solarisTooltip' });
+    solarisTooltipKey = input(undefined, { ...(ngDevMode ? { debugName: "solarisTooltipKey" } : /* istanbul ignore next */ {}), alias: 'solarisTooltipKey' });
+    solarisTooltipFor = input(undefined, { ...(ngDevMode ? { debugName: "solarisTooltipFor" } : /* istanbul ignore next */ {}), alias: 'solarisTooltipFor' });
+    solarisTooltipTitle = input(undefined, { ...(ngDevMode ? { debugName: "solarisTooltipTitle" } : /* istanbul ignore next */ {}), alias: 'solarisTooltipTitle' });
+    solarisTooltipTitleKey = input(undefined, { ...(ngDevMode ? { debugName: "solarisTooltipTitleKey" } : /* istanbul ignore next */ {}), alias: 'solarisTooltipTitleKey' });
+    solarisTooltipIcon = input(undefined, { ...(ngDevMode ? { debugName: "solarisTooltipIcon" } : /* istanbul ignore next */ {}), alias: 'solarisTooltipIcon' });
+    solarisTooltipIconDecorative = input(true, { ...(ngDevMode ? { debugName: "solarisTooltipIconDecorative" } : /* istanbul ignore next */ {}), alias: 'solarisTooltipIconDecorative',
+        transform: booleanAttribute });
+    solarisTooltipTrigger = input('hover', { ...(ngDevMode ? { debugName: "solarisTooltipTrigger" } : /* istanbul ignore next */ {}), alias: 'solarisTooltipTrigger' });
+    solarisTooltipPlacement = input('top', { ...(ngDevMode ? { debugName: "solarisTooltipPlacement" } : /* istanbul ignore next */ {}), alias: 'solarisTooltipPlacement' });
+    solarisTooltipOffset = input(0, { ...(ngDevMode ? { debugName: "solarisTooltipOffset" } : /* istanbul ignore next */ {}), alias: 'solarisTooltipOffset',
+        transform: numberAttribute });
+    solarisTooltipDisabled = input(false, { ...(ngDevMode ? { debugName: "solarisTooltipDisabled" } : /* istanbul ignore next */ {}), alias: 'solarisTooltipDisabled',
+        transform: booleanAttribute });
+    solarisTooltipCloseable = input(false, { ...(ngDevMode ? { debugName: "solarisTooltipCloseable" } : /* istanbul ignore next */ {}), alias: 'solarisTooltipCloseable',
+        transform: booleanAttribute });
+    solarisTooltipCloseLabel = input(undefined, { ...(ngDevMode ? { debugName: "solarisTooltipCloseLabel" } : /* istanbul ignore next */ {}), alias: 'solarisTooltipCloseLabel' });
+    solarisTooltipCloseLabelKey = input(undefined, { ...(ngDevMode ? { debugName: "solarisTooltipCloseLabelKey" } : /* istanbul ignore next */ {}), alias: 'solarisTooltipCloseLabelKey' });
+    solarisTooltipShowDelay = input(300, { ...(ngDevMode ? { debugName: "solarisTooltipShowDelay" } : /* istanbul ignore next */ {}), alias: 'solarisTooltipShowDelay',
+        transform: numberAttribute });
+    solarisTooltipHideDelay = input(100, { ...(ngDevMode ? { debugName: "solarisTooltipHideDelay" } : /* istanbul ignore next */ {}), alias: 'solarisTooltipHideDelay',
+        transform: numberAttribute });
+    solarisTooltipAppearance = input('outline', { ...(ngDevMode ? { debugName: "solarisTooltipAppearance" } : /* istanbul ignore next */ {}), alias: 'solarisTooltipAppearance' });
+    solarisTooltipSize = input('sm', { ...(ngDevMode ? { debugName: "solarisTooltipSize" } : /* istanbul ignore next */ {}), alias: 'solarisTooltipSize' });
+    solarisTooltipRadius = input('md', { ...(ngDevMode ? { debugName: "solarisTooltipRadius" } : /* istanbul ignore next */ {}), alias: 'solarisTooltipRadius' });
+    solarisTooltipMaxWidth = input('20rem', { ...(ngDevMode ? { debugName: "solarisTooltipMaxWidth" } : /* istanbul ignore next */ {}), alias: 'solarisTooltipMaxWidth' });
+    solarisTooltipArrow = input(true, { ...(ngDevMode ? { debugName: "solarisTooltipArrow" } : /* istanbul ignore next */ {}), alias: 'solarisTooltipArrow',
+        transform: booleanAttribute });
+    solarisTooltipOpen = input(undefined, { ...(ngDevMode ? { debugName: "solarisTooltipOpen" } : /* istanbul ignore next */ {}), alias: 'solarisTooltipOpen' });
+    solarisTooltipOpened = output();
+    solarisTooltipClosed = output();
+    solarisTooltipOpenChange = output();
+    constructor() {
+        effect(() => {
+            const shouldBeOpen = this.solarisTooltipOpen();
+            if (shouldBeOpen === true && !this.isOpen()) {
+                this.open();
+            }
+            else if (shouldBeOpen === false && this.isOpen()) {
+                this.close();
+            }
+        });
+        this.destroyRef.onDestroy(() => {
+            this.disposeOverlay();
+            this.clearHoverTimeout();
+        });
+    }
+    ngAfterViewInit() {
+        if (!this.solarisTooltip() &&
+            !this.solarisTooltipKey() &&
+            !this.solarisTooltipFor()) {
+            console.warn('[SolarisTooltip] Tooltip requires solaris-tooltip, solarisTooltip, solarisTooltipKey, or solarisTooltipFor.');
+        }
+    }
+    onMouseEnter() {
+        this.isHovered = true;
+        if (this.solarisTooltipTrigger() === 'hover' &&
+            !this.solarisTooltipDisabled()) {
+            this.scheduleOpen(Number(this.solarisTooltipShowDelay()));
+        }
+    }
+    onMouseLeave() {
+        this.isHovered = false;
+        if (this.solarisTooltipTrigger() === 'hover') {
+            this.scheduleClose(Number(this.solarisTooltipHideDelay()));
+        }
+    }
+    onFocusIn() {
+        this.isFocused = true;
+        if (this.solarisTooltipTrigger() === 'hover' &&
+            !this.solarisTooltipDisabled()) {
+            this.scheduleOpen(Number(this.solarisTooltipShowDelay()));
+        }
+    }
+    onFocusOut() {
+        this.isFocused = false;
+        if (this.solarisTooltipTrigger() === 'hover') {
+            this.scheduleClose(Number(this.solarisTooltipHideDelay()));
+        }
+    }
+    onClick() {
+        if (this.solarisTooltipDisabled()) {
+            return;
+        }
+        if (this.solarisTooltipTrigger() === 'click') {
+            this.toggle();
+        }
+    }
+    onEscape() {
+        if (this.isOpen() && this.solarisTooltipTrigger() !== 'manual') {
+            this.close();
+        }
+    }
+    open() {
+        if (this.isOpen() || this.solarisTooltipDisabled()) {
+            return;
+        }
+        this.clearHoverTimeout();
+        if (this.solarisTooltipTrigger() === 'click') {
+            // SECURITY_EXCEPTION: this.document.activeElement required for restoreFocus. SSR-safe via injected DOCUMENT.
+            this.previousActiveElement = this.document.activeElement;
+        }
+        this.createOverlay();
+        this.attachPanel();
+        this.addOutsideClickHandler();
+        this.isOpen.set(true);
+        this.solarisTooltipOpened.emit();
+        this.solarisTooltipOpenChange.emit(true);
+    }
+    close() {
+        if (!this.isOpen()) {
+            return;
+        }
+        this.clearHoverTimeout();
+        this.detachPanel();
+        this.restoreFocus();
+        this.isOpen.set(false);
+        this.solarisTooltipClosed.emit();
+        this.solarisTooltipOpenChange.emit(false);
+    }
+    toggle() {
+        if (this.isOpen()) {
+            this.close();
+        }
+        else {
+            this.open();
+        }
+    }
+    reposition() {
+        if (this.overlayRef) {
+            this.overlayRef.updatePosition();
+        }
+    }
+    getResolvedBody() {
+        const text = this.solarisTooltip();
+        if (text) {
+            return text;
+        }
+        const key = this.solarisTooltipKey();
+        if (key) {
+            return this.translate.translate(key);
+        }
+        return undefined;
+    }
+    getResolvedTitle() {
+        const title = this.solarisTooltipTitle();
+        if (title) {
+            return title;
+        }
+        const titleKey = this.solarisTooltipTitleKey();
+        if (titleKey) {
+            return this.translate.translate(titleKey);
+        }
+        return undefined;
+    }
+    getResolvedCloseLabel() {
+        const closeLabel = this.solarisTooltipCloseLabel();
+        if (closeLabel) {
+            return closeLabel;
+        }
+        const closeLabelKey = this.solarisTooltipCloseLabelKey();
+        if (closeLabelKey) {
+            return this.translate.translate(closeLabelKey);
+        }
+        return this.translate.translate('solaris.tooltip.close');
+    }
+    scheduleOpen(delay) {
+        this.clearHoverTimeout();
+        if (delay > 0) {
+            this.hoverTimeout = setTimeout(() => {
+                this.ngZone.run(() => {
+                    if ((this.isHovered || this.isFocused) && !this.isOpen()) {
+                        this.open();
+                    }
+                });
+            }, delay);
+        }
+        else {
+            this.open();
+        }
+    }
+    scheduleClose(delay) {
+        this.clearHoverTimeout();
+        if (this.solarisTooltipTrigger() !== 'hover') {
+            return;
+        }
+        if (delay > 0) {
+            this.hoverTimeout = setTimeout(() => {
+                this.ngZone.run(() => {
+                    if (!this.isHovered && !this.isFocused && this.isOpen()) {
+                        this.close();
+                    }
+                });
+            }, delay);
+        }
+        else if (!this.isHovered && !this.isFocused) {
+            this.close();
+        }
+    }
+    clearHoverTimeout() {
+        if (this.hoverTimeout !== null) {
+            clearTimeout(this.hoverTimeout);
+            this.hoverTimeout = null;
+        }
+    }
+    createOverlay() {
+        this.disposeOverlay();
+        const positionStrategy = this.createPositionStrategy();
+        const scrollStrategy = this.overlay.scrollStrategies.reposition();
+        const config = new OverlayConfig({
+            positionStrategy,
+            scrollStrategy,
+            disposeOnNavigation: true,
+            panelClass: 'solaris-tooltip-panel-overlay',
+        });
+        this.overlayRef = this.overlay.create(config);
+    }
+    createPositionStrategy() {
+        const placement = this.solarisTooltipPlacement();
+        const userOffset = Number(this.solarisTooltipOffset());
+        const hasArrow = this.solarisTooltipArrow();
+        const size = this.solarisTooltipSize();
+        const arrowPx = hasArrow ? (ARROW_SIZE_PX[size] ?? 20) : 0;
+        const effectiveOffset = arrowPx + TOOLTIP_TRIGGER_GAP + userOffset;
+        const positions = getTooltipPositions(placement, effectiveOffset);
+        return this.overlay
+            .position()
+            .flexibleConnectedTo(this.elementRef)
+            .withPositions(positions)
+            .withFlexibleDimensions(true)
+            .withPush(true)
+            .withGrowAfterOpen(true);
+    }
+    attachPanel() {
+        if (!this.overlayRef) {
+            return;
+        }
+        this.currentPlacement = this.solarisTooltipPlacement();
+        const trigger = this.solarisTooltipTrigger();
+        const effectiveCloseable = trigger === 'click' ? this.solarisTooltipCloseable() : false;
+        const closeFn = () => this.close();
+        const data = {
+            title: this.getResolvedTitle(),
+            body: this.getResolvedBody(),
+            icon: this.solarisTooltipIcon(),
+            iconDecorative: this.solarisTooltipIconDecorative(),
+            contentTemplate: this.solarisTooltipFor(),
+            appearance: this.solarisTooltipAppearance(),
+            size: this.solarisTooltipSize(),
+            radius: this.solarisTooltipRadius(),
+            maxWidth: this.solarisTooltipMaxWidth(),
+            arrow: this.solarisTooltipArrow(),
+            arrowClass: getTooltipArrowClass(this.currentPlacement),
+            closeable: effectiveCloseable,
+            closeLabel: this.getResolvedCloseLabel(),
+            panelId: this.panelId,
+            placement: this.currentPlacement,
+            trigger,
+            close: closeFn,
+        };
+        const panelInjector = Injector.create({
+            parent: this.injector,
+            providers: [{ provide: SOLARIS_TOOLTIP_PANEL_DATA, useValue: data }],
+        });
+        const portal = new ComponentPortal(SolarisTooltipPanelComponent, this.viewContainerRef, panelInjector);
+        this.tooltipComponentRef = this.overlayRef.attach(portal);
+        const strategy = this.overlayRef.getConfig()
+            .positionStrategy;
+        this.positionChangesSub = strategy.positionChanges.subscribe((change) => {
+            const actualPlacement = derivePlacementFromConnectionPair(change.connectionPair);
+            if (actualPlacement !== this.currentPlacement) {
+                this.currentPlacement = actualPlacement;
+                this.tooltipComponentRef?.instance.updatePlacement(actualPlacement, getTooltipArrowClass(actualPlacement));
+            }
+        });
+    }
+    detachPanel() {
+        if (this.overlayRef) {
+            this.overlayRef.detach();
+            this.disposeOverlay();
+        }
+        this.removeOutsideClickHandler();
+    }
+    disposeOverlay() {
+        this.positionChangesSub?.unsubscribe();
+        this.positionChangesSub = null;
+        this.tooltipComponentRef = null;
+        if (this.overlayRef) {
+            this.overlayRef.dispose();
+            this.overlayRef = null;
+        }
+        this.removeOutsideClickHandler();
+    }
+    addOutsideClickHandler() {
+        if (this.solarisTooltipTrigger() !== 'click') {
+            return;
+        }
+        this.removeOutsideClickHandler();
+        this.outsideClickCleanup = this.rendererListen(this.document, 'click', this.handleOutsideClick);
+    }
+    removeOutsideClickHandler() {
+        if (this.outsideClickCleanup) {
+            this.outsideClickCleanup();
+            this.outsideClickCleanup = null;
+        }
+    }
+    handleOutsideClick = (event) => {
+        if (!this.overlayRef) {
+            return;
+        }
+        const overlayElement = this.overlayRef.overlayElement;
+        // SECURITY_EXCEPTION: nativeElement needed for outside-click containment check. ElementRef SSR-safe.
+        const triggerElement = this.elementRef.nativeElement;
+        const target = event.target;
+        if (target &&
+            !overlayElement.contains(target) &&
+            !triggerElement.contains(target)) {
+            this.close();
+        }
+    };
+    rendererListen(target, event, callback) {
+        target.addEventListener(event, callback);
+        return () => {
+            target.removeEventListener(event, callback);
+        };
+    }
+    restoreFocus() {
+        if (this.solarisTooltipTrigger() === 'click' &&
+            this.previousActiveElement &&
+            // SECURITY_EXCEPTION: this.document.contains() to safely verify trigger still exists before focus.
+            this.document.contains(this.previousActiveElement)) {
+            this.previousActiveElement.focus();
+        }
+        this.previousActiveElement = null;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SolarisTooltipDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.17", type: SolarisTooltipDirective, isStandalone: true, selector: "[solaris-tooltip], [solarisTooltip], [solarisTooltipFor]", inputs: { solarisTooltip: { classPropertyName: "solarisTooltip", publicName: "solarisTooltip", isSignal: true, isRequired: false, transformFunction: null }, solarisTooltipKey: { classPropertyName: "solarisTooltipKey", publicName: "solarisTooltipKey", isSignal: true, isRequired: false, transformFunction: null }, solarisTooltipFor: { classPropertyName: "solarisTooltipFor", publicName: "solarisTooltipFor", isSignal: true, isRequired: false, transformFunction: null }, solarisTooltipTitle: { classPropertyName: "solarisTooltipTitle", publicName: "solarisTooltipTitle", isSignal: true, isRequired: false, transformFunction: null }, solarisTooltipTitleKey: { classPropertyName: "solarisTooltipTitleKey", publicName: "solarisTooltipTitleKey", isSignal: true, isRequired: false, transformFunction: null }, solarisTooltipIcon: { classPropertyName: "solarisTooltipIcon", publicName: "solarisTooltipIcon", isSignal: true, isRequired: false, transformFunction: null }, solarisTooltipIconDecorative: { classPropertyName: "solarisTooltipIconDecorative", publicName: "solarisTooltipIconDecorative", isSignal: true, isRequired: false, transformFunction: null }, solarisTooltipTrigger: { classPropertyName: "solarisTooltipTrigger", publicName: "solarisTooltipTrigger", isSignal: true, isRequired: false, transformFunction: null }, solarisTooltipPlacement: { classPropertyName: "solarisTooltipPlacement", publicName: "solarisTooltipPlacement", isSignal: true, isRequired: false, transformFunction: null }, solarisTooltipOffset: { classPropertyName: "solarisTooltipOffset", publicName: "solarisTooltipOffset", isSignal: true, isRequired: false, transformFunction: null }, solarisTooltipDisabled: { classPropertyName: "solarisTooltipDisabled", publicName: "solarisTooltipDisabled", isSignal: true, isRequired: false, transformFunction: null }, solarisTooltipCloseable: { classPropertyName: "solarisTooltipCloseable", publicName: "solarisTooltipCloseable", isSignal: true, isRequired: false, transformFunction: null }, solarisTooltipCloseLabel: { classPropertyName: "solarisTooltipCloseLabel", publicName: "solarisTooltipCloseLabel", isSignal: true, isRequired: false, transformFunction: null }, solarisTooltipCloseLabelKey: { classPropertyName: "solarisTooltipCloseLabelKey", publicName: "solarisTooltipCloseLabelKey", isSignal: true, isRequired: false, transformFunction: null }, solarisTooltipShowDelay: { classPropertyName: "solarisTooltipShowDelay", publicName: "solarisTooltipShowDelay", isSignal: true, isRequired: false, transformFunction: null }, solarisTooltipHideDelay: { classPropertyName: "solarisTooltipHideDelay", publicName: "solarisTooltipHideDelay", isSignal: true, isRequired: false, transformFunction: null }, solarisTooltipAppearance: { classPropertyName: "solarisTooltipAppearance", publicName: "solarisTooltipAppearance", isSignal: true, isRequired: false, transformFunction: null }, solarisTooltipSize: { classPropertyName: "solarisTooltipSize", publicName: "solarisTooltipSize", isSignal: true, isRequired: false, transformFunction: null }, solarisTooltipRadius: { classPropertyName: "solarisTooltipRadius", publicName: "solarisTooltipRadius", isSignal: true, isRequired: false, transformFunction: null }, solarisTooltipMaxWidth: { classPropertyName: "solarisTooltipMaxWidth", publicName: "solarisTooltipMaxWidth", isSignal: true, isRequired: false, transformFunction: null }, solarisTooltipArrow: { classPropertyName: "solarisTooltipArrow", publicName: "solarisTooltipArrow", isSignal: true, isRequired: false, transformFunction: null }, solarisTooltipOpen: { classPropertyName: "solarisTooltipOpen", publicName: "solarisTooltipOpen", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { solarisTooltipOpened: "solarisTooltipOpened", solarisTooltipClosed: "solarisTooltipClosed", solarisTooltipOpenChange: "solarisTooltipOpenChange" }, host: { listeners: { "mouseenter": "onMouseEnter()", "mouseleave": "onMouseLeave()", "focusin": "onFocusIn()", "focusout": "onFocusOut()", "click": "onClick()", "keydown.escape": "onEscape()" }, properties: { "attr.aria-describedby": "isOpen() && !isClickTrigger() ? panelId : null" } }, exportAs: ["solarisTooltip"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SolarisTooltipDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[solaris-tooltip], [solarisTooltip], [solarisTooltipFor]',
+                    standalone: true,
+                    exportAs: 'solarisTooltip',
+                    host: {
+                        '[attr.aria-describedby]': 'isOpen() && !isClickTrigger() ? panelId : null',
+                    },
+                }]
+        }], ctorParameters: () => [], propDecorators: { solarisTooltip: [{ type: i0.Input, args: [{ isSignal: true, alias: "solarisTooltip", required: false }] }], solarisTooltipKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "solarisTooltipKey", required: false }] }], solarisTooltipFor: [{ type: i0.Input, args: [{ isSignal: true, alias: "solarisTooltipFor", required: false }] }], solarisTooltipTitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "solarisTooltipTitle", required: false }] }], solarisTooltipTitleKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "solarisTooltipTitleKey", required: false }] }], solarisTooltipIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "solarisTooltipIcon", required: false }] }], solarisTooltipIconDecorative: [{ type: i0.Input, args: [{ isSignal: true, alias: "solarisTooltipIconDecorative", required: false }] }], solarisTooltipTrigger: [{ type: i0.Input, args: [{ isSignal: true, alias: "solarisTooltipTrigger", required: false }] }], solarisTooltipPlacement: [{ type: i0.Input, args: [{ isSignal: true, alias: "solarisTooltipPlacement", required: false }] }], solarisTooltipOffset: [{ type: i0.Input, args: [{ isSignal: true, alias: "solarisTooltipOffset", required: false }] }], solarisTooltipDisabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "solarisTooltipDisabled", required: false }] }], solarisTooltipCloseable: [{ type: i0.Input, args: [{ isSignal: true, alias: "solarisTooltipCloseable", required: false }] }], solarisTooltipCloseLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "solarisTooltipCloseLabel", required: false }] }], solarisTooltipCloseLabelKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "solarisTooltipCloseLabelKey", required: false }] }], solarisTooltipShowDelay: [{ type: i0.Input, args: [{ isSignal: true, alias: "solarisTooltipShowDelay", required: false }] }], solarisTooltipHideDelay: [{ type: i0.Input, args: [{ isSignal: true, alias: "solarisTooltipHideDelay", required: false }] }], solarisTooltipAppearance: [{ type: i0.Input, args: [{ isSignal: true, alias: "solarisTooltipAppearance", required: false }] }], solarisTooltipSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "solarisTooltipSize", required: false }] }], solarisTooltipRadius: [{ type: i0.Input, args: [{ isSignal: true, alias: "solarisTooltipRadius", required: false }] }], solarisTooltipMaxWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "solarisTooltipMaxWidth", required: false }] }], solarisTooltipArrow: [{ type: i0.Input, args: [{ isSignal: true, alias: "solarisTooltipArrow", required: false }] }], solarisTooltipOpen: [{ type: i0.Input, args: [{ isSignal: true, alias: "solarisTooltipOpen", required: false }] }], solarisTooltipOpened: [{ type: i0.Output, args: ["solarisTooltipOpened"] }], solarisTooltipClosed: [{ type: i0.Output, args: ["solarisTooltipClosed"] }], solarisTooltipOpenChange: [{ type: i0.Output, args: ["solarisTooltipOpenChange"] }], onMouseEnter: [{
+                type: HostListener,
+                args: ['mouseenter']
+            }], onMouseLeave: [{
+                type: HostListener,
+                args: ['mouseleave']
+            }], onFocusIn: [{
+                type: HostListener,
+                args: ['focusin']
+            }], onFocusOut: [{
+                type: HostListener,
+                args: ['focusout']
+            }], onClick: [{
+                type: HostListener,
+                args: ['click']
+            }], onEscape: [{
+                type: HostListener,
+                args: ['keydown.escape']
+            }] } });
+//# sourceMappingURL=tooltip.directive.js.map

package/esm2022/lib/components/interaction/tooltip/directive/tooltip.directive.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.directive.js","sourceRoot":"","sources":["../../../../../../../../../packages/angular/src/lib/components/interaction/tooltip/directive/tooltip.directive.ts"],"names":[],"mappings":"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","sourcesContent":["import {\r\n  Directive,\r\n  ElementRef,\r\n  Injector,\r\n  ViewContainerRef,\r\n  ComponentRef,\r\n  computed,\r\n  effect,\r\n  inject,\r\n  input,\r\n  output,\r\n  signal,\r\n  DestroyRef,\r\n  HostListener,\r\n  TemplateRef,\r\n  AfterViewInit,\r\n  booleanAttribute,\r\n  numberAttribute,\r\n  NgZone,\r\n} from '@angular/core';\r\nimport { DOCUMENT } from '@angular/common';\r\nimport {\r\n  Overlay,\r\n  OverlayRef,\r\n  OverlayConfig,\r\n  FlexibleConnectedPositionStrategy,\r\n  type ConnectedOverlayPositionChange,\r\n} from '@angular/cdk/overlay';\r\nimport { ComponentPortal } from '@angular/cdk/portal';\r\nimport { Subscription } from 'rxjs';\r\n\r\nimport { SolarisTranslateService } from '../../../../services/translation';\r\n\r\nimport { SolarisTooltipPanelComponent } from '../component/tooltip-panel.component';\r\nimport {\r\n  SOLARIS_TOOLTIP_PANEL_DATA,\r\n  type SolarisTooltipPanelData,\r\n} from '../token/tooltip.tokens';\r\nimport {\r\n  getTooltipPositions,\r\n  getTooltipArrowClass,\r\n  derivePlacementFromConnectionPair,\r\n} from '../model/tooltip-position';\r\n\r\nimport type {\r\n  SolarisTooltipPlacement,\r\n  SolarisTooltipTrigger,\r\n  SolarisTooltipAppearance,\r\n  SolarisTooltipSize,\r\n  SolarisTooltipRadius,\r\n} from '../model/tooltip.types';\r\n\r\nlet nextPanelId = 0;\r\n\r\nconst TOOLTIP_TRIGGER_GAP = 3;\r\n\r\nconst ARROW_SIZE_PX: Record<string, number> = {\r\n  sm: 12,\r\n  md: 20,\r\n  lg: 24,\r\n};\r\n\r\n@Directive({\r\n  selector: '[solaris-tooltip], [solarisTooltip], [solarisTooltipFor]',\r\n  standalone: true,\r\n  exportAs: 'solarisTooltip',\r\n  host: {\r\n    '[attr.aria-describedby]': 'isOpen() && !isClickTrigger() ? panelId : null',\r\n  },\r\n})\r\nexport class SolarisTooltipDirective implements AfterViewInit {\r\n  private readonly overlay = inject(Overlay);\r\n  private readonly elementRef = inject<ElementRef<HTMLElement>>(ElementRef);\r\n  private readonly viewContainerRef = inject(ViewContainerRef);\r\n  private readonly injector = inject(Injector);\r\n  private readonly document = inject(DOCUMENT);\r\n  private readonly destroyRef = inject(DestroyRef);\r\n  private readonly translate = inject(SolarisTranslateService);\r\n  private readonly ngZone = inject(NgZone);\r\n\r\n  protected readonly panelId = `solaris-tooltip-panel-${++nextPanelId}`;\r\n  protected readonly isOpen = signal(false);\r\n  protected readonly isClickTrigger = computed(\r\n    () => this.solarisTooltipTrigger() === 'click',\r\n  );\r\n\r\n  private overlayRef: OverlayRef | null = null;\r\n  private outsideClickCleanup: (() => void) | null = null;\r\n  private previousActiveElement: HTMLElement | null = null;\r\n  private hoverTimeout: ReturnType<typeof setTimeout> | null = null;\r\n  private isHovered = false;\r\n  private isFocused = false;\r\n  private tooltipComponentRef: ComponentRef<SolarisTooltipPanelComponent> | null =\r\n    null;\r\n  private positionChangesSub: Subscription | null = null;\r\n  private currentPlacement: SolarisTooltipPlacement = 'top';\r\n\r\n  readonly solarisTooltip = input<string | undefined>(undefined, {\r\n    alias: 'solarisTooltip',\r\n  });\r\n\r\n  readonly solarisTooltipKey = input<string | undefined>(undefined, {\r\n    alias: 'solarisTooltipKey',\r\n  });\r\n\r\n  readonly solarisTooltipFor = input<TemplateRef<unknown> | undefined>(\r\n    undefined,\r\n    {\r\n      alias: 'solarisTooltipFor',\r\n    },\r\n  );\r\n\r\n  readonly solarisTooltipTitle = input<string | undefined>(undefined, {\r\n    alias: 'solarisTooltipTitle',\r\n  });\r\n\r\n  readonly solarisTooltipTitleKey = input<string | undefined>(undefined, {\r\n    alias: 'solarisTooltipTitleKey',\r\n  });\r\n\r\n  readonly solarisTooltipIcon = input<string | undefined>(undefined, {\r\n    alias: 'solarisTooltipIcon',\r\n  });\r\n\r\n  readonly solarisTooltipIconDecorative = input<boolean, boolean>(true, {\r\n    alias: 'solarisTooltipIconDecorative',\r\n    transform: booleanAttribute,\r\n  });\r\n\r\n  readonly solarisTooltipTrigger = input<SolarisTooltipTrigger>('hover', {\r\n    alias: 'solarisTooltipTrigger',\r\n  });\r\n\r\n  readonly solarisTooltipPlacement = input<SolarisTooltipPlacement>('top', {\r\n    alias: 'solarisTooltipPlacement',\r\n  });\r\n\r\n  readonly solarisTooltipOffset = input<number, string | number>(0, {\r\n    alias: 'solarisTooltipOffset',\r\n    transform: numberAttribute,\r\n  });\r\n\r\n  readonly solarisTooltipDisabled = input<boolean, boolean>(false, {\r\n    alias: 'solarisTooltipDisabled',\r\n    transform: booleanAttribute,\r\n  });\r\n\r\n  readonly solarisTooltipCloseable = input<boolean, boolean>(false, {\r\n    alias: 'solarisTooltipCloseable',\r\n    transform: booleanAttribute,\r\n  });\r\n\r\n  readonly solarisTooltipCloseLabel = input<string | undefined>(undefined, {\r\n    alias: 'solarisTooltipCloseLabel',\r\n  });\r\n\r\n  readonly solarisTooltipCloseLabelKey = input<string | undefined>(undefined, {\r\n    alias: 'solarisTooltipCloseLabelKey',\r\n  });\r\n\r\n  readonly solarisTooltipShowDelay = input<number, string | number>(300, {\r\n    alias: 'solarisTooltipShowDelay',\r\n    transform: numberAttribute,\r\n  });\r\n\r\n  readonly solarisTooltipHideDelay = input<number, string | number>(100, {\r\n    alias: 'solarisTooltipHideDelay',\r\n    transform: numberAttribute,\r\n  });\r\n\r\n  readonly solarisTooltipAppearance = input<SolarisTooltipAppearance>(\r\n    'outline',\r\n    {\r\n      alias: 'solarisTooltipAppearance',\r\n    },\r\n  );\r\n\r\n  readonly solarisTooltipSize = input<SolarisTooltipSize>('sm', {\r\n    alias: 'solarisTooltipSize',\r\n  });\r\n\r\n  readonly solarisTooltipRadius = input<SolarisTooltipRadius>('md', {\r\n    alias: 'solarisTooltipRadius',\r\n  });\r\n\r\n  readonly solarisTooltipMaxWidth = input<string | number>('20rem', {\r\n    alias: 'solarisTooltipMaxWidth',\r\n  });\r\n\r\n  readonly solarisTooltipArrow = input<boolean, boolean>(true, {\r\n    alias: 'solarisTooltipArrow',\r\n    transform: booleanAttribute,\r\n  });\r\n\r\n  readonly solarisTooltipOpen = input<boolean | undefined>(undefined, {\r\n    alias: 'solarisTooltipOpen',\r\n  });\r\n\r\n  readonly solarisTooltipOpened = output<void>();\r\n  readonly solarisTooltipClosed = output<void>();\r\n  readonly solarisTooltipOpenChange = output<boolean>();\r\n\r\n  constructor() {\r\n    effect(() => {\r\n      const shouldBeOpen = this.solarisTooltipOpen();\r\n      if (shouldBeOpen === true && !this.isOpen()) {\r\n        this.open();\r\n      } else if (shouldBeOpen === false && this.isOpen()) {\r\n        this.close();\r\n      }\r\n    });\r\n\r\n    this.destroyRef.onDestroy(() => {\r\n      this.disposeOverlay();\r\n      this.clearHoverTimeout();\r\n    });\r\n  }\r\n\r\n  ngAfterViewInit(): void {\r\n    if (\r\n      !this.solarisTooltip() &&\r\n      !this.solarisTooltipKey() &&\r\n      !this.solarisTooltipFor()\r\n    ) {\r\n      console.warn(\r\n        '[SolarisTooltip] Tooltip requires solaris-tooltip, solarisTooltip, solarisTooltipKey, or solarisTooltipFor.',\r\n      );\r\n    }\r\n  }\r\n\r\n  @HostListener('mouseenter')\r\n  onMouseEnter(): void {\r\n    this.isHovered = true;\r\n    if (\r\n      this.solarisTooltipTrigger() === 'hover' &&\r\n      !this.solarisTooltipDisabled()\r\n    ) {\r\n      this.scheduleOpen(Number(this.solarisTooltipShowDelay()));\r\n    }\r\n  }\r\n\r\n  @HostListener('mouseleave')\r\n  onMouseLeave(): void {\r\n    this.isHovered = false;\r\n    if (this.solarisTooltipTrigger() === 'hover') {\r\n      this.scheduleClose(Number(this.solarisTooltipHideDelay()));\r\n    }\r\n  }\r\n\r\n  @HostListener('focusin')\r\n  onFocusIn(): void {\r\n    this.isFocused = true;\r\n    if (\r\n      this.solarisTooltipTrigger() === 'hover' &&\r\n      !this.solarisTooltipDisabled()\r\n    ) {\r\n      this.scheduleOpen(Number(this.solarisTooltipShowDelay()));\r\n    }\r\n  }\r\n\r\n  @HostListener('focusout')\r\n  onFocusOut(): void {\r\n    this.isFocused = false;\r\n    if (this.solarisTooltipTrigger() === 'hover') {\r\n      this.scheduleClose(Number(this.solarisTooltipHideDelay()));\r\n    }\r\n  }\r\n\r\n  @HostListener('click')\r\n  onClick(): void {\r\n    if (this.solarisTooltipDisabled()) {\r\n      return;\r\n    }\r\n\r\n    if (this.solarisTooltipTrigger() === 'click') {\r\n      this.toggle();\r\n    }\r\n  }\r\n\r\n  @HostListener('keydown.escape')\r\n  onEscape(): void {\r\n    if (this.isOpen() && this.solarisTooltipTrigger() !== 'manual') {\r\n      this.close();\r\n    }\r\n  }\r\n\r\n  open(): void {\r\n    if (this.isOpen() || this.solarisTooltipDisabled()) {\r\n      return;\r\n    }\r\n\r\n    this.clearHoverTimeout();\r\n\r\n    if (this.solarisTooltipTrigger() === 'click') {\r\n      // SECURITY_EXCEPTION: this.document.activeElement required for restoreFocus. SSR-safe via injected DOCUMENT.\r\n      this.previousActiveElement = this.document.activeElement as HTMLElement;\r\n    }\r\n\r\n    this.createOverlay();\r\n    this.attachPanel();\r\n    this.addOutsideClickHandler();\r\n    this.isOpen.set(true);\r\n    this.solarisTooltipOpened.emit();\r\n    this.solarisTooltipOpenChange.emit(true);\r\n  }\r\n\r\n  close(): void {\r\n    if (!this.isOpen()) {\r\n      return;\r\n    }\r\n\r\n    this.clearHoverTimeout();\r\n    this.detachPanel();\r\n    this.restoreFocus();\r\n    this.isOpen.set(false);\r\n    this.solarisTooltipClosed.emit();\r\n    this.solarisTooltipOpenChange.emit(false);\r\n  }\r\n\r\n  toggle(): void {\r\n    if (this.isOpen()) {\r\n      this.close();\r\n    } else {\r\n      this.open();\r\n    }\r\n  }\r\n\r\n  reposition(): void {\r\n    if (this.overlayRef) {\r\n      this.overlayRef.updatePosition();\r\n    }\r\n  }\r\n\r\n  private getResolvedBody(): string | undefined {\r\n    const text = this.solarisTooltip();\r\n    if (text) {\r\n      return text;\r\n    }\r\n\r\n    const key = this.solarisTooltipKey();\r\n    if (key) {\r\n      return this.translate.translate(key);\r\n    }\r\n\r\n    return undefined;\r\n  }\r\n\r\n  private getResolvedTitle(): string | undefined {\r\n    const title = this.solarisTooltipTitle();\r\n    if (title) {\r\n      return title;\r\n    }\r\n\r\n    const titleKey = this.solarisTooltipTitleKey();\r\n    if (titleKey) {\r\n      return this.translate.translate(titleKey);\r\n    }\r\n\r\n    return undefined;\r\n  }\r\n\r\n  private getResolvedCloseLabel(): string {\r\n    const closeLabel = this.solarisTooltipCloseLabel();\r\n    if (closeLabel) {\r\n      return closeLabel;\r\n    }\r\n\r\n    const closeLabelKey = this.solarisTooltipCloseLabelKey();\r\n    if (closeLabelKey) {\r\n      return this.translate.translate(closeLabelKey);\r\n    }\r\n\r\n    return this.translate.translate('solaris.tooltip.close');\r\n  }\r\n\r\n  private scheduleOpen(delay: number): void {\r\n    this.clearHoverTimeout();\r\n    if (delay > 0) {\r\n      this.hoverTimeout = setTimeout(() => {\r\n        this.ngZone.run(() => {\r\n          if ((this.isHovered || this.isFocused) && !this.isOpen()) {\r\n            this.open();\r\n          }\r\n        });\r\n      }, delay);\r\n    } else {\r\n      this.open();\r\n    }\r\n  }\r\n\r\n  private scheduleClose(delay: number): void {\r\n    this.clearHoverTimeout();\r\n\r\n    if (this.solarisTooltipTrigger() !== 'hover') {\r\n      return;\r\n    }\r\n\r\n    if (delay > 0) {\r\n      this.hoverTimeout = setTimeout(() => {\r\n        this.ngZone.run(() => {\r\n          if (!this.isHovered && !this.isFocused && this.isOpen()) {\r\n            this.close();\r\n          }\r\n        });\r\n      }, delay);\r\n    } else if (!this.isHovered && !this.isFocused) {\r\n      this.close();\r\n    }\r\n  }\r\n\r\n  private clearHoverTimeout(): void {\r\n    if (this.hoverTimeout !== null) {\r\n      clearTimeout(this.hoverTimeout);\r\n      this.hoverTimeout = null;\r\n    }\r\n  }\r\n\r\n  private createOverlay(): void {\r\n    this.disposeOverlay();\r\n\r\n    const positionStrategy = this.createPositionStrategy();\r\n    const scrollStrategy = this.overlay.scrollStrategies.reposition();\r\n\r\n    const config = new OverlayConfig({\r\n      positionStrategy,\r\n      scrollStrategy,\r\n      disposeOnNavigation: true,\r\n      panelClass: 'solaris-tooltip-panel-overlay',\r\n    });\r\n\r\n    this.overlayRef = this.overlay.create(config);\r\n  }\r\n\r\n  private createPositionStrategy(): FlexibleConnectedPositionStrategy {\r\n    const placement = this.solarisTooltipPlacement();\r\n    const userOffset = Number(this.solarisTooltipOffset());\r\n    const hasArrow = this.solarisTooltipArrow();\r\n    const size = this.solarisTooltipSize();\r\n    const arrowPx = hasArrow ? (ARROW_SIZE_PX[size] ?? 20) : 0;\r\n    const effectiveOffset = arrowPx + TOOLTIP_TRIGGER_GAP + userOffset;\r\n    const positions = getTooltipPositions(placement, effectiveOffset);\r\n\r\n    return this.overlay\r\n      .position()\r\n      .flexibleConnectedTo(this.elementRef)\r\n      .withPositions(positions)\r\n      .withFlexibleDimensions(true)\r\n      .withPush(true)\r\n      .withGrowAfterOpen(true);\r\n  }\r\n\r\n  private attachPanel(): void {\r\n    if (!this.overlayRef) {\r\n      return;\r\n    }\r\n\r\n    this.currentPlacement = this.solarisTooltipPlacement();\r\n    const trigger = this.solarisTooltipTrigger();\r\n    const effectiveCloseable =\r\n      trigger === 'click' ? this.solarisTooltipCloseable() : false;\r\n    const closeFn = () => this.close();\r\n\r\n    const data: SolarisTooltipPanelData = {\r\n      title: this.getResolvedTitle(),\r\n      body: this.getResolvedBody(),\r\n      icon: this.solarisTooltipIcon(),\r\n      iconDecorative: this.solarisTooltipIconDecorative(),\r\n      contentTemplate: this.solarisTooltipFor(),\r\n      appearance: this.solarisTooltipAppearance(),\r\n      size: this.solarisTooltipSize(),\r\n      radius: this.solarisTooltipRadius(),\r\n      maxWidth: this.solarisTooltipMaxWidth(),\r\n      arrow: this.solarisTooltipArrow(),\r\n      arrowClass: getTooltipArrowClass(this.currentPlacement),\r\n      closeable: effectiveCloseable,\r\n      closeLabel: this.getResolvedCloseLabel(),\r\n      panelId: this.panelId,\r\n      placement: this.currentPlacement,\r\n      trigger,\r\n      close: closeFn,\r\n    };\r\n\r\n    const panelInjector = Injector.create({\r\n      parent: this.injector,\r\n      providers: [{ provide: SOLARIS_TOOLTIP_PANEL_DATA, useValue: data }],\r\n    });\r\n\r\n    const portal = new ComponentPortal(\r\n      SolarisTooltipPanelComponent,\r\n      this.viewContainerRef,\r\n      panelInjector,\r\n    );\r\n\r\n    this.tooltipComponentRef = this.overlayRef.attach(portal);\r\n\r\n    const strategy = this.overlayRef.getConfig()\r\n      .positionStrategy as FlexibleConnectedPositionStrategy;\r\n    this.positionChangesSub = strategy.positionChanges.subscribe(\r\n      (change: ConnectedOverlayPositionChange) => {\r\n        const actualPlacement = derivePlacementFromConnectionPair(\r\n          change.connectionPair,\r\n        );\r\n        if (actualPlacement !== this.currentPlacement) {\r\n          this.currentPlacement = actualPlacement;\r\n          this.tooltipComponentRef?.instance.updatePlacement(\r\n            actualPlacement,\r\n            getTooltipArrowClass(actualPlacement),\r\n          );\r\n        }\r\n      },\r\n    );\r\n  }\r\n\r\n  private detachPanel(): void {\r\n    if (this.overlayRef) {\r\n      this.overlayRef.detach();\r\n      this.disposeOverlay();\r\n    }\r\n    this.removeOutsideClickHandler();\r\n  }\r\n\r\n  private disposeOverlay(): void {\r\n    this.positionChangesSub?.unsubscribe();\r\n    this.positionChangesSub = null;\r\n    this.tooltipComponentRef = null;\r\n    if (this.overlayRef) {\r\n      this.overlayRef.dispose();\r\n      this.overlayRef = null;\r\n    }\r\n    this.removeOutsideClickHandler();\r\n  }\r\n\r\n  private addOutsideClickHandler(): void {\r\n    if (this.solarisTooltipTrigger() !== 'click') {\r\n      return;\r\n    }\r\n\r\n    this.removeOutsideClickHandler();\r\n\r\n    this.outsideClickCleanup = this.rendererListen(\r\n      this.document,\r\n      'click',\r\n      this.handleOutsideClick,\r\n    );\r\n  }\r\n\r\n  private removeOutsideClickHandler(): void {\r\n    if (this.outsideClickCleanup) {\r\n      this.outsideClickCleanup();\r\n      this.outsideClickCleanup = null;\r\n    }\r\n  }\r\n\r\n  private readonly handleOutsideClick = (event: Event): void => {\r\n    if (!this.overlayRef) {\r\n      return;\r\n    }\r\n\r\n    const overlayElement = this.overlayRef.overlayElement;\r\n    // SECURITY_EXCEPTION: nativeElement needed for outside-click containment check. ElementRef SSR-safe.\r\n    const triggerElement = this.elementRef.nativeElement;\r\n    const target = event.target as Node;\r\n\r\n    if (\r\n      target &&\r\n      !overlayElement.contains(target) &&\r\n      !triggerElement.contains(target)\r\n    ) {\r\n      this.close();\r\n    }\r\n  };\r\n\r\n  private rendererListen(\r\n    target: EventTarget,\r\n    event: string,\r\n    callback: (event: Event) => void,\r\n  ): () => void {\r\n    target.addEventListener(event, callback);\r\n    return () => {\r\n      target.removeEventListener(event, callback);\r\n    };\r\n  }\r\n\r\n  private restoreFocus(): void {\r\n    if (\r\n      this.solarisTooltipTrigger() === 'click' &&\r\n      this.previousActiveElement &&\r\n      // SECURITY_EXCEPTION: this.document.contains() to safely verify trigger still exists before focus.\r\n      this.document.contains(this.previousActiveElement)\r\n    ) {\r\n      this.previousActiveElement.focus();\r\n    }\r\n    this.previousActiveElement = null;\r\n  }\r\n}\r\n"]}

package/esm2022/lib/components/interaction/tooltip/index.js

@@ -0,0 +1,3 @@
+export { SolarisTooltipDirective } from './directive/tooltip.directive';
+export { SolarisTooltipPanelComponent } from './component/tooltip-panel.component';
+//# sourceMappingURL=index.js.map

package/esm2022/lib/components/interaction/tooltip/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../packages/angular/src/lib/components/interaction/tooltip/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,MAAM,+BAA+B,CAAC;AACxE,OAAO,EAAE,4BAA4B,EAAE,MAAM,qCAAqC,CAAC","sourcesContent":["export { SolarisTooltipDirective } from './directive/tooltip.directive';\nexport { SolarisTooltipPanelComponent } from './component/tooltip-panel.component';\n\nexport type {\n  SolarisTooltipPlacement,\n  SolarisTooltipTrigger,\n  SolarisTooltipAppearance,\n  SolarisTooltipSize,\n  SolarisTooltipRadius,\n  SolarisTooltipConfig,\n} from './model/tooltip.types';\n"]}