@cling-se/widget 0.19.5 → 0.19.7

package/dist/{CPriceInput-C8Os9b3V.js → CPriceInput-Cd5OHMJS.js}

@@ -1,5 +1,5 @@
-import { C as h } from "./CCurrencyDropdown-CyFge_fD.js";
-import { _ as C, I as V, al as I, e as o, o as s, c as l, w as i, b as u, K as p, f as g, d as w, H as k, v as d, L as _ } from "./main-q_EWffDQ.js";
+import { C as h } from "./CCurrencyDropdown-BzvKsm1N.js";
+import { _ as C, z as V, ak as g, e as o, o as s, c as l, w as i, b as u, B as p, f as k, d as w, x as I, t as d, D as _ } from "./main-C2Q8_T2Y.js";
 const $ = {
   name: "CPriceInput",
   inheritAttrs: !1,
@@ -65,7 +65,7 @@ const $ = {
       }
     },
     suffixValue() {
-      const e = I(this.internalCurrency);
+      const e = g(this.internalCurrency);
       switch (this.priceType) {
         // case 'approx':
         //   return `${this.$t('_common:approx')} ${currencyString}`;
@@ -86,8 +86,8 @@ const $ = {
       this.$refs.priceInput && typeof this.$refs.priceInput.focus == "function" && this.$refs.priceInput.focus();
     }
   }
-}, b = { key: 0 }, v = { key: 0 }, D = { key: 1 }, N = { key: 1 };
-function x(e, t, c, z, a, r) {
+}, b = { key: 0 }, D = { key: 0 }, v = { key: 1 }, x = { key: 1 };
+function z(e, t, c, N, a, r) {
   const f = o("CButton"), m = o("CCurrencyDropdown"), y = o("CInput");
   return s(), l(y, _({ ...e.$attrs, ...e.$props }, {
     ref: "priceInput",
@@ -103,12 +103,12 @@ function x(e, t, c, z, a, r) {
     prefix: i(() => [
       e.$slots.prefix ? (s(), u("div", b, [
         p(e.$slots, "prefix")
-      ])) : g("", !0)
+      ])) : k("", !0)
     ]),
     suffix: i(() => [
-      e.$slots.suffix ? (s(), u("div", v, [
+      e.$slots.suffix ? (s(), u("div", D, [
         p(e.$slots, "suffix")
-      ])) : (s(), u("div", D, [
+      ])) : (s(), u("div", v, [
         r.showCurrencyDropdown ? (s(), l(m, {
           key: 0,
           modelValue: r.internalCurrency,
@@ -124,19 +124,19 @@ function x(e, t, c, z, a, r) {
               style: { "padding-left": "0.5em", "padding-right": "0.5em", "border-radius": "0.25em" }
             }, {
               default: i(() => [
-                k(d(n), 1)
+                I(d(n), 1)
               ]),
               _: 2
             }, 1032, ["size"])
           ]),
           _: 1
-        }, 8, ["modelValue"])) : (s(), u("div", N, d(r.suffixValue), 1))
+        }, 8, ["modelValue"])) : (s(), u("div", x, d(r.suffixValue), 1))
       ]))
     ]),
     _: 3
   }, 16, ["modelValue", "size", "placeholder", "style"]);
 }
-const T = /* @__PURE__ */ C($, [["render", x]]);
+const T = /* @__PURE__ */ C($, [["render", z]]);
 export {
   T as C
 };

package/dist/CSelect-CmoAbVkP.js

