@turquoisehealth/pit-viper 2.104.1 → 2.104.2-dev.0

package/pv-components/dist/web/components/pv-tooltip/pv-tooltip.js

@@ -0,0 +1,90 @@
+import { defineComponent as c, createElementBlock as l, openBlock as s, normalizeClass as d, renderSlot as i, createElementVNode as u, defineCustomElement as p } from "vue";
+const m = ["data-position", "aria-labelledby", "data-style", "data-static"], f = ["id"], h = { key: 1 }, v = /* @__PURE__ */ c({
+  __name: "PvTooltip",
+  props: {
+    variant: { default: "white", type: String },
+    tooltipPosition: { default: "top-right", type: String },
+    ariaLabelledBy: { default: "ariaLabelledById", type: String },
+    size: { default: "md", type: String },
+    interactive: { type: Boolean, default: !0 },
+    delay: { default: 0, type: Number }
+  },
+  setup(e) {
+    return (t, o) => t.$slots["tooltip-content"] ? (s(), l("div", {
+      key: 0,
+      "data-testid": "pv-tooltip",
+      class: d([
+        "pv-tooltip",
+        {
+          "pv-tooltip-small": e.size === "sm"
+        }
+      ]),
+      "data-position": e.tooltipPosition,
+      "aria-labelledby": e.ariaLabelledBy,
+      "data-style": e.variant === "white" ? "white" : "dark",
+      "data-static": e.interactive === !1 ? !0 : void 0
+    }, [
+      i(t.$slots, "label"),
+      u("div", {
+        role: "tooltip",
+        id: e.ariaLabelledBy,
+        "data-testid": "pv-tooltip-content"
+      }, [
+        i(t.$slots, "tooltip-content")
+      ], 8, f)
+    ], 10, m)) : (s(), l("div", h, [
+      i(t.$slots, "label")
+    ]));
+  }
+}), y = /* @__PURE__ */ new Set(["PvIcon", "PvPopoverMenu", "PvPopover"]);
+function b(e) {
+  return !y.has(e);
+}
+function r(e, t) {
+  const o = document.querySelector('link[href*="' + t + '"]');
+  if (!e.shadowRoot)
+    return !1;
+  if (o && e.shadowRoot) {
+    const n = o.href;
+    if (e.shadowRoot.querySelector(`link[href="${n}"]`))
+      return;
+    const a = document.createElement("link");
+    return a.rel = "stylesheet", a.href = n, e.shadowRoot.prepend(a), !0;
+  }
+  return !1;
+}
+function w(e) {
+  if (!r(e, "pit-viper-v2")) {
+    if (r(e, "pit-viper")) {
+      r(e, "pit-viper-v2-scoped");
+      return;
+    }
+    console.warn(
+      "No global styles found for Pit Viper components. Make sure to include pit-viper.css or pit-viper-v2.css in your project."
+    );
+  }
+}
+const S = (e) => ({ shadowRoot: b(e) });
+function C(e) {
+  const t = e.__name || e.name;
+  if (!t)
+    throw new Error("Component must have a __name or name property");
+  const o = p(e, S(t));
+  class n extends o {
+    connectedCallback() {
+      super.connectedCallback?.(), w(this);
+    }
+  }
+  return n;
+}
+function E(e) {
+  return e.replace(/([A-Z])/g, "-$1").toLowerCase().replace(/^-/, "");
+}
+function k(e) {
+  const t = e.__name || e.name;
+  if (!t)
+    throw new Error("Component must have a __name or name property");
+  const o = E(t), n = C(e);
+  customElements.get(o) || customElements.define(o, n);
+}
+k(v);