@dialpad/dialtone-vue 2.102.0 → 2.103.0

package/dist/directives.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./tooltip-9b93ec5a.cjs");require("vue");require("./_plugin-vue2_normalizer-d59b995e.cjs");const u={name:"dt-tooltip-directive",install(l){const p=document.createElement("div");document.body.appendChild(p);const n="top",r=new l({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(t){return t("div",{domProps:{id:"dt-tooltip-directive-app"}},[this.tooltips.map(({id:e,message:o,placement:d})=>t(i.DtTooltip,{key:e,props:{message:o,placement:d,delay:process.env.NODE_ENV!=="test",externalAnchor:`[data-dt-tooltip-id="${e}"]`}}))])}});r.$mount(p);const s=t=>typeof t=="string"&&(t==null?void 0:t.trim()),a=t=>t===void 0||i.TOOLTIP_DIRECTIONS.includes(t);l.directive("dt-tooltip",{bind(t,e){if(!s(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(),d=e.value,c=e.arg||n;t.setAttribute("data-dt-tooltip-id",o),r.addTooltip(o,d,c)},unbind(t){r.removeTooltip(t.getAttribute("data-dt-tooltip-id"))}})}};exports.DtTooltipDirective=u;

package/dist/directives.js

@@ -0,0 +1,81 @@
+import { D as n, g as m, T as v } from "./tooltip-92c086de.js";
+import "vue";
+import "./_plugin-vue2_normalizer-71e2aa87.js";
+const f = {
+  name: "dt-tooltip-directive",
+  install(p) {
+    const d = document.createElement("div");
+    document.body.appendChild(d);
+    const s = "top", i = new p({
+      name: "DtTooltipDirectiveApp",
+      components: { DtTooltip: n },
+      data() {
+        return {
+          tooltips: []
+        };
+      },
+      methods: {
+        addTooltip(t, o, e) {
+          this.tooltips.push({ id: t, message: o, placement: e });
+        },
+        removeTooltip(t) {
+          this.tooltips = this.tooltips.filter((o) => o.id !== t);
+        }
+      },
+      render(t) {
+        return t(
+          "div",
+          {
+            domProps: { id: "dt-tooltip-directive-app" }
+          },
+          [
+            this.tooltips.map(({ id: o, message: e, placement: r }) => t(n, {
+              key: o,
+              props: {
+                message: e,
+                placement: r,
+                /**
+                 * Set the delay to false when running tests only.
+                 */
+                delay: process.env.NODE_ENV !== "test",
+                externalAnchor: `[data-dt-tooltip-id="${o}"]`
+              }
+            }))
+          ]
+        );
+      }
+    });
+    i.$mount(d);
+    const l = (t) => typeof t == "string" && (t == null ? void 0 : t.trim()), a = (t) => t === void 0 || v.includes(t);
+    p.directive("dt-tooltip", {
+      bind(t, o) {
+        if (!l(o.value)) {
+          console.warn(
+            "Missing value for v-dt-tooltip directive on: ",
+            t,
+            "received value: ",
+            o.value
+          );
+          return;
+        }
+        if (!a(o.arg)) {
+          console.warn(
+            "Wrong placement value provided for v-dt-tooltip directive on: ",
+            t,
+            "received value: ",
+            o.arg
+          );
+          return;
+        }
+        const e = m(), r = o.value, c = o.arg || s;
+        t.setAttribute("data-dt-tooltip-id", e), i.addTooltip(e, r, c);
+      },
+      unbind(t) {
+        i.removeTooltip(t.getAttribute("data-dt-tooltip-id"));
+      }
+    });
+  }
+};
+export {
+  f as DtTooltipDirective
+};