@pine-ds/core 4.7.0 → 4.7.2

package/dist/esm-es5/truncation-tooltip-DRXsdKk1.js

@@ -0,0 +1 @@
+import{__awaiter,__generator}from"tslib";import{c as computePosition,o as offset,f as flip,s as shift}from"./floating-ui.dom-BPqJgIq6.js";var TOOLTIP_CLASS="pds-truncation-tooltip";function injectStyles(){if(document.querySelector("[data-pds-truncation-tooltip]"))return;var n=document.createElement("style");n.setAttribute("data-pds-truncation-tooltip","");n.textContent="\n    .".concat(TOOLTIP_CLASS," {\n      position: fixed;\n      z-index: var(--pine-z-index-nuclear, 9999);\n    }\n    .").concat(TOOLTIP_CLASS,"__content {\n      background-color: var(--pine-color-primary, #1a1a2e);\n      border-radius: calc(var(--pine-dimension-xs, 4px) * 1.25);\n      box-shadow: var(--pine-box-shadow, 0 2px 8px rgba(0,0,0,0.15));\n      color: var(--pine-color-text-primary, #fff);\n      cursor: text;\n      font-family: var(--pine-font-family-body, sans-serif);\n      font-size: var(--pine-font-size-body-sm, 0.875rem);\n      letter-spacing: var(--pine-letter-spacing, normal);\n      line-height: var(--pine-line-height-body, 1.5);\n      max-width: 320px;\n      opacity: 0;\n      padding: var(--pine-dimension-xs, 4px) calc(var(--pine-dimension-md, 12px) / 2);\n      transition: opacity 0.15s ease-in-out, visibility 0.15s ease-in-out;\n      user-select: text;\n      visibility: hidden;\n      width: max-content;\n      word-break: break-word;\n    }\n    .").concat(TOOLTIP_CLASS,"--visible .").concat(TOOLTIP_CLASS,"__content {\n      opacity: 1;\n      visibility: visible;\n    }\n  ");document.head.appendChild(n)}function isOverflowing(n){return n.scrollWidth>n.clientWidth}function setupTruncationTooltip(n){var e=n.hostEl,i=n.contentEl,t=n.getTooltipText,o=n.placement,r=o===void 0?"top":o,a=n.reference,u=a===void 0?e:a,s=n.manageTabIndex,f=s===void 0?true:s,c=n.focusEl,l=c===void 0?e:c;injectStyles();var d=null;var p=false;var v=false;var m=false;var x=null;var T=null;var b=null;var O=false;var _=false;function y(){if(!f)return;if(isOverflowing(i)){if(!O&&i.hasAttribute("tabindex"))return;O=true;i.setAttribute("tabindex","0")}else if(O){O=false;i.removeAttribute("tabindex")}}if(typeof ResizeObserver!=="undefined"){T=new ResizeObserver((function(){if(b){clearTimeout(b)}b=setTimeout((function(){b=null;y();if(d&&d.isConnected&&!isOverflowing(i)){P()}}),100)}));T.observe(i)}y();if(typeof document!=="undefined"&&document.fonts!==undefined){document.fonts.ready.then((function(){if(!_)y()}))}function S(){if(d)return;var n=t();if(!n||n.trim()==="")return;d=document.createElement("div");d.className=TOOLTIP_CLASS;d.setAttribute("role","tooltip");d.setAttribute("aria-hidden","false");var e=document.createElement("div");e.className="".concat(TOOLTIP_CLASS,"__content");e.textContent=n.trim();d.appendChild(e);document.body.appendChild(d);d.addEventListener("mouseenter",z);d.addEventListener("mouseleave",j);h().then((function(){if(d){d.classList.add("".concat(TOOLTIP_CLASS,"--visible"))}}))}function h(){return __awaiter(this,void 0,void 0,(function(){var n,e,i,t,o,a,s,f,c;return __generator(this,(function(l){switch(l.label){case 0:if(!d)return[2];l.label=1;case 1:l.trys.push([1,3,,4]);return[4,computePosition(u,d,{placement:r,strategy:"fixed",middleware:[offset(4),flip(),shift({padding:5})]})];case 2:n=l.sent(),e=n.x,i=n.y;Object.assign(d.style,{left:"".concat(e,"px"),top:"".concat(i,"px")});return[3,4];case 3:t=l.sent();if(d){o=u.getBoundingClientRect();a=d.getBoundingClientRect();s=5;f=Math.max(s,Math.min(o.left,window.innerWidth-a.width-s));c=Math.max(s,o.top-a.height-8);d.style.left="".concat(f,"px");d.style.top="".concat(c,"px")}return[3,4];case 4:return[2]}}))}))}function L(){if(d){d.removeEventListener("mouseenter",z);d.removeEventListener("mouseleave",j);d.classList.remove("".concat(TOOLTIP_CLASS,"--visible"));if(d.parentNode&&d.isConnected){try{d.parentNode.removeChild(d)}catch(n){}}d=null}}function g(){if(x!==null){clearTimeout(x);x=null}}function w(){g();if(!isOverflowing(i))return;S()}function P(){if(p||v||m)return;L()}function I(){g();x=setTimeout((function(){x=null;P()}),100)}function A(){p=true;w()}function C(){p=false;I()}function z(){v=true;g()}function j(){v=false;I()}function k(){m=true;w()}function M(){m=false;I()}e.addEventListener("mouseenter",A);e.addEventListener("mouseleave",C);l.addEventListener("focusin",k);l.addEventListener("focusout",M);return function(){_=true;g();if(b){clearTimeout(b);b=null}if(T){T.disconnect()}if(O){O=false;i.removeAttribute("tabindex")}e.removeEventListener("mouseenter",A);e.removeEventListener("mouseleave",C);l.removeEventListener("focusin",k);l.removeEventListener("focusout",M);L()}}export{setupTruncationTooltip as s};