@@ -0,0 +1,129 @@
+import { _ as y, $ as f, a0 as g, S as b, a1 as i, o as r, b as n, j as d, I as V, a2 as C, D as u, t as S, f as o, B as v, c, y as k, e as m } from "./main-C2Q8_T2Y.js";
+const w = {
+  name: "CSelect",
+  mixins: [f, g],
+  inheritAttrs: !1,
+  components: {
+    Spinner: b
+  },
+  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();
+    }
+  }
+}, x = ["multiple", "size"], B = {
+  key: 0,
+  value: null,
+  disabled: "",
+  hidden: ""
+};
+function z(e, t, l, A, j, s) {
+  const p = m("CIcon"), h = m("Spinner");
+  return r(), n("div", u({
+    class: [{ "w-full": e.expanded, "has-icons-left": e.icon }, "relative clear-both box-border cursor-pointer text-left"]
+  }, e.rootAttrs), [
+    d("span", {
+      class: k(s.spanClasses)
+    }, [
+      V(d("select", u(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(), n("option", B, S(l.placeholder), 1)) : o("", !0),
+        v(e.$slots, "default")
+      ], 16, x), [
+        [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 M = /* @__PURE__ */ y(w, [["render", z]]);
+export {
+  M as C
+};

package/dist/CSkeleton-BF6EYj8H.js

@@ -0,0 +1,47 @@
+import { aj as B, as as C, Q as l, at as N, U as e, o as n, b as s, F as w, G as x, y as d, Y as r, f as S, _ as z } from "./main-C2Q8_T2Y.js";
+const F = /* @__PURE__ */ B({
+  __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: f,
+      animated: m,
+      width: a,
+      height: t,
+      circle: v,
+      rounded: p,
+      count: y,
+      hidden: h,
+      color: o
+    } = C(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: v.value ? "50%" : void 0,
+      background: o.value ? o.value : void 0
+    })), u = N(), g = l(() => u.style), b = l(() => u.class);
+    return (R, $) => e(f) ? (n(), s("div", {
+      key: 0,
+      class: d(["w-full", { invisible: e(h) }, b.value]),
+      style: r(g.value)
+    }, [
+      (n(!0), s(w, null, x(e(y), (k) => (n(), s("div", {
+        key: k,
+        class: d(["mt-2 w-full bg-gray-100 bg-[length:400%_100%] leading-none after:content-['\\00a0']", { "rounded-sm": e(p), "animate-skeleton": e(m) }]),
+        style: r(_.value)
+      }, null, 6))), 128))
+    ], 6)) : S("", !0);
+  }
+}), A = /* @__PURE__ */ z(F, [["__scopeId", "data-v-700c0d24"]]);
+export {
+  A as C
+};

package/dist/{ClientAutocomplete-0XPP0tZr.js → ClientAutocomplete-CHfp4YiV.js}

@@ -1,12 +1,12 @@
-import { S as O } from "./SearchApi-6-uNsMl8.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-q_EWffDQ.js";
-import { c as P, r as z, g as N } from "./helpers-BnYWgq30.js";
+import { S as O } from "./SearchApi-ZczKsBb7.js";
+import { _ as b, z as E, $ as H, a0 as F, o as d, b as c, d as V, D as S, A as m, ab as v, w as p, I as $, J as T, j as w, Y as A, B as y, f, F as x, G as _, y as C, Z as L, e as g, t as h, aI as D, c as I, x as R } from "./main-C2Q8_T2Y.js";
+import { c as P, r as z, g as N } from "./helpers-BVP2Pul1.js";
 const q = {
   name: "CAutocomplete",
   components: {
-    CInput: H
+    CInput: E
   },
-  mixins: [E, F],
+  mixins: [H, F],
   props: {
     modelValue: {
       type: [Number, String],
@@ -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: A(s.style)
         }, [
           $(w("div", {
-            style: C(o.contentStyle),
+            style: A(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", {
@@ -424,7 +424,7 @@ function j(e, t, i, l, s, o) {
     })
   ], 16);
 }
-const J = /* @__PURE__ */ b(q, [["render", j]]), X = {
+const Y = /* @__PURE__ */ b(q, [["render", j]]), G = {
   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: Y
   },
   props: {
     searchEnabled: {
@@ -472,7 +472,7 @@ const J = /* @__PURE__ */ b(q, [["render", j]]), X = {
       }));
     }
   }
-}, Y = { style: { "line-height": "1.5" } }, G = { style: { "font-weight": "500" } }, Z = {
+}, J = { style: { "line-height": "1.5" } }, X = { style: { "font-weight": "500" } }, Z = {
   class: "text-gray-600",
   style: { "font-size": "14px" }
 }, ee = { key: 0 }, te = { key: 0 };
@@ -494,8 +494,8 @@ 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", J, [
+            w("div", X, h(r.name || r.email), 1),
             w("div", Z, h(r.reference ? `${r.reference} · ` : "") + " " + h(r.workStreet || r.street || " "), 1)
           ])
         ]),
@@ -525,8 +525,8 @@ function ie(e, t, i, l, s, o) {
     _: 1
   });
 }
-const le = /* @__PURE__ */ b(X, [["render", ie]]);
+const le = /* @__PURE__ */ b(G, [["render", ie]]);
 export {
   le as C,
-  J as a
+  Y as a
 };

package/dist/{ClientModal-Ddv5YiOD.js → ClientModal-Com23Qgc.js}

