@cling-se/widget 0.9.22 → 0.9.24

package/dist/{formComponentsInstall-dc68b7e8.js → formComponentsInstall-0e28cca8.js}

@@ -1,16 +1,16 @@
 import { b as H, m as g } from "./vuex.esm-4a0fff7c.js";
-import { s as q } from "./simplebar.min-c28f1a61.js";
-import { m } from "./mapFormMixin-52ec1660.js";
-import { B as I } from "./BaseDatePicker-6a365a09.js";
-import { E as j } from "./ErrorCallout-106838ce.js";
-import { I as K, a as W, r as l } from "./IsPremiumPreStep-5760ca12.js";
-import { n as o, ar as O, as as v, h as X, b as c, at as U, o as Q, au as Y, av as G, q as P, aw as T, ax as R, d as M, E as y } from "./main-b72127b8.js";
-import J from "./AddClientCallout-f30100da.js";
-import Z from "./ClientModal-5c684c95.js";
-import { c as ee, r as te, g as ie, C as h, a as f, b as p } from "./CDropdownItem-52cf4f0e.js";
-import { S as se } from "./CSlider.vue_vue_type_style_index_0_lang-42fea525.js";
-import { C as _ } from "./CCallout-44e44f26.js";
-import { C as z } from "./CField-a80001b1.js";
+import { s as q } from "./simplebar.min-147772cd.js";
+import { m } from "./mapFormMixin-e0c45bbd.js";
+import { B as I } from "./BaseDatePicker-e1efcf48.js";
+import { E as j } from "./ErrorCallout-d6c77efa.js";
+import { I as K, a as W, r as l } from "./IsPremiumPreStep-f0524e76.js";
+import { n as o, ar as O, as as v, h as X, b as c, at as U, o as Q, au as Y, av as G, q as P, aw as T, ax as R, d as M, E as y } from "./main-b5eb6366.js";
+import J from "./AddClientCallout-4afb07ff.js";
+import Z from "./ClientModal-1bec5a45.js";
+import { c as ee, r as te, g as ie, C as h, a as f, b as p } from "./CDropdownItem-cc274799.js";
+import { S as se } from "./CSlider.vue_vue_type_style_index_0_lang-ef031b7b.js";
+import { C as _ } from "./CCallout-1a1feea0.js";
+import { C as z } from "./CField-372bd9c7.js";
 const ne = {
   name: "DocumentSendReminderItem",
   props: {
@@ -95,7 +95,9 @@ const le = oe.exports, de = {
     getDefaultReminders() {
       if (!this._document.template)
         return [];
-      const t = this._document.template.getDefaultData({ path: "properties.data.properties.reminders" });
+      const t = this._document.template.getDefaultData({
+        path: "properties.data.properties.reminders"
+      });
       return t && Array.isArray(t) ? t : [];
     },
     setReminder(t, e) {
@@ -105,13 +107,18 @@ const le = oe.exports, de = {
         return;
       }
       if (typeof t == "string") {
-        let s = this.getDefaultReminders().find((n) => n.type === t);
+        let s = this.getDefaultReminders().find(
+          (n) => n.type === t
+        );
         if (s || (s = O.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 });
+      this.setFormValue({
+        key: `data.reminders[${t.index}].${i}`,
+        value: e
+      });
     }
   }
 };
@@ -141,7 +148,9 @@ var ce = function() {
 const pe = me.exports;
 function E(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;
+  return i.setDate(
+    t.getDate() + (7 + e - t.getDay() - 1) % 7 + 1
+  ), i.setHours(8, 0, 0, 0), i;
 }
 function N(t) {
   const e = new Date(t.getTime());
@@ -255,7 +264,9 @@ const he = {
           sendAt: t,
           deliveryTypes: this.reminderDeliveryTypes,
           tries: 0
-        }, i = this.formData.reminders.findIndex((n) => n.type === "first"), s = i >= 0 ? `data.reminders[${i}]` : "data.reminders";
+        }, 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) {
         X(e);
@@ -283,7 +294,7 @@ var fe = function() {
   ge,
   !1,
   null,
-  "3b80f637",
+  "2227cf72",
   null,
   null
 );
@@ -355,7 +366,7 @@ var be = function() {
   Ce,
   !1,
   null,
-  "4102ea12",
+  "f79634fd",
   null,
   null
 );
@@ -383,10 +394,10 @@ const xe = {
     RecipientBlockItem: L
   },
   mixins: [
-    m(
-      ["senderClient"],
-      { useEmit: !1, setFnName: "setFormValue" }
-    )
+    m(["senderClient"], {
+      useEmit: !1,
+      setFnName: "setFormValue"
+    })
   ],
   props: {
     setFormValue: {
@@ -419,7 +430,10 @@ const xe = {
   methods: {
     get: c,
     generateSenderClient() {
-      const { company: t, user: e } = this._document.sender || {}, i = c(this._document, "data.defaultAnswerMethod");
+      const { company: t, user: e } = this._document.sender || {}, i = c(
+        this._document,
+        "data.defaultAnswerMethod"
+      );
       this.senderClientData = {
         ...U(),
         documentRole: "recipient",
@@ -450,7 +464,7 @@ const xe = {
 };
 var Se = 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)) calc(1 * var(--rem))", "font-weight": "500" } }, [e._v(" " + e._s(e.$t("_common:signMethod.title")) + " ")]), e._l([
+  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"] : []
@@ -465,7 +479,7 @@ var Se = function() {
   $e,
   !1,
   null,
-  "f5277e62",
+  "efe65a3e",
   null,
   null
 );
@@ -566,13 +580,10 @@ const Ae = {
     SenderBlockItem: De
   },
   mixins: [
-    m(
-      ["clients"],
-      {
-        useEmit: !1,
-        setFnName: "setFormValue"
-      }
-    )
+    m(["clients"], {
+      useEmit: !1,
+      setFnName: "setFormValue"
+    })
   ],
   props: {
     compact: {
@@ -623,7 +634,9 @@ const Ae = {
     toggleSignOrder(t) {
       let e = [];
       if (t) {
-        const i = !this.clients.every(({ signOrder: s }) => !s);
+        const i = !this.clients.every(
+          ({ signOrder: s }) => !s
+        );
         this.clients = this.clients.map((s, n) => ({
           ...s,
           signOrder: i ? s.signOrder : n + 1
@@ -637,17 +650,14 @@ const Ae = {
     },
     openClientModal(t = 0) {
       const e = c(this, `clients[${t}].signOrder`);
-      this.$modal.show(
-        Z,
-        {
-          documentClientIndex: t,
-          ...this.useSignOrder && {
-            signOrder: Y(e) === "number" ? e : this.maxSignOrder + 1
-          },
-          setFormValue: this.setFormValue,
-          isPublicForm: this.isPublicForm
-        }
-      );
+      this.$modal.show(Z, {
+        documentClientIndex: t,
+        ...this.useSignOrder && {
+          signOrder: Y(e) === "number" ? e : this.maxSignOrder + 1
+        },
+        setFormValue: this.setFormValue,
+        isPublicForm: this.isPublicForm
+      });
     },
     setClient(t) {
       this.setFormValue({ key: `clients[${this.clients.length}]`, value: t });
@@ -689,7 +699,7 @@ var Be = function() {
   Ie,
   !1,
   null,
-  "126f55d3",
+  "d0f5a170",
   null,
   null
 );
@@ -710,13 +720,7 @@ const Te = {
   },
   mixins: [
     m(
-      [
-        "expiresAt",
-        "clients",
-        "defaultAnswerMethod",
-        "reminders",
-        "name"
-      ],
+      ["expiresAt", "clients", "defaultAnswerMethod", "reminders", "name"],
       {
         useEmit: !1,
         setFnName: "setFormValue"
@@ -783,7 +787,10 @@ const Te = {
       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);
+      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;
@@ -805,11 +812,13 @@ const Te = {
     },
     signMethods() {
       return [
-        ...this.feature("bankId") ? [{
-          value: "bankId",
-          title: this.$t("signMethod.bankId.title"),
-          content: this.$t("signMethod.bankId.content")
-        }] : [],
+        ...this.feature("bankId") ? [
+          {
+            value: "bankId",
+            title: this.$t("signMethod.bankId.title"),
+            content: this.$t("signMethod.bankId.content")
+          }
+        ] : [],
         {
           value: "signature",
           title: this.$t("signMethod.signature.title"),
@@ -862,7 +871,10 @@ const Te = {
       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 });
+        this.setFormValue({
+          key: `clients[${a}].deliveryTypes`,
+          value: s
+        });
       });
     },
     setAnswerMethod(t, e = {}) {
@@ -932,12 +944,14 @@ var Re = function() {
     }, 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, "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 text-gray-900 text-xs font-medium pb-0.5" }, [e._v(" " + e._s(e.$t("signMethod.title")) + " "), i("BaseIcon", { 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: "flex border-2 border-transparent hover:bg-gray-200 hover:border-gray-300/30 cb-card", class: { checked: e.defaultAnswerMethod.accept === r.value }, on: { click: function(d) {
+      return i("div", { key: r.value, staticClass: "flex border-2 border-transparent hover:bg-gray-200 hover:border-gray-300/30 cb-card", class: {
+        checked: e.defaultAnswerMethod.accept === r.value
+      }, on: { click: function(d) {
         e.defaultAnswerMethod.accept !== r.value && e.setAnswerMethod(r.value);
       } } }, [i("CRadio", { staticClass: "mr-3 pointer-events-none sign-radio", 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: "ml-2 text-[10px] font-semibold text-white py-1 px-1.5 leading-none rounded-full bg-primary-500" }, [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: "relative psuedo-input", 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", attrs: { icon: "x", size: "small", type: "none", pattern: "secondary" }, on: { click: function(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", 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);
@@ -947,11 +961,17 @@ var Re = function() {
       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: "relative psuedo-input", 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) {
+    } } }) : e._e()], 1), !e.useSignOrder && !e.isManualDelivery ? i("div", { staticClass: "relative psuedo-input", 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: "px-4 pb-4 @md:px-8 @xl:px-16" }, [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: "w-12 mr-2", attrs: { loading: e.isPosting, type: "none", icon: "save", pattern: "secondary" }, on: { click: function(d) {
+        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: "w-12 mr-2", 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: "mr-2 w-12 @md:w-auto", 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: "!hidden @md:!block", domProps: { textContent: e._s(e.$t("scheduledTooltip")) } }), i("BaseIcon", { 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(
@@ -967,7 +987,7 @@ var Re = function() {
                         : $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) {
+              ` }], 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() : e.doSendDocument();
         } } }, [e._v(" " + e._s(e.$t("sendButton")) + " ")])], 1)], 1)];
       } }], null, !0) })];
@@ -979,7 +999,7 @@ var Re = function() {
   Me,
   !1,
   null,
-  "8a9d47a1",
+  "2e84470c",
   null,
   null
 );
@@ -1048,26 +1068,31 @@ const qe = He.exports, je = {
       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
-        }
-      }));
+      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
-        }]
+        class: [
+          e.data.staticClass,
+          {
+            "is-animated": e.props.animated,
+            "is-invisible": e.props.hidden
+          }
+        ]
       },
       i
     );
@@ -1134,9 +1159,9 @@ const w = Xe.exports, Ue = {
   },
   computed: {
     /**
-         * White-listed items to not close when clicked.
-         * Add input, dropdown and all children.
-         */
+     * 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) {
@@ -1153,32 +1178,32 @@ const w = Xe.exports, Ue = {
       return t;
     },
     /**
-         * Check if exists default slot
-         */
+     * Check if exists default slot
+     */
     hasDefaultSlot() {
       return !!this.$scopedSlots.default;
     },
     /**
-         * Check if exists "empty" slot
-         */
+     * Check if exists "empty" slot
+     */
     hasEmptySlot() {
       return !!this.$slots.empty;
     },
     /**
-         * Check if exists "header" slot
-         */
+     * Check if exists "header" slot
+     */
     hasHeaderSlot() {
       return !!this.$slots.header;
     },
     /**
-         * Check if exists "footer" slot
-         */
+     * Check if exists "footer" slot
+     */
     hasFooterSlot() {
       return !!this.$slots.footer;
     },
     /**
-         * Apply dropdownPosition property
-         */
+     * Apply dropdownPosition property
+     */
     isOpenedTop() {
       return this.dropdownPosition === "top" || this.dropdownPosition === "auto" && !this.isListInViewportVertically;
     },
@@ -1199,36 +1224,36 @@ const w = Xe.exports, Ue = {
   },
   watch: {
     /**
-         * When dropdown is toggled, check the visibility to know when
-         * to open upwards.
-         */
+     * 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
-         */
+     * 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.
-         */
+     * 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
-         */
+     * Select first option if "keep-first
+     */
     data(t) {
       this.keepFirst && this.selectFirstOption(t);
     }
@@ -1239,49 +1264,55 @@ const w = Xe.exports, Ue = {
   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));
+      t.addEventListener(
+        "scroll",
+        () => this.checkIfReachedTheEndOfScroll(t)
+      );
     }
     this.appendToBody && (this.$data._bodyEl = ee(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 && te(this.$data._bodyEl);
+    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 && te(this.$data._bodyEl);
   },
   methods: {
     /**
-         * Set which option is currently hovered.
-         */
+     * 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.
-         */
+     * 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
-         */
+     * 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.
-         */
+     * 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.
-         */
+     * 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;
@@ -1290,32 +1321,32 @@ const w = Xe.exports, Ue = {
       this.setSelected(this.hovered, !this.keepOpen);
     },
     /**
-         * Close dropdown if clicked outside.
-         */
+     * 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.
-         */
+     * 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" ? ie(t, this.field) : t;
     },
     /**
-         * Check if the scroll list inside the dropdown
-         * reached it's end.
-         */
+     * 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.
-         */
+     * Calculate if the dropdown is vertically visible when activated,
+     * otherwise it is openened upwards.
+     */
     calcDropdownInViewportVertical() {
       this.$nextTick(() => {
         if (this.$refs.dropdown === void 0)
@@ -1325,15 +1356,17 @@ const w = Xe.exports, Ue = {
       });
     },
     /**
-         * Arrows keys listener.
-         * If dropdown is active, set hovered option, or else just open.
-         */
+     * 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];
+        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;
@@ -1342,15 +1375,15 @@ const w = Xe.exports, Ue = {
         this.isActive = !0;
     },
     /**
-         * Focus listener.
-         * If value is the same as selected, select all text.
-         */
+     * 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.
-        */
+     * Blur listener.
+     */
     onBlur(t) {
       this.hasFocus = !1, this.$emit("blur", t);
     },
@@ -1461,9 +1494,7 @@ const x = it.exports, st = {
 };
 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 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();
@@ -1559,7 +1590,7 @@ var lt = function() {
   dt,
   !1,
   null,
-  "e419c29c",
+  "e050ad8b",
   null,
   null
 );
@@ -1647,7 +1678,7 @@ var mt = function() {
   pt,
   !1,
   null,
-  "74591b69",
+  "e8ba33eb",
   null,
   null
 );
@@ -1713,11 +1744,7 @@ const k = ht.exports, ft = {
     position: {
       type: String,
       validator(t) {
-        return [
-          "left",
-          "right",
-          "center"
-        ].indexOf(t) > -1;
+        return ["left", "right", "center"].indexOf(t) > -1;
       },
       default: null
     },
@@ -1763,7 +1790,9 @@ const k = ht.exports, ft = {
       ];
     },
     tabItems() {
-      return this.defaultSlots.filter((t) => t.componentInstance && t.componentInstance.$data && t.componentInstance.$data._isTabItem).map((t) => t.componentInstance);
+      return this.defaultSlots.filter(
+        (t) => t.componentInstance && t.componentInstance.$data && t.componentInstance.$data._isTabItem
+      ).map((t) => t.componentInstance);
     }
   },
   watch: {
@@ -1807,7 +1836,9 @@ const k = ht.exports, ft = {
       this.defaultSlots = this.$slots.default || [];
     },
     getIndexByValue(t) {
-      const e = this.tabItems.map((i) => i.$options.propsData ? i.$options.propsData.value : void 0).indexOf(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) {
@@ -1834,7 +1865,7 @@ var vt = function() {
   yt,
   !1,
   null,
-  "08518f65",
+  "e8891cc0",
   null,
   null
 );
@@ -1945,16 +1976,14 @@ const V = xt.exports, St = {
   }
 };
 var $t = 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)]);
+  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)]);
 }, kt = [], Dt = /* @__PURE__ */ o(
   St,
   $t,
   kt,
   !0,
   null,
-  "a14c1e41",
+  "9be3b227",
   null,
   null
 );
@@ -2054,7 +2083,9 @@ const It = Bt.exports, Ot = {
         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));
+          const t = (Object.keys(l) || []).find(
+            (e) => l[e].callingCode && this.value && this.value.startsWith(l[e].callingCode)
+          );
           if (t)
             return t;
         }
@@ -2067,7 +2098,9 @@ const It = Bt.exports, Ot = {
     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));
+      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: {
@@ -2079,12 +2112,18 @@ const It = Bt.exports, Ot = {
       }
     },
     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));
+      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;
+      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}`;
@@ -2395,8 +2434,8 @@ const Wt = Kt.exports, Xt = {
   },
   watch: {
     /**
-        * When v-model is changed set the new active step.
-        */
+     * When v-model is changed set the new active step.
+     */
     value(t) {
       this.setValues(t);
     },
@@ -2463,7 +2502,10 @@ const Wt = Kt.exports, Xt = {
       }, 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);
+      this.$emit(
+        t,
+        this.isRange ? [this.minValue, this.maxValue] : this.value1
+      );
     }
   }
 };