@erain20029/tooltips 2.0.100 → 2.0.101
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.
- package/dist/tooltip-overlay.umd.js +1 -1
- package/dist/tooltip.css +2 -0
- package/package.json +1 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
(function(d){typeof define=="function"&&define.amd?define(d):d()})((function(){"use strict";const d=".tooltip-overlay{position:fixed;z-index:9999;pointer-events:none;background:#53616e;border-radius:8px;box-shadow:0 4px 20px #00000040;color:#dadadb;min-width:45px;max-width:300px;overflow:visible}.tooltip-overlay.with-image{max-width:384px}.tooltip-card{display:flex;align-items:center;gap:16px;padding:10px;box-sizing:border-box}.tooltip-image{width:80px;height:80px;border-radius:8px;object-fit:cover}.tooltip-text{flex:1;color:#fff}.tooltip-title{font-weight:300;line-height:1.3}.tooltip-desc{margin-top:8px;line-height:1.5;font-weight:300;letter-spacing:.2px;overflow-wrap:break-word}.tooltip-arrow .icon{width:40px;height:40px;position:absolute}.tooltip-arrow.left_top .icon{top:-25px;left:10px}.tooltip-arrow.left_bottom .icon{bottom:-25px;left:10px}.tooltip-arrow.right_bottom .icon{bottom:-25px;right:10px}.tooltip-arrow.right_top .icon{top:-25px;right:10px}";(function(){function w(){if(document.getElementById("tooltip-overlay-styles"))return;const i=document.createElement("style");i.id="tooltip-overlay-styles",i.textContent=d,document.head.appendChild(i)}let s=null,p=null,u=[],f=!1;function v(i){const t=i.getBoundingClientRect(),e=window.innerWidth,r=window.innerHeight,n=t.left+t.width/2,o=t.top+t.height/2;return{coordinates:{x:t.left,y:t.top,width:t.width,height:t.height},position:{horizontal:n<e/2?"left":"right",vertical:o<r/2?"top":"bottom"}}}function y(i,t){if(!i)return{titleSize:16,descriptionSize:12};let e=16,r=12,n="left",o="left";switch(i.title){case"small":e=16,n="left";break;case"medium":e=18;break;case"large":e=22;break}switch(i.description){case"small":r=12;break;case"medium":r=14;break;case"large":r=16;break}switch(t.title){case"left":n="left";break;case"center":n="center";break;case"right":n="right";break}switch(t.description){case"left":o="left";break;case"center":o="center";break;case"right":o="right";break}return{titleSize:e,descriptionSize:r,titleAlign:n,descriptionAlign:o}}function m(){s&&(s.remove(),s=null,p=null)}async function b(){if(f)return;const i=localStorage.getItem("product");if(!i)return;const t=JSON.parse(i).id,e=document.createElement("script");if(e.type="module",e.src=`http://localhost:3000/documentation/${t}/tooltip.js`,await new Promise((n,o)=>{e.onload=n,e.onerror=o,document.head.appendChild(e)}),typeof window.tooltipGetter!="function")return;const r=await window.tooltipGetter();u=Array.isArray(r)?r:[],f=!0}function k(i,t){m(),w();const e=document.createElement("div");e.className="tooltip-overlay",e.style.left="-9999px",e.style.top="-9999px",t.image&&e.classList.add("with-image");const r=`http://localhost:3000${t.image}`,n=t.image?`<img class="tooltip-image" src="${r}" />`:"";e.innerHTML=`
|
|
1
|
+
(function(d){typeof define=="function"&&define.amd?define(d):d()})((function(){"use strict";const d=".tooltip-overlay{position:fixed;z-index:9999;pointer-events:none;background:#53616e;border-radius:8px;box-shadow:0 4px 20px #00000040;color:#dadadb;min-width:45px;max-width:300px;overflow:visible}.tooltip-overlay.with-image{max-width:384px}.tooltip-card{display:flex;align-items:center;gap:16px;padding:10px;box-sizing:border-box}.tooltip-image{width:80px;height:80px;border-radius:8px;object-fit:cover}.tooltip-text{flex:1;color:#fff}.tooltip-title{font-weight:300;line-height:1.3}.tooltip-desc{margin-top:8px;line-height:1.5;font-weight:300;letter-spacing:.2px;overflow-wrap:break-word}.tooltip-arrow .icon{width:40px;height:40px;position:absolute}.tooltip-arrow.left_top .icon{top:-25px;left:10px}.tooltip-arrow.left_bottom .icon{bottom:-25px;left:10px;transform:rotate(180deg)}.tooltip-arrow.right_bottom .icon{bottom:-25px;right:10px;transform:rotate(180deg)}.tooltip-arrow.right_top .icon{top:-25px;right:10px}";(function(){function w(){if(document.getElementById("tooltip-overlay-styles"))return;const i=document.createElement("style");i.id="tooltip-overlay-styles",i.textContent=d,document.head.appendChild(i)}let s=null,p=null,u=[],f=!1;function v(i){const t=i.getBoundingClientRect(),e=window.innerWidth,r=window.innerHeight,n=t.left+t.width/2,o=t.top+t.height/2;return{coordinates:{x:t.left,y:t.top,width:t.width,height:t.height},position:{horizontal:n<e/2?"left":"right",vertical:o<r/2?"top":"bottom"}}}function y(i,t){if(!i)return{titleSize:16,descriptionSize:12};let e=16,r=12,n="left",o="left";switch(i.title){case"small":e=16,n="left";break;case"medium":e=18;break;case"large":e=22;break}switch(i.description){case"small":r=12;break;case"medium":r=14;break;case"large":r=16;break}switch(t.title){case"left":n="left";break;case"center":n="center";break;case"right":n="right";break}switch(t.description){case"left":o="left";break;case"center":o="center";break;case"right":o="right";break}return{titleSize:e,descriptionSize:r,titleAlign:n,descriptionAlign:o}}function m(){s&&(s.remove(),s=null,p=null)}async function b(){if(f)return;const i=localStorage.getItem("product");if(!i)return;const t=JSON.parse(i).id,e=document.createElement("script");if(e.type="module",e.src=`http://localhost:3000/documentation/${t}/tooltip.js`,await new Promise((n,o)=>{e.onload=n,e.onerror=o,document.head.appendChild(e)}),typeof window.tooltipGetter!="function")return;const r=await window.tooltipGetter();u=Array.isArray(r)?r:[],f=!0}function k(i,t){m(),w();const e=document.createElement("div");e.className="tooltip-overlay",e.style.left="-9999px",e.style.top="-9999px",t.image&&e.classList.add("with-image");const r=`http://localhost:3000${t.image}`,n=t.image?`<img class="tooltip-image" src="${r}" />`:"";e.innerHTML=`
|
|
2
2
|
<div class="tooltip-arrow">
|
|
3
3
|
<div class="icon">
|
|
4
4
|
<svg
|
package/dist/tooltip.css
CHANGED
|
@@ -63,11 +63,13 @@
|
|
|
63
63
|
.tooltip-arrow.left_bottom .icon {
|
|
64
64
|
bottom: -25px;
|
|
65
65
|
left: 10px;
|
|
66
|
+
transform: rotate(180deg);
|
|
66
67
|
}
|
|
67
68
|
|
|
68
69
|
.tooltip-arrow.right_bottom .icon {
|
|
69
70
|
bottom: -25px;
|
|
70
71
|
right: 10px;
|
|
72
|
+
transform: rotate(180deg);
|
|
71
73
|
}
|
|
72
74
|
|
|
73
75
|
.tooltip-arrow.right_top .icon {
|