@cling-se/widget 0.19.6 → 0.19.8

package/dist/CSelect-BpautzPq.js

@@ -0,0 +1,129 @@
+import { _ as y, S as f, N as g, O as b, P as i, b as n, d, o as r, j as u, u as V, c, e as o, Q as C, R as m, T as S, t as v, x as k } from "./main-BayUZ9OO.js";
+const x = {
+  name: "CSelect",
+  mixins: [g, b],
+  inheritAttrs: !1,
+  components: {
+    Spinner: f
+  },
+  props: {
+    modelValue: {
+      type: [String, Number, Boolean, Object, Array, Function],
+      default: null
+    },
+    placeholder: {
+      type: String,
+      default: ""
+    },
+    multiple: Boolean,
+    selectClass: {
+      type: [String, Object, Array],
+      default: ""
+    },
+    nativeSize: {
+      type: [String, Number],
+      default: null
+    },
+    filled: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: ["blur", "focus", "update:modelValue"],
+  data() {
+    return {
+      selected: this.modelValue,
+      _elementRef: "select"
+    };
+  },
+  computed: {
+    computedValue: {
+      get() {
+        return this.selected;
+      },
+      set(e) {
+        this.selected = e, this.$emit("update:modelValue", e), !this.isValid && this.checkHtml5Validity();
+      }
+    },
+    spanClasses() {
+      return i(
+        "flex items-center justify-start",
+        this.size,
+        this.statusType,
+        this.expanded && "w-full",
+        this.multiple && "pr-10",
+        this.selected == null && "text-gray-400"
+      );
+    },
+    selectClasses() {
+      return i([
+        "block max-w-full text-base cursor-pointer text-gray-400",
+        "appearance-none border outline-none rounded-md",
+        "hover:border-gray-500 focus:border-blue-500 disabled:hover:border-gray-200 border-gray-300 bg-white",
+        "pl-3 pr-10 h-12 py-2",
+        this.expanded && "w-full",
+        this.filled && "bg-gray-100 hover:border-gray-300 focus:border-gray-300 border-gray-200",
+        this.multiple && "h-auto py-2 px-4 space-y-2",
+        this.rounded && "rounded-l-none rounded-r-full",
+        this.selected && "text-gray-900",
+        this.selectClass
+      ]);
+    }
+  },
+  watch: {
+    /**
+     * When v-model is changed:
+     *   1. Set the selected option.
+     *   2. If it's invalid, validate again.
+     */
+    modelValue(e) {
+      this.selected = e, !this.isValid && this.checkHtml5Validity();
+    }
+  }
+}, w = ["multiple", "size"], z = {
+  key: 0,
+  value: null,
+  disabled: "",
+  hidden: ""
+};
+function B(e, t, l, A, N, s) {
+  const p = n("CIcon"), h = n("Spinner");
+  return r(), d("div", m({
+    class: [{ "w-full": e.expanded, "has-icons-left": e.icon }, "relative clear-both box-border cursor-pointer text-left"]
+  }, e.rootAttrs), [
+    u("span", {
+      class: k(s.spanClasses)
+    }, [
+      V(u("select", m(e.fallthroughAttrs, {
+        ref: "select",
+        "onUpdate:modelValue": t[0] || (t[0] = (a) => s.computedValue = a),
+        multiple: l.multiple,
+        size: l.nativeSize,
+        class: s.selectClasses,
+        onBlur: t[1] || (t[1] = (a) => e.$emit("blur", a) && e.checkHtml5Validity()),
+        onFocus: t[2] || (t[2] = (a) => e.$emit("focus", a))
+      }), [
+        l.placeholder && s.computedValue == null ? (r(), d("option", z, v(l.placeholder), 1)) : o("", !0),
+        S(e.$slots, "default")
+      ], 16, w), [
+        [C, s.computedValue]
+      ]),
+      !l.multiple && !e.loading ? (r(), c(p, {
+        key: 0,
+        type: "chevron-down",
+        size: "14",
+        class: "relative -ml-6 text-gray-900 opacity-75"
+      })) : o("", !0),
+      e.loading ? (r(), c(h, {
+        key: 1,
+        size: "16",
+        color: "grey",
+        class: "-ml-6"
+      })) : o("", !0)
+    ], 2)
+  ], 16);
+}
+const F = /* @__PURE__ */ y(x, [["render", B]]);
+export {
+  F as C
+};

package/dist/CSkeleton-GIqd-JU4.js

@@ -0,0 +1,47 @@
+import { a7 as x, ax as B, H as l, ay as C, d as o, e as N, I as e, o as s, F as w, n as S, W as d, x as r, _ as z } from "./main-BayUZ9OO.js";
+const F = /* @__PURE__ */ x({
+  __name: "CSkeleton",
+  props: {
+    active: { type: Boolean, default: !0 },
+    animated: { type: Boolean, default: !1 },
+    width: { default: "" },
+    height: { default: "" },
+    circle: { type: Boolean, default: !1 },
+    rounded: { type: Boolean, default: !0 },
+    count: { default: 1 },
+    hidden: { type: Boolean, default: !1 },
+    color: { default: "" }
+  },
+  setup(i) {
+    const c = i, {
+      active: v,
+      animated: f,
+      width: a,
+      height: t,
+      circle: m,
+      rounded: p,
+      count: y,
+      hidden: h,
+      color: n
+    } = B(c), _ = l(() => ({
+      height: t.value === void 0 ? void 0 : isNaN(Number(t.value)) ? t.value : `${t.value}px`,
+      width: a.value === void 0 ? void 0 : isNaN(Number(a.value)) ? a.value : `${a.value}px`,
+      borderRadius: m.value ? "50%" : void 0,
+      background: n.value ? n.value : void 0
+    })), u = C(), g = l(() => u.style), k = l(() => u.class);
+    return (I, R) => e(v) ? (s(), o("div", {
+      key: 0,
+      class: r(["w-full", { invisible: e(h) }, k.value]),
+      style: d(g.value)
+    }, [
+      (s(!0), o(w, null, S(e(y), (b) => (s(), o("div", {
+        key: b,
+        class: r(["mt-2 w-full bg-gray-100 bg-[length:400%_100%] leading-none after:content-['\\00a0']", { "rounded-sm": e(p), "animate-skeleton": e(f) }]),
+        style: d(_.value)
+      }, null, 6))), 128))
+    ], 6)) : N("", !0);
+  }
+}), A = /* @__PURE__ */ z(F, [["__scopeId", "data-v-700c0d24"]]);
+export {
+  A as C
+};

package/dist/{ClientAutocomplete-vgxEGqNU.js → ClientAutocomplete-DOHX9Igy.js}

@@ -1,7 +1,7 @@
-import { S as O } from "./SearchApi-rcvoh3Av.js";
-import { _ as b, I as H, a2 as E, a3 as F, o as d, b as c, d as V, L as S, J as m, ad as v, w as p, O as $, P as T, s as w, l as C, K as y, f, F as x, k as L, n as A, a1 as _, e as g, v as h, aH as D, c as I, H as R } from "./main-WDVYC60Z.js";
-import { c as P, r as z, g as N } from "./helpers-BHIbXt8q.js";
-const q = {
+import { S as O } from "./SearchApi-Bf4jeQVr.js";
+import { _ as I, N as E, O as F, a1 as H, b as g, d as c, o as d, f as V, R as S, ah as m, am as v, w as p, u as $, j as w, W as T, x as C, e as f, T as y, F as x, n as _, t as h, v as A, ak as L, aF as R, c as b, q as D } from "./main-BayUZ9OO.js";
+import { g as P, r as N, c as q } from "./helpers-Cf9s0P7o.js";
+const z = {
   name: "CAutocomplete",
   components: {
     CInput: H
@@ -190,13 +190,13 @@ const q = {
         () => this.checkIfReachedTheEndOfScroll(e)
       );
     }
-    this.appendToBody && (this.$data._bodyEl = P(this.$refs.dropdown), this.updateAppendToBody());
+    this.appendToBody && (this.$data._bodyEl = q(this.$refs.dropdown), this.updateAppendToBody());
   },
   beforeUnmount() {
     typeof window < "u" && (document.removeEventListener("click", this.clickedOutside), this.dropdownPosition === "auto" && window.removeEventListener(
       "resize",
       this.calcDropdownInViewportVertical
-    )), this.checkInfiniteScroll && this.$refs.dropdown && this.$refs.dropdown.querySelector(".dropdown-content") && this.$refs.dropdown.querySelector(".dropdown-content").removeEventListener("scroll", this.checkIfReachedTheEndOfScroll), this.appendToBody && z(this.$data._bodyEl), clearTimeout(this.timeOutID);
+    )), this.checkInfiniteScroll && this.$refs.dropdown && this.$refs.dropdown.querySelector(".dropdown-content") && this.$refs.dropdown.querySelector(".dropdown-content").removeEventListener("scroll", this.checkIfReachedTheEndOfScroll), this.appendToBody && N(this.$data._bodyEl), clearTimeout(this.timeOutID);
   },
   methods: {
     /**
@@ -255,7 +255,7 @@ const q = {
      */
     getValue(e) {
       if (e !== null)
-        return typeof this.customFormatter < "u" ? this.customFormatter(e) : typeof e == "object" ? N(e, this.field) : e;
+        return typeof this.customFormatter < "u" ? this.customFormatter(e) : typeof e == "object" ? P(e, this.field) : e;
     },
     /**
      * Check if the scroll list inside the dropdown
@@ -382,23 +382,23 @@ function j(e, t, i, l, s, o) {
       onIconRightClick: o.rightIconClick,
       onIconClick: t[4] || (t[4] = (n) => e.$emit("icon-click", n))
     }), null, 16, ["modelValue", "size", "loading", "rounded", "icon", "icon-right", "icon-right-clickable", "icon-pack", "maxlength", "autocomplete", "onUpdate:modelValue", "onFocus", "onBlur", "onKeydown", "onIconRightClick"]),
-    V(_, { name: "fade" }, {
+    V(L, { name: "fade" }, {
       default: p(() => [
         $(w("div", {
           ref: "dropdown",
-          class: A([{ "is-opened-top": o.isOpenedTop && !i.appendToBody }, "dropdown-menu"]),
-          style: C(s.style)
+          class: C([{ "is-opened-top": o.isOpenedTop && !i.appendToBody }, "dropdown-menu"]),
+          style: T(s.style)
         }, [
           $(w("div", {
-            style: C(o.contentStyle),
+            style: T(o.contentStyle),
             class: "dropdown-content"
           }, [
             o.hasHeaderSlot ? (d(), c("div", M, [
               y(e.$slots, "header")
             ])) : f("", !0),
-            (d(!0), c(x, null, L(i.data, (n, u) => (d(), c("a", {
+            (d(!0), c(x, null, _(i.data, (n, u) => (d(), c("a", {
               key: u,
-              class: A([{ "is-hovered": n === s.hovered }, "dropdown-item"]),
+              class: C([{ "is-hovered": n === s.hovered }, "dropdown-item"]),
               onClick: (k) => o.setSelected(n, void 0, k)
             }, [
               o.hasDefaultSlot ? y(e.$slots, "default", {
@@ -414,17 +414,17 @@ function j(e, t, i, l, s, o) {
               y(e.$slots, "footer")
             ])) : f("", !0)
           ], 4), [
-            [T, s.isActive]
+            [A, s.isActive]
           ])
         ], 6), [
-          [T, o.isDropdownOpen]
+          [A, o.isDropdownOpen]
         ])
       ]),
       _: 3
     })
   ], 16);
 }
-const J = /* @__PURE__ */ b(q, [["render", j]]), X = {
+const X = /* @__PURE__ */ I(z, [["render", j]]), Y = {
   i18nOptions: {
     namespaces: "components",
     keyPrefix: "account.documentForm.clients"
@@ -432,7 +432,7 @@ const J = /* @__PURE__ */ b(q, [["render", j]]), X = {
   name: "ClientAutocomplete",
   components: {
     SearchApi: O,
-    CAutocomplete: J
+    CAutocomplete: X
   },
   props: {
     searchEnabled: {
@@ -455,7 +455,7 @@ const J = /* @__PURE__ */ b(q, [["render", j]]), X = {
   emits: ["input", "setClient", "add"],
   data() {
     return {
-      convertToNewClient: D,
+      convertToNewClient: R,
       results: [],
       // results when searching for existing endCustomer
       searchQuery: ""
@@ -472,13 +472,13 @@ const J = /* @__PURE__ */ b(q, [["render", j]]), X = {
       }));
     }
   }
-}, Y = { style: { "line-height": "1.5" } }, G = { style: { "font-weight": "500" } }, Z = {
+}, G = { style: { "line-height": "1.5" } }, J = { style: { "font-weight": "500" } }, Z = {
   class: "text-gray-600",
   style: { "font-size": "14px" }
 }, ee = { key: 0 }, te = { key: 0 };
 function ie(e, t, i, l, s, o) {
   const a = g("CButton"), n = g("CAutocomplete"), u = g("SearchApi");
-  return d(), I(u, { "custom-search": { endCustomer: !0 } }, {
+  return d(), b(u, { "custom-search": { endCustomer: !0 } }, {
     default: p(({ fetch: k, isLoading: B }) => [
       V(n, S({
         placeholder: e.$t("search.placeholder"),
@@ -494,14 +494,14 @@ function ie(e, t, i, l, s, o) {
         onSelect: t[1] || (t[1] = (r) => e.$emit("setClient", s.convertToNewClient(r)))
       }), {
         default: p(({ option: r }) => [
-          w("div", Y, [
-            w("div", G, h(r.name || r.email), 1),
+          w("div", G, [
+            w("div", J, h(r.name || r.email), 1),
             w("div", Z, h(r.reference ? `${r.reference} · ` : "") + " " + h(r.workStreet || r.street || " "), 1)
           ])
         ]),
         footer: p(() => [
           i.searchEnabled && i.showEmpty ? (d(), c("div", ee, [
-            s.searchQuery && !s.results.length ? (d(), I(a, {
+            s.searchQuery && !s.results.length ? (d(), b(a, {
               key: 0,
               type: "secondary",
               pattern: "tertiary",
@@ -510,7 +510,7 @@ function ie(e, t, i, l, s, o) {
               onClick: t[0] || (t[0] = (r) => e.$emit("add"))
             }, {
               default: p(() => [
-                R(h(e.$t("_common:add")), 1)
+                D(h(e.$t("_common:add")), 1)
               ]),
               _: 1
             })) : f("", !0)
@@ -525,8 +525,8 @@ function ie(e, t, i, l, s, o) {
     _: 1
   });
 }
-const le = /* @__PURE__ */ b(X, [["render", ie]]);
+const le = /* @__PURE__ */ I(Y, [["render", ie]]);
 export {
   le as C,
-  J as a
+  X as a
 };

package/dist/{ClientModal-B8ip7v99.js → ClientModal-DAXKN_b3.js}

@@ -1,11 +1,11 @@
-import { C as L } from "./ClientAutocomplete-vgxEGqNU.js";
-import { _ as z, aU as j, o as f, b as h, O as Z, aV as H, s as i, ad as N, n as y, K as Y, J as G, ai as B, ap as K, m as P, ak as J, v as r, d as n, w as a, c as b, f as v, F as O, k as F, H as C, e as g, A as k, aj as Q, N as X, p as _, a as x, g as q, be as ee, aH as te } from "./main-WDVYC60Z.js";
-import { C as oe, a as ne, w as E } from "./CDropdownItem-BuQONogL.js";
-import { _ as le } from "./CFormField.vue_vue_type_script_setup_true_lang-KdkAe_wn.js";
-import { C as ae } from "./CPhoneInput-DolVFzrL.js";
-import { u as ie } from "./index-Dbe2ueXc.js";
-import { r as se, a as $, e as re } from "./index-Cwf2aXw3.js";
-import { o as de } from "./omit-BhJ-wiH8.js";
+import { C as L } from "./ClientAutocomplete-DOHX9Igy.js";
+import { _ as z, b5 as j, d as h, o as f, u as Z, j as i, b6 as Y, am as N, x as y, T as G, ah as H, a as B, aq as P, aa as K, a6 as J, b as g, f as n, c as b, e as v, t as r, w as a, F as O, n as F, q as C, m as Q, ap as X, ae as k, aF as _, b7 as x, g as U, y as ee, i as te } from "./main-BayUZ9OO.js";
+import { w as E, C as oe, a as ne } from "./CDropdownItem-E-kRDIiy.js";
+import { _ as le } from "./CFormField.vue_vue_type_script_setup_true_lang-Bi0MjQdW.js";
+import { C as ae } from "./CPhoneInput-9AwTJm-0.js";
+import { u as ie } from "./index-C3pnyYI4.js";
+import { a as $, r as se, e as re } from "./index-XzoHqJIR.js";
+import { o as de } from "./omit-BKJdPM2H.js";
 const me = {
   name: "CRadio",
   mixins: [j]
@@ -16,7 +16,7 @@ function fe(e, t, s, d, u, l) {
     class: y([[`is-${e.size}`, { "is-disabled": e.disabled }], "b-radio radio"]),
     disabled: e.disabledOrUndefined,
     onClick: t[2] || (t[2] = (...c) => e.focus && e.focus(...c)),
-    onKeydown: t[3] || (t[3] = G(N((c) => e.$refs.label.click(), ["prevent"]), ["enter"]))
+    onKeydown: t[3] || (t[3] = H(N((c) => e.$refs.label.click(), ["prevent"]), ["enter"]))
   }, [
     Z(i("input", {
       ref: "input",
@@ -29,13 +29,13 @@ function fe(e, t, s, d, u, l) {
       onClick: t[1] || (t[1] = N(() => {
       }, ["stop"]))
     }, null, 8, pe), [
-      [H, e.computedValue]
+      [Y, e.computedValue]
     ]),
     i("span", {
       class: y([`is-${e.type}`, "check"])
     }, null, 2),
     i("span", ce, [
-      Y(e.$slots, "default")
+      G(e.$slots, "default")
     ])
   ], 42, ue);
 }
@@ -185,7 +185,7 @@ const he = {
       }
     }
   }
-}, { mapFields: ve } = B({
+}, { mapFields: ve } = P({
   getterType: "forms/getField",
   mutationType: "forms/updateField"
 }), ye = {
@@ -197,8 +197,8 @@ const he = {
   components: {
     ClientAutocomplete: L,
     CCheckbox: K,
-    CDropdown: oe,
-    CDropdownItem: ne,
+    CDropdown: ne,
+    CDropdownItem: oe,
     CField: le,
     CPhoneInput: ae,
     CRadio: ge
@@ -313,7 +313,7 @@ const he = {
       reverseVat: "endCustomer.reverseVat",
       doUpdateEndCustomer: "endCustomer.doUpdateEndCustomer"
     }),
-    ...P({
+    ...B({
       isPosting: "endCustomers/isPosting",
       companyRegion: "application/companyRegion",
       feature: "application/feature"
@@ -375,7 +375,7 @@ const he = {
 }, Me = { class: "type-toggle" }, Oe = { key: 0 }, Fe = {
   key: 0,
   class: "dropdown-field-wrapper flex min-w-0 flex-col"
-}, ze = { class: "my-1 text-sm text-gray-600" }, Re = { class: "py-1 leading-5" }, De = { class: "text-xs opacity-70" }, Ue = { style: { "line-height": "1.25", padding: "4px 0" } }, qe = { style: { "font-size": "12px", opacity: "0.7" } }, Ae = {
+}, ze = { class: "my-1 text-sm text-gray-600" }, Re = { class: "py-1 leading-5" }, De = { class: "text-xs opacity-70" }, qe = { style: { "line-height": "1.25", padding: "4px 0" } }, Ue = { style: { "font-size": "12px", opacity: "0.7" } }, Ae = {
   key: 1,
   class: "dropdown-field-wrapper flex min-w-0 flex-col"
 }, Be = { class: "my-1 text-sm text-gray-600" }, Pe = { class: "max-w-[calc(16_*_var(--rem))] py-1 leading-5" }, Ee = { class: "truncate text-xs opacity-70" }, Te = { style: { "line-height": "1.25", padding: "4px 0" } }, We = {
@@ -507,7 +507,7 @@ function je(e, t, s, d, u, l) {
             "icon-props": {
               stroke: "hsl(0, 0%, 50%)"
             },
-            onClick: (U) => e.$emit("update:document-role", o)
+            onClick: (q) => e.$emit("update:document-role", o)
           }, {
             default: a(() => [
               i("div", Ne, [
@@ -853,12 +853,12 @@ function je(e, t, s, d, u, l) {
                   "icon-props": {
                     stroke: "hsl(0, 0%, 50%)"
                   },
-                  onClick: (U) => e.$emit("update:document-role", o)
+                  onClick: (q) => e.$emit("update:document-role", o)
                 }, {
                   default: a(() => [
-                    i("div", Ue, [
+                    i("div", qe, [
                       i("div", null, r(e.$t(`_common:documentRole.${o}.description`)), 1),
-                      i("div", qe, r(e.$t(`_common:documentRole.${o}.label`)), 1)
+                      i("div", Ue, r(e.$t(`_common:documentRole.${o}.label`)), 1)
                     ])
                   ]),
                   _: 2
@@ -893,7 +893,7 @@ function je(e, t, s, d, u, l) {
               default: a(() => [
                 (f(!0), h(O, null, F(s.signOptions, (o) => (f(), b(I, {
                   key: o,
-                  onClick: (U) => e.$emit("update:answer-method", {
+                  onClick: (q) => e.$emit("update:answer-method", {
                     ...s.answerMethod,
                     accept: o
                   })
@@ -930,10 +930,10 @@ function je(e, t, s, d, u, l) {
     ], 2))
   ]);
 }
-const Ze = /* @__PURE__ */ z(ye, [["render", je], ["__scopeId", "data-v-a49b2cec"]]), { mapFields: He } = B({
+const Ze = /* @__PURE__ */ z(ye, [["render", je], ["__scopeId", "data-v-a49b2cec"]]), { mapFields: Ye } = P({
   getterType: "forms/getField",
   mutationType: "forms/updateField"
-}), Ye = {
+}), Ge = {
   name: "ClientModal",
   i18nOptions: {
     namespaces: "clientModal",
@@ -1017,19 +1017,19 @@ const Ze = /* @__PURE__ */ z(ye, [["render", je], ["__scopeId", "data-v-a49b2cec
     };
   },
   computed: {
-    ...He({
+    ...Ye({
       endCustomer: "endCustomer"
     }),
-    ...Q("forms", {
+    ...X("forms", {
       formData: (e) => e.document2
     }),
-    ...P({
+    ...B({
       can: "application/can",
       feature: "application/feature",
       defaultClientType: "endCustomers/defaultClientType"
     }),
     validateOrgNo() {
-      return !!(this.feature("bankId") || this.isPublicForm && X[_.brand].defaultRegion === "SE");
+      return !!(this.feature("bankId") || this.isPublicForm && ee[te.brand].defaultRegion === "SE");
     },
     existsOnDocument() {
       return !!k(this.formData, `clients[${this.documentClientIndex}]`);
@@ -1055,13 +1055,13 @@ const Ze = /* @__PURE__ */ z(ye, [["render", je], ["__scopeId", "data-v-a49b2cec
     );
   },
   methods: {
-    ...x({
-      saveClient: q.FORM_SUBMIT_ENDCUSTOMER,
-      showMessage: q.SHOW_MESSAGE
+    ...Q({
+      saveClient: U.FORM_SUBMIT_ENDCUSTOMER,
+      showMessage: U.SHOW_MESSAGE
     }),
     omit: de,
     loadForm(e = {}) {
-      this.storedNewClient = Object.assign(this.storedNewClient, e), this.endCustomer = ee({
+      this.storedNewClient = Object.assign(this.storedNewClient, e), this.endCustomer = x({
         type: this.defaultClientType(),
         ...e
       });
@@ -1083,7 +1083,7 @@ const Ze = /* @__PURE__ */ z(ye, [["render", je], ["__scopeId", "data-v-a49b2cec
       }
       this.setFormValue({
         key: `clients[${this.documentClientIndex}]`,
-        value: te(
+        value: _(
           { ...this.endCustomer, ...e && { id: e } },
           { ...this.storedNewClient }
         )
@@ -1128,14 +1128,14 @@ const Ze = /* @__PURE__ */ z(ye, [["render", je], ["__scopeId", "data-v-a49b2cec
       });
     }
   }
-}, Ge = { class: "max-sm:h-initial relative mx-auto flex flex-col items-center rounded-xl bg-white p-10 text-lg max-sm:min-h-full max-sm:w-full max-sm:rounded-none max-sm:pt-16" };
+}, He = { class: "max-sm:h-initial relative mx-auto flex flex-col items-center rounded-xl bg-white p-10 text-lg max-sm:min-h-full max-sm:w-full max-sm:rounded-none max-sm:pt-16" };
 function Ke(e, t, s, d, u, l) {
   const c = g("CButton"), m = g("FormClient");
   return f(), h("div", {
     class: "font-primary fixed inset-0 z-[1000] grid place-items-center overflow-auto bg-black bg-opacity-10 max-sm:block max-sm:min-h-full max-sm:w-full max-sm:overflow-auto sm:py-4",
     onClickPassive: t[4] || (t[4] = N((...p) => l.close && l.close(...p), ["self"]))
   }, [
-    i("div", Ge, [
+    i("div", He, [
       n(c, {
         class: y([u.showMore ? "" : "sm:!hidden", "z-2 absolute right-4 top-4"]),
         pattern: "tertiary",
@@ -1177,7 +1177,7 @@ function Ke(e, t, s, d, u, l) {
     ])
   ], 32);
 }
-const Je = /* @__PURE__ */ z(Ye, [["render", Ke]]), lt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Je = /* @__PURE__ */ z(Ge, [["render", Ke]]), lt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: Je
 }, Symbol.toStringTag, { value: "Module" }));