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

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

@@ -0,0 +1,85 @@
+import { defineComponent as l, computed as s, createElementBlock as c, openBlock as i, normalizeClass as u, createElementVNode as d, renderSlot as m, defineCustomElement as p } from "vue";
+const h = ["for"], f = ["checked", "type", "value", "id"], v = /* @__PURE__ */ l({
+  __name: "PvSelectableCard",
+  props: {
+    variant: { default: "default", type: String },
+    value: { type: String },
+    id: { type: String },
+    deselect: { type: Boolean },
+    selected: { type: Boolean }
+  },
+  setup(e) {
+    const t = s(() => e.id ? e.id : `${Math.random()}`);
+    return (n, o) => (i(), c("label", {
+      "data-testid": "pv-selectable-card",
+      class: u([
+        "pv-label-selectable-small",
+        {
+          "pv-label-selectable-highlight": e.variant === "highlight"
+        }
+      ]),
+      for: t.value
+    }, [
+      d("input", {
+        checked: e.selected,
+        class: "pv-hide",
+        name: "type",
+        type: e.deselect ? "checkbox" : "radio",
+        value: e.value,
+        id: t.value
+      }, null, 8, f),
+      m(n.$slots, "default")
+    ], 10, h));
+  }
+}), y = /* @__PURE__ */ new Set(["PvIcon", "PvPopoverMenu", "PvPopover"]);
+function b(e) {
+  return !y.has(e);
+}
+function a(e, t) {
+  const n = document.querySelector('link[href*="' + t + '"]');
+  if (!e.shadowRoot)
+    return !1;
+  if (n && e.shadowRoot) {
+    const o = n.href;
+    if (e.shadowRoot.querySelector(`link[href="${o}"]`))
+      return;
+    const r = document.createElement("link");
+    return r.rel = "stylesheet", r.href = o, e.shadowRoot.prepend(r), !0;
+  }
+  return !1;
+}
+function C(e) {
+  if (!a(e, "pit-viper-v2")) {
+    if (a(e, "pit-viper")) {
+      a(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 E(e) {
+  const t = e.__name || e.name;
+  if (!t)
+    throw new Error("Component must have a __name or name property");
+  const n = p(e, S(t));
+  class o extends n {
+    connectedCallback() {
+      super.connectedCallback?.(), C(this);
+    }
+  }
+  return o;
+}
+function g(e) {
+  return e.replace(/([A-Z])/g, "-$1").toLowerCase().replace(/^-/, "");
+}
+function w(e) {
+  const t = e.__name || e.name;
+  if (!t)
+    throw new Error("Component must have a __name or name property");
+  const n = g(t), o = E(e);
+  customElements.get(n) || customElements.define(n, o);
+}
+w(v);

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

@@ -0,0 +1,80 @@
+import { defineComponent as d, createElementBlock as l, openBlock as c, createElementVNode as s, renderSlot as a, defineCustomElement as u } from "vue";
+const h = { class: "pv-layout-two-sidebar" }, p = ["data-hidden"], m = { "data-layout": "main-section" }, f = ["data-hidden"], v = /* @__PURE__ */ d({
+  __name: "PvSidePanel",
+  props: {
+    showLeftSidebar: { type: Boolean },
+    showRightSidebar: { type: Boolean }
+  },
+  setup(e) {
+    return (t, o) => (c(), l("div", h, [
+      s("div", {
+        "data-hidden": e.showLeftSidebar === !1 ? !0 : void 0,
+        "data-testid": "pv-side-panel-left",
+        "data-layout": "left-sidebar"
+      }, [
+        a(t.$slots, "left-sidebar")
+      ], 8, p),
+      s("div", m, [
+        a(t.$slots, "main")
+      ]),
+      s("div", {
+        "data-hidden": e.showRightSidebar === !1 ? !0 : void 0,
+        "data-testid": "pv-side-panel-right",
+        "data-layout": "right-sidebar"
+      }, [
+        a(t.$slots, "right-sidebar")
+      ], 8, f)
+    ]));
+  }
+}), _ = /* @__PURE__ */ new Set(["PvIcon", "PvPopoverMenu", "PvPopover"]);
+function w(e) {
+  return !_.has(e);
+}
+function i(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 r = document.createElement("link");
+    return r.rel = "stylesheet", r.href = n, e.shadowRoot.prepend(r), !0;
+  }
+  return !1;
+}
+function b(e) {
+  if (!i(e, "pit-viper-v2")) {
+    if (i(e, "pit-viper")) {
+      i(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 y = (e) => ({ shadowRoot: w(e) });
+function S(e) {
+  const t = e.__name || e.name;
+  if (!t)
+    throw new Error("Component must have a __name or name property");
+  const o = u(e, y(t));
+  class n extends o {
+    connectedCallback() {
+      super.connectedCallback?.(), b(this);
+    }
+  }
+  return n;
+}
+function E(e) {
+  return e.replace(/([A-Z])/g, "-$1").toLowerCase().replace(/^-/, "");
+}
+function C(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 = S(e);
+  customElements.get(o) || customElements.define(o, n);
+}
+C(v);