@cling-se/widget 0.15.1 → 0.15.2

package/dist/{formComponentsInstall-qLhjQ7Rl.js → formComponentsInstall-CdjgjI6y.js}

@@ -1,17 +1,17 @@
-import { m } from "./mapFormMixin-C9fs0AV5.js";
-import { I as L, a as H, r as l } from "./index-CO1KeOmj.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-CRQiO-g7.js";
-import { B as M } from "./BaseDatePicker-BpGzPBp_.js";
-import { E as X } from "./ErrorCallout-Bh8OsLfY.js";
-import { s as U, F as Q } from "./Flag-Fs-s9E60.js";
-import { b as Y, m as g } from "./vuex.esm-DKGl8mcw.js";
-import G from "./AddClientCallout-XGs5vmVP.js";
-import J from "./ClientModal-BSUhx0YR.js";
-import { c as Z, r as ee, g as te, C as h, a as f, b as p } from "./CDropdownItem-Bzbrlurh.js";
+import { m as p } from "./mapFormMixin-Hj1Y7rVt.js";
+import { I as L, a as H, r as l } from "./index-BCrDgR_4.js";
+import { aD as y, h as q, n as o, b as c, aE as j, t as K, aF as B, aG as W, q as I, aH as T, F as X, X as U, T as m, ai as Q, f as P, aI as M, K as _ } from "./main-CerYX9PA.js";
+import { B as R } from "./BaseDatePicker-Bd1maWgF.js";
+import { E as Y } from "./ErrorCallout-BBNHzuhf.js";
+import { s as G, F as J } from "./Flag-CwnrA4SV.js";
+import { b as Z, m as v } from "./vuex.esm-DKGl8mcw.js";
+import ee from "./AddClientCallout-CSxN7XFh.js";
+import te from "./ClientModal-DSmFJ9bu.js";
+import { c as ie, r as se, g as ne, C as f, a as g, b as h } from "./CDropdownItem-b6ZzOnv-.js";
 import "./CTabs.vue_vue_type_style_index_0_scoped_e02a6440_lang-l0sNRNKZ.js";
