@nylas/web-elements 0.0.0-canary-20241008193213 → 0.0.0-canary-20241015194719

package/dist/cdn/toolitp-component/toolitp-component.es.js

@@ -89,7 +89,7 @@ const k = {
 };
 let E, H, R, lt = !1, w = !1, W = !1, m = !1, X = null, M = !1;
 const L = (t, e = "") => () => {
-}, vt = "slot-fb{display:contents}slot-fb[hidden]{display:none}", Q = "http://www.w3.org/1999/xlink", Y = {}, bt = "http://www.w3.org/2000/svg", St = "http://www.w3.org/1999/xhtml", kt = (t) => t != null, z = (t) => (t = typeof t, t === "object" || t === "function");
+}, bt = "slot-fb{display:contents}slot-fb[hidden]{display:none}", Q = "http://www.w3.org/1999/xlink", Y = {}, vt = "http://www.w3.org/2000/svg", St = "http://www.w3.org/1999/xhtml", kt = (t) => t != null, z = (t) => (t = typeof t, t === "object" || t === "function");
 function Tt(t) {
   var e, n, s;
   return (s = (n = (e = t.head) === null || e === void 0 ? void 0 : e.querySelector('meta[name="csp-nonce"]')) === null || n === void 0 ? void 0 : n.getAttribute("content")) !== null && s !== void 0 ? s : void 0;
@@ -143,17 +143,17 @@ const x = (t, e, ...n) => {
 }, Ot = (t, e, n) => {
   var s;
   const o = it(e, n), r = B.get(o);
-  if (t = t.nodeType === 11 ? t : v, r)
+  if (t = t.nodeType === 11 ? t : b, r)
     if (typeof r == "string") {
       t = t.head || t;
       let l = I.get(t), a;
       if (l || I.set(t, l = /* @__PURE__ */ new Set()), !l.has(o)) {
         {
-          a = v.createElement("style"), a.innerHTML = r;
-          const i = (s = h.$nonce$) !== null && s !== void 0 ? s : Tt(v);
+          a = b.createElement("style"), a.innerHTML = r;
+          const i = (s = h.$nonce$) !== null && s !== void 0 ? s : Tt(b);
           i != null && a.setAttribute("nonce", i), t.insertBefore(a, t.querySelector("link"));
         }
-        e.$flags$ & 4 && (a.innerHTML += vt), l && l.add(o);
+        e.$flags$ & 4 && (a.innerHTML += bt), l && l.add(o);
       }
     } else t.adoptedStyleSheets.includes(r) || (t.adoptedStyleSheets = [...t.adoptedStyleSheets, r]);
   return o;
@@ -211,11 +211,11 @@ const x = (t, e, ...n) => {
     // slot element does not have fallback content
     1
   ))), o.$text$ !== null)
-    l = o.$elm$ = v.createTextNode(o.$text$);
+    l = o.$elm$ = b.createTextNode(o.$text$);
   else if (o.$flags$ & 1)
-    l = o.$elm$ = v.createTextNode("");
+    l = o.$elm$ = b.createTextNode("");
   else {
-    if (m || (m = o.$tag$ === "svg"), l = o.$elm$ = v.createElementNS(m ? bt : St, o.$flags$ & 2 ? "slot-fb" : o.$tag$), m && o.$tag$ === "foreignObject" && (m = !1), at(null, o, m), kt(E) && l["s-si"] !== E && l.classList.add(l["s-si"] = E), o.$children$)
+    if (m || (m = o.$tag$ === "svg"), l = o.$elm$ = b.createElementNS(m ? vt : St, o.$flags$ & 2 ? "slot-fb" : o.$tag$), m && o.$tag$ === "foreignObject" && (m = !1), at(null, o, m), kt(E) && l["s-si"] !== E && l.classList.add(l["s-si"] = E), o.$children$)
       for (r = 0; r < o.$children$.length; ++r)
         a = j(t, o, r, l), a && l.appendChild(a);
     o.$tag$ === "svg" ? m = !1 : l.tagName === "foreignObject" && (m = !0);
@@ -295,7 +295,7 @@ const x = (t, e, ...n) => {
       }
       dt(n);
     }
