npm - @educarehq/solaris-ui - Versions diffs - 0.1.0 → 0.3.0 - Mend

@educarehq/solaris-ui 0.1.0 → 0.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (575) hide show

package/esm2022/lib/components/interaction/tooltip/component/tooltip-panel.component.js ADDED Viewed

@@ -0,0 +1,23 @@
+import { Component, inject, ChangeDetectorRef } from '@angular/core';
+import { NgTemplateOutlet } from '@angular/common';
+import { SolarisIconComponent } from '../../../icon';
+import { SOLARIS_TOOLTIP_PANEL_DATA, } from '../token/tooltip.tokens';
+import * as i0 from "@angular/core";
+export class SolarisTooltipPanelComponent {
+    data = inject(SOLARIS_TOOLTIP_PANEL_DATA);
+    cdr = inject(ChangeDetectorRef);
+    updatePlacement(placement, arrowClass) {
+        this.data.placement = placement;
+        this.data.arrowClass = arrowClass;
+        this.cdr.markForCheck();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SolarisTooltipPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: SolarisTooltipPanelComponent, isStandalone: true, selector: "solaris-tooltip-panel", host: { classAttribute: "solaris-tooltip-panel" }, ngImport: i0, template: "<div\n  class=\"solaris-tooltip-panel__container\"\n  [attr.data-appearance]=\"data.appearance\"\n  [attr.data-size]=\"data.size\"\n  [attr.data-radius]=\"data.radius\"\n  [attr.data-placement]=\"data.placement\"\n  [id]=\"data.panelId\"\n  [style.max-width]=\"data.maxWidth\"\n>\n  @if (data.arrow) {\n    <div class=\"solaris-tooltip-panel__arrow {{ data.arrowClass }}\"></div>\n  }\n\n  <div class=\"solaris-tooltip-panel__content\">\n    @if (data.icon) {\n      <solaris-icon\n        [name]=\"data.icon\"\n        [decorative]=\"data.iconDecorative\"\n        class=\"solaris-tooltip-panel__icon\"\n      />\n    }\n\n    <div class=\"solaris-tooltip-panel__text\">\n      @if (data.title) {\n        <div class=\"solaris-tooltip-panel__title\">{{ data.title }}</div>\n      }\n\n      @if (data.body) {\n        <div class=\"solaris-tooltip-panel__body\">{{ data.body }}</div>\n      }\n\n      @if (data.contentTemplate) {\n        <ng-container [ngTemplateOutlet]=\"data.contentTemplate\" />\n      }\n    </div>\n  </div>\n\n  @if (data.closeable) {\n    <button\n      class=\"solaris-tooltip-panel__close\"\n      type=\"button\"\n      (click)=\"data.close()\"\n      attr.aria-label=\"{{ data.closeLabel }}\"\n    >\n      <solaris-icon name=\"x\" [decorative]=\"true\" />\n    </button>\n  }\n</div>\n", styles: [".solaris-tooltip-panel{--solaris-tooltip-max-width: 32rem;--solaris-tooltip-border-width: 0px;--solaris-tooltip-border-color: transparent;--solaris-tooltip-gap: var(--solaris-spacing-5);--solaris-tooltip-shadow: var(--solaris-shadow-sm);--solaris-tooltip-radius: var(--solaris-radius-md);--solaris-tooltip-color: var(--solaris-text-default);--solaris-tooltip-icon-size: var(--solaris-font-size-md);--solaris-tooltip-arrow-size: var(--solaris-font-size-xs);--solaris-tooltip-padding-block: var(--solaris-spacing-3);--solaris-tooltip-padding-inline: var(--solaris-spacing-5);--solaris-tooltip-background: var(--solaris-surface-raised);--solaris-tooltip-offset: calc(var(--solaris-spacing-1) / 2);outline:none;display:block}.solaris-tooltip-panel__container{--solaris-tooltip-background: var(--solaris-surface-raised);display:flex;outline:none;overflow:visible;position:relative;word-break:normal;white-space:normal;box-sizing:border-box;align-items:flex-start;gap:var(--solaris-tooltip-gap);color:var(--solaris-tooltip-color);box-shadow:var(--solaris-tooltip-shadow);line-height:var(--solaris-line-height-md);max-width:var(--solaris-tooltip-max-width);border-radius:var(--solaris-tooltip-radius);background:var(--solaris-tooltip-background);padding-block:var(--solaris-tooltip-padding-block);padding-inline:var(--solaris-tooltip-padding-inline);border:var(--solaris-tooltip-border-width) solid var(--solaris-tooltip-border-color)}.solaris-tooltip-panel__arrow{--solaris-tooltip-arrow-outer-size: calc( var(--solaris-tooltip-arrow-size) + var(--solaris-tooltip-border-width, 0px) + var(--solaris-tooltip-border-width, 0px) );width:0;height:0;position:absolute;pointer-events:none}.solaris-tooltip-panel__arrow:before,.solaris-tooltip-panel__arrow:after{width:0;height:0;content:\"\";position:absolute;border-style:solid}.solaris-tooltip-arrow--bottom{left:50%;transform:translate(-50%);bottom:calc(0px - var(--solaris-tooltip-border-width, 0px))}.solaris-tooltip-arrow--bottom:before,.solaris-tooltip-arrow--bottom:after{left:50%;transform:translate(-50%);top:calc(0px - var(--solaris-tooltip-border-width, 0px))}.solaris-tooltip-arrow--bottom:before{border-width:var(--solaris-tooltip-arrow-outer-size) var(--solaris-tooltip-arrow-outer-size) 0;border-color:var(--solaris-tooltip-border-color) transparent transparent}.solaris-tooltip-arrow--bottom:after{border-width:var(--solaris-tooltip-arrow-size) var(--solaris-tooltip-arrow-size) 0;border-color:var(--solaris-tooltip-background) transparent transparent}.solaris-tooltip-arrow--top{left:50%;transform:translate(-50%);top:calc(0px - var(--solaris-tooltip-border-width, 0px))}.solaris-tooltip-arrow--top:before,.solaris-tooltip-arrow--top:after{left:50%;transform:translate(-50%);bottom:calc(0px - var(--solaris-tooltip-border-width, 0px))}.solaris-tooltip-arrow--top:before{border-width:0 var(--solaris-tooltip-arrow-outer-size) var(--solaris-tooltip-arrow-outer-size);border-color:transparent transparent var(--solaris-tooltip-border-color)}.solaris-tooltip-arrow--top:after{border-width:0 var(--solaris-tooltip-arrow-size) var(--solaris-tooltip-arrow-size);border-color:transparent transparent var(--solaris-tooltip-background)}.solaris-tooltip-arrow--right{top:50%;transform:translateY(-50%);right:calc(0px - var(--solaris-tooltip-border-width, 0px))}.solaris-tooltip-arrow--right:before,.solaris-tooltip-arrow--right:after{top:50%;transform:translateY(-50%);left:calc(0px - var(--solaris-tooltip-border-width, 0px))}.solaris-tooltip-arrow--right:before{border-width:var(--solaris-tooltip-arrow-outer-size) 0 var(--solaris-tooltip-arrow-outer-size) var(--solaris-tooltip-arrow-outer-size);border-color:transparent transparent transparent var(--solaris-tooltip-border-color)}.solaris-tooltip-arrow--right:after{border-width:var(--solaris-tooltip-arrow-size) 0 var(--solaris-tooltip-arrow-size) var(--solaris-tooltip-arrow-size);border-color:transparent transparent transparent var(--solaris-tooltip-background)}.solaris-tooltip-arrow--left{top:50%;transform:translateY(-50%);left:calc(0px - var(--solaris-tooltip-border-width, 0px))}.solaris-tooltip-arrow--left:before,.solaris-tooltip-arrow--left:after{top:50%;transform:translateY(-50%);right:calc(0px - var(--solaris-tooltip-border-width, 0px))}.solaris-tooltip-arrow--left:before{border-width:var(--solaris-tooltip-arrow-outer-size) var(--solaris-tooltip-arrow-outer-size) var(--solaris-tooltip-arrow-outer-size) 0;border-color:transparent var(--solaris-tooltip-border-color) transparent transparent}.solaris-tooltip-arrow--left:after{border-width:var(--solaris-tooltip-arrow-size) var(--solaris-tooltip-arrow-size) var(--solaris-tooltip-arrow-size) 0;border-color:transparent var(--solaris-tooltip-background) transparent transparent}.solaris-tooltip-panel__container[data-placement=top-start] .solaris-tooltip-arrow--bottom,.solaris-tooltip-panel__container[data-placement=bottom-start] .solaris-tooltip-arrow--top{left:calc(var(--solaris-tooltip-arrow-size) + var(--solaris-tooltip-radius));transform:none}.solaris-tooltip-panel__container[data-placement=top-end] .solaris-tooltip-arrow--bottom,.solaris-tooltip-panel__container[data-placement=bottom-end] .solaris-tooltip-arrow--top{left:auto;right:calc(var(--solaris-tooltip-arrow-size) + var(--solaris-tooltip-radius));transform:none}.solaris-tooltip-panel__container[data-placement=left-start] .solaris-tooltip-arrow--right,.solaris-tooltip-panel__container[data-placement=right-start] .solaris-tooltip-arrow--left{top:calc(var(--solaris-tooltip-arrow-size) + var(--solaris-tooltip-radius));transform:none}.solaris-tooltip-panel__container[data-placement=left-end] .solaris-tooltip-arrow--right,.solaris-tooltip-panel__container[data-placement=right-end] .solaris-tooltip-arrow--left{top:auto;bottom:calc(var(--solaris-tooltip-arrow-size) + var(--solaris-tooltip-radius));transform:none}.solaris-tooltip-panel__content{flex:1;min-width:0;display:flex;align-items:flex-start;gap:var(--solaris-tooltip-gap)}.solaris-tooltip-panel__icon{flex-shrink:0;display:inline-flex;margin-top:var(--solaris-tooltip-offset);font-size:var(--solaris-tooltip-icon-size);width:var(--solaris-tooltip-icon-size);height:var(--solaris-tooltip-icon-size)}.solaris-tooltip-panel__text{min-width:0;display:flex;gap:var(--solaris-tooltip-offset);flex-direction:column}.solaris-tooltip-panel__title{overflow:hidden;font-weight:var(--solaris-font-weight-semibold);white-space:nowrap;text-overflow:ellipsis}.solaris-tooltip-panel__body{word-break:normal;white-space:normal}.solaris-tooltip-panel__close{opacity:.7;border:none;flex-shrink:0;color:inherit;cursor:pointer;background:none;padding:0;border-radius:50%;align-items:center;display:inline-flex;margin-top:var(--solaris-tooltip-offset);justify-content:center;font-size:var(--solaris-tooltip-icon-size);transition:opacity var(--solaris-motion-duration-fast) var(--solaris-motion-easing-standard);width:var(--solaris-tooltip-icon-size);height:var(--solaris-tooltip-icon-size)}.solaris-tooltip-panel__close:hover,.solaris-tooltip-panel__close:focus-visible{opacity:1}.solaris-tooltip-panel__container[data-appearance=outline]{--solaris-tooltip-border-color: var(--solaris-border-default);--solaris-tooltip-border-width: var(--solaris-border-width-sm);background:var(--solaris-tooltip-background);border:var(--solaris-tooltip-border-width) solid var(--solaris-tooltip-border-color)}.solaris-tooltip-panel__container[data-appearance=surface]{--solaris-tooltip-border-width: 0px;--solaris-tooltip-border-color: transparent;border:0;background:var(--solaris-tooltip-background)}.solaris-tooltip-panel__container[data-appearance=inverse]{--solaris-tooltip-border-width: 0px;--solaris-tooltip-border-color: transparent;--solaris-tooltip-background: var(--solaris-text-default);border:0;color:var(--solaris-surface-raised);background:var(--solaris-tooltip-background)}.solaris-tooltip-panel__container[data-size=sm]{padding-block:var(--solaris-spacing-2);padding-inline:var(--solaris-spacing-5);font-size:var(--solaris-font-size-xs);--solaris-tooltip-arrow-size: var(--solaris-font-size-2xs)}.solaris-tooltip-panel__container[data-size=md]{padding-block:var(--solaris-spacing-3);padding-inline:var(--solaris-spacing-6);font-size:var(--solaris-font-size-sm);--solaris-tooltip-arrow-size: var(--solaris-font-size-xs)}.solaris-tooltip-panel__container[data-size=lg]{padding-block:var(--solaris-spacing-4);padding-inline:var(--solaris-spacing-8);font-size:var(--solaris-font-size-md);--solaris-tooltip-arrow-size: var(--solaris-font-size-md)}.solaris-tooltip-panel__container[data-size=sm] .solaris-tooltip-panel__icon,.solaris-tooltip-panel__container[data-size=sm] .solaris-tooltip-panel__close{font-size:var(--solaris-tooltip-icon-size);width:var(--solaris-tooltip-icon-size);height:var(--solaris-tooltip-icon-size)}.solaris-tooltip-panel__container[data-size=md] .solaris-tooltip-panel__icon,.solaris-tooltip-panel__container[data-size=md] .solaris-tooltip-panel__close{font-size:var(--solaris-font-size-xl);width:var(--solaris-font-size-xl);height:var(--solaris-font-size-xl)}.solaris-tooltip-panel__container[data-size=lg] .solaris-tooltip-panel__icon,.solaris-tooltip-panel__container[data-size=lg] .solaris-tooltip-panel__close{font-size:var(--solaris-font-size-2xl);width:var(--solaris-font-size-2xl);height:var(--solaris-font-size-2xl)}.solaris-tooltip-panel__container[data-radius=sm]{border-radius:var(--solaris-radius-sm)}.solaris-tooltip-panel__container[data-radius=md]{border-radius:var(--solaris-radius-md)}.solaris-tooltip-panel__container[data-radius=lg]{border-radius:var(--solaris-radius-lg)}@media(prefers-reduced-motion:reduce){.solaris-tooltip-panel__close{transition:none}}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: SolarisIconComponent, selector: "solaris-icon", inputs: ["name", "ariaLabel", "decorative"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SolarisTooltipPanelComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'solaris-tooltip-panel', standalone: true, imports: [NgTemplateOutlet, SolarisIconComponent], host: {
+                        class: 'solaris-tooltip-panel',
+                    }, template: "<div\n  class=\"solaris-tooltip-panel__container\"\n  [attr.data-appearance]=\"data.appearance\"\n  [attr.data-size]=\"data.size\"\n  [attr.data-radius]=\"data.radius\"\n  [attr.data-placement]=\"data.placement\"\n  [id]=\"data.panelId\"\n  [style.max-width]=\"data.maxWidth\"\n>\n  @if (data.arrow) {\n    <div class=\"solaris-tooltip-panel__arrow {{ data.arrowClass }}\"></div>\n  }\n\n  <div class=\"solaris-tooltip-panel__content\">\n    @if (data.icon) {\n      <solaris-icon\n        [name]=\"data.icon\"\n        [decorative]=\"data.iconDecorative\"\n        class=\"solaris-tooltip-panel__icon\"\n      />\n    }\n\n    <div class=\"solaris-tooltip-panel__text\">\n      @if (data.title) {\n        <div class=\"solaris-tooltip-panel__title\">{{ data.title }}</div>\n      }\n\n      @if (data.body) {\n        <div class=\"solaris-tooltip-panel__body\">{{ data.body }}</div>\n      }\n\n      @if (data.contentTemplate) {\n        <ng-container [ngTemplateOutlet]=\"data.contentTemplate\" />\n      }\n    </div>\n  </div>\n\n  @if (data.closeable) {\n    <button\n      class=\"solaris-tooltip-panel__close\"\n      type=\"button\"\n      (click)=\"data.close()\"\n      attr.aria-label=\"{{ data.closeLabel }}\"\n    >\n      <solaris-icon name=\"x\" [decorative]=\"true\" />\n    </button>\n  }\n</div>\n", styles: [".solaris-tooltip-panel{--solaris-tooltip-max-width: 32rem;--solaris-tooltip-border-width: 0px;--solaris-tooltip-border-color: transparent;--solaris-tooltip-gap: var(--solaris-spacing-5);--solaris-tooltip-shadow: var(--solaris-shadow-sm);--solaris-tooltip-radius: var(--solaris-radius-md);--solaris-tooltip-color: var(--solaris-text-default);--solaris-tooltip-icon-size: var(--solaris-font-size-md);--solaris-tooltip-arrow-size: var(--solaris-font-size-xs);--solaris-tooltip-padding-block: var(--solaris-spacing-3);--solaris-tooltip-padding-inline: var(--solaris-spacing-5);--solaris-tooltip-background: var(--solaris-surface-raised);--solaris-tooltip-offset: calc(var(--solaris-spacing-1) / 2);outline:none;display:block}.solaris-tooltip-panel__container{--solaris-tooltip-background: var(--solaris-surface-raised);display:flex;outline:none;overflow:visible;position:relative;word-break:normal;white-space:normal;box-sizing:border-box;align-items:flex-start;gap:var(--solaris-tooltip-gap);color:var(--solaris-tooltip-color);box-shadow:var(--solaris-tooltip-shadow);line-height:var(--solaris-line-height-md);max-width:var(--solaris-tooltip-max-width);border-radius:var(--solaris-tooltip-radius);background:var(--solaris-tooltip-background);padding-block:var(--solaris-tooltip-padding-block);padding-inline:var(--solaris-tooltip-padding-inline);border:var(--solaris-tooltip-border-width) solid var(--solaris-tooltip-border-color)}.solaris-tooltip-panel__arrow{--solaris-tooltip-arrow-outer-size: calc( var(--solaris-tooltip-arrow-size) + var(--solaris-tooltip-border-width, 0px) + var(--solaris-tooltip-border-width, 0px) );width:0;height:0;position:absolute;pointer-events:none}.solaris-tooltip-panel__arrow:before,.solaris-tooltip-panel__arrow:after{width:0;height:0;content:\"\";position:absolute;border-style:solid}.solaris-tooltip-arrow--bottom{left:50%;transform:translate(-50%);bottom:calc(0px - var(--solaris-tooltip-border-width, 0px))}.solaris-tooltip-arrow--bottom:before,.solaris-tooltip-arrow--bottom:after{left:50%;transform:translate(-50%);top:calc(0px - var(--solaris-tooltip-border-width, 0px))}.solaris-tooltip-arrow--bottom:before{border-width:var(--solaris-tooltip-arrow-outer-size) var(--solaris-tooltip-arrow-outer-size) 0;border-color:var(--solaris-tooltip-border-color) transparent transparent}.solaris-tooltip-arrow--bottom:after{border-width:var(--solaris-tooltip-arrow-size) var(--solaris-tooltip-arrow-size) 0;border-color:var(--solaris-tooltip-background) transparent transparent}.solaris-tooltip-arrow--top{left:50%;transform:translate(-50%);top:calc(0px - var(--solaris-tooltip-border-width, 0px))}.solaris-tooltip-arrow--top:before,.solaris-tooltip-arrow--top:after{left:50%;transform:translate(-50%);bottom:calc(0px - var(--solaris-tooltip-border-width, 0px))}.solaris-tooltip-arrow--top:before{border-width:0 var(--solaris-tooltip-arrow-outer-size) var(--solaris-tooltip-arrow-outer-size);border-color:transparent transparent var(--solaris-tooltip-border-color)}.solaris-tooltip-arrow--top:after{border-width:0 var(--solaris-tooltip-arrow-size) var(--solaris-tooltip-arrow-size);border-color:transparent transparent var(--solaris-tooltip-background)}.solaris-tooltip-arrow--right{top:50%;transform:translateY(-50%);right:calc(0px - var(--solaris-tooltip-border-width, 0px))}.solaris-tooltip-arrow--right:before,.solaris-tooltip-arrow--right:after{top:50%;transform:translateY(-50%);left:calc(0px - var(--solaris-tooltip-border-width, 0px))}.solaris-tooltip-arrow--right:before{border-width:var(--solaris-tooltip-arrow-outer-size) 0 var(--solaris-tooltip-arrow-outer-size) var(--solaris-tooltip-arrow-outer-size);border-color:transparent transparent transparent var(--solaris-tooltip-border-color)}.solaris-tooltip-arrow--right:after{border-width:var(--solaris-tooltip-arrow-size) 0 var(--solaris-tooltip-arrow-size) var(--solaris-tooltip-arrow-size);border-color:transparent transparent transparent var(--solaris-tooltip-background)}.solaris-tooltip-arrow--left{top:50%;transform:translateY(-50%);left:calc(0px - var(--solaris-tooltip-border-width, 0px))}.solaris-tooltip-arrow--left:before,.solaris-tooltip-arrow--left:after{top:50%;transform:translateY(-50%);right:calc(0px - var(--solaris-tooltip-border-width, 0px))}.solaris-tooltip-arrow--left:before{border-width:var(--solaris-tooltip-arrow-outer-size) var(--solaris-tooltip-arrow-outer-size) var(--solaris-tooltip-arrow-outer-size) 0;border-color:transparent var(--solaris-tooltip-border-color) transparent transparent}.solaris-tooltip-arrow--left:after{border-width:var(--solaris-tooltip-arrow-size) var(--solaris-tooltip-arrow-size) var(--solaris-tooltip-arrow-size) 0;border-color:transparent var(--solaris-tooltip-background) transparent transparent}.solaris-tooltip-panel__container[data-placement=top-start] .solaris-tooltip-arrow--bottom,.solaris-tooltip-panel__container[data-placement=bottom-start] .solaris-tooltip-arrow--top{left:calc(var(--solaris-tooltip-arrow-size) + var(--solaris-tooltip-radius));transform:none}.solaris-tooltip-panel__container[data-placement=top-end] .solaris-tooltip-arrow--bottom,.solaris-tooltip-panel__container[data-placement=bottom-end] .solaris-tooltip-arrow--top{left:auto;right:calc(var(--solaris-tooltip-arrow-size) + var(--solaris-tooltip-radius));transform:none}.solaris-tooltip-panel__container[data-placement=left-start] .solaris-tooltip-arrow--right,.solaris-tooltip-panel__container[data-placement=right-start] .solaris-tooltip-arrow--left{top:calc(var(--solaris-tooltip-arrow-size) + var(--solaris-tooltip-radius));transform:none}.solaris-tooltip-panel__container[data-placement=left-end] .solaris-tooltip-arrow--right,.solaris-tooltip-panel__container[data-placement=right-end] .solaris-tooltip-arrow--left{top:auto;bottom:calc(var(--solaris-tooltip-arrow-size) + var(--solaris-tooltip-radius));transform:none}.solaris-tooltip-panel__content{flex:1;min-width:0;display:flex;align-items:flex-start;gap:var(--solaris-tooltip-gap)}.solaris-tooltip-panel__icon{flex-shrink:0;display:inline-flex;margin-top:var(--solaris-tooltip-offset);font-size:var(--solaris-tooltip-icon-size);width:var(--solaris-tooltip-icon-size);height:var(--solaris-tooltip-icon-size)}.solaris-tooltip-panel__text{min-width:0;display:flex;gap:var(--solaris-tooltip-offset);flex-direction:column}.solaris-tooltip-panel__title{overflow:hidden;font-weight:var(--solaris-font-weight-semibold);white-space:nowrap;text-overflow:ellipsis}.solaris-tooltip-panel__body{word-break:normal;white-space:normal}.solaris-tooltip-panel__close{opacity:.7;border:none;flex-shrink:0;color:inherit;cursor:pointer;background:none;padding:0;border-radius:50%;align-items:center;display:inline-flex;margin-top:var(--solaris-tooltip-offset);justify-content:center;font-size:var(--solaris-tooltip-icon-size);transition:opacity var(--solaris-motion-duration-fast) var(--solaris-motion-easing-standard);width:var(--solaris-tooltip-icon-size);height:var(--solaris-tooltip-icon-size)}.solaris-tooltip-panel__close:hover,.solaris-tooltip-panel__close:focus-visible{opacity:1}.solaris-tooltip-panel__container[data-appearance=outline]{--solaris-tooltip-border-color: var(--solaris-border-default);--solaris-tooltip-border-width: var(--solaris-border-width-sm);background:var(--solaris-tooltip-background);border:var(--solaris-tooltip-border-width) solid var(--solaris-tooltip-border-color)}.solaris-tooltip-panel__container[data-appearance=surface]{--solaris-tooltip-border-width: 0px;--solaris-tooltip-border-color: transparent;border:0;background:var(--solaris-tooltip-background)}.solaris-tooltip-panel__container[data-appearance=inverse]{--solaris-tooltip-border-width: 0px;--solaris-tooltip-border-color: transparent;--solaris-tooltip-background: var(--solaris-text-default);border:0;color:var(--solaris-surface-raised);background:var(--solaris-tooltip-background)}.solaris-tooltip-panel__container[data-size=sm]{padding-block:var(--solaris-spacing-2);padding-inline:var(--solaris-spacing-5);font-size:var(--solaris-font-size-xs);--solaris-tooltip-arrow-size: var(--solaris-font-size-2xs)}.solaris-tooltip-panel__container[data-size=md]{padding-block:var(--solaris-spacing-3);padding-inline:var(--solaris-spacing-6);font-size:var(--solaris-font-size-sm);--solaris-tooltip-arrow-size: var(--solaris-font-size-xs)}.solaris-tooltip-panel__container[data-size=lg]{padding-block:var(--solaris-spacing-4);padding-inline:var(--solaris-spacing-8);font-size:var(--solaris-font-size-md);--solaris-tooltip-arrow-size: var(--solaris-font-size-md)}.solaris-tooltip-panel__container[data-size=sm] .solaris-tooltip-panel__icon,.solaris-tooltip-panel__container[data-size=sm] .solaris-tooltip-panel__close{font-size:var(--solaris-tooltip-icon-size);width:var(--solaris-tooltip-icon-size);height:var(--solaris-tooltip-icon-size)}.solaris-tooltip-panel__container[data-size=md] .solaris-tooltip-panel__icon,.solaris-tooltip-panel__container[data-size=md] .solaris-tooltip-panel__close{font-size:var(--solaris-font-size-xl);width:var(--solaris-font-size-xl);height:var(--solaris-font-size-xl)}.solaris-tooltip-panel__container[data-size=lg] .solaris-tooltip-panel__icon,.solaris-tooltip-panel__container[data-size=lg] .solaris-tooltip-panel__close{font-size:var(--solaris-font-size-2xl);width:var(--solaris-font-size-2xl);height:var(--solaris-font-size-2xl)}.solaris-tooltip-panel__container[data-radius=sm]{border-radius:var(--solaris-radius-sm)}.solaris-tooltip-panel__container[data-radius=md]{border-radius:var(--solaris-radius-md)}.solaris-tooltip-panel__container[data-radius=lg]{border-radius:var(--solaris-radius-lg)}@media(prefers-reduced-motion:reduce){.solaris-tooltip-panel__close{transition:none}}\n"] }]
+        }] });
+//# sourceMappingURL=tooltip-panel.component.js.map