-import { C as _ } from "./CCallout-DL9smLC_.js";
-import { a as ie, C as se } from "./CFormField-DABM0TLB.js";
-import { S as ne } from "./SmartList-C0IKb8qw.js";
+import { C as b } from "./CCallout-_k7FPbsE.js";
+import { a as ae, C as re } from "./CFormField-BjGICSv5.js";
+import { S as oe } from "./SmartList-cSmGbybV.js";
 function z(t, e) {
   const i = new Date(t.getTime());
   return i.setDate(
@@ -22,8 +22,8 @@ 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 = {
+let C = E(/* @__PURE__ */ new Date()), w = z(/* @__PURE__ */ new Date(), 1);
+const le = {
   name: "DocumentSendLater",
   i18nOptions: {
     namespaces: "documentSendLater",
@@ -49,7 +49,7 @@ const ae = {
     }
   },
   components: {
-    BaseDatePicker: M
+    BaseDatePicker: R
   },
   props: {
     _document: {
@@ -71,7 +71,7 @@ const ae = {
   },
   data() {
     return {
-      sendAt: v(/* @__PURE__ */ new Date(), 5).toISOString(),
+      sendAt: y(/* @__PURE__ */ new Date(), 5).toISOString(),
       showCustom: !1,
       backupSentFlag: !1
       // needed since doc/project flags not instant on double clicks
@@ -79,24 +79,24 @@ const ae = {
   },
   validations: {
     sendAt: {
-      minValue: (t) => t > v(/* @__PURE__ */ new Date(), 2).toISOString()
+      minValue: (t) => t > y(/* @__PURE__ */ new Date(), 2).toISOString()
       // two minutes as safety
     }
   },
   computed: {
-    ...Y("forms", {
+    ...Z("forms", {
       formData: (t) => t.document2.data
     }),
-    ...g({
+    ...v({
       deliveryTypes: "forms/deliveryTypes",
       isPostingDocument: "documents2/isPosting",
       feature: "application/feature"
     }),
     tomorrowMorning() {
-      return b.toISOString();
+      return C.toISOString();
     },
     mondayMorning() {
-      return C.toISOString();
+      return w.toISOString();
     },
     reminderDeliveryTypes() {
       const t = ["email"];
@@ -107,7 +107,7 @@ const ae = {
     }
   },
   created() {
-    b = E(/* @__PURE__ */ new Date()), C = z(/* @__PURE__ */ new Date(), 1);
+    C = E(/* @__PURE__ */ new Date()), w = z(/* @__PURE__ */ new Date(), 1);
   },
   methods: {
     setTime(t) {
@@ -142,7 +142,7 @@ const ae = {
     }
   }
 };
-var re = function() {
+var de = function() {
   var e = this, i = e._self._c;
   return i("div", { staticClass: "overflow-hidden rounded-xl bg-white" }, [i("div", { staticClass: "px-6 pb-3 pt-8" }, [i("div", { staticClass: "text-md text-center font-semibold" }, [e._v(" " + e._s(e.$t("title")) + " ")]), i("div", { staticClass: "pt-8" }, e._l([
     [e.tomorrowMorning, "tomorrowMorning"],
@@ -154,15 +154,15 @@ var re = function() {
   } } }, [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,
+}, ce = [], ue = /* @__PURE__ */ o(
+  le,
+  de,
+  ce,
   !1,
   null,
   "dcfae061"
 );
-const de = le.exports, ce = {
+const me = ue.exports, pe = {
   sv: {
     title: "Skicka dokument",
     nameLabel: "Dokumentnamn",
@@ -229,7 +229,7 @@ const de = le.exports, ce = {
       }
     }
   }
-}, ue = {
+}, he = {
   sv: {
     addFirstButton: "Lägg till mottagare",
     addButton: "Lägg till mottagare",
@@ -246,7 +246,7 @@ const de = le.exports, ce = {
       tooltip: "Signing order lets you decide the order in which your recipients receive and sign your documents."
     }
   }
-}, me = {
+}, fe = {
   name: "ClientSendListItem",
   props: {
     client: {
@@ -290,7 +290,7 @@ const de = le.exports, ce = {
     }
   }
 };
-var pe = function() {
+var ge = function() {
   var s;
   var e = this, i = e._self._c;
   return i("div", { staticClass: "rc-card flex items-center", class: {
@@ -317,15 +317,15 @@ var pe = function() {
   } } }, [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,
+}, ve = [], ye = /* @__PURE__ */ o(
+  fe,
+  ge,
+  ve,
   !1,
   null,
   "47fa5bc0"
 );
-const N = fe.exports, ge = {
+const N = ye.exports, _e = {
   name: "SenderBlockItem",
   i18nOptions: {
     namespaces: "senderBlockItem",
@@ -348,7 +348,7 @@ const N = fe.exports, ge = {
     RecipientBlockItem: N
   },
   mixins: [
-    m(["senderClient"], {
+    p(["senderClient"], {
       useEmit: !1,
       setFnName: "setFormValue"
     })
@@ -374,7 +374,7 @@ const N = fe.exports, ge = {
     };
   },
   computed: {
-    ...g({
+    ...v({
       feature: "application/feature"
     })
   },
@@ -416,7 +416,7 @@ const N = fe.exports, ge = {
     }
   }
 };
-var ve = function() {
+var be = function() {
   var e = this, i = e._self._c;
   return e.senderClientData ? i("RecipientBlockItem", { staticClass: "first-of-group last-of-group", staticStyle: { display: "inline-flex", width: "auto", "padding-right": "2em", "min-width": "220px" }, attrs: { client: e.senderClientData, "right-button": e.allowSenderSign, "is-sender": !0 } }, [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",
@@ -427,27 +427,27 @@ var ve = function() {
       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,
+}, Ce = [], we = /* @__PURE__ */ o(
+  _e,
+  be,
+  Ce,
   !1,
   null,
   "dad49914"
 );
-const be = _e.exports, Ce = {
+const xe = we.exports, Se = {
   name: "RecipientBlock",
   i18nOptions: {
     namespaces: "recipientBlock",
-    messages: ue
+    messages: he
   },
   components: {
-    AddClientCallout: G,
+    AddClientCallout: ee,
     RecipientBlockItem: N,
-    SenderBlockItem: be
+    SenderBlockItem: xe
   },
   mixins: [
-    m(["clients"], {
+    p(["clients"], {
       useEmit: !1,
       setFnName: "setFormValue"
     })
@@ -522,7 +522,7 @@ const be = _e.exports, Ce = {
     openClientModal(t = 0) {
       var i;
       const e = c(this, `clients[${t}].signOrder`);
-      this.$modal.show(J, {
+      this.$modal.show(te, {
         documentClientIndex: t,
         ...this.useSignOrder && {
           signOrder: W(e) === "number" ? e : this.maxSignOrder + 1
@@ -538,7 +538,7 @@ const be = _e.exports, Ce = {
     }
   }
 };
-var we = function() {
+var $e = 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: {
@@ -567,15 +567,15 @@ var we = function() {
   } } }, [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,
+}, ke = [], De = /* @__PURE__ */ o(
+  Se,
+  $e,
+  ke,
   !1,
   null,
   "51e072f2"
 );
-const $e = Se.exports, ke = {
+const Ve = De.exports, Fe = {
   name: "DocumentSendReminderItem",
   props: {
     label: {
@@ -592,22 +592,22 @@ const $e = Se.exports, ke = {
     }
   }
 };
-var De = function() {
+var Ae = function() {
   var e = this, i = e._self._c;
   return i("div", { staticClass: "mb-4 flex min-h-[2.5em] select-none items-center rounded-md bg-gray-100 px-4 py-2 text-sm font-medium" }, [i("div", { staticClass: "mr-6 flex-auto select-none text-gray-700" }, [e._v(" " + e._s(e.label) + " ")]), i("div", { staticClass: "flex flex-nowrap items-center justify-center text-sm" }, [e.done ? i("span", { staticClass: "text-green-500" }, [i("CIcon", { attrs: { type: "check", size: "18" } }), e._v(" " + e._s(e.$t("sent")) + " ")], 1) : [i("CButton", { staticClass: "!h-6 !w-6 bg-white", attrs: { icon: "minus", size: "small", circle: "", raised: "" }, on: { click: function(s) {
     e.$emit("input", Math.max(e.value - 1, 0));
   } } }), i("div", { staticClass: "min-w-[8ch] py-4 text-center text-sm font-medium text-gray-800" }, [e.value ? [e._v(" " + e._s(e.$tc("day", { count: Number(e.value) })) + " ")] : i("span", { staticClass: "text-xs text-gray-500" }, [e._v(" " + e._s(e.$t("disabled").capitalize()) + " ")])], 2), i("CButton", { staticClass: "!h-6 !w-6 bg-white", attrs: { icon: "plus", size: "small", circle: "", raised: "" }, on: { click: function(s) {
     return e.$emit("input", e.value + 1);
   } } })]], 2)]);
-}, Ve = [], Fe = /* @__PURE__ */ o(
-  ke,
-  De,
-  Ve,
+}, Oe = [], Be = /* @__PURE__ */ o(
+  Fe,
+  Ae,
+  Oe,
   !1,
   null,
   null
 );
-const Ae = Fe.exports, Oe = {
+const Ie = Be.exports, Te = {
   name: "DocumentSendReminders",
   i18nOptions: {
     namespaces: "documentSendReminders",
@@ -627,9 +627,9 @@ const Ae = Fe.exports, Oe = {
     }
   },
   components: {
-    DocumentSendReminderItem: Ae
+    DocumentSendReminderItem: Ie
   },
-  mixins: [m()],
+  mixins: [p()],
   props: {
     setFormValue: {
       type: Function,
@@ -684,7 +684,7 @@ const Ae = Fe.exports, Oe = {
     }
   }
 };
-var Be = function() {
+var Pe = function() {
   var e = this, i = e._self._c;
   return i("div", { staticStyle: { "background-color": "white", "border-radius": "calc(0.5 * var(--rem))", padding: "calc(2 * var(--rem))", "font-size": "16px" } }, [i("div", { staticStyle: { "font-size": "1.25em", "font-weight": "700", "margin-bottom": "0.25em", "text-align": "center" } }, [e._v(" " + e._s(e.$t("_common:reminder_plural").capitalize()) + " ")]), i("div", { staticClass: "text-center text-gray-600", staticStyle: { "max-width": "calc(20 * var(--rem))", margin: "0 auto calc(2 * var(--rem)) auto" } }, [e._v(" " + e._s(e.$t("description")) + " ")]), e._l([
     { type: "notViewed", fallbackKey: "viewed" },
@@ -697,30 +697,30 @@ var Be = function() {
   }), 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,
+}, Me = [], Re = /* @__PURE__ */ o(
+  Te,
+  Pe,
+  Me,
   !1,
   null,
   null
 );
-const Te = Pe.exports, Re = {
+const ze = Re.exports, Ee = {
   name: "SendForm",
   i18nOptions: {
     namespaces: "sendForm",
-    messages: ce
+    messages: pe
   },
   components: {
-    Simplebar: U,
-    BaseDatePicker: M,
-    RecipientBlock: $e,
-    ErrorCallout: X,
+    Simplebar: G,
+    BaseDatePicker: R,
+    RecipientBlock: Ve,
+    ErrorCallout: Y,
     IsPremiumPreStep: L,
     IsPremium: H
   },
   mixins: [
-    m(
+    p(
       ["expiresAt", "clients", "defaultAnswerMethod", "reminders", "name"],
       {
         useEmit: !1,
@@ -773,7 +773,7 @@ const Te = Pe.exports, Re = {
     };
   },
   computed: {
-    ...g({
+    ...v({
       deliveryTypes: "forms/deliveryTypes",
       isPostingDocument: "documents2/isPosting",
       documentSenderSign: "settings/documentSenderSign",
@@ -891,7 +891,7 @@ const Te = Pe.exports, Re = {
     },
     openReminders() {
       this.useSignOrder || this.$modal.show(
-        Te,
+        ze,
         {
           _document: this._document,
           setFormValue: this.setFormValue,
@@ -907,7 +907,7 @@ const Te = Pe.exports, Re = {
     },
     openSendLater() {
       this.$v.$touch(), !this.$v.$invalid && this.$modal.show(
-        de,
+        me,
         {
           _document: this._document,
           setFormValue: this.setFormValue,
@@ -933,7 +933,7 @@ const Te = Pe.exports, Re = {
     }
   }
 };
-var Me = function() {
+var Ne = function() {
   var e = this, i = e._self._c;
   return i("IsPremium", { scopedSlots: e._u([{ key: "default", fn: function({ canUseBankId: s, canUseSms: n }) {
     var a;
@@ -996,20 +996,20 @@ var Me = function() {
       } }], null, !0) })];
     }), e._t("footer")], 2)], 1)];
   } }], null, !0) });
-}, ze = [], Ee = /* @__PURE__ */ o(
-  Re,
-  Me,
-  ze,
+}, Le = [], He = /* @__PURE__ */ o(
+  Ee,
+  Ne,
+  Le,
   !1,
   null,
   "7ec7fd0b"
 );
-const ii = Ee.exports, Ne = {
+const ri = He.exports, qe = {
   name: "CAutocomplete",
   components: {
     CInput: I
   },
-  mixins: [P],
+  mixins: [T],
   inheritAttrs: !1,
   props: {
     value: {
@@ -1178,13 +1178,13 @@ const ii = Ee.exports, Ne = {
         () => this.checkIfReachedTheEndOfScroll(t)
       );
     }
-    this.appendToBody && (this.$data._bodyEl = Z(this.$refs.dropdown), this.updateAppendToBody());
+    this.appendToBody && (this.$data._bodyEl = ie(this.$refs.dropdown), this.updateAppendToBody());
   },
   beforeDestroy() {
     typeof window < "u" && (document.removeEventListener("click", this.clickedOutside), this.dropdownPosition === "auto" && window.removeEventListener(
       "resize",
       this.calcDropdownInViewportVertical
-    )), this.checkInfiniteScroll && this.$refs.dropdown && this.$refs.dropdown.querySelector(".dropdown-content") && this.$refs.dropdown.querySelector(".dropdown-content").removeEventListener("scroll", this.checkIfReachedTheEndOfScroll), this.appendToBody && ee(this.$data._bodyEl);
+    )), this.checkInfiniteScroll && this.$refs.dropdown && this.$refs.dropdown.querySelector(".dropdown-content") && this.$refs.dropdown.querySelector(".dropdown-content").removeEventListener("scroll", this.checkIfReachedTheEndOfScroll), this.appendToBody && se(this.$data._bodyEl);
   },
   methods: {
     /**
@@ -1243,7 +1243,7 @@ const ii = Ee.exports, Ne = {
      */
     getValue(t) {
       if (t !== null)
-        return typeof this.customFormatter < "u" ? this.customFormatter(t) : typeof t == "object" ? te(t, this.field) : t;
+        return typeof this.customFormatter < "u" ? this.customFormatter(t) : typeof t == "object" ? ne(t, this.field) : t;
     },
     /**
      * Check if the scroll list inside the dropdown
@@ -1328,7 +1328,7 @@ const ii = Ee.exports, Ne = {
     }
   }
 };
-var Le = function() {
+var je = function() {
   var e = this, i = e._self._c;
   return i("div", { staticClass: "autocomplete control", class: { "is-expanded": e.expanded } }, [i("CInput", e._b({ ref: "input", attrs: { size: e.size, loading: e.loading, rounded: e.rounded, icon: e.icon, "icon-right": e.newIconRight, "icon-right-clickable": e.newIconRightClickable, "icon-pack": e.iconPack, maxlength: e.maxlength, autocomplete: e.newAutocomplete, "use-html5-validation": !1, type: "text" }, on: { input: e.onInput, focus: e.focused, blur: e.onBlur, "icon-right-click": e.rightIconClick, "icon-click": (s) => e.$emit("icon-click", s) }, nativeOn: { keyup: function(s) {
     if (!s.type.indexOf("key") && e._k(s.keyCode, "esc", 27, s.key, ["Esc", "Escape"]))
@@ -1349,51 +1349,47 @@ var Le = function() {
       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,
+}, Ke = [], We = /* @__PURE__ */ o(
+  qe,
+  je,
+  Ke,
   !1,
   null,
   null
 );
-const je = qe.exports, Ke = {
-  name: "CMessage",
+const Xe = We.exports, Ue = /* @__PURE__ */ X({
+  __name: "CMessage",
   props: {
-    type: {
-      type: String,
-      default: "secondary"
-    },
-    badge: {
-      type: String,
-      default: ""
-    },
-    text: {
-      type: String,
-      default: ""
-    }
+    type: { default: "secondary" },
+    badge: { default: "" },
+    text: { default: "" }
+  },
+  setup(t) {
+    const e = U(), i = m(() => e.style), s = m(() => e.staticClass), n = m(() => e.class), a = m(() => Q.t("components:cling.message.tip"));
+    return { __sfc: !0, attrs: e, staticStyle: i, staticClass: s, styleClass: n, messageTip: a };
   }
-};
-var 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,
+});
+var Qe = function() {
+  var e = this, i = e._self._c, s = e._self._setupProxy;
+  return i("div", { class: [s.styleClass, s.staticClass], staticStyle: { padding: "0.75em 1em", display: "flex", "align-items": "flex-start", "border-radius": "0.6em", "background-color": "hsl(var(--gray-color-100) / 1)" }, style: [s.staticStyle] }, [i("div", { class: [`has-background-${e.type}`], staticStyle: { display: "inline-block", padding: "0.5em", "border-radius": "0.45em", "font-weight": "700", color: "white", "line-height": "1", "font-size": "12px", "margin-right": "1.25em" } }, [e._v(" " + e._s(e.badge || s.messageTip) + " ")]), i("div", { staticStyle: { color: "hsl(0, 0%, 25%)" } }, [e.text ? [e._v(" " + e._s(e.text) + " ")] : e._e(), e._t("default")], 2)]);
+}, Ye = [], Ge = /* @__PURE__ */ o(
+  Ue,
+  Qe,
+  Ye,
+  !1,
   null,
-  "9be3b227"
+  null
 );
-const w = Ue.exports, Qe = {
+const Je = Ge.exports, Ze = {
   name: "CPhoneInput",
   components: {
-    Flag: Q,
+    Flag: J,
     CInput: I,
-    CDropdown: h,
-    CDropdownItem: f,
-    CButton: T,
-    CField: ie,
-    SmartList: ne
+    CDropdown: f,
+    CDropdownItem: g,
+    CButton: P,
+    CField: ae,
+    SmartList: oe
   },
   props: {
     value: {
@@ -1485,7 +1481,7 @@ const w = Ue.exports, Qe = {
     }
   }
 };
-var Ye = function() {
+var et = function() {
   var e = this, i = e._self._c;
   return i("CField", { staticClass: "has-addons", attrs: { expanded: "" } }, [i("div", { staticClass: "control" }, [i("SmartList", { attrs: { query: e.searchQuery, items: e.sortedRegions }, scopedSlots: e._u([{ key: "default", fn: function({ items: s }) {
     return [i("CDropdown", { staticClass: "control", staticStyle: { height: "100%" }, attrs: { size: e.$attrs.size, disabled: e.$attrs.disabled, "menu-styling": {
@@ -1500,19 +1496,19 @@ var Ye = function() {
   } }]) })], 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,
+}, tt = [], it = /* @__PURE__ */ o(
+  Ze,
+  et,
+  tt,
   !1,
   null,
   null
 );
-const x = Je.exports, Ze = {
+const x = it.exports, st = {
   name: "CRadio",
-  mixins: [R]
+  mixins: [M]
 };
-var et = function() {
+var nt = function() {
   var e = this, i = e._self._c;
   return i("label", { ref: "label", staticClass: "b-radio radio", class: [`is-${e.size}`, { "is-disabled": e.disabled }], attrs: { disabled: e.disabled }, on: { click: e.focus, keydown: function(s) {
     return !s.type.indexOf("key") && e._k(s.keyCode, "enter", 13, s.key, "Enter") ? null : (s.preventDefault(), e.$refs.label.click());
@@ -1521,20 +1517,20 @@ var et = function() {
   }, 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,
+}, at = [], rt = /* @__PURE__ */ o(
+  st,
+  nt,
+  at,
   !1,
   null,
   null
 );
-const S = it.exports, st = {
+const S = rt.exports, ot = {
   name: "CRadioButton",
   components: {
-    CButton: T
+    CButton: P
   },
-  mixins: [R],
+  mixins: [M],
   props: {
     type: {
       type: String,
@@ -1548,7 +1544,7 @@ const S = it.exports, st = {
     };
   }
 };
-var nt = function() {
+var lt = function() {
   var e = this, i = e._self._c;
   return i("div", { staticClass: "control", class: { "is-expanded": e.expanded } }, [i("CButton", { ref: "label", staticClass: "c-radio radio button", class: [{ "is-disabled": e.disabled, "is-focused": e.isFocused }], attrs: { tag: "label", type: e.newValue === e.nativeValue ? e.type : null, size: e.size, disabled: e.disabled }, on: { click: e.focus, keydown: function(s) {
     return !s.type.indexOf("key") && e._k(s.keyCode, "enter", 13, s.key, "Enter") ? null : (s.preventDefault(), e.$refs.$el.label.click());
@@ -1561,17 +1557,17 @@ var nt = function() {
   }, change: function(s) {
     e.computedValue = e.nativeValue;
   } } })], 2)], 1);
-}, at = [], rt = /* @__PURE__ */ o(
-  st,
-  nt,
-  at,
+}, dt = [], ct = /* @__PURE__ */ o(
+  ot,
+  lt,
+  dt,
   !1,
   null,
   null
 );
-const $ = rt.exports, ot = {
+const $ = ct.exports, ut = {
   name: "CSelect",
-  mixins: [P],
+  mixins: [T],
   inheritAttrs: !1,
   props: {
     value: {
@@ -1632,7 +1628,7 @@ const $ = rt.exports, ot = {
     }
   }
 };
-var lt = function() {
+var mt = function() {
   var e = this, i = e._self._c;
   return i("div", { staticClass: "control", class: { "is-expanded": e.expanded, "has-icons-left": e.icon } }, [i("span", { staticClass: "select", class: e.spanClasses }, [i("select", e._b({ directives: [{ name: "model", rawName: "v-model", value: e.computedValue, expression: "computedValue" }], ref: "select", class: e.selectClass, attrs: { multiple: e.multiple, size: e.nativeSize }, on: { blur: function(s) {
     e.$emit("blur", s) && e.checkHtml5Validity();
@@ -1647,15 +1643,15 @@ var lt = function() {
     });
     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,
+}, pt = [], ht = /* @__PURE__ */ o(
+  ut,
+  mt,
+  pt,
   !1,
   null,
   "23e48013"
 );
-const k = ct.exports, ut = {
+const k = ht.exports, ft = {
   name: "CSkeleton",
   functional: !0,
   props: {
@@ -1721,16 +1717,16 @@ const k = ct.exports, ut = {
       i
     );
   }
-}, mt = null, pt = null;
-var ht = /* @__PURE__ */ o(
-  ut,
-  mt,
-  pt,
+}, gt = null, vt = null;
+var yt = /* @__PURE__ */ o(
+  ft,
+  gt,
+  vt,
   !1,
   null,
   null
 );
-const D = ht.exports, ft = {
+const D = yt.exports, _t = {
   name: "CSliderThumb",
   inheritAttrs: !1,
   props: {
@@ -1832,7 +1828,7 @@ const D = ht.exports, ft = {
     }
   }
 };
-var gt = function() {
+var bt = function() {
   var e = this, i = e._self._c;
   return i("div", { staticClass: "c-slider-thumb-wrapper", class: { "is-dragging": e.dragging }, style: e.wrapperStyle }, [i("div", e._b({ staticClass: "c-slider-thumb", attrs: { tabindex: e.disabled ? !1 : 0 }, on: { mousedown: e.onButtonDown, touchstart: e.onButtonDown, focus: e.onFocus, blur: e.onBlur, keydown: [function(s) {
     return !s.type.indexOf("key") && e._k(s.keyCode, "left", 37, s.key, ["Left", "ArrowLeft"]) || "button" in s && s.button !== 0 ? null : (s.preventDefault(), e.onLeftKeyDown.apply(null, arguments));
@@ -1847,15 +1843,15 @@ var gt = function() {
   }, 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,
+}, Ct = [], wt = /* @__PURE__ */ o(
+  _t,
+  bt,
+  Ct,
   !1,
   null,
   null
 );
-const _t = yt.exports, bt = {
+const xt = wt.exports, St = {
   name: "CSliderTick",
   props: {
     value: {
@@ -1882,22 +1878,22 @@ const _t = yt.exports, bt = {
     }
   }
 };
-var Ct = function() {
+var $t = 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,
+}, kt = [], Dt = /* @__PURE__ */ o(
+  St,
+  $t,
+  kt,
   !1,
   null,
   null
 );
-const St = xt.exports, $t = {
+const Vt = Dt.exports, Ft = {
   name: "CSlider",
   components: {
-    CSliderThumb: _t,
-    CSliderTick: St
+    CSliderThumb: xt,
+    CSliderTick: Vt
   },
   props: {
     value: {
@@ -2045,10 +2041,10 @@ const St = xt.exports, $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);
+          const e = typeof t[0] != "number" || isNaN(t[0]) ? this.min : h(t[0], this.min, this.max), i = typeof t[1] != "number" || isNaN(t[1]) ? this.max : h(t[1], this.min, this.max);
           this.value1 = this.isThumbReversed ? i : e, this.value2 = this.isThumbReversed ? e : i;
         } else
-          this.isRange = !1, this.value1 = isNaN(t) ? this.min : p(t, this.min, this.max), this.value2 = null;
+          this.isRange = !1, this.value1 = isNaN(t) ? this.min : h(t, this.min, this.max), this.value2 = null;
     },
     onInternalValueUpdate() {
       this.isRange && (this.isThumbReversed = this.value1 > this.value2), (!this.lazy || !this.dragging) && this.emitValue("input"), this.dragging && this.emitValue("dragging");
@@ -2094,7 +2090,7 @@ const St = xt.exports, $t = {
     }
   }
 };
-var kt = function() {
+var At = function() {
   var e = this, i = e._self._c;
   return i("div", { staticClass: "c-slider", class: [`is-${e.size}`, `is-${e.type}`, e.rootClasses], on: { click: e.onSliderClick } }, [i("div", { ref: "slider", staticClass: "c-slider-track" }, [i("div", { staticClass: "c-slider-fill", style: e.barStyle }), e.ticks ? e._l(e.tickValues, function(s, n) {
     return i("CSliderTick", { key: n, attrs: { value: s } });
@@ -2103,15 +2099,15 @@ var kt = function() {
   }, 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,
+}, Ot = [], Bt = /* @__PURE__ */ o(
+  Ft,
+  At,
+  Ot,
   !1,
   null,
   null
 );
-const V = Vt.exports, Ft = {
+const V = Bt.exports, It = {
   name: "CSwitch",
   props: {
     value: {
@@ -2187,7 +2183,7 @@ const V = Vt.exports, Ft = {
     }
   }
 };
-var At = function() {
+var Tt = function() {
   var e = this, i = e._self._c;
   return i("label", { ref: "label", staticClass: "switch", class: e.newClass, attrs: { disabled: e.disabled }, on: { click: e.focus, keydown: function(s) {
     return !s.type.indexOf("key") && e._k(s.keyCode, "enter", 13, s.key, "Enter") ? null : (s.preventDefault(), e.$refs.label.click());
@@ -2201,15 +2197,15 @@ var At = function() {
     } 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,
+}, Pt = [], Mt = /* @__PURE__ */ o(
+  It,
+  Tt,
+  Pt,
   !1,
   null,
   "4cdd239d"
 );
-const F = Bt.exports, It = {
+const F = Mt.exports, Rt = {
   name: "CTabItem",
   props: {
     label: String,
@@ -2287,16 +2283,16 @@ const F = Bt.exports, It = {
       [e]
     ) : e;
   }
-}, Pt = null, Tt = null;
-var Rt = /* @__PURE__ */ o(
-  It,
-  Pt,
-  Tt,
+}, zt = null, Et = null;
+var Nt = /* @__PURE__ */ o(
+  Rt,
+  zt,
+  Et,
   !1,
   null,
   null
 );
-const A = Rt.exports, Mt = {
+const A = Nt.exports, Lt = {
   name: "CSlotComponent",
   props: {
     component: {
@@ -2344,10 +2340,10 @@ const A = Rt.exports, Mt = {
         this.scoped ? this.component.$scopedSlots[this.name](this.props) : this.component.$slots[this.name]
       );
   }
-}, zt = {
+}, Ht = {
   name: "CTabs",
   components: {
-    CSlotComponent: Mt
+    CSlotComponent: Lt
   },
   props: {
     value: {
@@ -2469,7 +2465,7 @@ const A = Rt.exports, Mt = {
     }
   }
 };
-var Et = function() {
+var qt = function() {
   var e = this, i = e._self._c;
   return i("div", { staticClass: "c-tabs", class: e.mainClasses }, [i("nav", { staticClass: "tabs", class: e.navClasses }, [i("ul", e._l(e.tabItems, function(s, n) {
     return i("li", { directives: [{ name: "show", rawName: "v-show", value: s.visible, expression: "tabItem.visible" }], key: n, class: {
@@ -2481,19 +2477,19 @@ var Et = function() {
       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,
+}, jt = [], Kt = /* @__PURE__ */ o(
+  Ht,
+  qt,
+  jt,
   !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);
+const O = Kt.exports;
+function oi(t) {
+  t.component(D.name, D), t.component("CAutocomplete", Xe), t.component(_.name, _), t.component(S.name, S), t.component($.name, $), t.component(f.name, f), t.component(g.name, g), t.component(k.name, k), t.component(b.name, b), t.component(F.name, F), t.component(O.name, O), t.component(A.name, A), t.component("CField", re), t.component("CMessage", Je), t.component(x.name, x), t.component(V.name, V);
 }
 export {
-  ii as S,
-  si as i
+  ri as S,
+  oi as i
 };