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

@educarehq/solaris-ui 0.3.0 → 0.3.2

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 (598) hide show

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

@@ -1,23 +0,0 @@
-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 DELETED Viewed

@@ -1 +0,0 @@

- {"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 DELETED Viewed

@@ -1,405 +0,0 @@
-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 DELETED Viewed

@@ -1 +0,0 @@

- {"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 DELETED Viewed

@@ -1,3 +0,0 @@
-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 DELETED Viewed

@@ -1 +0,0 @@

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