@scania/tegel 1.25.0-tooltip-beta.0 → 1.26.0-onTdsChange-gets-triggered-unexpectedly-beta.0

package/dist/tegel/p-dcbc35af.entry.js

@@ -1 +0,0 @@
-import{r as t,h as e,H as o}from"./p-2049fab2.js";const i=class{constructor(e){t(this,e),this.disabled=!1,this.selected=!1}async setSelected(t){this.selected=t}render(){return e(o,{key:"4bb1d313b0d2b7e3bc612474201b0a3e06dd6555",role:"listitem"},e("div",{key:"c49a2745c5c6de9276807e670c9886130f5e5dbd",class:{"inline-tab-item":!0,selected:this.selected,disabled:this.disabled}},e("slot",{key:"caa1851fd0a992f38e04fb4872e52c90a3731e6a"})))}};i.style=':host{box-sizing:border-box;display:block;position:relative}:host *{box-sizing:border-box}:host ::slotted(*){all:unset;font:var(--tds-headline-07) !important;letter-spacing:var(--tds-headline-07-ls) !important;color:var(--tds-navigation-tabs-tab-color);text-decoration:none;display:block;position:relative;transition:color 0.15s ease-in-out 0s;white-space:nowrap;background-color:transparent;border:0;width:100%;padding:20px 4px}:host ::slotted(*:focus-visible)::before{content:"";position:absolute;left:0;right:0;top:20px;bottom:20px;outline:2px solid var(--tds-blue-400)}:host .inline-tab-item:not(.selected)::after{width:0%;transition:width 0.15s ease-in-out 0s}:host .inline-tab-item{position:relative;margin-right:32px}:host .inline-tab-item:hover{cursor:pointer}:host .inline-tab-item:hover::after{width:100%}:host .inline-tab-item::after{content:" ";position:absolute;bottom:0;right:0;left:0;margin-left:auto;width:0%;margin-right:auto;height:2px;background-color:var(--tds-inline-tabs-tab-indicator-background-hover);z-index:1}:host .selected ::slotted(*){color:var(--tds-inline-tabs-tab-color-selected)}:host .selected::after{width:100%;background-color:var(--tds-inline-tabs-tab-indicator-background-active)}:host .disabled{color:var(--tds-inline-tabs-tab-color-disabled)}:host .disabled ::slotted(*){opacity:var(--tds-inline-tabs-tab-color-opacity-disabled)}:host .disabled::after{content:none}:host .disabled ::slotted(*:hover){cursor:not-allowed}:host .disabled ::slotted(*:focus-visible){outline:none}:host(.last){margin-right:32px}';export{i as tds_inline_tab}

package/dist/tegel/p-ef3671d8.entry.js

