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

package/pv-components/dist/web/components/pv-ghost-input/pv-ghost-input.js

@@ -1,34 +1,34 @@
-import { ref as S, getCurrentInstance as w, defineComponent as b, computed as _, createElementBlock as m, openBlock as p, normalizeClass as P, createElementVNode as x, normalizeStyle as $, createBlock as v, Fragment as A, createCommentVNode as g, toDisplayString as k, mergeModels as B, useTemplateRef as T, useModel as z, onMounted as O, watch as j, renderSlot as M, withDirectives as N, mergeProps as R, vModelText as V, defineCustomElement as W } from "vue";
+import { ref as S, getCurrentInstance as w, defineComponent as g, computed as _, createElementBlock as m, openBlock as p, normalizeClass as P, createElementVNode as x, normalizeStyle as $, createBlock as v, Fragment as A, createCommentVNode as b, toDisplayString as k, mergeModels as B, useTemplateRef as T, useModel as z, onMounted as O, watch as j, renderSlot as M, withDirectives as N, mergeProps as R, vModelText as V, defineCustomElement as W } from "vue";
 function D() {
   const t = S(!1), n = w()?.root || {};
   return "isCE" in n && n.isCE === !0 && (t.value = !0), t;
 }
-const L = [void 0, 10, 12, 20, 24, 32, 64], G = ["xlink:href"], C = /* @__PURE__ */ b({
+const L = [void 0, 10, 12, 20, 24, 32, 64], G = ["xlink:href"], C = /* @__PURE__ */ g({
   __name: "PvIcon",
   props: {
     name: { type: String },
     size: { type: null }
   },
   setup(t) {
-    const e = t, n = D(), s = S(null), o = _(() => ({
+    const e = t, n = D(), a = S(null), s = _(() => ({
       "pv-icon": !0,
       [`pv-icon-${e.size}`]: L.includes(e.size)
-    })), a = _(() => n.value && s.value ? `${s.value}#${e.name}` : `#${e.name}`);
-    return globalThis.__PV_GLOBAL_SPRITE_PATH__ && (s.value = globalThis.__PV_GLOBAL_SPRITE_PATH__), (d, l) => (p(), m(
+    })), o = _(() => n.value && a.value ? `${a.value}#${e.name}` : `#${e.name}`);
+    return globalThis.__PV_GLOBAL_SPRITE_PATH__ && (a.value = globalThis.__PV_GLOBAL_SPRITE_PATH__), (d, l) => (p(), m(
       "svg",
       {
         "data-testid": "pv-icon",
         "aria-hidden": "true",
-        class: P(o.value)
+        class: P(s.value)
       },
       [
-        x("use", { "xlink:href": a.value }, null, 8, G)
+        x("use", { "xlink:href": o.value }, null, 8, G)
       ],
       2
       /* CLASS */
     ));
   }
-}), H = /* @__PURE__ */ b({
+}), H = /* @__PURE__ */ g({
   __name: "PvSpinner",
   props: {
     variant: { default: "primary", type: String },
@@ -46,7 +46,7 @@ const L = [void 0, 10, 12, 20, 24, 32, 64], G = ["xlink:href"], C = /* @__PURE__
       dark: "pv-spinner-dark",
       white: "pv-spinner-light"
     };
-    return (s, o) => (p(), m(
+    return (a, s) => (p(), m(
       "div",
       {
         "data-testid": "pv-spinner",
@@ -58,14 +58,14 @@ const L = [void 0, 10, 12, 20, 24, 32, 64], G = ["xlink:href"], C = /* @__PURE__
       /* CLASS, STYLE */
     ));
   }
-}), J = ["ghost"], E = {
+}), E = {
   md: "pv-button-small",
   lg: void 0,
   xl: "pv-button-large"
-}, U = (t) => t == null || !E.hasOwnProperty(t) ? null : E[t] || null, q = ["disabled"], F = {
+}, J = (t) => t == null || !E.hasOwnProperty(t) ? null : E[t] || null, U = ["disabled"], q = {
   key: 1,
   "data-testid": "pv-button-label"
-}, Z = /* @__PURE__ */ b({
+}, F = /* @__PURE__ */ g({
   __name: "PvButton",
   props: {
     variant: { default: "primary", type: String },
@@ -78,15 +78,15 @@ const L = [void 0, 10, 12, 20, 24, 32, 64], G = ["xlink:href"], C = /* @__PURE__
     inverse: { type: Boolean, default: !1 }
   },
   setup(t) {
-    const e = t, n = _(() => {
+    const e = ["ghost"], n = t, a = _(() => {
       const s = [];
-      e.inverse && J.includes(e.variant) ? s.push(`pv-button-${e.variant}-inverse`) : s.push(`pv-button-${e.variant}`);
-      const o = U(e.size);
+      n.inverse && e.includes(n.variant) ? s.push(`pv-button-${n.variant}-inverse`) : s.push(`pv-button-${n.variant}`);
+      const o = J(n.size);
       return o && s.push(o), s;
     });
     return (s, o) => (p(), m("button", {
       type: "button",
-      class: P(n.value),
+      class: P(a.value),
       disabled: t.disabled,
       "data-testid": "pv-button"
     }, [
@@ -101,26 +101,26 @@ const L = [void 0, 10, 12, 20, 24, 32, 64], G = ["xlink:href"], C = /* @__PURE__
             key: 0,
             name: t.leftIcon,
             "data-testid": "pv-button-left-icon"
-          }, null, 8, ["name"])) : g("v-if", !0),
+          }, null, 8, ["name"])) : b("v-if", !0),
           t.label ? (p(), m(
             "span",
-            F,
+            q,
             k(t.label),
             1
             /* TEXT */
-          )) : g("v-if", !0),
+          )) : b("v-if", !0),
           t.rightIcon ? (p(), v(C, {
             key: 2,
             name: t.rightIcon,
             "data-testid": "pv-button-right-icon"
-          }, null, 8, ["name"])) : g("v-if", !0)
+          }, null, 8, ["name"])) : b("v-if", !0)
         ],
         64
         /* STABLE_FRAGMENT */
       ))
