@turquoisehealth/pit-viper 2.122.0 → 2.122.1-dev.0

package/pv-components/dist/web/components/pv-selectable-card/pv-selectable-card.js

@@ -0,0 +1,153 @@
+import { defineComponent as b, computed as v, createElementBlock as y, openBlock as g, normalizeClass as E, createElementVNode as _, renderSlot as C, defineCustomElement as S } from "vue";
+const w = ["for"], A = ["checked", "type", "value", "id"], P = /* @__PURE__ */ b({
+  __name: "PvSelectableCard",
+  props: {
+    variant: { default: "default", type: String },
+    value: { type: String },
+    id: { type: String },
+    deselect: { type: Boolean },
+    selected: { type: Boolean }
+  },
+  setup(e) {
+    const t = v(() => e.id ? e.id : `${Math.random()}`);
+    return (n, i) => (g(), y("label", {
+      "data-testid": "pv-selectable-card",
+      class: E([
+        "pv-label-selectable-small",
+        {
+          "pv-label-selectable-highlight": e.variant === "highlight"
+        }
+      ]),
+      for: t.value
+    }, [
+      _("input", {
+        checked: e.selected,
+        class: "pv-hide",
+        name: "type",
+        type: e.deselect ? "checkbox" : "radio",
+        value: e.value,
+        id: t.value
+      }, null, 8, A),
+      C(n.$slots, "default")
+    ], 10, w));
+  }
+}), I = /* @__PURE__ */ new Set(["PvIcon", "PvPopoverMenu", "PvPopover"]);
+function j(e) {
+  return !I.has(e);
+}
+function h(e, t) {
+  const n = document.querySelector('link[href*="' + t + '"]');
+  if (!e.shadowRoot)
+    return !1;
+  if (n && e.shadowRoot) {
+    const i = n.href;
+    if (e.shadowRoot.querySelector(`link[href="${i}"]`))
+      return;
+    const l = document.createElement("link");
+    return l.rel = "stylesheet", l.href = i, e.shadowRoot.prepend(l), !0;
+  }
+  return !1;
+}
+function k(e) {
+  if (!h(e, "pit-viper-v2")) {
+    if (h(e, "pit-viper")) {
+      h(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 O = (e) => ({ shadowRoot: j(e) });
+function $(e, t) {
+  return t === null ? !1 : t === "" || t === "true" ? !0 : (t === "false" || console.warn(
+    `Invalid boolean attribute value for "${e}": "${t}". Expected "true", "false", or empty string.`
+  ), !1);
+}
+function N(e, t) {
+  const n = Number(t);
+  return isNaN(n) && console.warn(`Invalid number attribute value for "${e}": "${t}". Expected a valid number.`), n;
+}
+function B(e) {
+  const t = /* @__PURE__ */ new Set(), n = /* @__PURE__ */ new Set(), i = /* @__PURE__ */ new Set(), d = (e.__vccOpts || e).props;
+  return d && typeof d == "object" && Object.entries(d).forEach(([p, r]) => {
+    r === Boolean || r && r.type === Boolean ? t.add(p) : r === Number || r && r.type === Number ? n.add(p) : (r === Object || r === Array || r && (r.type === Object || r.type === Array)) && i.add(p);
+  }), { booleanProps: t, numberProps: n, jsonProps: i };
+}
+function m(e, t) {
+  try {
+    return JSON.parse(t);
+  } catch (n) {
+    return console.warn(
+      `Invalid JSON attribute value for "${e}": "${t}". Error: ${n instanceof Error ? n.message : String(n)}`
+    ), null;
+  }
+}
+function D(e) {
+  const t = e.__name || e.name;
+  if (!t)
+    throw new Error("Component must have a __name or name property");
+  const n = S(e, O(t)), { booleanProps: i, numberProps: l, jsonProps: d } = B(e);
+  class p extends n {
+    _hiddenInput = null;
+    constructor() {
+      super(), this._parseAttributes();
+    }
+    disconnectedCallback() {
+      this._hiddenInput?.remove(), super.disconnectedCallback?.();
+    }
+    /**
+     * Update the hidden input value
+     * Call this from the Vue component to sync form value
+     */
+    setHiddenInputValue(a) {
+      this._hiddenInput && (this._hiddenInput.value = a ?? "");
+    }
+    _parseAttributes() {
+      i.forEach((o) => {
+        const s = this.getAttribute(o);
+        this[o] = $(o, s);
+      }), l.forEach((o) => {
+        const s = this.getAttribute(o);
+        s !== null && (this[o] = N(o, s));
+      }), d.forEach((o) => {
+        const s = this.getAttribute(o);
+        if (s !== null) {
+          const c = m(o, s);
+          c !== null && (this[o] = c);
+        }
+      });
+      const a = this.getAttribute("data-json-props");
+      a && a.split(",").map((s) => s.trim()).filter(Boolean).forEach((s) => {
+        const c = s.replace(/-([a-z])/g, (u) => u[1].toUpperCase());
+        let f = this.getAttribute(s);
+        if (f === null) {
+          const u = c.replace(/([A-Z])/g, "-$1").toLowerCase();
+          f = this.getAttribute(u);
+        }
+        if (f !== null && !this[c]) {
+          const u = m(c, f);
+          u !== null && (this[c] = u);
+        }
+      });
+    }
+    connectedCallback() {
+      this._parseAttributes(), super.connectedCallback?.(), k(this);
+      const a = this.getAttribute("name");
+      a && (this._hiddenInput = document.createElement("input"), this._hiddenInput.type = "hidden", this._hiddenInput.name = a, this.after(this._hiddenInput));
+    }
+  }
+  return p;
+}
+function M(e) {
+  return e.replace(/([A-Z])/g, "-$1").toLowerCase().replace(/^-/, "");
+}
+function R(e) {
+  const t = e.__name || e.name;
+  if (!t)
+    throw new Error("Component must have a __name or name property");
+  const n = M(t), i = D(e);
+  customElements.get(n) || customElements.define(n, i);
+}
+R(P);

package/pv-components/dist/web/components/pv-side-panel/pv-side-panel.js

@@ -0,0 +1,148 @@
+import { defineComponent as v, createElementBlock as w, openBlock as y, createElementVNode as f, renderSlot as b, defineCustomElement as g } from "vue";
+const E = { class: "pv-layout-two-sidebar" }, S = ["data-hidden"], A = { "data-layout": "main-section" }, C = ["data-hidden"], P = /* @__PURE__ */ v({
+  __name: "PvSidePanel",
+  props: {
+    showLeftSidebar: { type: Boolean },
+    showRightSidebar: { type: Boolean }
+  },
+  setup(t) {
+    return (e, n) => (y(), w("div", E, [
+      f("div", {
+        "data-hidden": t.showLeftSidebar === !1 ? !0 : void 0,
+        "data-testid": "pv-side-panel-left",
+        "data-layout": "left-sidebar"
+      }, [
+        b(e.$slots, "left-sidebar")
+      ], 8, S),
+      f("div", A, [
+        b(e.$slots, "main")
+      ]),
+      f("div", {
+        "data-hidden": t.showRightSidebar === !1 ? !0 : void 0,
+        "data-testid": "pv-side-panel-right",
+        "data-layout": "right-sidebar"
+      }, [
+        b(e.$slots, "right-sidebar")
+      ], 8, C)
+    ]));
+  }
+}), I = /* @__PURE__ */ new Set(["PvIcon", "PvPopoverMenu", "PvPopover"]);
+function j(t) {
+  return !I.has(t);
+}
+function m(t, e) {
+  const n = document.querySelector('link[href*="' + e + '"]');
+  if (!t.shadowRoot)
+    return !1;
+  if (n && t.shadowRoot) {
+    const i = n.href;
+    if (t.shadowRoot.querySelector(`link[href="${i}"]`))
+      return;
+    const d = document.createElement("link");
+    return d.rel = "stylesheet", d.href = i, t.shadowRoot.prepend(d), !0;
+  }
+  return !1;
+}
+function $(t) {
+  if (!m(t, "pit-viper-v2")) {
+    if (m(t, "pit-viper")) {
+      m(t, "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 O = (t) => ({ shadowRoot: j(t) });
+function k(t, e) {
+  return e === null ? !1 : e === "" || e === "true" ? !0 : (e === "false" || console.warn(
+    `Invalid boolean attribute value for "${t}": "${e}". Expected "true", "false", or empty string.`
+  ), !1);
+}
+function N(t, e) {
+  const n = Number(e);
+  return isNaN(n) && console.warn(`Invalid number attribute value for "${t}": "${e}". Expected a valid number.`), n;
+}
+function B(t) {
+  const e = /* @__PURE__ */ new Set(), n = /* @__PURE__ */ new Set(), i = /* @__PURE__ */ new Set(), l = (t.__vccOpts || t).props;
+  return l && typeof l == "object" && Object.entries(l).forEach(([p, o]) => {
+    o === Boolean || o && o.type === Boolean ? e.add(p) : o === Number || o && o.type === Number ? n.add(p) : (o === Object || o === Array || o && (o.type === Object || o.type === Array)) && i.add(p);
+  }), { booleanProps: e, numberProps: n, jsonProps: i };
+}
+function _(t, e) {
+  try {
+    return JSON.parse(e);
+  } catch (n) {
+    return console.warn(
+      `Invalid JSON attribute value for "${t}": "${e}". Error: ${n instanceof Error ? n.message : String(n)}`
+    ), null;
+  }
+}
+function R(t) {
+  const e = t.__name || t.name;
+  if (!e)
+    throw new Error("Component must have a __name or name property");
+  const n = g(t, O(e)), { booleanProps: i, numberProps: d, jsonProps: l } = B(t);
+  class p extends n {
+    _hiddenInput = null;
+    constructor() {
+      super(), this._parseAttributes();
+    }
+    disconnectedCallback() {
+      this._hiddenInput?.remove(), super.disconnectedCallback?.();
+    }
+    /**
+     * Update the hidden input value
+     * Call this from the Vue component to sync form value
+     */
+    setHiddenInputValue(a) {
+      this._hiddenInput && (this._hiddenInput.value = a ?? "");
+    }
+    _parseAttributes() {
+      i.forEach((r) => {
+        const s = this.getAttribute(r);
+        this[r] = k(r, s);
+      }), d.forEach((r) => {
+        const s = this.getAttribute(r);
+        s !== null && (this[r] = N(r, s));
+      }), l.forEach((r) => {
+        const s = this.getAttribute(r);
+        if (s !== null) {
+          const c = _(r, s);
+          c !== null && (this[r] = c);
+        }
+      });
+      const a = this.getAttribute("data-json-props");
+      a && a.split(",").map((s) => s.trim()).filter(Boolean).forEach((s) => {
+        const c = s.replace(/-([a-z])/g, (u) => u[1].toUpperCase());
+        let h = this.getAttribute(s);
+        if (h === null) {
+          const u = c.replace(/([A-Z])/g, "-$1").toLowerCase();
+          h = this.getAttribute(u);
+        }
+        if (h !== null && !this[c]) {
+          const u = _(c, h);
+          u !== null && (this[c] = u);
+        }
+      });
+    }
+    connectedCallback() {
+      this._parseAttributes(), super.connectedCallback?.(), $(this);
+      const a = this.getAttribute("name");
+      a && (this._hiddenInput = document.createElement("input"), this._hiddenInput.type = "hidden", this._hiddenInput.name = a, this.after(this._hiddenInput));
+    }
+  }
+  return p;
+}
+function D(t) {
+  return t.replace(/([A-Z])/g, "-$1").toLowerCase().replace(/^-/, "");
+}
+function L(t) {
+  const e = t.__name || t.name;
+  if (!e)
+    throw new Error("Component must have a __name or name property");
+  const n = D(e), i = R(t);
+  customElements.get(n) || customElements.define(n, i);
+}
+L(P);