@dialpad/dialtone-vue 3.109.0 → 3.109.2

package/dist/directives.cjs

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

package/dist/directives.js

@@ -0,0 +1,82 @@
+import { D as n, g as T, T as f } from "./tooltip-Ooi51wOv.js";
+import { createApp as D, h as a } from "vue";
+const g = {
+  name: "dt-tooltip-directive",
+  install(c) {
+    const d = document.createElement("div");
+    document.body.appendChild(d);
+    const u = "top", p = D({
+      name: "DtTooltipDirectiveApp",
+      components: { DtTooltip: n },
+      data() {
+        return {
+          tooltips: []
+        };
+      },
+      methods: {
+        addOrUpdateTooltip(t, e, o) {
+          const i = this.tooltips.findIndex((s) => s.id === t);
+          i !== -1 ? (this.tooltips[i].message = e, this.tooltips[i].placement = o) : this.tooltips.push({ id: t, message: e, placement: o });
+        },
+        removeTooltip(t) {
+          this.tooltips = this.tooltips.filter((e) => e.id !== t);
+        }
+      },
+      render() {
+        return a(
+          "div",
+          this.tooltips.map(({ id: t, message: e, placement: o }) => a(n, {
+            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}"]`
+          }))
+        );
+      }
+    });
+    p.mount(d);
+    const m = (t) => typeof t == "string" && (t == null ? void 0 : t.trim()), v = (t) => t === void 0 || f.includes(t);
+    c.directive("dt-tooltip", {
+      beforeMount(t, e) {
+        if (!m(e.value)) {
+          console.warn(
+            "Missing value for v-dt-tooltip directive on: ",
+            t,
+            "received value: ",
+            e.value
+          );
+          return;
+        }
+        if (!v(e.arg)) {
+          console.warn(
+            "Wrong placement value provided for v-dt-tooltip directive on: ",
+            t,
+            "received value: ",
+            e.arg
+          );
+          return;
+        }
+        r(t, e);
+      },
+      updated(t, e) {
+        e.value !== e.oldValue && r(t, e);
+      },
+      unmounted(t) {
+        var e;
+        (e = p._instance) == null || e.ctx.removeTooltip(t.getAttribute("data-dt-tooltip-id"));
+      }
+    });
+    function r(t, e) {
+      var l;
+      const o = t.getAttribute("data-dt-tooltip-id") || T(), i = e.value, s = e.arg || u;
+      t.setAttribute("data-dt-tooltip-id", o), (l = p._instance) == null || l.ctx.addOrUpdateTooltip(o, i, s);
+    }
+  }
+};
+export {
+  g as DtTooltipDirective
+};