@@ -1,11 +1,11 @@
-import { C as L } from "./ClientAutocomplete-0XPP0tZr.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-q_EWffDQ.js";
-import { C as oe, a as ne, w as E } from "./CDropdownItem-BWmAQwpG.js";
-import { _ as le } from "./CFormField.vue_vue_type_script_setup_true_lang-DzcNo15Q.js";
-import { C as ae } from "./CPhoneInput-Dl7BSG8y.js";
-import { u as ie } from "./index-CFD_4fv_.js";
-import { r as se, a as $, e as re } from "./index-BIWUM14f.js";
-import { o as de } from "./omit-DWur9Ujv.js";
+import { C as L } from "./ClientAutocomplete-CHfp4YiV.js";
+import { _ as z, aV as j, o as f, b as h, I as Z, aW as G, j as i, ab as N, y, B as Y, A as H, ag as B, ao as K, m as P, ai as J, t as r, d as n, w as a, c as b, f as v, F as O, G as F, x as C, e as g, n as k, ah as Q, H as X, h as _, a as x, g as q, bf as ee, aI as te } from "./main-C2Q8_T2Y.js";
+import { C as oe, a as ne, w as E } from "./CDropdownItem-B5rgSee7.js";
+import { _ as le } from "./CFormField.vue_vue_type_script_setup_true_lang-CVy64zGe.js";
+import { C as ae } from "./CPhoneInput-BUogm59J.js";
+import { u as ie } from "./index-B86TZXOh.js";
+import { r as se, a as $, e as re } from "./index-BH5vwOzR.js";
+import { o as de } from "./omit-DzlbtNCX.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,7 +29,7 @@ function fe(e, t, s, d, u, l) {
       onClick: t[1] || (t[1] = N(() => {
       }, ["stop"]))
     }, null, 8, pe), [
-      [H, e.computedValue]
+      [G, e.computedValue]
     ]),
     i("span", {
       class: y([`is-${e.type}`, "check"])
@@ -40,7 +40,7 @@ function fe(e, t, s, d, u, l) {
   ], 42, ue);
 }
 const ge = /* @__PURE__ */ z(me, [["render", fe]]);
