@dialpad/dialtone-vue 3.92.0 → 3.93.0

package/dist/directives.cjs

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

@@ -0,0 +1,75 @@
+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(d) {
+    const r = document.createElement("div");
+    document.body.appendChild(r);
+    const l = "top", i = D({
+      name: "DtTooltipDirectiveApp",
+      components: { DtTooltip: p },
+      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 s(
+          "div",
+          this.tooltips.map(({ id: t, message: e, placement: o }) => s(p, {
+            key: t,
+            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(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: ",
+            e.value
+          );
+          return;
+        }
+        if (!c(e.arg)) {
+          console.warn(
+            "Wrong placement value provided for v-dt-tooltip directive on: ",
+            t,
+            "received value: ",
+            e.arg
+          );
+          return;
+        }
+        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 e;
+        (e = i._instance) == null || e.ctx.removeTooltip(t.getAttribute("data-dt-tooltip-id"));
+      }
+    });
+  }
+};
+export {
+  A as DtTooltipDirective
+};