@cling-se/widget 0.14.4 → 0.14.5

package/dist/formComponentsInstall-UG7a9vjZ.js

@@ -0,0 +1,2499 @@
+import { m } from "./mapFormMixin-ETYhBLl2.js";
+import { I as L, a as H, r as l } from "./index-C50JSDKO.js";
+import { az as v, h as q, n as o, b as c, aA as j, t as K, aB as B, aC as W, q as I, aD as P, f as T, aE as R, J as y } from "./main-B9t0ybqW.js";
+import { B as M } from "./BaseDatePicker-P5iq-XAp.js";
+import { E as X } from "./ErrorCallout-CwgYHBkg.js";
+import { s as U, F as Q } from "./Flag-DGFvUTQZ.js";
+import { b as Y, m as g } from "./vuex.esm-DKGl8mcw.js";
+import G from "./AddClientCallout-BMc-v9rJ.js";
+import J from "./ClientModal-fw8f6UvL.js";
+import { c as Z, r as ee, g as te, C as h, a as f, b as p } from "./CDropdownItem-BjYnhZJr.js";
+import "./CTabs.vue_vue_type_style_index_0_scoped_e02a6440_lang-l0sNRNKZ.js";
+import { C as _ } from "./CCallout-Bbp9ya9n.js";
+import { a as ie, C as se } from "./CFormField-CeJ58aN2.js";
+import { S as ne } from "./SmartList-P5ZfTWBb.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 b = E(/* @__PURE__ */ new Date()), C = z(/* @__PURE__ */ new Date(), 1);
+const ae = {
+  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: M
+  },
+  props: {
+    _document: {
+      type: Object,
+      default: () => ({})
+    },
+    setFormValue: {
+      type: Function,
+      required: !0
+    },
+    removeFormValue: {
+      type: Function,
+      required: !0
+    },
+    onSaveDocument: {
+      type: Function,
+      required: !0
+    }
+  },
+  data() {
+    return {
+      sendAt: v(/* @__PURE__ */ new Date(), 5).toISOString(),
+      showCustom: !1,
+      backupSentFlag: !1
+      // needed since doc/project flags not instant on double clicks
+    };
+  },
+  validations: {
+    sendAt: {
+      minValue: (t) => t > v(/* @__PURE__ */ new Date(), 2).toISOString()
+      // two minutes as safety
+    }
+  },
+  computed: {
+    ...Y("forms", {
+      formData: (t) => t.document2.data
+    }),
+    ...g({
+      deliveryTypes: "forms/deliveryTypes",
+      isPostingDocument: "documents2/isPosting",
+      feature: "application/feature"
+    }),
+    tomorrowMorning() {
+      return b.toISOString();
+    },
+    mondayMorning() {
+      return C.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() {
+    b = E(/* @__PURE__ */ new Date()), C = 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 re = 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)]);
+}, oe = [], le = /* @__PURE__ */ o(
+  ae,
+  re,
+  oe,
+  !1,
+  null,
+  "dcfae061"
+);
+const de = le.exports, ce = {
+  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"
+      }
+    }
+  }
+}, ue = {
+  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."
+    }
+  }
+}, me = {
+  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 pe = 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();
+  } } }, [i("CButton", { attrs: { slot: "trigger", circle: "", size: "small", type: "none", pattern: "secondary", raised: "", icon: "more-horizontal" }, slot: "trigger" }), 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);
+}, he = [], fe = /* @__PURE__ */ o(
+  me,
+  pe,
+  he,
+  !1,
+  null,
+  "47fa5bc0"
+);
+const N = fe.exports, ge = {
+  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: [
+    m(["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: {
+    ...g({
+      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 ve = 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 } }, [i("template", { slot: "dropdownOptions" }, [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")) + " ")])], 2)], 2) : e._e();
+}, ye = [], _e = /* @__PURE__ */ o(
+  ge,
+  ve,
+  ye,
+  !1,
+  null,
+  "dad49914"
+);
+const be = _e.exports, Ce = {
+  name: "RecipientBlock",
+  i18nOptions: {
+    namespaces: "recipientBlock",
+    messages: ue
+  },
+  components: {
+    AddClientCallout: G,
+    RecipientBlockItem: N,
+    SenderBlockItem: be
+  },
+  mixins: [
+    m(["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(J, {
+        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 we = 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);
+}, xe = [], Se = /* @__PURE__ */ o(
+  Ce,
+  we,
+  xe,
+  !1,
+  null,
+  "51e072f2"
+);
+const $e = Se.exports, ke = {
+  name: "DocumentSendReminderItem",
+  props: {
+    label: {
+      type: String,
+      required: !0
+    },
+    value: {
+      type: [Number, String],
+      default: 0
+    },
+    done: {
+      type: Boolean,
+      default: !1
+    }
+  }
+};
+var De = 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)]);
+}, Ve = [], Fe = /* @__PURE__ */ o(
+  ke,
+  De,
+  Ve,
+  !1,
+  null,
+  null
+);
+const Ae = Fe.exports, Oe = {
+  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: Ae
+  },
+  mixins: [m()],
+  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 Be = 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);
+}, Ie = [], Pe = /* @__PURE__ */ o(
+  Oe,
+  Be,
+  Ie,
+  !1,
+  null,
+  null
+);
+const Te = Pe.exports, Re = {
+  name: "SendForm",
+  i18nOptions: {
+    namespaces: "sendForm",
+    messages: ce
+  },
+  components: {
+    Simplebar: U,
+    BaseDatePicker: M,
+    RecipientBlock: $e,
+    ErrorCallout: X,
+    IsPremiumPreStep: L,
+    IsPremium: H
+  },
+  mixins: [
+    m(
+      ["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: {
+    ...g({
+      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(
+        Te,
+        {
+          _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(
+        de,
+        {
+          _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 Me = 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: "" } }, [i("div", { staticClass: "psuedo-input", attrs: { slot: "trigger", tabindex: "0" }, slot: "trigger" }, [i("div", { staticClass: "psuedo-input-label" }, [e._v(e._s(e.$t("sendAs")))]), i("div", { domProps: { innerHTML: e._s(e.sendTypesText) } })]), 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) });
+}, ze = [], Ee = /* @__PURE__ */ o(
+  Re,
+  Me,
+  ze,
+  !1,
+  null,
+  "7ec7fd0b"
+);
+const ii = Ee.exports, Ne = {
+  name: "CAutocomplete",
+  components: {
+    CInput: I
+  },
+  mixins: [P],
+  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 = Z(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 && ee(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" ? te(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 Le = 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);
+}, He = [], qe = /* @__PURE__ */ o(
+  Ne,
+  Le,
+  He,
+  !1,
+  null,
+  null
+);
+const je = qe.exports, Ke = {
+  name: "CMessage",
+  props: {
+    type: {
+      type: String,
+      default: "secondary"
+    },
+    badge: {
+      type: String,
+      default: ""
+    },
+    text: {
+      type: String,
+      default: ""
+    }
+  }
+};
+var We = function(e, i) {
+  return e("div", { class: [i.data.class, i.data.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: { ...i.data.staticStyle } }, [e("div", { class: [`has-background-${i.props.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" } }, [i._v(" " + i._s(i.props.badge || i.parent.$t("components:cling.message.tip")) + " ")]), e("div", { staticStyle: { color: "hsl(0, 0%, 25%)" } }, [i.props.text ? [i._v(" " + i._s(i.props.text) + " ")] : i._e(), i._t("default")], 2)]);
+}, Xe = [], Ue = /* @__PURE__ */ o(
+  Ke,
+  We,
+  Xe,
+  !0,
+  null,
+  "9be3b227"
+);
+const w = Ue.exports, Qe = {
+  name: "CPhoneInput",
+  components: {
+    Flag: Q,
+    CInput: I,
+    CDropdown: h,
+    CDropdownItem: f,
+    CButton: T,
+    CField: ie,
+    SmartList: ne
+  },
+  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 Ye = 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" }, model: { value: e.internalRegion, callback: function(n) {
+      e.internalRegion = n;
+    }, expression: "internalRegion" } }, [i("CButton", { staticStyle: { height: "100%" }, attrs: { slot: "trigger", size: e.$attrs.size, type: "none", pattern: "secondary" }, slot: "trigger" }, [i("Flag", { staticStyle: { "margin-right": "0.35em" }, attrs: { region: e.internalRegion } }), e._v(" " + e._s(e.prefix) + " ")], 1), i("CInput", { staticStyle: { "margin-bottom": "0.25em" }, attrs: { slot: "header", placeholder: e.$t("_common:search"), filled: "" }, slot: "header", model: { value: e.searchQuery, callback: function(n) {
+      e.searchQuery = n;
+    }, expression: "searchQuery" } }), 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);
+    })], 2)];
+  } }]) })], 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);
+}, Ge = [], Je = /* @__PURE__ */ o(
+  Qe,
+  Ye,
+  Ge,
+  !1,
+  null,
+  null
+);
+const x = Je.exports, Ze = {
+  name: "CRadio",
+  mixins: [R]
+};
+var et = 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)]);
+}, tt = [], it = /* @__PURE__ */ o(
+  Ze,
+  et,
+  tt,
+  !1,
+  null,
+  null
+);
+const S = it.exports, st = {
+  name: "CRadioButton",
+  components: {
+    CButton: T
+  },
+  mixins: [R],
+  props: {
+    type: {
+      type: String,
+      default: "primary"
+    },
+    expanded: Boolean
+  },
+  data() {
+    return {
+      isFocused: !1
+    };
+  }
+};
+var nt = 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);
+}, at = [], rt = /* @__PURE__ */ o(
+  st,
+  nt,
+  at,
+  !1,
+  null,
+  null
+);
+const $ = rt.exports, ot = {
+  name: "CSelect",
+  mixins: [P],
+  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 lt = 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)])]);
+}, dt = [], ct = /* @__PURE__ */ o(
+  ot,
+  lt,
+  dt,
+  !1,
+  null,
+  "23e48013"
+);
+const k = ct.exports, ut = {
+  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
+    );
+  }
+}, mt = null, pt = null;
+var ht = /* @__PURE__ */ o(
+  ut,
+  mt,
+  pt,
+  !1,
+  null,
+  null
+);
+const D = ht.exports, ft = {
+  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 gt = 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))]);
+}, vt = [], yt = /* @__PURE__ */ o(
+  ft,
+  gt,
+  vt,
+  !1,
+  null,
+  null
+);
+const _t = yt.exports, bt = {
+  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 Ct = 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()]);
+}, wt = [], xt = /* @__PURE__ */ o(
+  bt,
+  Ct,
+  wt,
+  !1,
+  null,
+  null
+);
+const St = xt.exports, $t = {
+  name: "CSlider",
+  components: {
+    CSliderThumb: _t,
+    CSliderTick: St
+  },
+  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 : p(t[0], this.min, this.max), i = typeof t[1] != "number" || isNaN(t[1]) ? this.max : p(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 : p(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 kt = 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)]);
+}, Dt = [], Vt = /* @__PURE__ */ o(
+  $t,
+  kt,
+  Dt,
+  !1,
+  null,
+  null
+);
+const V = Vt.exports, Ft = {
+  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 At = 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)]);
+}, Ot = [], Bt = /* @__PURE__ */ o(
+  Ft,
+  At,
+  Ot,
+  !1,
+  null,
+  "4cdd239d"
+);
+const F = Bt.exports, It = {
+  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;
+  }
+}, Pt = null, Tt = null;
+var Rt = /* @__PURE__ */ o(
+  It,
+  Pt,
+  Tt,
+  !1,
+  null,
+  null
+);
+const A = Rt.exports, Mt = {
+  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]
+      );
+  }
+}, zt = {
+  name: "CTabs",
+  components: {
+    CSlotComponent: Mt
+  },
+  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 Et = 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)]);
+}, Nt = [], Lt = /* @__PURE__ */ o(
+  zt,
+  Et,
+  Nt,
+  !1,
+  null,
+  "e02a6440"
+);
+const O = Lt.exports;
+function si(t) {
+  t.component(D.name, D), t.component("CAutocomplete", je), t.component(y.name, y), t.component(S.name, S), t.component($.name, $), t.component(h.name, h), t.component(f.name, f), t.component(k.name, k), t.component(_.name, _), t.component(F.name, F), t.component(O.name, O), t.component(A.name, A), t.component("CField", se), t.component(w.name, w), t.component(x.name, x), t.component(V.name, V);
+}
+export {
+  ii as S,
+  si as i
+};