-    ], 10, q));
+    ], 10, U));
   }
-}), K = ["data-style"], Q = ["placeholder", "disabled", "name"], X = /* @__PURE__ */ b({
+}), Z = ["data-style"], K = ["placeholder", "disabled", "name"], Q = /* @__PURE__ */ g({
   __name: "PvGhostInput",
   props: /* @__PURE__ */ B({
     variant: { default: "h1", type: null },
@@ -142,7 +142,7 @@ const L = [void 0, 10, 12, 20, 24, 32, 64], G = ["xlink:href"], C = /* @__PURE__
       "text-md": "ghost-input-text-medium",
       "text-sm": "ghost-input-text-small",
       caption: "ghost-input-caption"
-    }, s = {
+    }, a = {
       h1: "h1",
       h2: "h2",
       h3: "h3",
@@ -151,35 +151,35 @@ const L = [void 0, 10, 12, 20, 24, 32, 64], G = ["xlink:href"], C = /* @__PURE__
       "text-md": "text-medium",
       "text-lg": "text-large",
       caption: "caption"
-    }, o = t, a = z(t, "modelValue"), d = S(0), l = () => {
+    }, s = t, o = z(t, "modelValue"), d = S(0), l = () => {
       e.value?.focus();
     };
     O(() => {
-      a.value && a.value.length > 0 ? c(a.value) : o.placeholder ? c(o.placeholder) : d.value = 240;
+      o.value && o.value.length > 0 ? c(o.value) : s.placeholder ? c(s.placeholder) : d.value = 240;
     }), j(
-      () => a.value,
+      () => o.value,
       () => {
-        a.value && a.value.length > 0 ? c(a.value) : o.placeholder ? c(o.placeholder) : d.value = 240;
+        o.value && o.value.length > 0 ? c(o.value) : s.placeholder ? c(s.placeholder) : d.value = 240;
       }
     );
-    const c = (r) => {
+    const c = (i) => {
       if (!e.value) return;
       const u = document.createElement("canvas").getContext("2d");
       if (!u) return;
       const h = getComputedStyle(e.value);
-      u.font = `${h.fontWeight} ${h.fontSize} ${h.fontFamily}`, d.value = u.measureText(r).width + 10;
+      u.font = `${h.fontWeight} ${h.fontSize} ${h.fontFamily}`, d.value = u.measureText(i).width + 10;
     };
-    return (r, i) => (p(), m("div", {
+    return (i, r) => (p(), m("div", {
       class: "pv-ghost-input pv-full-width",
       "data-testid": "pv-ghost-input",
-      "data-style": s[t.variant]
+      "data-style": a[t.variant]
     }, [
-      M(r.$slots, "action"),
+      M(i.$slots, "action"),
       N(x("input", R({
         ref_key: "inputRef",
         ref: e
-      }, o, {
-        "onUpdate:modelValue": i[0] || (i[0] = (u) => a.value = u),
+      }, s, {
+        "onUpdate:modelValue": r[0] || (r[0] = (u) => o.value = u),
         type: "text",
         style: {
           width: d.value + "px"
@@ -187,35 +187,35 @@ const L = [void 0, 10, 12, 20, 24, 32, 64], G = ["xlink:href"], C = /* @__PURE__
         placeholder: t.placeholder,
         disabled: t.disabled,
         name: n[t.variant]
-      }), null, 16, Q), [
-        [V, a.value]
+      }), null, 16, K), [
+        [V, o.value]
       ]),
-      t.showEditIcon ? (p(), v(Z, {
+      t.showEditIcon ? (p(), v(F, {
         key: 0,
         "left-icon": "edit",
         variant: "ghost",
         onClick: l
-      })) : g("v-if", !0)
-    ], 8, K));
+      })) : b("v-if", !0)
+    ], 8, Z));
   }
-}), Y = /* @__PURE__ */ new Set(["PvIcon", "PvPopoverMenu", "PvPopover"]);
-function tt(t) {
-  return !Y.has(t);
+}), X = /* @__PURE__ */ new Set(["PvIcon", "PvPopoverMenu", "PvPopover"]);
+function Y(t) {
+  return !X.has(t);
 }
 function y(t, e) {
   const n = document.querySelector('link[href*="' + e + '"]');
   if (!t.shadowRoot)
     return !1;
   if (n && t.shadowRoot) {
-    const s = n.href;
-    if (t.shadowRoot.querySelector(`link[href="${s}"]`))
+    const a = n.href;
+    if (t.shadowRoot.querySelector(`link[href="${a}"]`))
       return;
-    const o = document.createElement("link");
-    return o.rel = "stylesheet", o.href = s, t.shadowRoot.prepend(o), !0;
+    const s = document.createElement("link");
+    return s.rel = "stylesheet", s.href = a, t.shadowRoot.prepend(s), !0;
   }
   return !1;
 }
-function et(t) {
+function tt(t) {
   if (!y(t, "pit-viper-v2")) {
     if (y(t, "pit-viper")) {
       y(t, "pit-viper-v2-scoped");
@@ -226,21 +226,21 @@ function et(t) {
     );
   }
 }
-const nt = (t) => ({ shadowRoot: tt(t) });
-function st(t, e) {
+const et = (t) => ({ shadowRoot: Y(t) });
+function nt(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 ot(t, e) {
+function st(t, e) {
   const n = Number(e);
   return isNaN(n) && console.warn(`Invalid number attribute value for "${t}": "${e}". Expected a valid number.`), n;
 }
-function at(t) {
-  const e = /* @__PURE__ */ new Set(), n = /* @__PURE__ */ new Set(), s = /* @__PURE__ */ new Set(), a = (t.__vccOpts || t).props;
-  return a && typeof a == "object" && Object.entries(a).forEach(([d, l]) => {
-    l === Boolean || l && l.type === Boolean ? e.add(d) : l === Number || l && l.type === Number ? n.add(d) : (l === Object || l === Array || l && (l.type === Object || l.type === Array)) && s.add(d);
-  }), { booleanProps: e, numberProps: n, jsonProps: s };
+function ot(t) {
+  const e = /* @__PURE__ */ new Set(), n = /* @__PURE__ */ new Set(), a = /* @__PURE__ */ new Set(), o = (t.__vccOpts || t).props;
+  return o && typeof o == "object" && Object.entries(o).forEach(([d, l]) => {
+    l === Boolean || l && l.type === Boolean ? e.add(d) : l === Number || l && l.type === Number ? n.add(d) : (l === Object || l === Array || l && (l.type === Object || l.type === Array)) && a.add(d);
+  }), { booleanProps: e, numberProps: n, jsonProps: a };
 }
 function I(t, e) {
   try {
@@ -251,11 +251,11 @@ function I(t, e) {
     ), null;
   }
 }
-function rt(t) {
+function at(t) {
   const e = t.__name || t.name;
   if (!e)
     throw new Error("Component must have a __name or name property");
-  const n = W(t, nt(e)), { booleanProps: s, numberProps: o, jsonProps: a } = at(t);
+  const n = W(t, et(e)), { booleanProps: a, numberProps: s, jsonProps: o } = ot(t);
   class d extends n {
     _hiddenInput = null;
     constructor() {
@@ -272,23 +272,23 @@ function rt(t) {
       this._hiddenInput && (this._hiddenInput.value = c ?? "");
     }
     _parseAttributes() {
-      s.forEach((r) => {
-        const i = this.getAttribute(r);
-        this[r] = st(r, i);
-      }), o.forEach((r) => {
-        const i = this.getAttribute(r);
-        i !== null && (this[r] = ot(r, i));
-      }), a.forEach((r) => {
-        const i = this.getAttribute(r);
-        if (i !== null) {
-          const u = I(r, i);
-          u !== null && (this[r] = u);
+      a.forEach((i) => {
+        const r = this.getAttribute(i);
+        this[i] = nt(i, r);
+      }), s.forEach((i) => {
+        const r = this.getAttribute(i);
+        r !== null && (this[i] = st(i, r));
+      }), o.forEach((i) => {
+        const r = this.getAttribute(i);
+        if (r !== null) {
+          const u = I(i, r);
+          u !== null && (this[i] = u);
         }
       });
       const c = this.getAttribute("data-json-props");
-      c && c.split(",").map((i) => i.trim()).filter(Boolean).forEach((i) => {
-        const u = i.replace(/-([a-z])/g, (f) => f[1].toUpperCase());
-        let h = this.getAttribute(i);
+      c && c.split(",").map((r) => r.trim()).filter(Boolean).forEach((r) => {
+        const u = r.replace(/-([a-z])/g, (f) => f[1].toUpperCase());
+        let h = this.getAttribute(r);
         if (h === null) {
           const f = u.replace(/([A-Z])/g, "-$1").toLowerCase();
           h = this.getAttribute(f);
@@ -300,7 +300,7 @@ function rt(t) {
       });
     }
     connectedCallback() {
-      this._parseAttributes(), super.connectedCallback?.(), et(this);
+      this._parseAttributes(), super.connectedCallback?.(), tt(this);
       const c = this.getAttribute("name");
       c && (this._hiddenInput = document.createElement("input"), this._hiddenInput.type = "hidden", this._hiddenInput.name = c, this.after(this._hiddenInput));
     }
@@ -310,11 +310,11 @@ function rt(t) {
 function it(t) {
   return t.replace(/([A-Z])/g, "-$1").toLowerCase().replace(/^-/, "");
 }
-function lt(t) {
+function rt(t) {
   const e = t.__name || t.name;
   if (!e)
     throw new Error("Component must have a __name or name property");
-  const n = it(e), s = rt(t);
-  customElements.get(n) || customElements.define(n, s);
+  const n = it(e), a = at(t);
+  customElements.get(n) || customElements.define(n, a);
 }
-lt(X);
+rt(Q);