-function T(e) {
+function W(e) {
   if (typeof e > "u") throw Error("Missing param inputParam");
   let t = e;
   Number.isInteger(t) && (t = t.toString());
@@ -53,7 +53,7 @@ function T(e) {
 }
 function A(e) {
   let t = e.replace(/ /g, "");
-  return t = t.replace(/-/g, ""), !T(t) || (t = [t.slice(0, 6), "-", t.slice(6)].join(""), !t.match(/^(\d{6})-(\d{4})$/)) ? !1 : t;
+  return t = t.replace(/-/g, ""), !W(t) || (t = [t.slice(0, 6), "-", t.slice(6)].join(""), !t.match(/^(\d{6})-(\d{4})$/)) ? !1 : t;
 }
 function V(e) {
   if (typeof e > "u" || e === null || e === "")
@@ -68,7 +68,7 @@ function V(e) {
     );
     parseInt(u, 10) === 19 || parseInt(u, 10) === 20 || (parseInt(u, 10) >= 0 && parseInt(u, 10) <= c ? t = `20${t}` : t = `19${t}`);
   }
-  return (/* @__PURE__ */ new Date()).getFullYear() - parseInt(t.substring(0, 4), 10) < 16 ? !1 : T(t.substring(2)) ? t : !1;
+  return (/* @__PURE__ */ new Date()).getFullYear() - parseInt(t.substring(0, 4), 10) < 16 ? !1 : W(t.substring(2)) ? t : !1;
 }
 const he = {
   sv: {
@@ -369,7 +369,7 @@ const he = {
 }, be = { class: "form-client" }, Ce = { class: "space-between flex flex-wrap items-center pb-6" }, we = {
   class: "flex-grow",
   style: { "font-weight": "600", "font-size": "20px" }
-}, ke = { class: "type-toggle" }, $e = { style: { "line-height": "1.25", padding: "4px 0" } }, Ve = { style: { "font-size": "12px", opacity: "0.7" } }, Ne = { style: { "line-height": "1.25", padding: "4px 0" } }, Se = { style: { "font-size": "12px", opacity: "0.7" } }, Ie = {
+}, ke = { class: "type-toggle" }, $e = { style: { "line-height": "1.25", padding: "4px 0" } }, Ve = { style: { "font-size": "12px", opacity: "0.7" } }, Ne = { style: { "line-height": "1.25", padding: "4px 0" } }, Ie = { style: { "font-size": "12px", opacity: "0.7" } }, Se = {
   class: "flex items-center justify-center",
   style: { "margin-bottom": "calc(2.5 * var(--rem))" }
 }, Me = { class: "type-toggle" }, Oe = { key: 0 }, Fe = {
@@ -378,12 +378,12 @@ const he = {
 }, 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 = {
   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 = {
+}, 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" }, We = { style: { "line-height": "1.25", padding: "4px 0" } }, Te = {
   class: "max-w-[calc(12_*_var(--rem))] truncate",
   style: { "font-size": "12px", opacity: "0.7", "text-wrap": "wrap" }
 }, Le = { style: { "margin-top": "calc(3 * var(--rem))" } };
 function je(e, t, s, d, u, l) {
-  const c = g("ClientAutocomplete"), m = g("CField"), p = g("CInput"), S = g("Animation"), R = g("CPhoneInput"), w = g("CButton"), I = g("CDropdownItem"), M = g("CDropdown"), W = g("CCheckbox"), D = g("CRadio");
+  const c = g("ClientAutocomplete"), m = g("CField"), p = g("CInput"), I = g("Animation"), R = g("CPhoneInput"), w = g("CButton"), S = g("CDropdownItem"), M = g("CDropdown"), T = g("CCheckbox"), D = g("CRadio");
   return f(), h("div", be, [
     s.simpleForm ? (f(), h("form", {
       key: 0,
@@ -422,7 +422,7 @@ function je(e, t, s, d, u, l) {
         ]),
         _: 1
       }, 8, ["label", "validator", "messages"]),
-      n(S, null, {
+      n(I, null, {
         default: a(() => [
           l.isIndivid ? v("", !0) : (f(), b(m, {
             key: 0,
@@ -501,7 +501,7 @@ function je(e, t, s, d, u, l) {
           }, 8, ["icon-left"])
         ]),
         default: a(() => [
-          (f(), h(O, null, F(["signee", "recipient", "approver"], (o) => n(I, {
+          (f(), h(O, null, F(["signee", "recipient", "approver"], (o) => n(S, {
             key: o,
             "icon-left": o === "signee" ? "pen-tool" : "eye",
             "icon-props": {
@@ -512,7 +512,7 @@ function je(e, t, s, d, u, l) {
             default: a(() => [
               i("div", Ne, [
                 i("div", null, r(e.$t(`_common:documentRole.${o}.description`)), 1),
-                i("div", Se, r(e.$t(`_common:documentRole.${o}.label`)), 1)
+                i("div", Ie, r(e.$t(`_common:documentRole.${o}.label`)), 1)
               ])
             ]),
             _: 2
@@ -550,7 +550,7 @@ function je(e, t, s, d, u, l) {
       key: 1,
       class: y({ "column-only": e.windowWidth <= 600 })
     }, [
-      i("div", Ie, [
+      i("div", Se, [
         i("div", Me, [
           i("div", {
             class: y([{ active: e.type === "individual" }, "type-toggle-button"]),
@@ -607,7 +607,7 @@ function je(e, t, s, d, u, l) {
         ]),
         _: 1
       }),
-      n(S, null, {
+      n(I, null, {
         default: a(() => [
           e.type && !l.isIndivid ? (f(), b(m, {
             key: 0,
@@ -632,7 +632,7 @@ function je(e, t, s, d, u, l) {
             style: { "padding-left": "0.5em", "margin-bottom": "calc(2 * var(--rem))" }
           }, {
             default: a(() => [
-              n(W, {
+              n(T, {
                 modelValue: e.reverseVat,
                 "onUpdate:modelValue": t[16] || (t[16] = (o) => e.reverseVat = o),
                 size: "normal"
@@ -761,7 +761,7 @@ function je(e, t, s, d, u, l) {
         ]),
         _: 1
       }),
-      n(S, null, {
+      n(I, null, {
         default: a(() => [
           e.type && e.separateWorkAddress ? (f(), h("div", Oe, [
             n(m, {
@@ -847,7 +847,7 @@ function je(e, t, s, d, u, l) {
                 }, 8, ["icon-left"])
               ]),
               default: a(() => [
-                (f(), h(O, null, F(["signee", "recipient", "approver"], (o) => n(I, {
+                (f(), h(O, null, F(["signee", "recipient", "approver"], (o) => n(S, {
                   key: o,
                   "icon-left": o === "signee" ? "pen-tool" : "eye",
                   "icon-props": {
@@ -891,7 +891,7 @@ function je(e, t, s, d, u, l) {
                 })
               ]),
               default: a(() => [
-                (f(!0), h(O, null, F(s.signOptions, (o) => (f(), b(I, {
+                (f(!0), h(O, null, F(s.signOptions, (o) => (f(), b(S, {
                   key: o,
                   onClick: (U) => e.$emit("update:answer-method", {
                     ...s.answerMethod,
@@ -899,9 +899,9 @@ function je(e, t, s, d, u, l) {
                   })
                 }, {
                   default: a(() => [
-                    i("div", Te, [
+                    i("div", We, [
                       i("div", null, r(e.$t(`signMethod.${o}.title`)), 1),
-                      i("div", We, r(e.$t(`signMethod.${o}.content`)), 1)
+                      i("div", Te, r(e.$t(`signMethod.${o}.content`)), 1)
                     ])
                   ]),
                   _: 2
@@ -930,7 +930,7 @@ 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: Ge } = B({
   getterType: "forms/getField",
   mutationType: "forms/updateField"
 }), Ye = {
@@ -1017,7 +1017,7 @@ const Ze = /* @__PURE__ */ z(ye, [["render", je], ["__scopeId", "data-v-a49b2cec
     };
   },
   computed: {
-    ...He({
+    ...Ge({
       endCustomer: "endCustomer"
     }),
     ...Q("forms", {
@@ -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",