@scania/tegel 1.25.0-tooltip-beta.0 → 1.26.0-value-prop-fix.beta.0

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 {};