@cling-se/widget 0.15.3 → 0.15.5

package/dist/formComponentsInstall-DMoWrprH.js

@@ -1,2505 +0,0 @@
-import { m as p } from "./mapFormMixin-e2PJ431T.js";
-import { I as L, a as H, r as l } from "./index-CKZmpLr6.js";
-import { aD as y, h as q, n as o, b as c, aE as j, t as K, aF as B, aG as W, q as I, aH as T, F as X, X as U, T as m, ai as Q, f as P, aI as M, K as _ } from "./main-BIwKzAN8.js";
-import { B as R } from "./BaseDatePicker-C27CsTzy.js";
-import { E as Y } from "./ErrorCallout-CNxSDsr_.js";
-import { s as G, F as J } from "./Flag-3OyFDPsP.js";
-import { b as Z, m as v } from "./vuex.esm-DKGl8mcw.js";
-import ee from "./AddClientCallout-8s5a1_CZ.js";
-import te from "./ClientModal-DLtFhJya.js";
-import { c as ie, r as se, g as ne, C as f, a as g, b as h } from "./CDropdownItem-BSPNul90.js";
-import "./CTabs.vue_vue_type_style_index_0_scoped_e02a6440_lang-l0sNRNKZ.js";
-import { C as b } from "./CCallout-CQjRcxpC.js";
-import { a as ae, C as re } from "./CFormField-Cz_jNazS.js";
-import { S as oe } from "./SmartList-D6AvxfSL.js";
-function z(t, e) {
-  const i = new Date(t.getTime());
-  return i.setDate(
-    t.getDate() + (7 + e - t.getDay() - 1) % 7 + 1
-  ), i.setHours(8, 0, 0, 0), i;
-}
-function E(t) {
-  const e = new Date(t.getTime());
-  return e.setDate(e.getDate() + 1), e.setHours(10, 0, 0, 0), e;
-}
-let C = E(/* @__PURE__ */ new Date()), w = z(/* @__PURE__ */ new Date(), 1);
-const le = {
-  name: "DocumentSendLater",
-  i18nOptions: {
-    namespaces: "documentSendLater",
-    messages: {
-      en: {
-        title: "Schedule Delivery",
-        tomorrowMorning: "Tomorrow morning",
-        mondayMorning: "Monday morning",
-        custom: {
-          title: "Set time & date",
-          invalid: "Time & date can't be in the past"
-        }
-      },
-      sv: {
-        title: "Skicka med schemaläggning",
-        tomorrowMorning: "Imorgon förmiddag",
-        mondayMorning: "Måndag morgon",
-        custom: {
-          title: "Välj datum & tid",
-          invalid: "Välj en tid & datum längre fram i tiden."
-        }
-      }
-    }
-  },
-  components: {
-    BaseDatePicker: R
-  },
-  props: {
-    _document: {
-      type: Object,
-      default: () => ({})
-    },
-    setFormValue: {
-      type: Function,
-      required: !0
-    },
-    removeFormValue: {
-      type: Function,
-      required: !0
-    },
-    onSaveDocument: {
-      type: Function,
-      required: !0
-    }
-  },
-  data() {
-    return {
-      sendAt: y(/* @__PURE__ */ new Date(), 5).toISOString(),
-      showCustom: !1,
-      backupSentFlag: !1
-      // needed since doc/project flags not instant on double clicks
-    };
-  },
-  validations: {
-    sendAt: {
-      minValue: (t) => t > y(/* @__PURE__ */ new Date(), 2).toISOString()
-      // two minutes as safety
-    }
-  },
-  computed: {
-    ...Z("forms", {
-      formData: (t) => t.document2.data
-    }),
-    ...v({
-      deliveryTypes: "forms/deliveryTypes",
-      isPostingDocument: "documents2/isPosting",
-      feature: "application/feature"
-    }),
-    tomorrowMorning() {
-      return C.toISOString();
-    },
-    mondayMorning() {
-      return w.toISOString();
-    },
-    reminderDeliveryTypes() {
-      const t = ["email"];
-      return this.feature("sms") && t.push("sms"), this.deliveryTypes ? [
-        ...this.deliveryTypes.sms && this.feature("sms") ? ["sms"] : [],
-        ...this.deliveryTypes.email ? ["email"] : []
-      ] : t;
-    }
-  },
-  created() {
-    C = E(/* @__PURE__ */ new Date()), w = z(/* @__PURE__ */ new Date(), 1);
-  },
-  methods: {
-    setTime(t) {
-      const e = t.split(":"), i = new Date(this.sendAt).setHours(e[0], e[1]);
-      i && (this.sendAt = new Date(i).toISOString());
-    },
-    setDate(t) {
-      const e = new Date(this.sendAt), i = new Date(t).setHours(e.getHours(), e.getMinutes());
-      this.sendAt = new Date(i).toISOString();
-    },
-    async onSendAt(t) {
-      try {
-        if (this.$v.$invalid || this.isPostingDocument || this.backupSentFlag)
-          return;
-        this.backupSentFlag = !0;
-        const e = {
-          type: "first",
-          status: "new",
-          sendDays: 0,
-          sendAt: t,
-          deliveryTypes: this.reminderDeliveryTypes,
-          tries: 0
-        }, i = this.formData.reminders.findIndex(
-          (n) => n.type === "first"
-        ), s = i >= 0 ? `data.reminders[${i}]` : "data.reminders";
-        this.setFormValue({ key: s, value: e }), await this.onSaveDocument({ doSend: !0 }), this.backupSentFlag = !1;
-      } catch (e) {
-        q(e);
-      } finally {
-        this.backupSentFlag = !1;
-      }
-    }
-  }
-};
-var de = function() {
-  var e = this, i = e._self._c;
-  return i("div", { staticClass: "overflow-hidden rounded-xl bg-white" }, [i("div", { staticClass: "px-6 pb-3 pt-8" }, [i("div", { staticClass: "text-md text-center font-semibold" }, [e._v(" " + e._s(e.$t("title")) + " ")]), i("div", { staticClass: "pt-8" }, e._l([
-    [e.tomorrowMorning, "tomorrowMorning"],
-    [e.mondayMorning, "mondayMorning"]
-  ], function(s, n) {
-    return i("div", { key: n, staticClass: "mb-4 flex cursor-pointer select-none items-center justify-between rounded-md border border-gray-200 bg-gray-50 p-4 text-sm hover:border-gray-300 hover:bg-gray-100 active:border-gray-400 active:bg-gray-200", on: { click: () => e.onSendAt(s[0]) } }, [i("div", { staticClass: "font-medium" }, [e._v(e._s(e.$t(s[1])))]), i("div", { staticClass: "text-gray-500" }, [e._v(" " + e._s(e.$formatDate(s[0], "p, d MMM")) + " ")])]);
-  }), 0)]), i("div", { staticClass: "border-t border-gray-200 bg-gray-100 px-8 py-6", class: e.showCustom ? "" : "cursor-pointer hover:bg-gray-200", on: { click: function(s) {
-    e.showCustom = !0;
-  } } }, [i("div", { staticClass: "flex items-center text-sm" }, [i("CIcon", { staticClass: "text-primary-500 mr-2", attrs: { type: "calendar", size: "18" } }), i("div", { staticClass: "font-medium", domProps: { textContent: e._s(e.$t("custom.title")) } })], 1), i("Animation", [i("div", { directives: [{ name: "show", rawName: "v-show", value: e.showCustom, expression: "showCustom" }], staticClass: "mt-4" }, [i("div", { staticClass: "grid grid-cols-2 gap-4" }, [i("BaseDatePicker", { attrs: { value: e.sendAt }, on: { input: e.setDate } }), i("CInput", { attrs: { value: e.$formatDate(e.sendAt, "HH:mm"), type: "time" }, on: { input: e.setTime } })], 1), e.$v.$invalid ? i("div", { staticClass: "error-wrapper" }, [i("CIcon", { staticClass: "text-primary-500 mr-2", attrs: { type: "calendar" } }), e._v(" " + e._s(e.$t("custom.invalid")) + " ")], 1) : e._e(), i("CButton", { staticStyle: { "margin-top": "calc(1.5 * var(--rem))" }, attrs: { loading: e.isPostingDocument, type: "secondary", wide: "" }, on: { click: function(s) {
-    return e.onSendAt(e.sendAt);
-  } } }, [e._v(" " + e._s(e.$t("_common:send")) + " " + e._s(e.$formatDate(e.sendAt, "d MMM - p")) + " ")])], 1)])], 1)]);
-}, ce = [], ue = /* @__PURE__ */ o(
-  le,
-  de,
-  ce,
-  !1,
-  null,
-  "dcfae061"
-);
-const me = ue.exports, pe = {
-  sv: {
-    title: "Skicka dokument",
-    nameLabel: "Dokumentnamn",
-    namePlaceholder: "Namn",
-    sendAs: "Skicka som",
-    validityPeriod: "Giltighetstid",
-    manualDelivery: "Manuell leverans",
-    manualDeliveryTooltip: "Skicka ut dokument till din mottagare själv. Du kan dela en länk eller en PDF.",
-    scheduledTooltip: "Schemalägg utskick",
-    clientsAreMissingContactInfo: "En eller flera mottagare saknar e-post eller mobiltelefon-nr. Dokumentet kommer inte att kunna skickas till dem.",
-    missingDeliveryMethod: "Välj en eller fler leveransmetoder",
-    sendButton: "Skicka dokument",
-    signMethod: {
-      title: "Signeringsmetod",
-      tooltip: "Hur ska din mottagare signera?",
-      button: {
-        title: "Standard - knapptryck",
-        content: "Bevisnivå: IP-adress, tidpunkt och enhet."
-      },
-      bankId: {
-        title: "BankId",
-        content: "Samma säkerhetsgrad som bankerna har."
-      },
-      signature: {
-        title: "Standard",
-        content: "Bevisnivå: IP-adress, tidpunkt och enhet."
-      },
-      inPerson: {
-        title: "Fysisk underskrift",
-        content: "Signatur på utskrivet dokument"
-      }
-    }
-  },
-  en: {
-    title: "Send document",
-    nameLabel: "Document name",
-    namePlaceholder: "Name",
-    sendAs: "Send as",
-    validityPeriod: "Expiration",
-    manualDelivery: "Manual delivery",
-    manualDeliveryTooltip: "Share the document with your recipient yourself. You can share a link or a PDF.",
-    scheduledTooltip: "Schedule delivery",
-    clientsAreMissingContactInfo: "Note that one or more recipients are missing an email or cellphone number. The document will not be sent to them.",
-    missingDeliveryMethod: "Please select one or more delivery methods",
-    sendButton: "Send document",
-    signMethod: {
-      title: "Signing method",
-      tooltip: "How do you want your client to sign?",
-      button: {
-        title: "Standard - button",
-        content: "Level of proof: IP address, timestamp and device."
-      },
-      bankId: {
-        title: "BankID",
-        content: "Same level of proof as the banks use."
-      },
-      signature: {
-        title: "Signature",
-        content: "Level of proof: IP address, timestamp and device."
-      },
-      inPerson: {
-        title: "In person",
-        content: "Signature on print document"
-      }
-    }
-  }
-}, he = {
-  sv: {
-    addFirstButton: "Lägg till mottagare",
-    addButton: "Lägg till mottagare",
-    signOrder: {
-      label: "Signeringsordning",
-      tooltip: "Signeringsordning låter dig bestämma i vilken ordning dina mottagare tar emot och signerar dokumentet."
-    }
-  },
-  en: {
-    addFirstButton: "Add recipient",
-    addButton: "Add recipient",
-    signOrder: {
-      label: "Signing order",
-      tooltip: "Signing order lets you decide the order in which your recipients receive and sign your documents."
-    }
-  }
-}, fe = {
-  name: "ClientSendListItem",
-  props: {
-    client: {
-      type: Object,
-      default: () => ({})
-    },
-    isOrder: {
-      type: Boolean,
-      default: !1
-    },
-    isSender: {
-      type: Boolean,
-      default: !1
-    },
-    compact: {
-      type: Boolean,
-      default: !1
-    },
-    allowEditClients: {
-      type: Boolean,
-      default: !0
-    },
-    rightButton: {
-      // TODO temporary in order to disable sender sign for widget context
-      type: Boolean,
-      default: !0
-    }
-  },
-  data() {
-    return {
-      isHover: !1,
-      isDropdownOpen: !1
-    };
-  },
-  methods: {
-    onClick() {
-      var t;
-      if (this.rightButton && this.isSender)
-        return (t = this.$refs.dropdown) == null ? void 0 : t.toggle();
-      this.allowEditClients && this.$emit("open");
-    }
-  }
-};
-var ge = function() {
-  var s;
-  var e = this, i = e._self._c;
-  return i("div", { staticClass: "rc-card flex items-center", class: {
-    "is-hover": e.isHover,
-    "has-controls": e.isOrder
-  }, staticStyle: { "padding-left": "8px" }, on: { click: e.onClick, "&mouseover": function(n) {
-    e.isHover = !0;
-  }, "&mouseleave": function(n) {
-    e.isHover = !1;
-  } } }, [e.compact ? i("div", { staticStyle: { "font-size": "14px" } }, [i("div", [e._v(e._s(e.client.name || e.client.companyName))]), e.client.name && e.client.companyName ? i("div", { staticStyle: { "font-size": "12px", "font-weight": "500" } }, [e._v(" " + e._s(e.client.companyName) + " ")]) : e._e(), e.client.documentRole ? i("div", { staticClass: "text-gray-700", staticStyle: { "font-size": "13px", "margin-top": "4px" } }, [e._v(" " + e._s(e.$t(`_common:documentRole.${e.client.documentRole}.description`)) + " ")]) : e._e(), e.isOrder ? i("div", { staticClass: "compact-order" }, [i("CIcon", { staticClass: "compact-order-button", attrs: { size: "16", type: "chevron-up" }, on: { click: function(n) {
-    return n.preventDefault(), n.stopPropagation(), e.$emit("move", -1);
-  } } }), i("div", { staticClass: "rc-order", staticStyle: { width: "20px", height: "20px" } }, [e._v(" " + e._s(e.client.signOrder) + " ")]), i("CIcon", { staticClass: "compact-order-button", attrs: { size: "16", type: "chevron-down" }, on: { click: function(n) {
-    return n.preventDefault(), n.stopPropagation(), e.$emit("move", 1);
-  } } })], 1) : e._e()]) : [i("div", { staticStyle: { width: "34px", flex: "0 0 34px", display: "inline-flex", "justify-content": "center" } }, [e.isOrder ? i("div", { staticStyle: { position: "relative", display: "inline-block" } }, [i("CButton", { staticClass: "rc-order__button up", attrs: { type: "none", pattern: "primary", circle: "", raised: "", size: "small", icon: "minus" }, on: { click: function(n) {
-    return n.preventDefault(), n.stopPropagation(), e.$emit("move", -1);
-  } } }), i("CButton", { staticClass: "rc-order__button down", attrs: { type: "none", pattern: "primary", circle: "", raised: "", size: "small", icon: "plus" }, on: { click: function(n) {
-    return n.preventDefault(), n.stopPropagation(), e.$emit("move", 1);
-  } } }), i("div", { staticClass: "rc-order" }, [e._v(" " + e._s(e.client.signOrder) + " ")])], 1) : i("CIcon", { staticClass: "text-primary-500", staticStyle: { "margin-right": "8px", flex: "0 0 18px" }, attrs: { type: e.isSender ? "send" : ["signee", "approver"].includes(e.client.documentRole) ? "pen-tool" : "eye", size: "18" } })], 1), i("div", { staticClass: "rc-data truncate-text" }, [e.client.name || e.client.companyName ? i("div", { staticStyle: { "font-weight": "500" } }, [e._v(" " + e._s(e.client.name || e.client.companyName) + " ")]) : e.isSender ? i("div", { staticClass: "text-gray-500" }, [e._v(" " + e._s(e.$t("_common:empty", { thing: e.$t("_common:reference") })) + " ")]) : i("div", { staticClass: "text-gray-500" }, [e._v(" " + e._s(e.$t("_common:missing", { thing: e.$t("_common:name") })) + " ")]), i("div", { staticClass: "text-gray-700", staticStyle: { "font-size": "12px" } }, [e.isSender ? [e.isSender ? i("span", [e._v(" " + e._s(e.$t("_common:documentRole.sender.description")) + " ")]) : e._e(), e.client.documentRole === "signee" ? i("span", [e._v(" " + e._s(e.$t(`_common:documentRole.${e.client.documentRole}.description`)) + " ")]) : e._e()] : [((s = e.client.answerMethod) == null ? void 0 : s.accept) === "inPerson" ? i("span", { staticClass: "text-red-500" }, [e._v(" " + e._s(e.$t("_common:signMethod.title")) + ": "), i("span", [e._v(" " + e._s(e.$t("_common:signMethod.inPerson")) + " ")])]) : e._e(), e.client.documentRole ? i("span", [e._v(" " + e._s(e.$t(`_common:documentRole.${e.client.documentRole}.description`)) + " ")]) : e._e(), e.client.email ? i("span", [e._v(e._s(e.client.email))]) : e._e(), e.client.cellphone ? i("span", [e._v(e._s(e.client.cellphone))]) : e._e()]], 2)])], e.rightButton ? i("transition", { attrs: { name: "fade-100" } }, [e.isHover || e.isDropdownOpen ? [e.isSender ? i("CDropdown", { ref: "dropdown", staticStyle: { position: "absolute", right: "calc(0.5 * var(--rem))" }, attrs: { position: "is-bottom-left", "menu-styling": {
-    minWidth: "220px"
-  }, "append-to-body": "" }, on: { "active-change": function(n) {
-    e.isDropdownOpen = n;
-  } }, nativeOn: { click: function(n) {
-    n.stopPropagation();
-  } }, scopedSlots: e._u([{ key: "trigger", fn: function() {
-    return [i("CButton", { attrs: { circle: "", size: "small", type: "none", pattern: "secondary", raised: "", icon: "more-horizontal" } })];
-  }, proxy: !0 }], null, !1, 383536082) }, [e._t("dropdownOptions")], 2) : e.allowEditClients ? i("CButton", { staticStyle: { position: "absolute", right: "calc(0.5 * var(--rem))" }, attrs: { circle: "", size: "small", icon: "x", type: "none", pattern: "secondary", raised: "" }, on: { click: function(n) {
-    return n.stopPropagation(), e.$emit("remove");
-  } } }) : e._e()] : e._e()], 2) : e._e()], 2);
-}, ve = [], ye = /* @__PURE__ */ o(
-  fe,
-  ge,
-  ve,
-  !1,
-  null,
-  "cc1fbfb5"
-);
-const N = ye.exports, _e = {
-  name: "SenderBlockItem",
-  i18nOptions: {
-    namespaces: "senderBlockItem",
-    messages: {
-      en: {
-        toggle: {
-          label: "Sign the document",
-          description: "Toggle to add your own signature to the document."
-        }
-      },
-      sv: {
-        toggle: {
-          label: "Signera dokumentet",
-          description: "Aktivera för att lägga till din signatur på dokumentet."
-        }
-      }
-    }
-  },
-  components: {
-    RecipientBlockItem: N
-  },
-  mixins: [
-    p(["senderClient"], {
-      useEmit: !1,
-      setFnName: "setFormValue"
-    })
-  ],
-  inject: {
-    allowSenderSign: {
-      default: !0
-    }
-  },
-  props: {
-    setFormValue: {
-      type: Function,
-      required: !0
-    },
-    defaultAddSenderClient: {
-      type: Boolean,
-      default: !1
-    }
-  },
-  data() {
-    return {
-      senderClientData: null
-    };
-  },
-  computed: {
-    ...v({
-      feature: "application/feature"
-    })
-  },
-  created() {
-    this.generateSenderClient(), this._document.id || this._document.isDirty("senderClient") ? this.toggleSenderSign(!!this.senderClient) : this.defaultAddSenderClient && this.toggleSenderSign(!0);
-  },
-  methods: {
-    get: c,
-    generateSenderClient() {
-      const { company: t, user: e } = this._document.sender || {}, i = c(
-        this._document,
-        "data.defaultAnswerMethod"
-      );
-      this.senderClientData = {
-        ...j(),
-        documentRole: "recipient",
-        ...i && { answerMethod: i },
-        ...this.senderClient,
-        // latest sender values in the document
-        type: "company",
-        companyName: t.name,
-        name: e.name,
-        email: e.email,
-        cellphone: e.cellphone
-      };
-    },
-    toggleSenderSign(t) {
-      this.senderClientData.documentRole = t ? "signee" : "recipient", this.senderClient = t ? this.senderClientData : null, this._document.setDirty("senderClient");
-    },
-    setSenderMethod(t) {
-      const e = {
-        ...this.senderClient,
-        answerMethod: {
-          accept: t,
-          deny: "button"
-        }
-      };
-      this.senderClient = e, this.senderClientData = { ...e };
-    }
-  }
-};
-var be = function() {
-  var e = this, i = e._self._c;
-  return e.senderClientData ? i("RecipientBlockItem", { staticClass: "first-of-group last-of-group", staticStyle: { display: "inline-flex", width: "auto", "padding-right": "2em", "min-width": "220px" }, attrs: { client: e.senderClientData, "right-button": e.allowSenderSign, "is-sender": !0 }, scopedSlots: e._u([{ key: "dropdownOptions", fn: function() {
-    return [i("CDropdownItem", { attrs: { value: !!e.senderClient, "close-on-click": !1, toggle: "" }, on: { input: e.toggleSenderSign } }, [e._v(" " + e._s(e.$t("toggle.label")) + " ")]), e.senderClient ? [i("CDropdownItem", { attrs: { separator: "" } }), i("div", { staticClass: "text-gray-400", staticStyle: { "font-size": "13px", padding: "calc(0.5 * var(--rem)) 0 calc(0.25 * var(--rem))", "font-weight": "500" } }, [e._v(" " + e._s(e.$t("_common:signMethod.title")) + " ")]), e._l([
-      "login",
-      "signature",
-      ...e.feature("bankId") ? ["bankId"] : []
-    ], function(s) {
-      return i("CDropdownItem", { key: s, attrs: { "icon-right": e.get(e.senderClient, "answerMethod.accept") === s ? "check" : "" }, on: { click: function(n) {
-        return e.setSenderMethod(s);
-      } } }, [e._v(" " + e._s(e.$t(`_common:signMethod.${s}`)) + " ")]);
-    })] : i("div", { staticClass: "bg-gray-100 text-gray-700", staticStyle: { padding: "calc(0.5 * var(--rem))", margin: "calc(0.5 * var(--rem))", "font-size": "13px", "border-radius": "4px", "line-height": "1.25", "font-weight": "500" } }, [e._v(" " + e._s(e.$t("toggle.description")) + " ")])];
-  }, proxy: !0 }], null, !1, 407561968) }) : e._e();
-}, Ce = [], we = /* @__PURE__ */ o(
-  _e,
-  be,
-  Ce,
-  !1,
-  null,
-  "2303d81a"
-);
-const xe = we.exports, Se = {
-  name: "RecipientBlock",
-  i18nOptions: {
-    namespaces: "recipientBlock",
-    messages: he
-  },
-  components: {
-    AddClientCallout: ee,
-    RecipientBlockItem: N,
-    SenderBlockItem: xe
-  },
-  mixins: [
-    p(["clients"], {
-      useEmit: !1,
-      setFnName: "setFormValue"
-    })
-  ],
-  props: {
-    compact: {
-      type: Boolean,
-      default: !1
-    },
-    setFormValue: {
-      type: Function,
-      required: !0
-    },
-    removeFormValue: {
-      type: Function,
-      required: !0
-    },
-    defaultAddSenderClient: {
-      type: Boolean,
-      default: !1
-    },
-    allowEditClients: {
-      type: Boolean,
-      default: !0
-    },
-    isPublicForm: {
-      type: Boolean,
-      default: !1
-    }
-  },
-  computed: {
-    sortedClients() {
-      return [...this.clients].map((t, e) => ({ ...t, index: e })).sort((t, e) => t.signOrder - e.signOrder);
-    },
-    maxSignOrder() {
-      if (!this.useSignOrder || this.sortedClients.length === 0)
-        return 0;
-      const { signOrder: t } = this.sortedClients[this.sortedClients.length - 1];
-      return t;
-    },
-    useSignOrder() {
-      return c(this._document, "useSignOrder", !1);
-    }
-  },
-  methods: {
-    onMoveRecipient({ index: t, direction: e }) {
-      this.clients = K(this.clients).set(
-        {
-          ...this.clients[t],
-          signOrder: Math.max(this.clients[t].signOrder + e, 0)
-        },
-        t
-      );
-    },
-    toggleSignOrder(t) {
-      let e = [];
-      if (t) {
-        const i = !this.clients.every(
-          ({ signOrder: s }) => !s
-        );
-        this.clients = this.clients.map((s, n) => ({
-          ...s,
-          signOrder: i ? s.signOrder : n + 1
-        }));
-      } else
-        e = c(this._document, "template.reminders", []), e.length || (e = B.default);
-      this.setFormValue({ key: "data.reminders", value: e }), this.setFormValue({ key: "useSignOrder", value: t });
-    },
-    removeClient(t) {
-      this.removeFormValue(`clients[${t}]`);
-    },
-    openClientModal(t = 0) {
-      var i;
-      const e = c(this, `clients[${t}].signOrder`);
-      this.$modal.show(te, {
-        documentClientIndex: t,
-        ...this.useSignOrder && {
-          signOrder: W(e) === "number" ? e : this.maxSignOrder + 1
-        },
-        signOptions: (i = this._document) == null ? void 0 : i.signOptions,
-        setFormValue: this.setFormValue,
-        removeFormValue: this.removeFormValue,
-        isPublicForm: this.isPublicForm
-      });
-    },
-    setClient(t) {
-      this.setFormValue({ key: `clients[${this.clients.length}]`, value: t });
-    }
-  }
-};
-var ke = function() {
-  var e = this, i = e._self._c;
-  return i("div", [e.compact ? e._e() : [i("div", { staticClass: "pb-0.5 text-xs font-medium text-gray-900" }, [e._v(" " + e._s(e.$t("_common:from").capitalize()) + ": ")]), i("SenderBlockItem", { attrs: { _document: e._document, _value: { senderClient: "senderClient" }, "set-form-value": e.setFormValue, "default-add-sender-client": e.defaultAddSenderClient } })], i("div", { staticClass: "block-title flex pb-0.5 pt-2 text-xs text-gray-500", class: { "block-title__line": !e.compact } }, [e.compact ? e._e() : i("div", { staticClass: "font-medium text-gray-900" }, [e._v(" " + e._s(e.$t("_common:to").capitalize()) + ": ")]), e.clients && e.clients.length ? i("div", { staticClass: "ml-auto inline-flex items-center justify-end" }, [i("CIcon", { directives: [{ name: "tooltip", rawName: "v-tooltip", value: e.$t("signOrder.tooltip"), expression: "$t('signOrder.tooltip')" }], staticClass: "mr-1", attrs: { type: "info", size: "14" } }), i("div", { staticClass: "mr-2 font-medium" }, [e._v(" " + e._s(e.$t("signOrder.label")) + " ")]), i("CSwitch", { staticClass: "!mr-0", attrs: { value: e.useSignOrder, size: "tiny", type: "success" }, on: { input: e.toggleSignOrder } })], 1) : e._e()]), e.clients && e.clients.length ? [e.useSignOrder ? i("transition-group", { staticClass: "list-move", attrs: { name: "list-move" } }, [e._l(e.sortedClients, function(s, n) {
-    return [n > 0 && s.signOrder !== e.sortedClients[n - 1].signOrder ? i("div", { key: n, staticClass: "h-2 pl-6" }, [i("div", { staticClass: "bg-primary-500 h-full w-0.5 rounded-sm" })]) : e._e(), i("div", { key: s._uniqueId, staticClass: "mb-0.5 mt-px" }, [i("RecipientBlockItem", { class: {
-      "first-of-group": n === 0 || n > 0 && s.signOrder !== e.sortedClients[n - 1].signOrder,
-      "last-of-group": n === e.sortedClients.length - 1 || e.sortedClients[n + 1] && s.signOrder !== e.sortedClients[n + 1].signOrder
-    }, attrs: { client: s, "is-order": e.useSignOrder, compact: e.compact, "allow-edit-clients": e.allowEditClients }, on: { move: function(a) {
-      return e.onMoveRecipient({ index: s.index, direction: a });
-    }, open: function(a) {
-      return e.openClientModal(s.index);
-    }, remove: function(a) {
-      return e.removeClient(s.index);
-    } } })], 1)];
-  })], 2) : e._l(e.clients, function(s, n) {
-    return i("RecipientBlockItem", { key: s._uniqueId, staticClass: "mb-0.5 mt-px", class: {
-      "first-of-group": n === 0,
-      "last-of-group": n === e.clients.length - 1
-    }, attrs: { "is-order": e.useSignOrder, compact: e.compact, "allow-edit-clients": e.allowEditClients, client: s }, on: { open: function(a) {
-      return e.openClientModal(n);
-    }, remove: function(a) {
-      return e.removeClient(n);
-    } } });
-  }), !e.compact && e.allowEditClients ? i("CButton", { staticClass: "is-thinner !text-sm", attrs: { type: "secondary", pattern: "tertiary", "icon-left": "plus", size: "normal" }, on: { click: function(s) {
-    return e.openClientModal(e.clients.length);
-  } } }, [e._v(" " + e._s(e.$t("addButton")) + " ")]) : e._e()] : (e.$view === "widget" || e.viewSettings.isPublicForm) && e.allowEditClients ? i("CButton", { staticClass: "!px-4 font-medium", attrs: { type: "secondary", raised: "", size: "small", taller: "", "icon-left": "person" }, on: { click: function(s) {
-    return e.openClientModal(e.clients.length);
-  } } }, [e._v(" " + e._s(e.$t("addFirstButton")) + " ")]) : !e.compact && e.allowEditClients ? i("AddClientCallout", { attrs: { compact: !0 }, on: { add: function(s) {
-    return e.openClientModal(e.clients.length);
-  }, setClient: e.setClient } }) : e._e()], 2);
-}, $e = [], De = /* @__PURE__ */ o(
-  Se,
-  ke,
-  $e,
-  !1,
-  null,
-  "51e072f2"
-);
-const Ve = De.exports, Fe = {
-  name: "DocumentSendReminderItem",
-  props: {
-    label: {
-      type: String,
-      required: !0
-    },
-    value: {
-      type: [Number, String],
-      default: 0
-    },
-    done: {
-      type: Boolean,
-      default: !1
-    }
-  }
-};
-var Ae = function() {
-  var e = this, i = e._self._c;
-  return i("div", { staticClass: "mb-4 flex min-h-[2.5em] select-none items-center rounded-md bg-gray-100 px-4 py-2 text-sm font-medium" }, [i("div", { staticClass: "mr-6 flex-auto select-none text-gray-700" }, [e._v(" " + e._s(e.label) + " ")]), i("div", { staticClass: "flex flex-nowrap items-center justify-center text-sm" }, [e.done ? i("span", { staticClass: "text-green-500" }, [i("CIcon", { attrs: { type: "check", size: "18" } }), e._v(" " + e._s(e.$t("sent")) + " ")], 1) : [i("CButton", { staticClass: "!h-6 !w-6 bg-white", attrs: { icon: "minus", size: "small", circle: "", raised: "" }, on: { click: function(s) {
-    e.$emit("input", Math.max(e.value - 1, 0));
-  } } }), i("div", { staticClass: "min-w-[8ch] py-4 text-center text-sm font-medium text-gray-800" }, [e.value ? [e._v(" " + e._s(e.$tc("day", { count: Number(e.value) })) + " ")] : i("span", { staticClass: "text-xs text-gray-500" }, [e._v(" " + e._s(e.$t("disabled").capitalize()) + " ")])], 2), i("CButton", { staticClass: "!h-6 !w-6 bg-white", attrs: { icon: "plus", size: "small", circle: "", raised: "" }, on: { click: function(s) {
-    return e.$emit("input", e.value + 1);
-  } } })]], 2)]);
-}, Oe = [], Be = /* @__PURE__ */ o(
-  Fe,
-  Ae,
-  Oe,
-  !1,
-  null,
-  null
-);
-const Ie = Be.exports, Te = {
-  name: "DocumentSendReminders",
-  i18nOptions: {
-    namespaces: "documentSendReminders",
-    messages: {
-      en: {
-        description: "Edit when smart reminders should be sent to client",
-        notViewed: "Not viewed after",
-        notAnswered: "No reply after",
-        expires: "When expiration date is within"
-      },
-      sv: {
-        description: "Ställ in när smarta påminnelser ska skickas ut till mottagaren",
-        notViewed: "Inte öppnat efter",
-        notAnswered: "Inte svarat efter",
-        expires: "När giltighetstiden är inom"
-      }
-    }
-  },
-  components: {
-    DocumentSendReminderItem: Ie
-  },
-  mixins: [p()],
-  props: {
-    setFormValue: {
-      type: Function,
-      required: !0
-    },
-    removeFormValue: {
-      type: Function,
-      required: !0
-    }
-  },
-  computed: {
-    reminders() {
-      const t = {
-        first: null,
-        notViewed: null,
-        notAnswered: null,
-        expires: null
-      };
-      return this._document.reminders.forEach((e, i) => {
-        e.type === "first" ? t.first = { ...e, index: i } : e.type === "viewed" ? t.notViewed = { ...e, index: i } : e.type === "expires" ? t.expires = { ...e, index: i } : t.notAnswered = { ...e, index: i };
-      }), t;
-    }
-  },
-  methods: {
-    getDefaultReminders() {
-      if (!this._document.template)
-        return [];
-      const t = this._document.template.getDefaultData({
-        path: "properties.data.properties.reminders"
-      });
-      return t && Array.isArray(t) ? t : [];
-    },
-    setReminder(t, e) {
-      let i = "sendDays";
-      if (typeof e == "string" && (i = "sendAt"), !e) {
-        this.removeFormValue(`data.reminders[${t.index}]`);
-        return;
-      }
-      if (typeof t == "string") {
-        let s = this.getDefaultReminders().find(
-          (n) => n.type === t
-        );
-        if (s || (s = B.default.find((n) => n.type === t)), !s)
-          throw new Error("Could not find default reminder");
-        s[i] = e, this.setFormValue({ key: "data.reminders", value: s });
-        return;
-      }
-      this.setFormValue({
-        key: `data.reminders[${t.index}].${i}`,
-        value: e
-      });
-    }
-  }
-};
-var Pe = function() {
-  var e = this, i = e._self._c;
-  return i("div", { staticStyle: { "background-color": "white", "border-radius": "calc(0.5 * var(--rem))", padding: "calc(2 * var(--rem))", "font-size": "16px" } }, [i("div", { staticStyle: { "font-size": "1.25em", "font-weight": "700", "margin-bottom": "0.25em", "text-align": "center" } }, [e._v(" " + e._s(e.$t("_common:reminder_plural").capitalize()) + " ")]), i("div", { staticClass: "text-center text-gray-600", staticStyle: { "max-width": "calc(20 * var(--rem))", margin: "0 auto calc(2 * var(--rem)) auto" } }, [e._v(" " + e._s(e.$t("description")) + " ")]), e._l([
-    { type: "notViewed", fallbackKey: "viewed" },
-    { type: "notAnswered", fallbackKey: "reminder" },
-    { type: "expires", fallbackKey: "expires" }
-  ], function(s, n) {
-    return i("DocumentSendReminderItem", { key: n, attrs: { label: e.$t(s.type), value: e.reminders[s.type] ? e.reminders[s.type].sendDays : 0, done: e.reminders[s.type] && e.reminders[s.type].status === "successful" }, on: { input: function(a) {
-      return e.setReminder(e.reminders[s.type] || s.fallbackKey, a);
-    } } });
-  }), i("div", { staticClass: "flex w-full items-center justify-center", staticStyle: { "margin-top": "calc(2.5 * var(--rem))" } }, [i("CButton", { attrs: { type: "secondary", expanded: "" }, on: { click: function(s) {
-    return e.$emit("close");
-  } } }, [e._v(" " + e._s(e.$t("_common:save")) + " ")])], 1)], 2);
-}, Me = [], Re = /* @__PURE__ */ o(
-  Te,
-  Pe,
-  Me,
-  !1,
-  null,
-  null
-);
-const ze = Re.exports, Ee = {
-  name: "SendForm",
-  i18nOptions: {
-    namespaces: "sendForm",
-    messages: pe
-  },
-  components: {
-    Simplebar: G,
-    BaseDatePicker: R,
-    RecipientBlock: Ve,
-    ErrorCallout: Y,
-    IsPremiumPreStep: L,
-    IsPremium: H
-  },
-  mixins: [
-    p(
-      ["expiresAt", "clients", "defaultAnswerMethod", "reminders", "name"],
-      {
-        useEmit: !1,
-        setFnName: "setFormValue"
-      }
-    )
-  ],
-  props: {
-    showName: {
-      type: Boolean,
-      default: !0
-    },
-    showSave: {
-      type: Boolean,
-      default: !0
-    },
-    showSchedule: {
-      type: Boolean,
-      default: !0
-    },
-    allowManualDelivery: {
-      type: Boolean,
-      default: !0
-    },
-    allowEditClients: {
-      type: Boolean,
-      default: !0
-    },
-    setFormValue: {
-      type: Function,
-      required: !0
-    },
-    removeFormValue: {
-      type: Function,
-      required: !0
-    },
-    useScroll: {
-      type: Boolean,
-      default: !1
-    },
-    onSaveDocument: {
-      type: Function,
-      required: !0
-    }
-  },
-  data() {
-    return {
-      localIsPosting: !1,
-      clientHoverIndex: null
-    };
-  },
-  computed: {
-    ...v({
-      deliveryTypes: "forms/deliveryTypes",
-      isPostingDocument: "documents2/isPosting",
-      documentSenderSign: "settings/documentSenderSign",
-      // todo: could be moved to load form action
-      getCompanySetting: "settings/getCompanySetting",
-      feature: "application/feature"
-    }),
-    isPosting() {
-      return this.isPostingDocument || this.localIsPosting;
-    },
-    isPublicForm() {
-      return !!(this.viewSettings && this.viewSettings.isPublicForm);
-    },
-    useSignOrder() {
-      var t;
-      return ((t = this._document) == null ? void 0 : t.useSignOrder) || !1;
-    },
-    noOfReminders() {
-      return Object.values(this.reminders || []).reduce(
-        (t, e) => e && (e.sendDays || e.sendAt) && e.type !== "first" ? t + 1 : t,
-        0
-      );
-    },
-    smsActivated() {
-      return this.deliveryTypes.sms;
-    },
-    emailActivated() {
-      return this.deliveryTypes.email;
-    },
-    isManualDelivery() {
-      return !this.smsActivated && !this.emailActivated;
-    },
-    sendTypesText() {
-      return this.emailActivated || this.smsActivated ? [
-        ...this.emailActivated ? [this.$t("_common:email").capitalize()] : [],
-        ...this.smsActivated ? [this.$t("_common:sms")] : []
-      ].join(" & ") : this._document.isDirty("isManualDelivery") && this.clients.length ? this.$t("manualDelivery") : " ";
-    },
-    clientsAreMissingContactInfo() {
-      return this.isManualDelivery ? !1 : this.clients.some((t) => !(t.email || t.cellphone));
-    },
-    signMethods() {
-      var t, e;
-      return ((e = (t = this._document.signOptions) == null ? void 0 : t.filter((i) => i !== "inPerson")) == null ? void 0 : e.map((i) => ({
-        value: i,
-        title: this.$t(`signMethod.${i}.title`),
-        content: this.$t(`signMethod.${i}.content`)
-      }))) || [];
-    }
-  },
-  created() {
-    var t;
-    if (!this.expiresAt && !this._document.isDirty("expiresAt")) {
-      const e = this.getCompanySetting("defaultExpireDays");
-      if (e && Number.isInteger(e) && e > 0) {
-        const i = /* @__PURE__ */ new Date();
-        i.setDate(i.getDate() + e), this.setField({
-          field: "expiresAt",
-          value: i.toISOString(),
-          options: { ignoreChanges: !0 }
-        });
-      }
-    }
-    if (((t = this.defaultAnswerMethod) == null ? void 0 : t.accept) === "button") {
-      const [e] = this._document.signOptions || ["signature"];
-      this.setAnswerMethod(e, { ignoreChanges: !0 });
-    }
-  },
-  validations() {
-    const t = {
-      clients: {
-        required: (e) => e && e.length
-      }
-    };
-    return !this.allowManualDelivery && this.clients.length && (t.isManualDelivery = {
-      checked: (e) => !e
-    }), t;
-  },
-  methods: {
-    async doSaveDocument({ doSend: t }) {
-      try {
-        this.localIsPosting = !0, await this.onSaveDocument({ doSend: t });
-      } finally {
-        this.localIsPosting = !1;
-      }
-    },
-    async doSendDocument() {
-      var t;
-      this.$v.$touch(), !this.$v.$invalid && (["denied", "expired", "voided"].includes((t = this._document) == null ? void 0 : t.status) && this.resetDeniedDocument(), await this.doSaveDocument({ doSend: !0 }));
-    },
-    setDeliveryMethod(t, e) {
-      const i = this.deliveryTypes;
-      i[t] = e;
-      const s = Object.keys(i).filter((n) => i[n]);
-      (this.clients || []).forEach((n, a) => {
-        this.setFormValue({
-          key: `clients[${a}].deliveryTypes`,
-          value: s
-        });
-      });
-    },
-    setAnswerMethod(t, e = {}) {
-      this.setField({
-        field: "defaultAnswerMethod",
-        value: { ...this.defaultAnswerMethod, accept: t },
-        options: e
-      }), (this.clients || []).forEach((i, s) => {
-        var n;
-        ((n = i.answerMethod) == null ? void 0 : n.accept) !== "inPerson" && this.setField({
-          key: `clients[${s}].answerMethod.accept`,
-          value: t,
-          options: e
-        });
-      });
-    },
-    openReminders() {
-      this.useSignOrder || this.$modal.show(
-        ze,
-        {
-          _document: this._document,
-          setFormValue: this.setFormValue,
-          removeFormValue: this.removeFormValue
-        },
-        {
-          adaptive: !0,
-          height: "auto",
-          width: "90%",
-          maxWidth: 360
-        }
-      );
-    },
-    openSendLater() {
-      this.$v.$touch(), !this.$v.$invalid && this.$modal.show(
-        me,
-        {
-          _document: this._document,
-          setFormValue: this.setFormValue,
-          removeFormValue: this.removeFormValue,
-          onSaveDocument: this.doSaveDocument
-        },
-        {
-          adaptive: !0,
-          height: "auto",
-          width: "90%",
-          maxWidth: 360
-        }
-      );
-    },
-    resetDeniedDocument() {
-      (this.clients || []).forEach((t, e) => {
-        this.setFormValue({ key: `clients[${e}].answer`, value: null });
-      }), this.setFormValue({ key: "data.rejectReasons", value: [] }), this.setFormValue({ key: "status", value: "sent" });
-    },
-    shouldShowUpgradeModal({ canUseBankId: t, canUseSms: e }) {
-      var i;
-      return !!(this.smsActivated && !e || ((i = this.defaultAnswerMethod) == null ? void 0 : i.accept) === "bankId" && !t);
-    }
-  }
-};
-var Ne = function() {
-  var e = this, i = e._self._c;
-  return i("IsPremium", { scopedSlots: e._u([{ key: "default", fn: function({ canUseBankId: s, canUseSms: n }) {
-    var a;
-    return [i("div", { staticClass: "@container flex h-full flex-col" }, [i(e.useScroll ? "Simplebar" : "div", { tag: "component", staticClass: "main-container" }, [i("div", { staticClass: "@md:px-8 @md:pb-8 @xl:px-16 @xl:pb-16 relative px-4 pb-4 pt-6" }, [i("div", { staticClass: "pb-4 text-lg font-bold" }, [e._v(" " + e._s(e.$t("title")) + " ")]), e.showName ? i("div", { staticClass: "mb-6" }, [i("div", { staticClass: "pb-0.5 text-xs font-medium text-gray-900" }, [e._v(" " + e._s(e.$t("nameLabel")) + " ")]), i("CInput", { attrs: { placeholder: e.$t("namePlaceholder"), filled: "" }, model: { value: e.name, callback: function(r) {
-      e.name = r;
-    }, expression: "name" } })], 1) : e._e(), i("div", { staticClass: "mb-6" }, [i("RecipientBlock", { attrs: { _value: {
-      clients: "clients"
-    }, _document: e._document, "set-form-value": e.setFormValue, "remove-form-value": e.removeFormValue, "default-add-sender-client": e.documentSenderSign, "allow-edit-clients": e.allowEditClients, "is-public-form": e.isPublicForm } })], 1), e._t("default"), e.defaultAnswerMethod && e.signMethods.length > 1 ? i("div", { staticClass: "mb-8" }, [i("div", { staticClass: "block-title pb-0.5 text-xs font-medium text-gray-900" }, [e._v(" " + e._s(e.$t("signMethod.title")) + " "), i("CIcon", { directives: [{ name: "tooltip", rawName: "v-tooltip", value: e.$t("signMethod.tooltip"), expression: "$t('signMethod.tooltip')" }], staticClass: "ml-px text-gray-500", attrs: { type: "info", size: "14" } })], 1), i("div", { staticClass: "cb-card-group" }, e._l(e.signMethods, function(r) {
-      return i("div", { key: r.value, staticClass: "cb-card flex border-2 border-transparent hover:border-gray-300/30 hover:bg-gray-200", class: {
-        checked: e.defaultAnswerMethod.accept === r.value
-      }, on: { click: function(d) {
-        e.defaultAnswerMethod.accept !== r.value && e.setAnswerMethod(r.value);
-      } } }, [i("CRadio", { staticClass: "sign-radio pointer-events-none mr-3", attrs: { value: e.defaultAnswerMethod.accept, "native-value": r.value, type: "secondary", size: "small" } }), i("div", { staticClass: "flex-grow" }, [i("div", { staticClass: "cb-card-title flex items-center justify-between" }, [e._v(" " + e._s(r.title) + " "), r.value === "bankId" && !s ? i("div", { staticClass: "bg-primary-500 ml-2 rounded-full px-1.5 py-1 text-[10px] font-semibold leading-none text-white" }, [e._v(" Pro ")]) : e._e()]), i("div", { directives: [{ name: "show", rawName: "v-show", value: e.defaultAnswerMethod.accept === r.value, expression: "defaultAnswerMethod.accept === signMethod.value" }], staticClass: "cb-card-body" }, [e._v(" " + e._s(r.content) + " ")])])], 1);
-    }), 0)]) : e._e(), i("div", { staticClass: "grid items-center gap-2", staticStyle: { "grid-template-columns": "repeat(auto-fit, minmax(200px, 1fr))" } }, [i("div", [i("BaseDatePicker", { staticClass: "psuedo-input relative", attrs: { "custom-el": !0, direction: "end", tabindex: "0" }, model: { value: e.expiresAt, callback: function(r) {
-      e.expiresAt = r;
-    }, expression: "expiresAt" } }, [i("div", { staticClass: "psuedo-input-label" }, [e._v(e._s(e.$t("validityPeriod")))]), i("div", [e._v(" " + e._s(e.expiresAt ? e.$formatDate(e.expiresAt) : e.$t("_common:disabled").capitalize()) + " ")]), e.expiresAt ? i("CButton", { staticClass: "absolute right-3 top-3 z-10", attrs: { icon: "x", size: "small", type: "none", pattern: "secondary" }, on: { click: function(r) {
-      r.preventDefault(), r.stopPropagation(), e.expiresAt = void 0, e._document.setDirty("expiresAt");
-    } } }) : e._e()], 1)], 1), i("CDropdown", { staticStyle: { flex: "1 0 200px" }, attrs: { disabled: !e.clients.length, "mobile-label": e.$t("sendAs"), expanded: "" }, scopedSlots: e._u([{ key: "trigger", fn: function() {
-      return [i("div", { staticClass: "psuedo-input", attrs: { tabindex: "0" } }, [i("div", { staticClass: "psuedo-input-label" }, [e._v(e._s(e.$t("sendAs")))]), i("div", { domProps: { innerHTML: e._s(e.sendTypesText) } })])];
-    }, proxy: !0 }], null, !0) }, [i("CDropdownItem", { attrs: { value: e.emailActivated, "close-on-click": !1, toggle: "" }, on: { click: function(r) {
-      return e.setDeliveryMethod("email", !e.emailActivated);
-    } } }, [e._v(" " + e._s(e.$t("_common:email").capitalize()) + " ")]), e.feature("sms") ? i("CDropdownItem", { attrs: { value: e.smsActivated, "close-on-click": !1, toggle: "" }, on: { click: function(r) {
-      return e.setDeliveryMethod("sms", !e.smsActivated);
-    } } }, [e._v(" " + e._s(e.$t("_common:sms")) + " "), n ? e._e() : i("div", { staticClass: "bg-primary-500 ml-2 rounded-full px-1.5 py-1 text-[10px] font-semibold leading-none text-white" }, [e._v(" Pro ")])]) : e._e(), e.allowManualDelivery ? i("CDropdownItem", { attrs: { value: "", tooltip: {
-      content: e.$t("manualDeliveryTooltip")
-    } }, domProps: { textContent: e._s(e.$t("manualDelivery")) }, on: { click: () => {
-      e.setDeliveryMethod("sms", !1), e.setDeliveryMethod("email", !1), e._document.setDirty("isManualDelivery");
-    } } }) : e._e()], 1), !e.useSignOrder && !e.isManualDelivery ? i("div", { staticClass: "psuedo-input relative", attrs: { tabindex: "0" }, on: { click: e.openReminders } }, [i("div", { staticClass: "psuedo-input-label" }, [e._v(" " + e._s(e.$t("_common:reminder_plural").capitalize()) + " ")]), i("div", [e._v(" " + e._s(e.noOfReminders ? `${e.noOfReminders} ${e.$i18n.lang === "sv" ? e.$t("_common:unitType.unit") : ""}` : e.$t("_common:disabled").capitalize()) + " ")]), e.noOfReminders ? i("CButton", { staticClass: "absolute right-3 top-3", attrs: { icon: "x", size: "small", type: "none", pattern: "secondary" }, on: { click: function(r) {
-      r.preventDefault(), r.stopPropagation(), e.reminders = [];
-    } } }) : e._e()], 1) : e._e()], 1), e.clientsAreMissingContactInfo || (a = e.$v.isManualDelivery) != null && a.$invalid ? i("ErrorCallout", { attrs: { message: e.clientsAreMissingContactInfo ? e.$t("clientsAreMissingContactInfo") : e.$t("missingDeliveryMethod"), size: "small" } }) : e._e(), e._t("content")], 2)]), i("div", { staticClass: "@md:px-8 @xl:px-16 px-4 pb-4" }, [e._t("send", function() {
-      return [i("IsPremiumPreStep", { attrs: { feature: "bankIdAndSms" }, scopedSlots: e._u([{ key: "default", fn: function({ onClick: r }) {
-        return [i("div", { staticClass: "flex" }, [e.showSave ? i("CButton", { directives: [{ name: "tooltip", rawName: "v-tooltip", value: e.$t("_common:save", {
-          thing: e.$t("_common:document").toLowerCase()
-        }), expression: `
-                $t('_common:save', {
-                  thing: $t('_common:document').toLowerCase()
-                })
-              ` }], staticClass: "mr-2 w-12", attrs: { loading: e.isPosting, type: "none", icon: "save", pattern: "secondary" }, on: { click: function(d) {
-          return e.doSaveDocument({ doSend: !1 });
-        } } }) : e._e(), e.showSchedule && !e.useSignOrder && !e.isManualDelivery ? i("CButton", { staticClass: "@md:w-auto mr-2 w-12", staticStyle: { padding: "14px 16px", "border-radius": "8px", height: "initial", "font-size": "14px", "font-weight": "600" }, attrs: { disabled: e.isPosting || !e.clients.length, type: "none", pattern: "secondary" }, on: { click: e.openSendLater } }, [i("span", { staticClass: "@md:!block !hidden", domProps: { textContent: e._s(e.$t("scheduledTooltip")) } }), i("CIcon", { staticClass: "@md:!hidden", attrs: { type: "calendar", size: "16" } })], 1) : e._e(), i("div", { directives: [{ name: "tooltip", rawName: "v-tooltip", value: e.$v.$invalid ? {
-          content: e.clients.length ? e.$t("missingDeliveryMethod") : e.$t(
-            "components:account.documentForm.clients.errorMessage"
-          )
-        } : {}, expression: `
-                $v.$invalid
-                  ? {
-                      content: !clients.length
-                        ? $t(
-                            'components:account.documentForm.clients.errorMessage'
-                          )
-                        : $t('missingDeliveryMethod')
-                    }
-                  : {}
-              ` }], staticClass: "flex-auto" }, [i("CButton", { staticStyle: { padding: "14px 16px", "border-radius": "8px", height: "100%", "font-size": "14px", "font-weight": "600", "box-shadow": "0 2px 4px -1px rgba(0, 0, 0, 0.1)" }, attrs: { disabled: e.$v.$invalid, loading: e.isPosting, type: "secondary", wide: "" }, on: { click: function(d) {
-          e.shouldShowUpgradeModal({ canUseBankId: s, canUseSms: n }) ? r({
-            data: {
-              bankIdBlocked: !s,
-              smsBlocked: !n
-            }
-          }) : e.doSendDocument();
-        } } }, [e._v(" " + e._s(e.$t("sendButton")) + " ")])], 1)], 1)];
-      } }], null, !0) })];
-    }), e._t("footer")], 2)], 1)];
-  } }], null, !0) });
-}, Le = [], He = /* @__PURE__ */ o(
-  Ee,
-  Ne,
-  Le,
-  !1,
-  null,
-  "daaaa86f"
-);
-const ri = He.exports, qe = {
-  name: "CAutocomplete",
-  components: {
-    CInput: I
-  },
-  mixins: [T],
-  inheritAttrs: !1,
-  props: {
-    value: {
-      type: [Number, String],
-      default: null
-    },
-    data: {
-      type: Array,
-      default: () => []
-    },
-    field: {
-      type: String,
-      default: "value"
-    },
-    keepFirst: Boolean,
-    clearOnSelect: Boolean,
-    openOnFocus: Boolean,
-    customFormatter: {
-      type: Function,
-      default: () => {
-      }
-    },
-    checkInfiniteScroll: Boolean,
-    keepOpen: Boolean,
-    clearable: Boolean,
-    maxHeight: {
-      type: [String, Number],
-      default: null
-    },
-    dropdownPosition: {
-      type: String,
-      default: "auto"
-    },
-    iconRight: {
-      type: String,
-      default: null
-    },
-    iconRightClickable: Boolean,
-    appendToBody: Boolean
-  },
-  data() {
-    return {
-      selected: null,
-      hovered: null,
-      isActive: !1,
-      newValue: this.value,
-      newAutocomplete: this.autocomplete || "off",
-      isListInViewportVertically: !0,
-      hasFocus: !1,
-      style: {},
-      _isAutocomplete: !0,
-      _elementRef: "input",
-      _bodyEl: void 0
-      // Used to append to body
-    };
-  },
-  computed: {
-    /**
-     * White-listed items to not close when clicked.
-     * Add input, dropdown and all children.
-     */
-    whiteList() {
-      const t = [];
-      if (t.push(this.$refs.input.$el.querySelector("input")), t.push(this.$refs.dropdown), this.$refs.dropdown !== void 0) {
-        const e = this.$refs.dropdown.querySelectorAll("*");
-        for (const i of e)
-          t.push(i);
-      }
-      if (this.$parent.$data._isTaginput) {
-        t.push(this.$parent.$el);
-        const e = this.$parent.$el.querySelectorAll("*");
-        for (const i of e)
-          t.push(i);
-      }
-      return t;
-    },
-    /**
-     * Check if exists default slot
-     */
-    hasDefaultSlot() {
-      return !!this.$scopedSlots.default;
-    },
-    /**
-     * Check if exists "empty" slot
-     */
-    hasEmptySlot() {
-      return !!this.$slots.empty;
-    },
-    /**
-     * Check if exists "header" slot
-     */
-    hasHeaderSlot() {
-      return !!this.$slots.header;
-    },
-    /**
-     * Check if exists "footer" slot
-     */
-    hasFooterSlot() {
-      return !!this.$slots.footer;
-    },
-    /**
-     * Apply dropdownPosition property
-     */
-    isOpenedTop() {
-      return this.dropdownPosition === "top" || this.dropdownPosition === "auto" && !this.isListInViewportVertically;
-    },
-    newIconRight() {
-      return this.clearable && this.newValue ? "close-circle" : this.iconRight;
-    },
-    newIconRightClickable() {
-      return this.clearable ? !0 : this.iconRightClickable;
-    },
-    contentStyle() {
-      return {
-        maxHeight: this.maxHeight === void 0 ? null : isNaN(this.maxHeight) ? this.maxHeight : `${this.maxHeight}px`
-      };
-    },
-    isDropdownOpen() {
-      return this.isActive && (this.data.length > 0 || this.hasEmptySlot || this.hasHeaderSlot);
-    }
-  },
-  watch: {
-    /**
-     * When dropdown is toggled, check the visibility to know when
-     * to open upwards.
-     */
-    isActive(t) {
-      this.dropdownPosition === "auto" && (t ? this.calcDropdownInViewportVertical() : setTimeout(() => {
-        this.calcDropdownInViewportVertical();
-      }, 100)), t && this.$nextTick(() => this.setHovered(null));
-    },
-    /**
-     * When updating input's value
-     *   1. Emit changes
-     *   2. If value isn't the same as selected, set null
-     *   3. Close dropdown if value is clear or else open it
-     */
-    newValue(t) {
-      this.$emit("input", t);
-      const e = this.getValue(this.selected);
-      e && e !== t && this.setSelected(null, !1), this.hasFocus && (!this.openOnFocus || t) && (this.isActive = !!t);
-    },
-    /**
-     * When v-model is changed:
-     *   1. Update internal value.
-     *   2. If it's invalid, validate again.
-     */
-    value(t) {
-      this.newValue = t;
-    },
-    /**
-     * Select first option if "keep-first
-     */
-    data(t) {
-      this.keepFirst && this.selectFirstOption(t);
-    }
-  },
-  created() {
-    typeof window < "u" && (document.addEventListener("click", this.clickedOutside), this.dropdownPosition === "auto" && window.addEventListener("resize", this.calcDropdownInViewportVertical));
-  },
-  mounted() {
-    if (this.checkInfiniteScroll && this.$refs.dropdown && this.$refs.dropdown.querySelector(".dropdown-content")) {
-      const t = this.$refs.dropdown.querySelector(".dropdown-content");
-      t.addEventListener(
-        "scroll",
-        () => this.checkIfReachedTheEndOfScroll(t)
-      );
-    }
-    this.appendToBody && (this.$data._bodyEl = ie(this.$refs.dropdown), this.updateAppendToBody());
-  },
-  beforeDestroy() {
-    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 && se(this.$data._bodyEl);
-  },
-  methods: {
-    /**
-     * Set which option is currently hovered.
-     */
-    setHovered(t) {
-      t !== void 0 && (this.hovered = t);
-    },
-    /**
-     * Set which option is currently selected, update v-model,
-     * update input value and close dropdown.
-     */
-    setSelected(t, e = !0) {
-      t !== void 0 && (this.selected = t, this.$emit("select", this.selected), this.selected !== null && (this.newValue = this.clearOnSelect ? "" : this.getValue(this.selected), this.setHovered(this.clearOnSelect ? null : this.hovered)), e && this.$nextTick(() => {
-        this.isActive = !1;
-      }), this.checkValidity());
-    },
-    /**
-     * Select first option
-     */
-    selectFirstOption(t) {
-      this.$nextTick(() => {
-        t.length ? (this.openOnFocus || this.newValue !== "" && this.hovered !== t[0]) && this.setHovered(t[0]) : this.setHovered(null);
-      });
-    },
-    /**
-     * Enter key listener.
-     * Select the hovered option.
-     */
-    enterPressed(t) {
-      this.isDropdownOpen && (t.preventDefault(), this.hovered !== null && this.setSelected(this.hovered, !this.keepOpen));
-    },
-    /**
-     * Tab key listener.
-     * Select hovered option if it exists, close dropdown, then allow
-     * native handling to move to next tabbable element.
-     */
-    tabPressed() {
-      if (this.hovered === null) {
-        this.isActive = !1;
-        return;
-      }
-      this.setSelected(this.hovered, !this.keepOpen);
-    },
-    /**
-     * Close dropdown if clicked outside.
-     */
-    clickedOutside(t) {
-      var i;
-      const e = ((i = t.path) == null ? void 0 : i[0]) || t.target;
-      this.whiteList.indexOf(e) < 0 && (this.isActive = !1);
-    },
-    /**
-     * Return display text for the input.
-     * If object, get value from path, or else just the value.
-     */
-    getValue(t) {
-      if (t !== null)
-        return typeof this.customFormatter < "u" ? this.customFormatter(t) : typeof t == "object" ? ne(t, this.field) : t;
-    },
-    /**
-     * Check if the scroll list inside the dropdown
-     * reached it's end.
-     */
-    checkIfReachedTheEndOfScroll(t) {
-      t.clientHeight !== t.scrollHeight && t.scrollTop + t.clientHeight >= t.scrollHeight && this.$emit("infinite-scroll");
-    },
-    /**
-     * Calculate if the dropdown is vertically visible when activated,
-     * otherwise it is openened upwards.
-     */
-    calcDropdownInViewportVertical() {
-      this.$nextTick(() => {
-        if (this.$refs.dropdown === void 0)
-          return;
-        const t = this.$refs.dropdown.getBoundingClientRect();
-        this.isListInViewportVertically = t.top >= 0 && t.bottom <= (window.innerHeight || document.documentElement.clientHeight), this.appendToBody && this.updateAppendToBody();
-      });
-    },
-    /**
-     * Arrows keys listener.
-     * If dropdown is active, set hovered option, or else just open.
-     */
-    keyArrows(t) {
-      const e = t === "down" ? 1 : -1;
-      if (this.isActive) {
-        let i = this.data.indexOf(this.hovered) + e;
-        i = i > this.data.length - 1 ? this.data.length : i, i = i < 0 ? 0 : i, this.setHovered(this.data[i]);
-        const s = this.$refs.dropdown.querySelector(".dropdown-content"), n = s.querySelectorAll(
-          "a.dropdown-item:not(.is-disabled)"
-        )[i];
-        if (!n)
-          return;
-        const a = s.scrollTop, r = s.scrollTop + s.clientHeight - n.clientHeight;
-        n.offsetTop < a ? s.scrollTop = n.offsetTop : n.offsetTop >= r && (s.scrollTop = n.offsetTop - s.clientHeight + n.clientHeight);
-      } else
-        this.isActive = !0;
-    },
-    /**
-     * Focus listener.
-     * If value is the same as selected, select all text.
-     */
-    focused(t) {
-      this.getValue(this.selected) === this.newValue && this.$el.querySelector("input").select(), this.openOnFocus && (this.isActive = !0, this.keepFirst && this.selectFirstOption(this.data)), this.hasFocus = !0, this.$emit("focus", t);
-    },
-    /**
-     * Blur listener.
-     */
-    onBlur(t) {
-      this.hasFocus = !1, this.$emit("blur", t);
-    },
-    onInput() {
-      const t = this.getValue(this.selected);
-      t && t === this.newValue || (this.$emit("typing", this.newValue), this.checkValidity());
-    },
-    rightIconClick(t) {
-      this.clearable ? this.newValue = "" : this.$emit("icon-right-click", t);
-    },
-    checkValidity() {
-      this.useHtml5Validation && this.$nextTick(() => {
-        this.checkHtml5Validity();
-      });
-    },
-    updateAppendToBody() {
-      const t = this.$refs.dropdown, e = this.$refs.input.$el;
-      if (t && e) {
-        const i = this.$data._bodyEl;
-        i.classList.forEach((r) => i.classList.remove(r)), i.classList.add("autocomplete"), i.classList.add("control"), this.expandend && i.classList.add("is-expandend");
-        const s = e.getBoundingClientRect();
-        let n = s.top + window.scrollY;
-        const a = s.left + window.scrollX;
-        this.isOpenedTop ? n -= t.clientHeight : n += e.clientHeight, this.style = {
-          position: "absolute",
-          top: `${n}px`,
-          left: `${a}px`,
-          width: `${e.clientWidth}px`,
-          maxWidth: `${e.clientWidth}px`,
-          zIndex: "99"
-        };
-      }
-    }
-  }
-};
-var je = function() {
-  var e = this, i = e._self._c;
-  return i("div", { staticClass: "autocomplete control", class: { "is-expanded": e.expanded } }, [i("CInput", e._b({ ref: "input", attrs: { size: e.size, loading: e.loading, rounded: e.rounded, icon: e.icon, "icon-right": e.newIconRight, "icon-right-clickable": e.newIconRightClickable, "icon-pack": e.iconPack, maxlength: e.maxlength, autocomplete: e.newAutocomplete, "use-html5-validation": !1, type: "text" }, on: { input: e.onInput, focus: e.focused, blur: e.onBlur, "icon-right-click": e.rightIconClick, "icon-click": (s) => e.$emit("icon-click", s) }, nativeOn: { keyup: function(s) {
-    if (!s.type.indexOf("key") && e._k(s.keyCode, "esc", 27, s.key, ["Esc", "Escape"]))
-      return null;
-    s.preventDefault(), e.isActive = !1;
-  }, keydown: [function(s) {
-    return !s.type.indexOf("key") && e._k(s.keyCode, "tab", 9, s.key, "Tab") ? null : e.tabPressed.apply(null, arguments);
-  }, function(s) {
-    return !s.type.indexOf("key") && e._k(s.keyCode, "enter", 13, s.key, "Enter") ? null : e.enterPressed.apply(null, arguments);
-  }, function(s) {
-    return !s.type.indexOf("key") && e._k(s.keyCode, "up", 38, s.key, ["Up", "ArrowUp"]) ? null : (s.preventDefault(), e.keyArrows("up"));
-  }, function(s) {
-    return !s.type.indexOf("key") && e._k(s.keyCode, "down", 40, s.key, ["Down", "ArrowDown"]) ? null : (s.preventDefault(), e.keyArrows("down"));
-  }] }, model: { value: e.newValue, callback: function(s) {
-    e.newValue = s;
-  }, expression: "newValue" } }, "CInput", e.$attrs, !1)), i("transition", { attrs: { name: "fade" } }, [i("div", { directives: [{ name: "show", rawName: "v-show", value: e.isDropdownOpen, expression: "isDropdownOpen" }], ref: "dropdown", staticClass: "dropdown-menu", class: { "is-opened-top": e.isOpenedTop && !e.appendToBody }, style: e.style }, [i("div", { directives: [{ name: "show", rawName: "v-show", value: e.isActive, expression: "isActive" }], staticClass: "dropdown-content", style: e.contentStyle }, [e.hasHeaderSlot ? i("div", { staticClass: "dropdown-item" }, [e._t("header")], 2) : e._e(), e._l(e.data, function(s, n) {
-    return i("a", { key: n, staticClass: "dropdown-item", class: { "is-hovered": s === e.hovered }, on: { click: function(a) {
-      return e.setSelected(s, void 0, a);
-    } } }, [e.hasDefaultSlot ? e._t("default", null, { option: s, index: n }) : i("span", [e._v(" " + e._s(e.getValue(s, !0)) + " ")])], 2);
-  }), e.data.length === 0 && e.hasEmptySlot ? i("div", { staticClass: "dropdown-item is-disabled" }, [e._t("empty")], 2) : e._e(), e.hasFooterSlot ? i("div", { staticClass: "dropdown-item" }, [e._t("footer")], 2) : e._e()], 2)])])], 1);
-}, Ke = [], We = /* @__PURE__ */ o(
-  qe,
-  je,
-  Ke,
-  !1,
-  null,
-  null
-);
-const Xe = We.exports, Ue = /* @__PURE__ */ X({
-  __name: "CMessage",
-  props: {
-    type: { default: "secondary" },
-    badge: { default: "" },
-    text: { default: "" }
-  },
-  setup(t) {
-    const e = U(), i = m(() => e.style), s = m(() => e.staticClass), n = m(() => e.class), a = m(() => Q.t("components:cling.message.tip"));
-    return { __sfc: !0, attrs: e, staticStyle: i, staticClass: s, styleClass: n, messageTip: a };
-  }
-});
-var Qe = function() {
-  var e = this, i = e._self._c, s = e._self._setupProxy;
-  return i("div", { class: [s.styleClass, s.staticClass], staticStyle: { padding: "0.75em 1em", display: "flex", "align-items": "flex-start", "border-radius": "0.6em", "background-color": "hsl(var(--gray-color-100) / 1)" }, style: [s.staticStyle] }, [i("div", { class: [`has-background-${e.type}`], staticStyle: { display: "inline-block", padding: "0.5em", "border-radius": "0.45em", "font-weight": "700", color: "white", "line-height": "1", "font-size": "12px", "margin-right": "1.25em" } }, [e._v(" " + e._s(e.badge || s.messageTip) + " ")]), i("div", { staticStyle: { color: "hsl(0, 0%, 25%)" } }, [e.text ? [e._v(" " + e._s(e.text) + " ")] : e._e(), e._t("default")], 2)]);
-}, Ye = [], Ge = /* @__PURE__ */ o(
-  Ue,
-  Qe,
-  Ye,
-  !1,
-  null,
-  null
-);
-const Je = Ge.exports, Ze = {
-  name: "CPhoneInput",
-  components: {
-    Flag: J,
-    CInput: I,
-    CDropdown: f,
-    CDropdownItem: g,
-    CButton: P,
-    CField: ae,
-    SmartList: oe
-  },
-  props: {
-    value: {
-      type: [String, Number],
-      default: ""
-    },
-    region: {
-      type: String,
-      default: ""
-    },
-    // Region to fallback to if prefix is not found in value
-    defaultRegion: {
-      type: String,
-      required: !0
-    },
-    label: {
-      type: String,
-      default: ""
-    },
-    labelPosition: {
-      type: String,
-      default: ""
-    }
-  },
-  data() {
-    return {
-      internalPrefix: null,
-      // Used to remember prefix when value is changed to empty
-      searchQuery: ""
-    };
-  },
-  computed: {
-    defaultPrefix() {
-      return l[this.internalRegion].callingCode;
-    },
-    currentRegion() {
-      return this.getRegionByCallingCode(this.prefix);
-    },
-    internalRegion: {
-      get() {
-        if (this.region)
-          return this.region;
-        if (this.value) {
-          const t = (Object.keys(l) || []).find(
-            (e) => l[e].callingCode && this.value && this.value.startsWith(l[e].callingCode)
-          );
-          if (t)
-            return t;
-        }
-        return this.internalPrefix ? this.getRegionByCallingCode(this.internalPrefix) : this.defaultRegion;
-      },
-      set(t) {
-        this.$emit("update:region", t), this.updateValue({ prefix: l[t].callingCode });
-      }
-    },
-    prefix() {
-      if (!this.value)
-        return this.internalPrefix || this.defaultPrefix;
-      const t = (Object.keys(l) || []).find(
-        (e) => l[e].callingCode && this.value && this.value.startsWith(l[e].callingCode)
-      );
-      return t ? l[t].callingCode : this.defaultPrefix;
-    },
-    phone: {
-      get() {
-        return this.prefix && this.value && this.value.startsWith(this.prefix) ? this.value.substring(this.prefix.length) : this.value;
-      },
-      set(t) {
-        this.updateValue({ phone: t });
-      }
-    },
-    sortedRegions() {
-      return (Object.keys(l) || []).map((t) => ({
-        key: t,
-        title: `${l[t].name} (${t})`,
-        callingCode: l[t].callingCode
-      })).sort((t, e) => t.title.localeCompare(e.title));
-    }
-  },
-  methods: {
-    getRegionByCallingCode(t) {
-      return t ? (Object.keys(l) || []).find(
-        (i) => t === l[i].callingCode
-      ) : null;
-    },
-    updateValue({ prefix: t, phone: e }) {
-      const i = t !== void 0 ? t : this.prefix || "", s = e !== void 0 ? e : this.phone || "", n = `${i}${s}`;
-      n !== i ? (this.$emit("input", n), this.region || this.$emit("update:region", this.internalRegion), this.internalPrefix = null) : (this.internalPrefix = i, this.$emit("input", ""));
-    }
-  }
-};
-var et = function() {
-  var e = this, i = e._self._c;
-  return i("CField", { staticClass: "has-addons", attrs: { expanded: "" } }, [i("div", { staticClass: "control" }, [i("SmartList", { attrs: { query: e.searchQuery, items: e.sortedRegions }, scopedSlots: e._u([{ key: "default", fn: function({ items: s }) {
-    return [i("CDropdown", { staticClass: "control", staticStyle: { height: "100%" }, attrs: { size: e.$attrs.size, disabled: e.$attrs.disabled, "menu-styling": {
-      maxWidth: "300px"
-    }, scrollable: !0, position: "is-bottom-right", "max-height": "240px" }, scopedSlots: e._u([{ key: "trigger", fn: function() {
-      return [i("CButton", { staticStyle: { height: "100%" }, attrs: { size: e.$attrs.size, type: "none", pattern: "secondary" } }, [i("Flag", { staticStyle: { "margin-right": "0.35em" }, attrs: { region: e.internalRegion } }), e._v(" " + e._s(e.prefix) + " ")], 1)];
-    }, proxy: !0 }, { key: "header", fn: function() {
-      return [i("CInput", { staticStyle: { "margin-bottom": "0.25em" }, attrs: { placeholder: e.$t("_common:search"), filled: "" }, model: { value: e.searchQuery, callback: function(n) {
-        e.searchQuery = n;
-      }, expression: "searchQuery" } })];
-    }, proxy: !0 }], null, !0), model: { value: e.internalRegion, callback: function(n) {
-      e.internalRegion = n;
-    }, expression: "internalRegion" } }, e._l(s, function({ key: n, title: a, callingCode: r }) {
-      return i("CDropdownItem", { key: n, staticClass: "truncate-text", attrs: { value: n } }, [i("Flag", { staticStyle: { "margin-right": "0.75em", flex: "0 0 auto" }, attrs: { region: n, title: a } }), i("span", { staticClass: "truncate-text" }, [e._v(" " + e._s(a) + " (" + e._s(r) + ") ")])], 1);
-    }), 1)];
-  } }]) })], 1), i("CField", { staticClass: "control", attrs: { label: e.label, "label-position": e.labelPosition, expanded: "" } }, [i("CInput", e._b({ attrs: { size: e.$attrs.size, placeholder: e.$attrs.placeholder, type: "tel" }, model: { value: e.phone, callback: function(s) {
-    e.phone = s;
-  }, expression: "phone" } }, "CInput", { ...e.$attrs, ...e.$props }, !1))], 1)], 1);
-}, tt = [], it = /* @__PURE__ */ o(
-  Ze,
-  et,
-  tt,
-  !1,
-  null,
-  null
-);
-const x = it.exports, st = {
-  name: "CRadio",
-  mixins: [M]
-};
-var nt = function() {
-  var e = this, i = e._self._c;
-  return i("label", { ref: "label", staticClass: "b-radio radio", class: [`is-${e.size}`, { "is-disabled": e.disabled }], attrs: { disabled: e.disabled }, on: { click: e.focus, keydown: function(s) {
-    return !s.type.indexOf("key") && e._k(s.keyCode, "enter", 13, s.key, "Enter") ? null : (s.preventDefault(), e.$refs.label.click());
-  } } }, [i("input", { directives: [{ name: "model", rawName: "v-model", value: e.computedValue, expression: "computedValue" }], ref: "input", attrs: { disabled: e.disabled, required: e.required, name: e.name, type: "radio" }, domProps: { value: e.nativeValue, checked: e._q(e.computedValue, e.nativeValue) }, on: { click: function(s) {
-    s.stopPropagation();
-  }, change: function(s) {
-    e.computedValue = e.nativeValue;
-  } } }), i("span", { staticClass: "check", class: `is-${e.type}` }), i("span", { staticClass: "control-label" }, [e._t("default")], 2)]);
-}, at = [], rt = /* @__PURE__ */ o(
-  st,
-  nt,
-  at,
-  !1,
-  null,
-  null
-);
-const S = rt.exports, ot = {
-  name: "CRadioButton",
-  components: {
-    CButton: P
-  },
-  mixins: [M],
-  props: {
-    type: {
-      type: String,
-      default: "primary"
-    },
-    expanded: Boolean
-  },
-  data() {
-    return {
-      isFocused: !1
-    };
-  }
-};
-var lt = function() {
-  var e = this, i = e._self._c;
-  return i("div", { staticClass: "control", class: { "is-expanded": e.expanded } }, [i("CButton", { ref: "label", staticClass: "c-radio radio button", class: [{ "is-disabled": e.disabled, "is-focused": e.isFocused }], attrs: { tag: "label", type: e.newValue === e.nativeValue ? e.type : null, size: e.size, disabled: e.disabled }, on: { click: e.focus, keydown: function(s) {
-    return !s.type.indexOf("key") && e._k(s.keyCode, "enter", 13, s.key, "Enter") ? null : (s.preventDefault(), e.$refs.$el.label.click());
-  } } }, [e._t("default"), i("input", { directives: [{ name: "model", rawName: "v-model", value: e.computedValue, expression: "computedValue" }], ref: "input", attrs: { disabled: e.disabled, required: e.required, name: e.name, type: "radio" }, domProps: { value: e.nativeValue, checked: e._q(e.computedValue, e.nativeValue) }, on: { click: function(s) {
-    s.stopPropagation();
-  }, focus: function(s) {
-    e.isFocused = !0;
-  }, blur: function(s) {
-    e.isFocused = !1;
-  }, change: function(s) {
-    e.computedValue = e.nativeValue;
-  } } })], 2)], 1);
-}, dt = [], ct = /* @__PURE__ */ o(
-  ot,
-  lt,
-  dt,
-  !1,
-  null,
-  null
-);
-const k = ct.exports, ut = {
-  name: "CSelect",
-  mixins: [T],
-  inheritAttrs: !1,
-  props: {
-    value: {
-      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
-    }
-  },
-  data() {
-    return {
-      selected: this.value,
-      _elementRef: "select"
-    };
-  },
-  computed: {
-    computedValue: {
-      get() {
-        return this.selected;
-      },
-      set(t) {
-        this.selected = t, this.$emit("input", t), !this.isValid && this.checkHtml5Validity();
-      }
-    },
-    spanClasses() {
-      return [
-        this.size,
-        this.statusType,
-        {
-          "is-fullwidth": this.expanded,
-          "is-loading": this.loading,
-          "is-multiple": this.multiple,
-          "is-rounded": this.rounded,
-          "is-empty": this.selected === null
-        }
-      ];
-    }
-  },
-  watch: {
-    /**
-     * When v-model is changed:
-     *   1. Set the selected option.
-     *   2. If it's invalid, validate again.
-     */
-    value(t) {
-      this.selected = t, !this.isValid && this.checkHtml5Validity();
-    }
-  }
-};
-var mt = function() {
-  var e = this, i = e._self._c;
-  return i("div", { staticClass: "control", class: { "is-expanded": e.expanded, "has-icons-left": e.icon } }, [i("span", { staticClass: "select", class: e.spanClasses }, [i("select", e._b({ directives: [{ name: "model", rawName: "v-model", value: e.computedValue, expression: "computedValue" }], ref: "select", class: e.selectClass, attrs: { multiple: e.multiple, size: e.nativeSize }, on: { blur: function(s) {
-    e.$emit("blur", s) && e.checkHtml5Validity();
-  }, focus: function(s) {
-    return e.$emit("focus", s);
-  }, change: function(s) {
-    var n = Array.prototype.filter.call(s.target.options, function(a) {
-      return a.selected;
-    }).map(function(a) {
-      var r = "_value" in a ? a._value : a.value;
-      return r;
-    });
-    e.computedValue = s.target.multiple ? n : n[0];
-  } } }, "select", e.$attrs, !1), [e.placeholder && e.computedValue == null ? i("option", { attrs: { disabled: "", hidden: "" }, domProps: { value: null } }, [e._v(" " + e._s(e.placeholder) + " ")]) : e._e(), e._t("default")], 2)])]);
-}, pt = [], ht = /* @__PURE__ */ o(
-  ut,
-  mt,
-  pt,
-  !1,
-  null,
-  "23e48013"
-);
-const $ = ht.exports, ft = {
-  name: "CSkeleton",
-  functional: !0,
-  props: {
-    active: {
-      type: Boolean,
-      default: !0
-    },
-    animated: {
-      type: Boolean,
-      default: !1
-    },
-    width: [Number, String],
-    height: [Number, String],
-    circle: Boolean,
-    rounded: {
-      type: Boolean,
-      default: !0
-    },
-    count: {
-      type: Number,
-      default: 1
-    },
-    hidden: {
-      type: [Boolean, String],
-      default: !1
-    },
-    color: {
-      type: String,
-      default: null
-    }
-  },
-  render(t, e) {
-    if (!e.props.active)
-      return;
-    const i = [], s = e.props.width, n = e.props.height;
-    for (let a = 0; a < e.props.count; a++)
-      i.push(
-        t("div", {
-          staticClass: "c-skeleton-item",
-          class: { "is-rounded": e.props.rounded },
-          key: a,
-          style: {
-            height: n === void 0 ? null : isNaN(n) ? n : n + "px",
-            width: s === void 0 ? null : isNaN(s) ? s : s + "px",
-            borderRadius: e.props.circle ? "50%" : null,
-            background: e.props.color ? e.props.color : null
-          }
-        })
-      );
-    return t(
-      "div",
-      {
-        staticStyle: e.data.staticStyle,
-        staticClass: "c-skeleton",
-        class: [
-          e.data.staticClass,
-          {
-            "is-animated": e.props.animated,
-            "is-invisible": e.props.hidden
-          }
-        ]
-      },
-      i
-    );
-  }
-}, gt = null, vt = null;
-var yt = /* @__PURE__ */ o(
-  ft,
-  gt,
-  vt,
-  !1,
-  null,
-  null
-);
-const D = yt.exports, _t = {
-  name: "CSliderThumb",
-  inheritAttrs: !1,
-  props: {
-    value: {
-      type: Number,
-      default: 0
-    },
-    type: {
-      type: String,
-      default: ""
-    },
-    tooltip: {
-      type: Boolean,
-      default: !0
-    },
-    customFormatter: {
-      type: Function,
-      default: null
-    }
-  },
-  data() {
-    return {
-      isFocused: !1,
-      dragging: !1,
-      startX: 0,
-      startPosition: 0,
-      newPosition: null,
-      oldValue: this.value
-    };
-  },
-  computed: {
-    disabled() {
-      return this.$parent.disabled;
-    },
-    max() {
-      return this.$parent.max;
-    },
-    min() {
-      return this.$parent.min;
-    },
-    step() {
-      return this.$parent.step;
-    },
-    precision() {
-      return this.$parent.precision;
-    },
-    currentPosition() {
-      return `${(this.value - this.min) / (this.max - this.min) * 100}%`;
-    },
-    wrapperStyle() {
-      return { left: this.currentPosition };
-    },
-    tooltipLabel() {
-      return typeof this.customFormatter == "function" ? this.customFormatter(this.value) : this.value.toString();
-    }
-  },
-  methods: {
-    onFocus() {
-      this.isFocused = !0;
-    },
-    onBlur() {
-      this.isFocused = !1;
-    },
-    onButtonDown(t) {
-      this.disabled || (t.preventDefault(), this.onDragStart(t), typeof window < "u" && (document.addEventListener("mousemove", this.onDragging), document.addEventListener("touchmove", this.onDragging), document.addEventListener("mouseup", this.onDragEnd), document.addEventListener("touchend", this.onDragEnd), document.addEventListener("contextmenu", this.onDragEnd)));
-    },
-    onLeftKeyDown() {
-      this.disabled || this.value === this.min || (this.newPosition = parseFloat(this.currentPosition) - this.step / (this.max - this.min) * 100, this.setPosition(this.newPosition), this.$parent.emitValue("change"));
-    },
-    onRightKeyDown() {
-      this.disabled || this.value === this.max || (this.newPosition = parseFloat(this.currentPosition) + this.step / (this.max - this.min) * 100, this.setPosition(this.newPosition), this.$parent.emitValue("change"));
-    },
-    onHomeKeyDown() {
-      this.disabled || this.value === this.min || (this.newPosition = 0, this.setPosition(this.newPosition), this.$parent.emitValue("change"));
-    },
-    onEndKeyDown() {
-      this.disabled || this.value === this.max || (this.newPosition = 100, this.setPosition(this.newPosition), this.$parent.emitValue("change"));
-    },
-    onDragStart(t) {
-      this.dragging = !0, this.$emit("dragstart"), t.type === "touchstart" && (t.clientX = t.touches[0].clientX), this.startX = t.clientX, this.startPosition = parseFloat(this.currentPosition), this.newPosition = this.startPosition;
-    },
-    onDragging(t) {
-      if (this.dragging) {
-        t.type === "touchmove" && (t.clientX = t.touches[0].clientX);
-        const e = (t.clientX - this.startX) / this.$parent.sliderSize() * 100;
-        this.newPosition = this.startPosition + e, this.setPosition(this.newPosition);
-      }
-    },
-    onDragEnd() {
-      this.dragging = !1, this.$emit("dragend"), this.value !== this.oldValue && this.$parent.emitValue("change"), this.setPosition(this.newPosition), typeof window < "u" && (document.removeEventListener("mousemove", this.onDragging), document.removeEventListener("touchmove", this.onDragging), document.removeEventListener("mouseup", this.onDragEnd), document.removeEventListener("touchend", this.onDragEnd), document.removeEventListener("contextmenu", this.onDragEnd));
-    },
-    setPosition(t) {
-      if (t === null || isNaN(t))
-        return;
-      t < 0 ? t = 0 : t > 100 && (t = 100);
-      const e = 100 / ((this.max - this.min) / this.step);
-      let s = Math.round(t / e) * e / 100 * (this.max - this.min) + this.min;
-      s = parseFloat(s.toFixed(this.precision)), this.$emit("input", s), !this.dragging && s !== this.oldValue && (this.oldValue = s);
-    }
-  }
-};
-var bt = function() {
-  var e = this, i = e._self._c;
-  return i("div", { staticClass: "c-slider-thumb-wrapper", class: { "is-dragging": e.dragging }, style: e.wrapperStyle }, [i("div", e._b({ staticClass: "c-slider-thumb", attrs: { tabindex: e.disabled ? !1 : 0 }, on: { mousedown: e.onButtonDown, touchstart: e.onButtonDown, focus: e.onFocus, blur: e.onBlur, keydown: [function(s) {
-    return !s.type.indexOf("key") && e._k(s.keyCode, "left", 37, s.key, ["Left", "ArrowLeft"]) || "button" in s && s.button !== 0 ? null : (s.preventDefault(), e.onLeftKeyDown.apply(null, arguments));
-  }, function(s) {
-    return !s.type.indexOf("key") && e._k(s.keyCode, "right", 39, s.key, ["Right", "ArrowRight"]) || "button" in s && s.button !== 2 ? null : (s.preventDefault(), e.onRightKeyDown.apply(null, arguments));
-  }, function(s) {
-    return !s.type.indexOf("key") && e._k(s.keyCode, "down", 40, s.key, ["Down", "ArrowDown"]) ? null : (s.preventDefault(), e.onLeftKeyDown.apply(null, arguments));
-  }, function(s) {
-    return !s.type.indexOf("key") && e._k(s.keyCode, "up", 38, s.key, ["Up", "ArrowUp"]) ? null : (s.preventDefault(), e.onRightKeyDown.apply(null, arguments));
-  }, function(s) {
-    return !s.type.indexOf("key") && e._k(s.keyCode, "home", void 0, s.key, void 0) ? null : (s.preventDefault(), e.onHomeKeyDown.apply(null, arguments));
-  }, function(s) {
-    return !s.type.indexOf("key") && e._k(s.keyCode, "end", void 0, s.key, void 0) ? null : (s.preventDefault(), e.onEndKeyDown.apply(null, arguments));
-  }] } }, "div", e.$attrs, !1))]);
-}, Ct = [], wt = /* @__PURE__ */ o(
-  _t,
-  bt,
-  Ct,
-  !1,
-  null,
-  null
-);
-const xt = wt.exports, St = {
-  name: "CSliderTick",
-  props: {
-    value: {
-      type: Number,
-      default: 0
-    }
-  },
-  computed: {
-    position() {
-      const t = (this.value - this.$parent.min) / (this.$parent.max - this.$parent.min) * 100;
-      return t >= 0 && t <= 100 ? t : 0;
-    },
-    hidden() {
-      return this.value === this.$parent.min || this.value === this.$parent.max;
-    }
-  },
-  created() {
-    if (!this.$parent.$data._isSlider)
-      throw this.$destroy(), new Error("You should wrap bSliderTick on a bSlider");
-  },
-  methods: {
-    getTickStyle(t) {
-      return { left: `${t}%` };
-    }
-  }
-};
-var kt = function() {
-  var e = this, i = e._self._c;
-  return i("div", { staticClass: "c-slider-tick", class: { "is-tick-hidden": e.hidden }, style: e.getTickStyle(e.position) }, [e.$slots.default ? i("span", { staticClass: "c-slider-tick-label" }, [e._t("default")], 2) : e._e()]);
-}, $t = [], Dt = /* @__PURE__ */ o(
-  St,
-  kt,
-  $t,
-  !1,
-  null,
-  null
-);
-const Vt = Dt.exports, Ft = {
-  name: "CSlider",
-  components: {
-    CSliderThumb: xt,
-    CSliderTick: Vt
-  },
-  props: {
-    value: {
-      type: [Number, Array],
-      default: 0
-    },
-    min: {
-      type: Number,
-      default: 0
-    },
-    max: {
-      type: Number,
-      default: 100
-    },
-    step: {
-      type: Number,
-      default: 1
-    },
-    type: {
-      type: String,
-      default: "primary"
-    },
-    size: {
-      type: String,
-      default: ""
-    },
-    ticks: {
-      type: Boolean,
-      default: !1
-    },
-    tooltip: {
-      type: Boolean,
-      default: !0
-    },
-    tooltipType: {
-      type: String,
-      default: ""
-    },
-    rounded: {
-      type: Boolean,
-      default: !1
-    },
-    disabled: {
-      type: Boolean,
-      default: !1
-    },
-    lazy: {
-      type: Boolean,
-      default: !1
-    },
-    customFormatter: {
-      type: Function,
-      default: null
-    },
-    ariaLabel: {
-      type: [String, Array],
-      default: ""
-    },
-    biggerSliderFocus: {
-      type: Boolean,
-      default: !1
-    }
-  },
-  data() {
-    return {
-      value1: null,
-      value2: null,
-      dragging: !1,
-      isRange: !1,
-      _isSlider: !0
-      // Used by Thumb and Tick
-    };
-  },
-  computed: {
-    newTooltipType() {
-      return this.tooltipType ? this.tooltipType : this.type;
-    },
-    tickValues() {
-      if (!this.ticks || this.min > this.max || this.step === 0)
-        return [];
-      const t = [];
-      for (let e = this.min + this.step; e < this.max; e += this.step)
-        t.push(e);
-      return t;
-    },
-    minValue() {
-      return Math.min(this.value1, this.value2);
-    },
-    maxValue() {
-      return Math.max(this.value1, this.value2);
-    },
-    barSize() {
-      return this.isRange ? `${100 * (this.maxValue - this.minValue) / (this.max - this.min)}%` : `${100 * (this.value1 - this.min) / (this.max - this.min)}%`;
-    },
-    barStart() {
-      return this.isRange ? `${100 * (this.minValue - this.min) / (this.max - this.min)}%` : "0%";
-    },
-    precision() {
-      const t = [this.min, this.max, this.step].map((e) => {
-        const i = `${e}`.split(".")[1];
-        return i ? i.length : 0;
-      });
-      return Math.max(...t);
-    },
-    barStyle() {
-      return {
-        width: this.barSize,
-        left: this.barStart
-      };
-    },
-    rootClasses() {
-      return {
-        "is-rounded": this.rounded,
-        "is-dragging": this.dragging,
-        "is-disabled": this.disabled,
-        "slider-focus": this.biggerSliderFocus
-      };
-    }
-  },
-  watch: {
-    /**
-     * When v-model is changed set the new active step.
-     */
-    value(t) {
-      this.setValues(t);
-    },
-    value1() {
-      this.onInternalValueUpdate();
-    },
-    value2() {
-      this.onInternalValueUpdate();
-    },
-    min() {
-      this.setValues(this.value);
-    },
-    max() {
-      this.setValues(this.value);
-    }
-  },
-  created() {
-    this.isThumbReversed = !1, this.isTrackClickDisabled = !1, this.setValues(this.value);
-  },
-  methods: {
-    setValues(t) {
-      if (!(this.min > this.max))
-        if (Array.isArray(t)) {
-          this.isRange = !0;
-          const e = typeof t[0] != "number" || isNaN(t[0]) ? this.min : h(t[0], this.min, this.max), i = typeof t[1] != "number" || isNaN(t[1]) ? this.max : h(t[1], this.min, this.max);
-          this.value1 = this.isThumbReversed ? i : e, this.value2 = this.isThumbReversed ? e : i;
-        } else
-          this.isRange = !1, this.value1 = isNaN(t) ? this.min : h(t, this.min, this.max), this.value2 = null;
-    },
-    onInternalValueUpdate() {
-      this.isRange && (this.isThumbReversed = this.value1 > this.value2), (!this.lazy || !this.dragging) && this.emitValue("input"), this.dragging && this.emitValue("dragging");
-    },
-    sliderSize() {
-      return this.$refs.slider.getBoundingClientRect().width;
-    },
-    onSliderClick(t) {
-      if (this.disabled || this.isTrackClickDisabled)
-        return;
-      const e = this.$refs.slider.getBoundingClientRect().left, i = (t.clientX - e) / this.sliderSize() * 100, s = this.min + i * (this.max - this.min) / 100, n = Math.abs(s - this.value1);
-      if (this.isRange) {
-        const a = Math.abs(s - this.value2);
-        if (n <= a) {
-          if (n < this.step / 2)
-            return;
-          this.$refs.button1.setPosition(i);
-        } else {
-          if (a < this.step / 2)
-            return;
-          this.$refs.button2.setPosition(i);
-        }
-      } else {
-        if (n < this.step / 2)
-          return;
-        this.$refs.button1.setPosition(i);
-      }
-      this.emitValue("change");
-    },
-    onDragStart() {
-      this.dragging = !0, this.$emit("dragstart");
-    },
-    onDragEnd() {
-      this.isTrackClickDisabled = !0, setTimeout(() => {
-        this.isTrackClickDisabled = !1;
-      }, 0), this.dragging = !1, this.$emit("dragend"), this.lazy && this.emitValue("input");
-    },
-    emitValue(t) {
-      this.$emit(
-        t,
-        this.isRange ? [this.minValue, this.maxValue] : this.value1
-      );
-    }
-  }
-};
-var At = function() {
-  var e = this, i = e._self._c;
-  return i("div", { staticClass: "c-slider", class: [`is-${e.size}`, `is-${e.type}`, e.rootClasses], on: { click: e.onSliderClick } }, [i("div", { ref: "slider", staticClass: "c-slider-track" }, [i("div", { staticClass: "c-slider-fill", style: e.barStyle }), e.ticks ? e._l(e.tickValues, function(s, n) {
-    return i("CSliderTick", { key: n, attrs: { value: s } });
-  }) : e._e(), e._t("default"), i("CSliderThumb", { ref: "button1", attrs: { type: `is-${e.newTooltipType}`, tooltip: e.tooltip, "custom-formatter": e.customFormatter, "aria-valuenow": e.value1, "aria-valuemin": e.min, "aria-valuemax": e.max, "aria-label": Array.isArray(e.ariaLabel) ? e.ariaLabel[0] : e.ariaLabel, "aria-disabled": e.disabled, role: "slider", "aria-orientation": "horizontal" }, on: { dragstart: e.onDragStart, dragend: e.onDragEnd }, model: { value: e.value1, callback: function(s) {
-    e.value1 = s;
-  }, expression: "value1" } }), e.isRange ? i("CSliderThumb", { ref: "button2", attrs: { type: e.newTooltipType, tooltip: e.tooltip, "custom-formatter": e.customFormatter, "aria-valuenow": e.value2, "aria-valuemin": e.min, "aria-valuemax": e.max, "aria-label": Array.isArray(e.ariaLabel) ? e.ariaLabel[1] : "", "aria-disabled": e.disabled, role: "slider", "aria-orientation": "horizontal" }, on: { dragstart: e.onDragStart, dragend: e.onDragEnd }, model: { value: e.value2, callback: function(s) {
-    e.value2 = s;
-  }, expression: "value2" } }) : e._e()], 2)]);
-}, Ot = [], Bt = /* @__PURE__ */ o(
-  Ft,
-  At,
-  Ot,
-  !1,
-  null,
-  null
-);
-const V = Bt.exports, It = {
-  name: "CSwitch",
-  props: {
-    value: {
-      type: [String, Number, Boolean, Function, Object, Array, Date],
-      default: null
-    },
-    nativeValue: {
-      type: [String, Number, Boolean, Function, Object, Array, Date],
-      default: null
-    },
-    disabled: Boolean,
-    type: {
-      type: String,
-      default: ""
-    },
-    name: {
-      type: String,
-      default: ""
-    },
-    required: Boolean,
-    size: {
-      type: String,
-      default: ""
-    },
-    trueValue: {
-      type: [String, Number, Boolean, Function, Object, Array, Date],
-      default: !0
-    },
-    falseValue: {
-      type: [String, Number, Boolean, Function, Object, Array, Date],
-      default: !1
-    },
-    rounded: {
-      type: Boolean,
-      default: !0
-    }
-  },
-  data() {
-    return {
-      newValue: this.value
-    };
-  },
-  computed: {
-    computedValue: {
-      get() {
-        return this.newValue;
-      },
-      set(t) {
-        this.newValue = t, this.$emit("input", t);
-      }
-    },
-    newClass() {
-      return [
-        `is-${this.size}`,
-        {
-          "is-disabled": this.disabled,
-          "is-rounded": this.rounded
-        }
-      ];
-    }
-  },
-  watch: {
-    /**
-     * When v-model change, set internal value.
-     */
-    value(t) {
-      this.newValue = t;
-    }
-  },
-  methods: {
-    focus() {
-      this.$refs.input.focus();
-    }
-  }
-};
-var Tt = function() {
-  var e = this, i = e._self._c;
-  return i("label", { ref: "label", staticClass: "switch", class: e.newClass, attrs: { disabled: e.disabled }, on: { click: e.focus, keydown: function(s) {
-    return !s.type.indexOf("key") && e._k(s.keyCode, "enter", 13, s.key, "Enter") ? null : (s.preventDefault(), e.$refs.label.click());
-  } } }, [i("input", { directives: [{ name: "model", rawName: "v-model", value: e.computedValue, expression: "computedValue" }], ref: "input", attrs: { disabled: e.disabled, name: e.name, required: e.required, "true-value": e.trueValue, "false-value": e.falseValue, type: "checkbox" }, domProps: { value: e.nativeValue, checked: Array.isArray(e.computedValue) ? e._i(e.computedValue, e.nativeValue) > -1 : e._q(e.computedValue, e.trueValue) }, on: { click: function(s) {
-    s.stopPropagation();
-  }, change: function(s) {
-    var n = e.computedValue, a = s.target, r = a.checked ? e.trueValue : e.falseValue;
-    if (Array.isArray(n)) {
-      var d = e.nativeValue, u = e._i(n, d);
-      a.checked ? u < 0 && (e.computedValue = n.concat([d])) : u > -1 && (e.computedValue = n.slice(0, u).concat(n.slice(u + 1)));
-    } else
-      e.computedValue = r;
-  } } }), i("span", { staticClass: "check", class: [`is-${e.type}`] }), i("span", { staticClass: "control-label" }, [e._t("default")], 2)]);
-}, Pt = [], Mt = /* @__PURE__ */ o(
-  It,
-  Tt,
-  Pt,
-  !1,
-  null,
-  "4cdd239d"
-);
-const F = Mt.exports, Rt = {
-  name: "CTabItem",
-  props: {
-    label: String,
-    icon: String,
-    iconPack: String,
-    disabled: Boolean,
-    visible: {
-      type: Boolean,
-      default: !0
-    },
-    value: [String, Number]
-  },
-  data() {
-    return {
-      isActive: !1,
-      transitionName: null,
-      _isTabItem: !0
-      // Used internally by Tab
-    };
-  },
-  created() {
-    if (!this.$parent.$data._isTabs)
-      throw this.$destroy(), new Error("You should wrap bTabItem on a bTabs");
-    this.$parent.refreshSlots();
-  },
-  beforeDestroy() {
-    this.$parent.refreshSlots();
-  },
-  methods: {
-    /**
-     * Activate tab, alter animation name based on the index.
-     */
-    activate(t, e) {
-      this.transitionName = e < t ? this.$parent.vertical ? "slide-down" : "slide-next" : this.$parent.vertical ? "slide-up" : "slide-prev", this.isActive = !0;
-    },
-    /**
-     * Deactivate tab, alter animation name based on the index.
-     */
-    deactivate(t, e) {
-      this.transitionName = e < t ? this.$parent.vertical ? "slide-down" : "slide-next" : this.$parent.vertical ? "slide-up" : "slide-prev", this.isActive = !1;
-    }
-  },
-  render(t) {
-    if (this.$parent.destroyOnHide && (!this.isActive || !this.visible))
-      return;
-    const e = t(
-      "div",
-      {
-        directives: [
-          {
-            name: "show",
-            value: this.isActive && this.visible
-          }
-        ],
-        class: "tab-item"
-      },
-      this.$slots.default
-    );
-    return this.$parent.animated ? t(
-      "transition",
-      {
-        props: {
-          name: this.transitionName,
-          mode: "out-in"
-        },
-        on: {
-          "before-enter": () => {
-            this.$parent.isTransitioning = !0;
-          },
-          "after-enter": () => {
-            this.$parent.isTransitioning = !1;
-          }
-        }
-      },
-      [e]
-    ) : e;
-  }
-}, zt = null, Et = null;
-var Nt = /* @__PURE__ */ o(
-  Rt,
-  zt,
-  Et,
-  !1,
-  null,
-  null
-);
-const A = Nt.exports, Lt = {
-  name: "CSlotComponent",
-  props: {
-    component: {
-      type: Object,
-      required: !0
-    },
-    name: {
-      type: String,
-      default: "default"
-    },
-    scoped: {
-      type: Boolean
-    },
-    props: {
-      type: Object
-    },
-    tag: {
-      type: String,
-      default: "div"
-    },
-    event: {
-      type: String,
-      default: "hook:updated"
-    }
-  },
-  methods: {
-    refresh() {
-      this.$forceUpdate();
-    },
-    isVueComponent() {
-      return this.component && this.component._isVue;
-    }
-  },
-  created() {
-    this.isVueComponent() && this.component.$on(this.event, this.refresh);
-  },
-  beforeDestroy() {
-    this.isVueComponent() && this.component.$off(this.event, this.refresh);
-  },
-  render(t) {
-    if (this.isVueComponent())
-      return t(
-        this.tag,
-        {},
-        this.scoped ? this.component.$scopedSlots[this.name](this.props) : this.component.$slots[this.name]
-      );
-  }
-}, Ht = {
-  name: "CTabs",
-  components: {
-    CSlotComponent: Lt
-  },
-  props: {
-    value: {
-      type: [Number, String],
-      default: null
-    },
-    expanded: Boolean,
-    type: {
-      type: String,
-      default: null
-    },
-    size: {
-      type: String,
-      default: null
-    },
-    position: {
-      type: String,
-      validator(t) {
-        return ["left", "right", "center"].indexOf(t) > -1;
-      },
-      default: null
-    },
-    animated: {
-      type: Boolean,
-      default: !0
-    },
-    destroyOnHide: {
-      type: Boolean,
-      default: !1
-    },
-    vertical: Boolean,
-    multiline: Boolean
-  },
-  data() {
-    return {
-      activeTab: 0,
-      defaultSlots: [],
-      contentHeight: 0,
-      isTransitioning: !1,
-      _isTabs: !0
-      // Used internally by TabItem
-    };
-  },
-  computed: {
-    mainClasses() {
-      return {
-        "is-fullwidth": this.expanded,
-        "is-vertical": this.vertical,
-        "is-multiline": this.multiline,
-        [`is-${this.position}`]: this.position && this.vertical
-      };
-    },
-    navClasses() {
-      return [
-        this.type,
-        {
-          [`is-${this.size}`]: !!this.size,
-          [`is-${this.position}`]: this.position && !this.vertical,
-          "is-fullwidth": this.expanded,
-          "is-toggle-rounded is-toggle": this.type === "is-toggle-rounded"
-        }
-      ];
-    },
-    tabItems() {
-      return this.defaultSlots.filter(
-        (t) => t.componentInstance && t.componentInstance.$data && t.componentInstance.$data._isTabItem
-      ).map((t) => t.componentInstance);
-    }
-  },
-  watch: {
-    /**
-     * When v-model is changed set the new active tab.
-     */
-    value(t) {
-      const e = this.getIndexByValue(t, t);
-      this.changeTab(e);
-    },
-    /**
-     * When tab-items are updated, set active one.
-     */
-    tabItems() {
-      if (this.activeTab < this.tabItems.length) {
-        let t = this.activeTab;
-        this.tabItems.map((e, i) => {
-          e.isActive && (t = i, t < this.tabItems.length && (this.tabItems[t].isActive = !1));
-        }), this.tabItems[this.activeTab].isActive = !0;
-      } else
-        this.activeTab > 0 && this.changeTab(this.activeTab - 1);
-    }
-  },
-  mounted() {
-    this.activeTab = this.getIndexByValue(this.value || 0), this.activeTab < this.tabItems.length && (this.tabItems[this.activeTab].isActive = !0), this.refreshSlots();
-  },
-  methods: {
-    /**
-     * Change the active tab and emit change event.
-     */
-    changeTab(t) {
-      this.activeTab === t || this.tabItems[t] === void 0 || (this.activeTab < this.tabItems.length && this.tabItems[this.activeTab].deactivate(this.activeTab, t), this.tabItems[t].activate(this.activeTab, t), this.activeTab = t, this.$emit("change", this.getValueByIndex(t)));
-    },
-    /**
-     * Tab click listener, emit input event and change active tab.
-     */
-    tabClick(t) {
-      this.activeTab !== t && (this.$emit("input", this.getValueByIndex(t)), this.changeTab(t));
-    },
-    refreshSlots() {
-      this.defaultSlots = this.$slots.default || [];
-    },
-    getIndexByValue(t) {
-      const e = this.tabItems.map(
-        (i) => i.$options.propsData ? i.$options.propsData.value : void 0
-      ).indexOf(t);
-      return e >= 0 ? e : t;
-    },
-    getValueByIndex(t) {
-      const { propsData: e } = this.tabItems[t].$options;
-      return e && e.value ? e.value : t;
-    }
-  }
-};
-var qt = function() {
-  var e = this, i = e._self._c;
-  return i("div", { staticClass: "c-tabs", class: e.mainClasses }, [i("nav", { staticClass: "tabs", class: e.navClasses }, [i("ul", e._l(e.tabItems, function(s, n) {
-    return i("li", { directives: [{ name: "show", rawName: "v-show", value: s.visible, expression: "tabItem.visible" }], key: n, class: {
-      "is-active": e.activeTab === n,
-      "is-disabled": s.disabled
-    } }, [s.$slots.header ? i("CSlotComponent", { attrs: { component: s, name: "header", tag: "a" }, nativeOn: { click: function(a) {
-      return e.tabClick(n);
-    } } }) : i("a", { on: { click: function(a) {
-      return e.tabClick(n);
-    } } }, [s.icon ? i("CIcon", { attrs: { size: e.size, type: s.icon } }) : e._e(), i("span", [e._v(e._s(s.label))])], 1)], 1);
-  }), 0)]), i("section", { staticClass: "tab-content", class: { "is-transitioning": e.isTransitioning } }, [e._t("default")], 2)]);
-}, jt = [], Kt = /* @__PURE__ */ o(
-  Ht,
-  qt,
-  jt,
-  !1,
-  null,
-  "e02a6440"
-);
-const O = Kt.exports;
-function oi(t) {
-  t.component(D.name, D), t.component("CAutocomplete", Xe), t.component(_.name, _), t.component(S.name, S), t.component(k.name, k), t.component(f.name, f), t.component(g.name, g), t.component($.name, $), t.component(b.name, b), t.component(F.name, F), t.component(O.name, O), t.component(A.name, A), t.component("CField", re), t.component("CMessage", Je), t.component(x.name, x), t.component(V.name, V);
-}
-export {
-  ri as S,
-  oi as i
-};