@@ -1 +0,0 @@
-import{r as t,h as i,H as s,g as o}from"./p-2049fab2.js";const e=class{constructor(i){t(this,i),this.debounce=(t,i)=>(...s)=>{let o;clearTimeout(o),o=setTimeout((()=>t.apply(this,s)),i)},this.showTooltip=this.debounce((()=>{this.isVisible=!0,this.updateTooltipPosition()}),100),this.hideTooltip=this.debounce((()=>{this.isVisible=!1}),100),this.toggleTooltip=()=>{this.isVisible=!this.isVisible,this.updateTooltipPosition()},this.setTooltipRef=t=>{this.tooltipEl=t},this.text="",this.selector=void 0,this.referenceEl=void 0,this.defaultShow=!1,this.mouseOverTooltip=!1,this.trigger="hover",this.show=null,this.placement="bottom",this.offsetSkidding=0,this.offsetDistance=8,this.isVisible=this.defaultShow}componentDidLoad(){!this.referenceEl&&this.selector&&(this.referenceEl=document.querySelector(this.selector)),this.referenceEl&&this.bindEvents()}connectedCallback(){this.resizeObserver=new ResizeObserver((()=>this.updateTooltipPosition())),this.referenceEl&&this.resizeObserver.observe(this.referenceEl),window.addEventListener("resize",this.updateTooltipPosition)}disconnectedCallback(){this.resizeObserver.disconnect(),window.removeEventListener("resize",this.updateTooltipPosition)}bindEvents(){var t,i;"hover"===this.trigger?(this.referenceEl.addEventListener("mouseenter",this.showTooltip),this.referenceEl.addEventListener("mouseleave",this.hideTooltip),this.mouseOverTooltip&&(null===(t=this.tooltipEl)||void 0===t||t.addEventListener("mouseenter",this.showTooltip),null===(i=this.tooltipEl)||void 0===i||i.addEventListener("mouseleave",this.hideTooltip))):"click"===this.trigger&&this.referenceEl.addEventListener("click",this.toggleTooltip)}updateTooltipPosition(){this.tooltipEl&&this.referenceEl&&requestAnimationFrame((()=>{const t=this.referenceEl.getBoundingClientRect(),{height:i,width:s,bottom:o}=t;let{top:e,left:h}=t;switch(this.placement){case"top":e-=this.tooltipEl.offsetHeight+this.offsetDistance,h+=s/2-this.tooltipEl.offsetWidth/2;break;case"bottom":e+=i+this.offsetDistance,h+=s/2-this.tooltipEl.offsetWidth/2;break;case"left":e+=i/2-this.tooltipEl.offsetHeight/2,h-=this.tooltipEl.offsetWidth+this.offsetDistance;break;case"right":e+=i/2-this.tooltipEl.offsetHeight/2,h+=s+this.offsetDistance;break;default:e=o+this.offsetDistance,h=h+s/2-this.tooltipEl.offsetWidth/2}h+=this.offsetSkidding,this.tooltipEl.style.top=`${e}px`,this.tooltipEl.style.left=`${h}px`}))}render(){return i(s,{key:"ccab2630363c007e8d4719d22ab140e80547251b"},i("div",{key:"3c64224e0620e60f42089205e3ca8d0766df90cc",class:{"tds-tooltip":!0,"tds-tooltip-show":this.isVisible},ref:this.setTooltipRef},this.text,i("slot",{key:"4674e18dbf5bfe563ca3c01757280ccd660c5049"})))}get host(){return o(this)}};e.style=".sc-tds-tooltip-beta-h{position:absolute}.tds-tooltip.sc-tds-tooltip-beta{box-sizing:border-box;font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);color:var(--tds-tooltip-color);background-color:var(--tds-tooltip-background);border-radius:4px;padding:8px;word-wrap:break-word;white-space:normal;max-width:192px;z-index:900;opacity:0;visibility:hidden;transition:opacity 200ms ease-in, visibility 200ms ease-in}.tds-tooltip.sc-tds-tooltip-beta *.sc-tds-tooltip-beta{box-sizing:border-box}.tds-tooltip.tds-tooltip-top-left.sc-tds-tooltip-beta{border-radius:0 4px 4px}.tds-tooltip.tds-tooltip-top-right.sc-tds-tooltip-beta{border-radius:4px 0 4px 4px}.tds-tooltip.tds-tooltip-bottom-right.sc-tds-tooltip-beta{border-radius:4px 4px 0}.tds-tooltip.tds-tooltip-bottom-left.sc-tds-tooltip-beta{border-radius:4px 4px 4px 0}.tds-tooltip-show.sc-tds-tooltip-beta{opacity:1;visibility:visible}";export{e as tds_tooltip_beta}

package/dist/types/components/tooltip-beta/tooltip-beta.d.ts

@@ -1,28 +0,0 @@
-import { Placement } from '../../types/Tooltip';
-export declare class TdsTooltipBeta {
-    host: HTMLElement;
-    text: string;
-    selector: string;
-    referenceEl?: HTMLElement | null;
-    defaultShow: boolean;
-    mouseOverTooltip: boolean;
-    trigger: 'click' | 'hover';
-    show: boolean;
-    placement: Placement;
-    offsetSkidding: number;
-    offsetDistance: number;
-    isVisible: boolean;
-    private tooltipEl;
-    private resizeObserver;
-    componentDidLoad(): void;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    private bindEvents;
-    private debounce;
-    private showTooltip;
-    private hideTooltip;
-    private toggleTooltip;
-    private updateTooltipPosition;
-    private setTooltipRef;
-    render(): any;
-}

package/dist/types/types/Tooltip.d.ts

@@ -1,4 +0,0 @@
-type BasePlacement = 'top' | 'bottom' | 'left' | 'right';
-type VariationPlacement = 'top-start' | 'top-end' | 'bottom-start' | 'bottom-end' | 'left-start' | 'left-end' | 'right-start' | 'right-end';
-export type Placement = BasePlacement | VariationPlacement;
-export {};