package/esm2022/lib/components/interaction/tooltip/component/tooltip-panel.component.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"tooltip-panel.component.js","sourceRoot":"","sources":["../../../../../../../../../packages/angular/src/lib/components/interaction/tooltip/component/tooltip-panel.component.ts","../../../../../../../../../packages/angular/src/lib/components/interaction/tooltip/component/tooltip-panel.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AACrE,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAEnD,OAAO,EAAE,oBAAoB,EAAE,MAAM,eAAe,CAAC;AAErD,OAAO,EACL,0BAA0B,GAE3B,MAAM,yBAAyB,CAAC;;AAYjC,MAAM,OAAO,4BAA4B;IAC9B,IAAI,GAA4B,MAAM,CAAC,0BAA0B,CAAC,CAAC;IAC3D,GAAG,GAAG,MAAM,CAAC,iBAAiB,CAAC,CAAC;IAEjD,eAAe,CAAC,SAAiB,EAAE,UAAkB;QACnD,IAAI,CAAC,IAAI,CAAC,SAAS,GAAG,SAAS,CAAC;QAChC,IAAI,CAAC,IAAI,CAAC,UAAU,GAAG,UAAU,CAAC;QAClC,IAAI,CAAC,GAAG,CAAC,YAAY,EAAE,CAAC;IAC1B,CAAC;wGARU,4BAA4B;4FAA5B,4BAA4B,oICpBzC,syCAgDA,wgTDnCY,gBAAgB,oJAAE,oBAAoB;;4FAOrC,4BAA4B;kBAVxC,SAAS;+BACE,uBAAuB,cACrB,IAAI,WACP,CAAC,gBAAgB,EAAE,oBAAoB,CAAC,QAG3C;wBACJ,KAAK,EAAE,uBAAuB;qBAC/B","sourcesContent":["import { Component, inject, ChangeDetectorRef } from '@angular/core';\nimport { NgTemplateOutlet } from '@angular/common';\n\nimport { SolarisIconComponent } from '../../../icon';\n\nimport {\n SOLARIS_TOOLTIP_PANEL_DATA,\n type SolarisTooltipPanelData,\n} from '../token/tooltip.tokens';\n\n@Component({\n selector: 'solaris-tooltip-panel',\n standalone: true,\n imports: [NgTemplateOutlet, SolarisIconComponent],\n templateUrl: './tooltip-panel.component.html',\n styleUrls: ['./tooltip-panel.component.scss'],\n host: {\n class: 'solaris-tooltip-panel',\n },\n})\nexport class SolarisTooltipPanelComponent {\n readonly data: SolarisTooltipPanelData = inject(SOLARIS_TOOLTIP_PANEL_DATA);\n private readonly cdr = inject(ChangeDetectorRef);\n\n updatePlacement(placement: string, arrowClass: string): void {\n this.data.placement = placement;\n this.data.arrowClass = arrowClass;\n this.cdr.markForCheck();\n }\n}\n","<div\n class=\"solaris-tooltip-panel__container\"\n [attr.data-appearance]=\"data.appearance\"\n [attr.data-size]=\"data.size\"\n [attr.data-radius]=\"data.radius\"\n [attr.data-placement]=\"data.placement\"\n [id]=\"data.panelId\"\n [style.max-width]=\"data.maxWidth\"\n>\n @if (data.arrow) {\n <div class=\"solaris-tooltip-panel__arrow {{ data.arrowClass }}\"></div>\n }\n\n <div class=\"solaris-tooltip-panel__content\">\n @if (data.icon) {\n <solaris-icon\n [name]=\"data.icon\"\n [decorative]=\"data.iconDecorative\"\n class=\"solaris-tooltip-panel__icon\"\n />\n }\n\n <div class=\"solaris-tooltip-panel__text\">\n @if (data.title) {\n <div class=\"solaris-tooltip-panel__title\">{{ data.title }}</div>\n }\n\n @if (data.body) {\n <div class=\"solaris-tooltip-panel__body\">{{ data.body }}</div>\n }\n\n @if (data.contentTemplate) {\n <ng-container [ngTemplateOutlet]=\"data.contentTemplate\" />\n }\n </div>\n </div>\n\n @if (data.closeable) {\n <button\n class=\"solaris-tooltip-panel__close\"\n type=\"button\"\n (click)=\"data.close()\"\n attr.aria-label=\"{{ data.closeLabel }}\"\n >\n <solaris-icon name=\"x\" [decorative]=\"true\" />\n </button>\n }\n</div>\n"]}

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

@@ -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 ADDED Viewed

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

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

@@ -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 ADDED Viewed

@@ -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"]}