@dialpad/dialtone-vue 3.92.1 → 3.93.0

package/dist/directives.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./tooltip-a095f59b.cjs"),r=require("vue"),E={name:"dt-tooltip-directive",install(a){const d=document.createElement("div");document.body.appendChild(d);const u="top",i=r.createApp({name:"DtTooltipDirectiveApp",components:{DtTooltip:n.DtTooltip},data(){return{tooltips:[]}},methods:{addTooltip(t,o,e){this.tooltips.push({id:t,message:o,placement:e,show:!1})},hideTooltip(t){const o=this.tooltips.findIndex(e=>e.id===t);this.tooltips[o].show=!1},removeTooltip(t){this.tooltips=this.tooltips.filter(o=>o.id!==t)},showTooltip(t){const o=this.tooltips.findIndex(e=>e.id===t);this.tooltips[o].show=!0}},render(){return r.h("div",this.tooltips.map(({id:t,message:o,placement:e,show:s})=>r.h(n.DtTooltip,{key:t,message:o,placement:e,show:s,externalAnchor:`[data-dt-tooltip-id="${t}"]`})))}});i.mount(d);const v=t=>typeof t=="string"&&(t==null?void 0:t.trim()),f=t=>t===void 0||n.TOOLTIP_DIRECTIONS.includes(t);function l(t){var e;const o=t.target.getAttribute("data-dt-tooltip-id");(e=i._instance)==null||e.ctx.showTooltip(o)}function p(t){var e;if(t.type==="keydown"&&t.code!=="Escape")return;const o=t.target.getAttribute("data-dt-tooltip-id");(e=i._instance)==null||e.ctx.hideTooltip(o)}function m(t){["focusin","mouseenter"].forEach(o=>{t.addEventListener(o,e=>l(e))}),["focusout","mouseleave","keydown"].forEach(o=>{t.addEventListener(o,e=>p(e))})}function T(t){["focusin","mouseenter"].forEach(o=>{t.removeEventListener(o,e=>l(e))}),["focusout","mouseleave","keydown"].forEach(o=>{t.removeEventListener(o,e=>p(e))})}a.directive("dt-tooltip",{beforeMount(t,o){var c;if(!v(o.value)){console.warn("Missing value for v-dt-tooltip directive on: ",t,"received value: ",o.value);return}if(!f(o.arg)){console.warn("Wrong placement value provided for v-dt-tooltip directive on: ",t,"received value: ",o.arg);return}const e=n.getUniqueString(),s=o.value,h=o.arg||u;t.setAttribute("data-dt-tooltip-id",e),(c=i._instance)==null||c.ctx.addTooltip(e,s,h),m(t)},unmounted(t){var o;T(t),(o=i._instance)==null||o.ctx.removeTooltip(t.getAttribute("data-dt-tooltip-id"))}})}};exports.DtTooltipDirective=E;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./tooltip-3390fc3b.cjs"),n=require("vue"),m={name:"dt-tooltip-directive",install(d){const l=document.createElement("div");document.body.appendChild(l);const s="top",r=n.createApp({name:"DtTooltipDirectiveApp",components:{DtTooltip:i.DtTooltip},data(){return{tooltips:[]}},methods:{addTooltip(t,e,o){this.tooltips.push({id:t,message:e,placement:o})},removeTooltip(t){this.tooltips=this.tooltips.filter(e=>e.id!==t)}},render(){return n.h("div",this.tooltips.map(({id:t,message:e,placement:o})=>n.h(i.DtTooltip,{key:t,message:e,placement:o,delay:process.env.NODE_ENV!=="test",externalAnchor:`[data-dt-tooltip-id="${t}"]`})))}});r.mount(l);const c=t=>typeof t=="string"&&(t==null?void 0:t.trim()),a=t=>t===void 0||i.TOOLTIP_DIRECTIONS.includes(t);d.directive("dt-tooltip",{beforeMount(t,e){var p;if(!c(e.value)){console.warn("Missing value for v-dt-tooltip directive on: ",t,"received value: ",e.value);return}if(!a(e.arg)){console.warn("Wrong placement value provided for v-dt-tooltip directive on: ",t,"received value: ",e.arg);return}const o=i.getUniqueString(),u=e.value,v=e.arg||s;t.setAttribute("data-dt-tooltip-id",o),(p=r._instance)==null||p.ctx.addTooltip(o,u,v)},unmounted(t){var e;(e=r._instance)==null||e.ctx.removeTooltip(t.getAttribute("data-dt-tooltip-id"))}})}};exports.DtTooltipDirective=m;

package/dist/directives.js