-}, b = [], ut = (t) => {
+}, v = [], ut = (t) => {
   let e, n, s;
   for (const o of t.childNodes) {
     if (o["s-sr"] && (e = o["s-cr"]) && e.parentNode) {
@@ -304,14 +304,14 @@ const x = (t, e, ...n) => {
       for (s = n.length - 1; s >= 0; s--)
         if (e = n[s], !e["s-cn"] && !e["s-nr"] && e["s-hn"] !== o["s-hn"] && !k.experimentalSlotFixes)
           if (Z(e, r)) {
-            let l = b.find((a) => a.$nodeToRelocate$ === e);
-            w = !0, e["s-sn"] = e["s-sn"] || r, l ? (l.$nodeToRelocate$["s-sh"] = o["s-hn"], l.$slotRefNode$ = o) : (e["s-sh"] = o["s-hn"], b.push({
+            let l = v.find((a) => a.$nodeToRelocate$ === e);
+            w = !0, e["s-sn"] = e["s-sn"] || r, l ? (l.$nodeToRelocate$["s-sh"] = o["s-hn"], l.$slotRefNode$ = o) : (e["s-sh"] = o["s-hn"], v.push({
               $slotRefNode$: o,
               $nodeToRelocate$: e
-            })), e["s-sr"] && b.map((a) => {
-              Z(a.$nodeToRelocate$, e["s-sn"]) && (l = b.find((i) => i.$nodeToRelocate$ === e), l && !a.$slotRefNode$ && (a.$slotRefNode$ = l.$slotRefNode$));
+            })), e["s-sr"] && v.map((a) => {
+              Z(a.$nodeToRelocate$, e["s-sn"]) && (l = v.find((i) => i.$nodeToRelocate$ === e), l && !a.$slotRefNode$ && (a.$slotRefNode$ = l.$slotRefNode$));
             });
-          } else b.some((l) => l.$nodeToRelocate$ === e) || b.push({
+          } else v.some((l) => l.$nodeToRelocate$ === e) || v.push({
             $nodeToRelocate$: e
           });
     }
@@ -329,14 +329,14 @@ const x = (t, e, ...n) => {
   {
     if (h.$flags$ |= 1, W) {
       ut(c.$elm$);
-      for (const d of b) {
+      for (const d of v) {
         const f = d.$nodeToRelocate$;
         if (!f["s-ol"]) {
-          const p = v.createTextNode("");
+          const p = b.createTextNode("");
           p["s-nr"] = f, f.parentNode.insertBefore(f["s-ol"] = p, f);
         }
       }
-      for (const d of b) {
+      for (const d of v) {
         const f = d.$nodeToRelocate$, p = d.$slotRefNode$;
         if (p) {
           const y = p.parentNode;
@@ -357,7 +357,7 @@ const x = (t, e, ...n) => {
           f.nodeType === 1 && (n && (f["s-ih"] = (l = f.hidden) !== null && l !== void 0 ? l : !1), f.hidden = !0);
       }
     }
-    w && dt(c.$elm$), h.$flags$ &= -2, b.length = 0;
+    w && dt(c.$elm$), h.$flags$ &= -2, v.length = 0;
   }
   if (k.experimentalScopedSlotChanges && u.$flags$ & 2)
     for (const d of c.$elm$.childNodes)
@@ -495,7 +495,7 @@ const x = (t, e, ...n) => {
     }), Qt(t, e, n)), s();
   }
 }, Gt = (t) => {
-  const e = t["s-cr"] = v.createComment("");
+  const e = t["s-cr"] = b.createComment("");
   e["s-cn"] = !0, t.insertBefore(e, t.firstChild);
 }, It = async (t) => {
   if (!(h.$flags$ & 1)) {
@@ -537,7 +537,7 @@ const x = (t, e, ...n) => {
   } catch (s) {
     F(s);
   }
-}, Zt = (t, e) => e & 4 ? v : e & 8 ? D : e & 16 ? v.body : t, Vt = (t) => ne ? {
+}, Zt = (t, e) => e & 4 ? b : e & 8 ? D : e & 16 ? b.body : t, Vt = (t) => ne ? {
   passive: (t & 1) !== 0,
   capture: (t & 2) !== 0
 } : (t & 2) !== 0, yt = /* @__PURE__ */ new WeakMap(), O = (t) => yt.get(t), te = (t, e) => {
@@ -548,7 +548,7 @@ const x = (t, e, ...n) => {
     $instanceValues$: /* @__PURE__ */ new Map()
   };
   return gt(t, n, e.$listeners$), yt.set(t, n);
-}, et = (t, e) => e in t, F = (t, e) => (0, console.error)(t, e), B = /* @__PURE__ */ new Map(), ee = [], D = typeof window < "u" ? window : {}, v = D.document || { head: {} }, se = D.HTMLElement || class {
+}, et = (t, e) => e in t, F = (t, e) => (0, console.error)(t, e), B = /* @__PURE__ */ new Map(), ee = [], D = typeof window < "u" ? window : {}, b = D.document || { head: {} }, se = D.HTMLElement || class {
 }, h = {
   $flags$: 0,
   $resourcesUrl$: "",
@@ -563,7 +563,7 @@ const x = (t, e, ...n) => {
 ), ne = /* @__PURE__ */ (() => {
   let t = !1;
   try {
-    v.addEventListener("e", null, Object.defineProperty({}, "passive", {
+    b.addEventListener("e", null, Object.defineProperty({}, "passive", {
       get() {
         t = !0;
       }
@@ -600,7 +600,7 @@ const x = (t, e, ...n) => {
     e.target.nextElementSibling.style.visibility = "hidden", e.target.nextElementSibling.style.opacity = "0";
   }
   render() {
-    return x("div", { key: "f7ed680c86f53928c284ced8d5a6c30cd6a8a158", class: "tooltip-container", part: "tc__container" }, x("span", { key: "07d396ac91688a025497e4ff9ea5ea4c9263e787", class: "info-icon", tabindex: "0", onFocus: this.showTooltip.bind(this), onBlur: this.hideTooltip.bind(this) }, x("slot", { key: "f8ed2155292bdd8f6e7adc72e0e89ed16a6fa823", name: "tooltip-icon" }, "i")), x("span", { key: "69f9669f987897f46ede1c67f6001824e7d27553", class: `tooltip-content ${this.position}`, part: "tc__content" }, x("slot", { key: "f7e46722aca747f4ec8022df2080d08e5200e256", name: "tooltip-content" }, "This is a help text.")));
+    return x("div", { key: "dbfd3d300f3f3d3e139991f1cb84a12161b61a73", class: "tooltip-container", part: "tc__container" }, x("span", { key: "8a03f9657c641680d4fa166f3fc680d35aa24281", class: "info-icon", tabindex: "0", onFocus: this.showTooltip.bind(this), onBlur: this.hideTooltip.bind(this) }, x("slot", { key: "0f8478af1526e2775907e17555a36db85f482ff4", name: "tooltip-icon" }, "i")), x("span", { key: "171ae65f59875214c68e80749f5a9c108fb365fb", class: `tooltip-content ${this.position}`, part: "tc__content" }, x("slot", { key: "888f7faaf29825faa27df7935e47526d6fa6f126", name: "tooltip-content" }, "This is a help text.")));
   }
   get el() {
     return this;

package/dist/cdn/tooltip-component/tooltip-component.es.js

@@ -89,7 +89,7 @@ const k = {
 };
 let E, H, R, lt = !1, w = !1, W = !1, m = !1, X = null, M = !1;
 const L = (t, e = "") => () => {
-}, bt = "slot-fb{display:contents}slot-fb[hidden]{display:none}", Q = "http://www.w3.org/1999/xlink", Y = {}, St = "http://www.w3.org/2000/svg", kt = "http://www.w3.org/1999/xhtml", Tt = (t) => t != null, z = (t) => (t = typeof t, t === "object" || t === "function");
+}, vt = "slot-fb{display:contents}slot-fb[hidden]{display:none}", Q = "http://www.w3.org/1999/xlink", Y = {}, St = "http://www.w3.org/2000/svg", kt = "http://www.w3.org/1999/xhtml", Tt = (t) => t != null, z = (t) => (t = typeof t, t === "object" || t === "function");
 function xt(t) {
   var e, n, s;
   return (s = (n = (e = t.head) === null || e === void 0 ? void 0 : e.querySelector('meta[name="csp-nonce"]')) === null || n === void 0 ? void 0 : n.getAttribute("content")) !== null && s !== void 0 ? s : void 0;
@@ -143,17 +143,17 @@ const x = (t, e, ...n) => {
 }, Ft = (t, e, n) => {
   var s;
   const o = it(e, n), r = B.get(o);
-  if (t = t.nodeType === 11 ? t : v, r)
+  if (t = t.nodeType === 11 ? t : b, r)
     if (typeof r == "string") {
       t = t.head || t;
       let l = I.get(t), a;
       if (l || I.set(t, l = /* @__PURE__ */ new Set()), !l.has(o)) {
         {
-          a = v.createElement("style"), a.innerHTML = r;
-          const i = (s = h.$nonce$) !== null && s !== void 0 ? s : xt(v);
+          a = b.createElement("style"), a.innerHTML = r;
+          const i = (s = h.$nonce$) !== null && s !== void 0 ? s : xt(b);
           i != null && a.setAttribute("nonce", i), t.insertBefore(a, t.querySelector("link"));
         }
-        e.$flags$ & 4 && (a.innerHTML += bt), l && l.add(o);
+        e.$flags$ & 4 && (a.innerHTML += vt), l && l.add(o);
       }
     } else t.adoptedStyleSheets.includes(r) || (t.adoptedStyleSheets = [...t.adoptedStyleSheets, r]);
   return o;
@@ -211,11 +211,11 @@ const x = (t, e, ...n) => {
     // slot element does not have fallback content
     1
   ))), o.$text$ !== null)
-    l = o.$elm$ = v.createTextNode(o.$text$);
+    l = o.$elm$ = b.createTextNode(o.$text$);
   else if (o.$flags$ & 1)
-    l = o.$elm$ = v.createTextNode("");
+    l = o.$elm$ = b.createTextNode("");
   else {
-    if (m || (m = o.$tag$ === "svg"), l = o.$elm$ = v.createElementNS(m ? St : kt, o.$flags$ & 2 ? "slot-fb" : o.$tag$), m && o.$tag$ === "foreignObject" && (m = !1), at(null, o, m), Tt(E) && l["s-si"] !== E && l.classList.add(l["s-si"] = E), o.$children$)
+    if (m || (m = o.$tag$ === "svg"), l = o.$elm$ = b.createElementNS(m ? St : kt, o.$flags$ & 2 ? "slot-fb" : o.$tag$), m && o.$tag$ === "foreignObject" && (m = !1), at(null, o, m), Tt(E) && l["s-si"] !== E && l.classList.add(l["s-si"] = E), o.$children$)
       for (r = 0; r < o.$children$.length; ++r)
         a = j(t, o, r, l), a && l.appendChild(a);
     o.$tag$ === "svg" ? m = !1 : l.tagName === "foreignObject" && (m = !0);
@@ -295,7 +295,7 @@ const x = (t, e, ...n) => {
       }
       dt(n);
     }
-}, b = [], ut = (t) => {
+}, v = [], ut = (t) => {
   let e, n, s;
   for (const o of t.childNodes) {
     if (o["s-sr"] && (e = o["s-cr"]) && e.parentNode) {
@@ -304,14 +304,14 @@ const x = (t, e, ...n) => {
       for (s = n.length - 1; s >= 0; s--)
         if (e = n[s], !e["s-cn"] && !e["s-nr"] && e["s-hn"] !== o["s-hn"] && !k.experimentalSlotFixes)
           if (Z(e, r)) {
-            let l = b.find((a) => a.$nodeToRelocate$ === e);
-            w = !0, e["s-sn"] = e["s-sn"] || r, l ? (l.$nodeToRelocate$["s-sh"] = o["s-hn"], l.$slotRefNode$ = o) : (e["s-sh"] = o["s-hn"], b.push({
+            let l = v.find((a) => a.$nodeToRelocate$ === e);
+            w = !0, e["s-sn"] = e["s-sn"] || r, l ? (l.$nodeToRelocate$["s-sh"] = o["s-hn"], l.$slotRefNode$ = o) : (e["s-sh"] = o["s-hn"], v.push({
               $slotRefNode$: o,
               $nodeToRelocate$: e
-            })), e["s-sr"] && b.map((a) => {
-              Z(a.$nodeToRelocate$, e["s-sn"]) && (l = b.find((i) => i.$nodeToRelocate$ === e), l && !a.$slotRefNode$ && (a.$slotRefNode$ = l.$slotRefNode$));
+            })), e["s-sr"] && v.map((a) => {
+              Z(a.$nodeToRelocate$, e["s-sn"]) && (l = v.find((i) => i.$nodeToRelocate$ === e), l && !a.$slotRefNode$ && (a.$slotRefNode$ = l.$slotRefNode$));
             });
-          } else b.some((l) => l.$nodeToRelocate$ === e) || b.push({
+          } else v.some((l) => l.$nodeToRelocate$ === e) || v.push({
             $nodeToRelocate$: e
           });
     }
@@ -329,14 +329,14 @@ const x = (t, e, ...n) => {
   {
     if (h.$flags$ |= 1, W) {
       ut(c.$elm$);
-      for (const d of b) {
+      for (const d of v) {
         const f = d.$nodeToRelocate$;
         if (!f["s-ol"]) {
-          const p = v.createTextNode("");
+          const p = b.createTextNode("");
           p["s-nr"] = f, f.parentNode.insertBefore(f["s-ol"] = p, f);
         }
       }
-      for (const d of b) {
+      for (const d of v) {
         const f = d.$nodeToRelocate$, p = d.$slotRefNode$;
         if (p) {
           const y = p.parentNode;
@@ -357,7 +357,7 @@ const x = (t, e, ...n) => {
           f.nodeType === 1 && (n && (f["s-ih"] = (l = f.hidden) !== null && l !== void 0 ? l : !1), f.hidden = !0);
       }
     }
-    w && dt(c.$elm$), h.$flags$ &= -2, b.length = 0;
+    w && dt(c.$elm$), h.$flags$ &= -2, v.length = 0;
   }
   if (k.experimentalScopedSlotChanges && u.$flags$ & 2)
     for (const d of c.$elm$.childNodes)
@@ -495,7 +495,7 @@ const x = (t, e, ...n) => {
     }), Yt(t, e, n)), s();
   }
 }, It = (t) => {
-  const e = t["s-cr"] = v.createComment("");
+  const e = t["s-cr"] = b.createComment("");
   e["s-cn"] = !0, t.insertBefore(e, t.firstChild);
 }, Kt = async (t) => {
   if (!(h.$flags$ & 1)) {
@@ -537,7 +537,7 @@ const x = (t, e, ...n) => {
   } catch (s) {
     F(s);
   }
-}, Vt = (t, e) => e & 4 ? v : e & 8 ? D : e & 16 ? v.body : t, te = (t) => oe ? {
+}, Vt = (t, e) => e & 4 ? b : e & 8 ? D : e & 16 ? b.body : t, te = (t) => oe ? {
   passive: (t & 1) !== 0,
   capture: (t & 2) !== 0
 } : (t & 2) !== 0, yt = /* @__PURE__ */ new WeakMap(), O = (t) => yt.get(t), ee = (t, e) => {
@@ -548,7 +548,7 @@ const x = (t, e, ...n) => {
     $instanceValues$: /* @__PURE__ */ new Map()
   };
   return gt(t, n, e.$listeners$), yt.set(t, n);
-}, et = (t, e) => e in t, F = (t, e) => (0, console.error)(t, e), B = /* @__PURE__ */ new Map(), se = [], D = typeof window < "u" ? window : {}, v = D.document || { head: {} }, ne = D.HTMLElement || class {
+}, et = (t, e) => e in t, F = (t, e) => (0, console.error)(t, e), B = /* @__PURE__ */ new Map(), se = [], D = typeof window < "u" ? window : {}, b = D.document || { head: {} }, ne = D.HTMLElement || class {
 }, h = {
   $flags$: 0,
   $resourcesUrl$: "",
@@ -563,7 +563,7 @@ const x = (t, e, ...n) => {
 ), oe = /* @__PURE__ */ (() => {
   let t = !1;
   try {
-    v.addEventListener("e", null, Object.defineProperty({}, "passive", {
+    b.addEventListener("e", null, Object.defineProperty({}, "passive", {
       get() {
         t = !0;
       }
@@ -589,7 +589,7 @@ const x = (t, e, ...n) => {
   t.length = 0;
 }, N = () => {
   ot(nt), ot(mt), (M = nt.length > 0) && h.raf(N);
-}, ae = (t) => le().then(t), ce = /* @__PURE__ */ re(mt, !0), fe = '.tooltip-container{position:relative;display:flex;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif}.tooltip-content{visibility:hidden;background-color:var(--nylas-base-800);color:var(--nylas-base-0);text-align:left;border-radius:6px;padding:5px 0;position:absolute;z-index:1;opacity:0;transition:opacity 0.3s;padding:0.5rem 1rem;max-width:200px;width:max-content}.tooltip-content.top{bottom:0;left:0;margin-bottom:1.25rem;transform:translateX(-50%)}.tooltip-content.right{top:50%;left:0%;margin-left:1.25rem;transform:translateY(-50%)}.tooltip-content.bottom{top:0;left:0;margin-top:1.25rem;transform:translateX(-50%)}.tooltip-content.left{top:50%;right:0%;margin-right:1.25rem;transform:translateY(-50%)}.tooltip-container:hover .tooltip-content,.tooltip-container:focus-within .tooltip-content{visibility:visible;opacity:1}.tooltip-content::after{content:"";position:absolute;top:-0.75rem;left:50%;transform:rotate(180deg);border-width:6px;border-style:solid;border-color:black transparent transparent transparent}.tooltip-content.top::after{top:100%;left:50%;transform:rotate(0deg)}.tooltip-content.bottom::after{top:-0.75rem;left:50%;transform:rotate(180deg)}.tooltip-content.left::after{top:47.5%;left:100%;transform:rotate(270deg)}.tooltip-content.right::after{top:47.5%;left:-0.75rem;transform:rotate(90deg)}', $e = fe, vt = Jt(class extends ne {
+}, ae = (t) => le().then(t), ce = /* @__PURE__ */ re(mt, !0), fe = '.tooltip-container{position:relative;display:flex;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif}.tooltip-content{visibility:hidden;background-color:var(--nylas-base-800);color:var(--nylas-base-0);text-align:left;border-radius:6px;padding:5px 0;position:absolute;z-index:1;opacity:0;transition:opacity 0.3s;padding:0.5rem 1rem;max-width:200px;width:max-content}.tooltip-content.top{bottom:0;left:0;margin-bottom:1.25rem;transform:translateX(-50%)}.tooltip-content.right{top:50%;left:0%;margin-left:1.25rem;transform:translateY(-50%)}.tooltip-content.bottom{top:0;left:0;margin-top:1.25rem;transform:translateX(-50%)}.tooltip-content.left{top:50%;right:0%;margin-right:1.25rem;transform:translateY(-50%)}.tooltip-container:hover .tooltip-content,.tooltip-container:focus-within .tooltip-content{visibility:visible;opacity:1}.tooltip-content::after{content:"";position:absolute;top:-0.75rem;left:50%;transform:rotate(180deg);border-width:6px;border-style:solid;border-color:black transparent transparent transparent}.tooltip-content.top::after{top:100%;left:50%;transform:rotate(0deg)}.tooltip-content.bottom::after{top:-0.75rem;left:50%;transform:rotate(180deg)}.tooltip-content.left::after{top:47.5%;left:100%;transform:rotate(270deg)}.tooltip-content.right::after{top:47.5%;left:-0.75rem;transform:rotate(90deg)}', $e = fe, bt = Jt(class extends ne {
   constructor() {
     super(), this.__registerHost(), this.__attachShadow(), this.position = "bottom";
   }
@@ -600,7 +600,7 @@ const x = (t, e, ...n) => {
     e.target.nextElementSibling.style.visibility = "hidden", e.target.nextElementSibling.style.opacity = "0";
   }
   render() {
-    return x("div", { key: "f7ed680c86f53928c284ced8d5a6c30cd6a8a158", class: "tooltip-container", part: "tc__container" }, x("span", { key: "07d396ac91688a025497e4ff9ea5ea4c9263e787", class: "info-icon", tabindex: "0", onFocus: this.showTooltip.bind(this), onBlur: this.hideTooltip.bind(this) }, x("slot", { key: "f8ed2155292bdd8f6e7adc72e0e89ed16a6fa823", name: "tooltip-icon" }, "i")), x("span", { key: "69f9669f987897f46ede1c67f6001824e7d27553", class: `tooltip-content ${this.position}`, part: "tc__content" }, x("slot", { key: "f7e46722aca747f4ec8022df2080d08e5200e256", name: "tooltip-content" }, "This is a help text.")));
+    return x("div", { key: "dbfd3d300f3f3d3e139991f1cb84a12161b61a73", class: "tooltip-container", part: "tc__container" }, x("span", { key: "8a03f9657c641680d4fa166f3fc680d35aa24281", class: "info-icon", tabindex: "0", onFocus: this.showTooltip.bind(this), onBlur: this.hideTooltip.bind(this) }, x("slot", { key: "0f8478af1526e2775907e17555a36db85f482ff4", name: "tooltip-icon" }, "i")), x("span", { key: "171ae65f59875214c68e80749f5a9c108fb365fb", class: `tooltip-content ${this.position}`, part: "tc__content" }, x("slot", { key: "888f7faaf29825faa27df7935e47526d6fa6f126", name: "tooltip-content" }, "This is a help text.")));
   }
   get el() {
     return this;
@@ -617,12 +617,12 @@ function de() {
   ["tooltip-component"].forEach((e) => {
     switch (e) {
       case "tooltip-component":
-        customElements.get(e) || customElements.define(e, vt);
+        customElements.get(e) || customElements.define(e, bt);
         break;
     }
   });
 }
-const pe = vt, he = de;
+const pe = bt, he = de;
 export {
   pe as TooltipComponent,
   he as defineCustomElement