@dialpad/dialtone-vue 2.101.1 → 2.102.1

package/dist/directives.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./tooltip-6726b38f.cjs");require("vue");require("./_plugin-vue2_normalizer-d59b995e.cjs");const T={name:"dt-tooltip-directive",install(d){const l=document.createElement("div");document.body.appendChild(l);const a="top",i=new d({el:l,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(t){return t("div",{domProps:{id:"dt-tooltip-directive-app"}},[this.tooltips.map(({id:o,message:e,placement:r,show:s})=>t(n.DtTooltip,{key:o,props:{message:e,placement:r,show:s,externalAnchor:`[data-dt-tooltip-id="${o}"]`}}))])}}),u=t=>typeof t=="string"&&(t==null?void 0:t.trim()),v=t=>t===void 0||n.TOOLTIP_DIRECTIONS.includes(t);function p(t){const o=t.target.getAttribute("data-dt-tooltip-id");i.showTooltip(o)}function c(t){if(t.type==="keydown"&&t.code!=="Escape")return;const o=t.target.getAttribute("data-dt-tooltip-id");i.hideTooltip(o)}function f(t){["focusin","mouseenter"].forEach(o=>{t.addEventListener(o,e=>p(e))}),["focusout","mouseleave","keydown"].forEach(o=>{t.addEventListener(o,e=>c(e))})}function m(t){["focusin","mouseenter"].forEach(o=>{t.removeEventListener(o,e=>p(e))}),["focusout","mouseleave","keydown"].forEach(o=>{t.removeEventListener(o,e=>c(e))})}d.directive("dt-tooltip",{bind(t,o){if(!u(o.value)){console.warn("Missing value for v-dt-tooltip directive on: ",t,"received value: ",o.value);return}if(!v(o.arg)){console.warn("Wrong placement value provided for v-dt-tooltip directive on: ",t,"received value: ",o.arg);return}const e=n.getUniqueString(),r=o.value,s=o.arg||a;t.setAttribute("data-dt-tooltip-id",e),i.addTooltip(e,r,s),f(t)},unbind(t){m(t),i.removeTooltip(t.getAttribute("data-dt-tooltip-id"))}})}};exports.DtTooltipDirective=T;

package/dist/directives.js

@@ -0,0 +1,109 @@
+import { D as a, g as T, T as h } from "./tooltip-dc246ca8.js";
+import "vue";
+import "./_plugin-vue2_normalizer-71e2aa87.js";
+const A = {
+  name: "dt-tooltip-directive",
+  install(d) {
+    const r = document.createElement("div");
+    document.body.appendChild(r);
+    const c = "top", i = new d({
+      el: r,
+      name: "DtTooltipDirectiveApp",
+      components: { DtTooltip: a },
+      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(t) {
+        return t(
+          "div",
+          {
+            domProps: { id: "dt-tooltip-directive-app" }
+          },
+          [
+            this.tooltips.map(({ id: o, message: e, placement: n, show: s }) => t(a, {
+              key: o,
+              props: {
+                message: e,
+                placement: n,
+                show: s,
+                externalAnchor: `[data-dt-tooltip-id="${o}"]`
+              }
+            }))
+          ]
+        );
+      }
+    }), u = (t) => typeof t == "string" && (t == null ? void 0 : t.trim()), m = (t) => t === void 0 || h.includes(t);
+    function p(t) {
+      const o = t.target.getAttribute("data-dt-tooltip-id");
+      i.showTooltip(o);
+    }
+    function l(t) {
+      if (t.type === "keydown" && t.code !== "Escape")
+        return;
+      const o = t.target.getAttribute("data-dt-tooltip-id");
+      i.hideTooltip(o);
+    }
+    function v(t) {
+      ["focusin", "mouseenter"].forEach((o) => {
+        t.addEventListener(o, (e) => p(e));
+      }), ["focusout", "mouseleave", "keydown"].forEach((o) => {
+        t.addEventListener(o, (e) => l(e));
+      });
+    }
+    function f(t) {
+      ["focusin", "mouseenter"].forEach((o) => {
+        t.removeEventListener(o, (e) => p(e));
+      }), ["focusout", "mouseleave", "keydown"].forEach((o) => {
+        t.removeEventListener(o, (e) => l(e));
+      });
+    }
+    d.directive("dt-tooltip", {
+      bind(t, o) {
+        if (!u(o.value)) {
+          console.warn(
+            "Missing value for v-dt-tooltip directive on: ",
+            t,
+            "received value: ",
+            o.value
+          );
+          return;
+        }
+        if (!m(o.arg)) {
+          console.warn(
+            "Wrong placement value provided for v-dt-tooltip directive on: ",
+            t,
+            "received value: ",
+            o.arg
+          );
+          return;
+        }
+        const e = T(), n = o.value, s = o.arg || c;
+        t.setAttribute("data-dt-tooltip-id", e), i.addTooltip(e, n, s), v(t);
+      },
+      unbind(t) {
+        f(t), i.removeTooltip(t.getAttribute("data-dt-tooltip-id"));
+      }
+    });
+  }
+};
+export {
+  A as DtTooltipDirective
+};