@dialpad/dialtone-vue 3.91.0 → 3.92.1

package/dist/directives.cjs

@@ -0,0 +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;

package/dist/directives.js

@@ -0,0 +1,106 @@
+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 = {
+  name: "dt-tooltip-directive",
+  install(a) {
+    const s = document.createElement("div");
+    document.body.appendChild(s);
+    const u = "top", i = A({
+      name: "DtTooltipDirectiveApp",
+      components: { DtTooltip: p },
+      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 c(
+          "div",
+          this.tooltips.map(({ id: t, message: o, placement: e, show: n }) => c(p, {
+            key: t,
+            message: o,
+            placement: e,
+            show: n,
+            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)) {
+          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 = 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);
+      },
+      unmounted(t) {
+        var o;
+        h(t), (o = i._instance) == null || o.ctx.removeTooltip(t.getAttribute("data-dt-tooltip-id"));
+      }
+    });
+  }
+};
+export {
+  L as DtTooltipDirective
+};