@@ -1,11 +1,11 @@
-import { D as p, g as E, T as g } from "./tooltip-5fcb8c80.js";
-import { createApp as A, h as c } from "vue";
-const L = {
+import { D as p, g as v, T } from "./tooltip-02b802bc.js";
+import { createApp as D, h as s } from "vue";
+const A = {
   name: "dt-tooltip-directive",
-  install(a) {
-    const s = document.createElement("div");
-    document.body.appendChild(s);
-    const u = "top", i = A({
+  install(d) {
+    const r = document.createElement("div");
+    document.body.appendChild(r);
+    const l = "top", i = D({
       name: "DtTooltipDirectiveApp",
       components: { DtTooltip: p },
       data() {
@@ -14,93 +14,62 @@ const L = {
         };
       },
       methods: {
-        addTooltip(t, o, e) {
-          this.tooltips.push({ id: t, message: o, placement: e, show: !1 });
-        },
-        hideTooltip(t) {
-          const o = this.tooltips.findIndex((e) => e.id === t);
-          this.tooltips[o].show = !1;
+        addTooltip(t, e, o) {
+          this.tooltips.push({ id: t, message: e, placement: o });
         },
         removeTooltip(t) {
-          this.tooltips = this.tooltips.filter((o) => o.id !== t);
-        },
-        showTooltip(t) {
-          const o = this.tooltips.findIndex((e) => e.id === t);
-          this.tooltips[o].show = !0;
+          this.tooltips = this.tooltips.filter((e) => e.id !== t);
         }
       },
       render() {
-        return c(
+        return s(
           "div",
-          this.tooltips.map(({ id: t, message: o, placement: e, show: n }) => c(p, {
+          this.tooltips.map(({ id: t, message: e, placement: o }) => s(p, {
             key: t,
-            message: o,
-            placement: e,
-            show: n,
+            message: e,
+            placement: o,
+            /**
+             * Set the delay to false when running tests only.
+            */
+            delay: process.env.NODE_ENV !== "test",
             externalAnchor: `[data-dt-tooltip-id="${t}"]`
           }))
         );
       }
     });
-    i.mount(s);
-    const m = (t) => typeof t == "string" && (t == null ? void 0 : t.trim()), f = (t) => t === void 0 || g.includes(t);
-    function d(t) {
-      var e;
-      const o = t.target.getAttribute("data-dt-tooltip-id");
-      (e = i._instance) == null || e.ctx.showTooltip(o);
-    }
-    function r(t) {
-      var e;
-      if (t.type === "keydown" && t.code !== "Escape")
-        return;
-      const o = t.target.getAttribute("data-dt-tooltip-id");
-      (e = i._instance) == null || e.ctx.hideTooltip(o);
-    }
-    function v(t) {
-      ["focusin", "mouseenter"].forEach((o) => {
-        t.addEventListener(o, (e) => d(e));
-      }), ["focusout", "mouseleave", "keydown"].forEach((o) => {
-        t.addEventListener(o, (e) => r(e));
-      });
-    }
-    function h(t) {
-      ["focusin", "mouseenter"].forEach((o) => {
-        t.removeEventListener(o, (e) => d(e));
-      }), ["focusout", "mouseleave", "keydown"].forEach((o) => {
-        t.removeEventListener(o, (e) => r(e));
-      });
-    }
-    a.directive("dt-tooltip", {
-      beforeMount(t, o) {
-        var l;
-        if (!m(o.value)) {
+    i.mount(r);
+    const a = (t) => typeof t == "string" && (t == null ? void 0 : t.trim()), c = (t) => t === void 0 || T.includes(t);
+    d.directive("dt-tooltip", {
+      beforeMount(t, e) {
+        var n;
+        if (!a(e.value)) {
           console.warn(
             "Missing value for v-dt-tooltip directive on: ",
             t,
             "received value: ",
-            o.value
+            e.value
           );
           return;
         }
-        if (!f(o.arg)) {
+        if (!c(e.arg)) {
           console.warn(
             "Wrong placement value provided for v-dt-tooltip directive on: ",
             t,
             "received value: ",
-            o.arg
+            e.arg
           );
           return;
         }
-        const e = E(), n = o.value, T = o.arg || u;
-        t.setAttribute("data-dt-tooltip-id", e), (l = i._instance) == null || l.ctx.addTooltip(e, n, T), v(t);
+        const o = v(), m = e.value, u = e.arg || l;
+        t.setAttribute("data-dt-tooltip-id", o), (n = i._instance) == null || n.ctx.addTooltip(o, m, u);
       },
       unmounted(t) {
-        var o;
-        h(t), (o = i._instance) == null || o.ctx.removeTooltip(t.getAttribute("data-dt-tooltip-id"));
+        var e;
+        (e = i._instance) == null || e.ctx.removeTooltip(t.getAttribute("data-dt-tooltip-id"));
       }
     });
   }
 };
 export {
-  L as DtTooltipDirective
+  A as DtTooltipDirective
 };