mediacube-ui-v2 0.0.65 → 0.0.66

package/dist/assets/styles/tooltip.scss

@@ -15,8 +15,6 @@
   text-transform: none;
   font-size: $font-size-200;
   line-height: $line-height-200;
-  user-select: none;
-  pointer-events: none;
   position: absolute;
   font-weight: $font-weight-normal;
   text-align: center;

package/dist/mediacube-ui-v2.js

@@ -1463,7 +1463,7 @@ class d7 {
       let e = document.getElementById(String(this.id));
       if (!e) {
         const a = document.createElement("div");
-        a.classList.add("mc-tooltip"), a.id = String(this.id), a.innerText = this.content || "", a.style.setProperty("--tooltip-color", this.color), a.style.setProperty("--tooltip-text-color", this.textColor), a.setAttribute("tooltip-placement", this.placement), a.setAttribute("tooltip-size", this.size), a.setAttribute("tooltip-arrow", String(this.arrow)), (o = document.getElementById("tooltip-container")) == null || o.appendChild(a);
+        a.classList.add("mc-tooltip"), a.id = String(this.id), a.innerText = this.content || "", a.style.setProperty("--tooltip-color", this.color), a.style.setProperty("--tooltip-text-color", this.textColor), a.setAttribute("tooltip-placement", this.placement), a.setAttribute("tooltip-size", this.size), a.setAttribute("tooltip-arrow", String(this.arrow)), (o = document.getElementById("tooltip-container")) == null || o.appendChild(a), a.onmouseenter = this.showTooltip, a.onmouseleave = this.hideTooltip;
       }
       if (e = document.getElementById(String(this.id)), e) {
         e.style.visibility = "visible";
@@ -1475,7 +1475,9 @@ class d7 {
     f2(this, "hideTooltip", () => {
       this.visible.value = !1;
       const e = document.getElementById(String(this.id));
-      e && (e.style.visibility = "hidden");
+      e && (e.style.visibility = "hidden", setTimeout(() => {
+        !this.visible.value && this.destroy();
+      }, 3e3));
     });
     f2(this, "updateTooltipPosition", () => {
       const { top: e, left: o, width: a, height: l } = this.target.getBoundingClientRect(), r = e + window.scrollY, n = o + window.scrollX, s = 4, i = this.arrow ? 4 : 0;
@@ -1515,7 +1517,7 @@ class d7 {
       const e = document.getElementById(String(this.id));
       e && e.remove();
     });
-    this.target = e, this.content = o.content, this.placement = o.placement || $0.Top, this.size = o.size || y1.M, this.id = te().timestamp(5), this.arrow = _5.hasProperty(o, "arrow") ? !!o.arrow : !0, this.color = o.color || G2.black, this.textColor = o.textColor || G2.white, this.target.addEventListener("mouseenter", this.showTooltip), this.target.addEventListener("mouseleave", this.hideTooltip), Ce.value.push(this);
+    this.target = e, this.content = o.content, this.placement = o.placement || $0.Top, this.size = o.size || y1.M, this.id = te().timestamp(5), this.arrow = _5.hasProperty(o, "arrow") ? !!o.arrow : !0, this.color = o.color || G2.black, this.textColor = o.textColor || G2.white, this.target.onmouseenter = this.showTooltip, this.target.onmouseleave = this.hideTooltip, Ce.value.push(this);
   }
 }
 R2(() => {
@@ -2082,9 +2084,7 @@ const x7 = {
   },
   emits: ["blur", "click"],
   setup(t, { emit: e }) {
-    const o = P0("dsOptions", {});
-    console.log(o);
-    const a = Z6(), l = k(() => {
+    const o = P0("dsOptions", {}), a = Z6(), l = k(() => {
       let y = {};
       return r.tooltip && (y = {
         content: r.tooltip,
@@ -2173,7 +2173,7 @@ const x7 = {
     }), v = (y) => {
       s("blur", y);
     }, f = (y) => {
-      y.preventDefault(), r.to ? (console.log(o.router), o.router && o.router.push({ path: r.to })) : window.open(r.href, r.target), s("click", y);
+      y.preventDefault(), r.to ? o.router && o.router.push({ path: r.to }) : window.open(r.href, r.target), s("click", y);
     };
     return (y, _) => O0((p(), K(Q0(C.value), S2({ ref: n.value }, { ...m.value }, {
       class: ["mc-button", i.value],