@cling-se/widget 0.19.3 → 0.19.5

package/dist/{CFormField.vue_vue_type_script_setup_true_lang-CyUMgjqE.js → CFormField.vue_vue_type_script_setup_true_lang-DzcNo15Q.js}

@@ -1,5 +1,5 @@
-import { i as M, a as _ } from "./helpers-BipYFMq7.js";
-import { F as f, ah as y, aJ as F, aK as k, e as C, _ as v, o as i, b as r, n as u, S as d, B as m, v as b, f as h, c as w, w as S, h as z, i as p, $ as B, j as $ } from "./main-C3pW_mbm.js";
+import { i as S, a as _ } from "./helpers-BnYWgq30.js";
+import { F as f, ay as g, aM as F, aN as k, e as C, _ as v, o as i, b as r, n as u, K as d, H as m, v as b, f as h, c as w, w as M, h as z, i as p, L as B, j as L } from "./main-q_EWffDQ.js";
 const T = {
   name: "CFieldBody",
   inject: {
@@ -19,28 +19,28 @@ const T = {
     }
   },
   render() {
-    let t = !0, e = typeof this.$slots.default == "function" ? this.$slots.default() : this.$slots.default;
-    return e != null && e.length === 1 && e[0].type === f && (e = e[0].children), y(
+    let s = !0, e = typeof this.$slots.default == "function" ? this.$slots.default() : this.$slots.default;
+    return e != null && e.length === 1 && e[0].type === f && (e = e[0].children), g(
       "div",
       { class: "field-body" },
       {
-        default: () => e != null && e.map((s) => {
-          if (s.type === F || s.type === k)
-            return s;
+        default: () => e != null && e.map((t) => {
+          if (t.type === F || t.type === k)
+            return t;
           let o;
-          return t && (o = this.message, t = !1), y(
+          return s && (o = this.message, s = !1), g(
             this.parent ? this.parent.$.type : C("c-field"),
             {
               type: this.type,
               message: o
             },
-            () => s
+            () => t
           );
         })
       }
     );
   }
-}, L = {
+}, $ = {
   name: "CField",
   components: {
     CFieldBody: T
@@ -122,10 +122,10 @@ const T = {
      */
     newPosition() {
       if (this.position === void 0) return;
-      const t = this.position.split("-");
-      if (t.length < 1) return;
+      const s = this.position.split("-");
+      if (s.length < 1) return;
       const e = this.grouped ? "is-grouped-" : "has-addons-";
-      if (this.position) return e + t[1];
+      if (this.position) return e + s[1];
     },
     /**
      * Formatted message in case it's an array
@@ -134,19 +134,19 @@ const T = {
     formattedMessage() {
       if (typeof this.newMessage == "string")
         return this.newMessage;
-      const t = [];
+      const s = [];
       if (Array.isArray(this.newMessage))
         this.newMessage.forEach((e) => {
           if (typeof e == "string")
-            t.push(e);
+            s.push(e);
           else
-            for (const s in e)
-              e[s] && t.push(s);
+            for (const t in e)
+              e[t] && s.push(t);
         });
       else
         for (const e in this.newMessage)
-          this.newMessage[e] && t.push(e);
-      return t.filter((e) => !!e).join(" <br> ");
+          this.newMessage[e] && s.push(e);
+      return s.filter((e) => !!e).join(" <br> ");
     },
     hasLabel() {
       return this.label || this.$slots.label;
@@ -156,14 +156,14 @@ const T = {
     /**
      * Set internal type when prop change.
      */
-    type(t) {
-      this.newType = t;
+    type(s) {
+      this.newType = s;
     },
     /**
      * Set internal message when prop change.
      */
-    message(t) {
-      JSON.stringify(t) !== JSON.stringify(this.newMessage) && (this.newMessage = t);
+    message(s) {
+      JSON.stringify(s) !== JSON.stringify(this.newMessage) && (this.newMessage = s);
     }
   },
   mounted() {
@@ -182,80 +182,80 @@ const T = {
       if (this.grouped) return "is-grouped";
       if (this.hasAddons()) return "has-addons";
     },
-    getSlotNodes(t) {
-      return t.flatMap(
-        (e) => M(e) ? this.getSlotNodes(e.children) : [e]
+    getSlotNodes(s) {
+      return s.flatMap(
+        (e) => S(e) ? this.getSlotNodes(e.children) : [e]
       );
     },
     hasAddons() {
-      let t = 0;
-      return this.$slots.default && (t = this.getSlotNodes(this.$slots.default()).reduce(
-        (e, s) => _(s) ? e + 1 : e,
+      let s = 0;
+      return this.$slots.default && (s = this.getSlotNodes(this.$slots.default()).reduce(
+        (e, t) => _(t) ? e + 1 : e,
         0
-      )), t > 1 && this.addons && !this.horizontal;
+      )), s > 1 && this.addons && !this.horizontal;
     },
     // called by a number input if it is a direct child.
-    wrapNumberinput({ controlsPosition: t, size: e }) {
-      const s = ["has-numberinput"];
-      t && s.push(`has-numberinput-${t}`), e && s.push(`has-numberinput-${e}`), this.numberInputClasses = s;
+    wrapNumberinput({ controlsPosition: s, size: e }) {
+      const t = ["has-numberinput"];
+      s && t.push(`has-numberinput-${s}`), e && t.push(`has-numberinput-${e}`), this.numberInputClasses = t;
     }
   }
 }, N = ["for"], A = ["for"], j = ["innerHTML"];
-function x(t, e, s, o, n, a) {
+function O(s, e, t, o, n, a) {
   const l = C("CFieldBody");
   return i(), r("div", {
     class: u([[a.rootClasses, a.fieldType()], "field"])
   }, [
-    s.horizontal ? (i(), r("div", {
+    t.horizontal ? (i(), r("div", {
       key: 0,
-      class: u([[s.customClass, n.fieldLabelSize], "field-label"])
+      class: u([[t.customClass, n.fieldLabelSize], "field-label"])
     }, [
       a.hasLabel ? (i(), r("label", {
         key: 0,
-        for: s.labelFor,
-        class: u([s.customClass, "label truncate-text"])
+        for: t.labelFor,
+        class: u([t.customClass, "label w-full truncate"])
       }, [
-        t.$slots.label ? d(t.$slots, "label", { key: 0 }) : (i(), r(f, { key: 1 }, [
-          m(b(s.label), 1)
+        s.$slots.label ? d(s.$slots, "label", { key: 0 }) : (i(), r(f, { key: 1 }, [
+          m(b(t.label), 1)
         ], 64))
       ], 10, N)) : h("", !0)
     ], 2)) : (i(), r(f, { key: 1 }, [
       a.hasLabel ? (i(), r("label", {
         key: 0,
-        for: s.labelFor,
-        class: u([s.customClass, "label truncate-text"])
+        for: t.labelFor,
+        class: u([t.customClass, "label w-full truncate"])
       }, [
-        t.$slots.label ? d(t.$slots, "label", { key: 0 }) : (i(), r(f, { key: 1 }, [
-          m(b(s.label), 1)
+        s.$slots.label ? d(s.$slots, "label", { key: 0 }) : (i(), r(f, { key: 1 }, [
+          m(b(t.label), 1)
         ], 64))
       ], 10, A)) : h("", !0)
     ], 64)),
-    s.horizontal ? (i(), w(l, {
+    t.horizontal ? (i(), w(l, {
       key: 2,
       message: n.newMessage ? a.formattedMessage : "",
       type: n.newType
     }, {
-      default: S(() => [
-        d(t.$slots, "default")
+      default: M(() => [
+        d(s.$slots, "default")
       ]),
       _: 3
-    }, 8, ["message", "type"])) : d(t.$slots, "default", { key: 3 }),
-    n.newMessage && !s.horizontal ? (i(), r("p", {
+    }, 8, ["message", "type"])) : d(s.$slots, "default", { key: 3 }),
+    n.newMessage && !t.horizontal ? (i(), r("p", {
       key: 4,
       class: u([n.newType, "help"]),
       innerHTML: a.formattedMessage
     }, null, 10, j)) : h("", !0)
   ], 2);
 }
-const O = /* @__PURE__ */ v(L, [["render", x]]), I = /* @__PURE__ */ z({
+const P = /* @__PURE__ */ v($, [["render", O]]), H = /* @__PURE__ */ z({
   __name: "CFormField",
   props: {
     label: {},
     validator: {},
     messages: {}
   },
-  setup(t) {
-    const e = t, s = p(() => {
+  setup(s) {
+    const e = s, t = p(() => {
       var a, l;
       if ((a = e.validator) != null && a.$error)
         return "is-danger";
@@ -268,18 +268,18 @@ const O = /* @__PURE__ */ v(L, [["render", x]]), I = /* @__PURE__ */ z({
       if ((l = e.validator) != null && l.$dirty)
         return "text-green-500";
     }), n = p(() => {
-      var c, g;
+      var c, y;
       if (!((c = e.validator) != null && c.$errors.length)) return "";
       const l = e.validator.$errors[0].$validator;
-      return ((g = e.messages) == null ? void 0 : g[l]) ?? "";
+      return ((y = e.messages) == null ? void 0 : y[l]) ?? "";
     });
-    return (a, l) => (i(), w($(O), B({ ...a.$attrs, ...a.$props }, {
+    return (a, l) => (i(), w(L(P), B({ ...a.$attrs, ...a.$props }, {
       label: a.label,
       "custom-class": o.value,
-      type: s.value,
+      type: t.value,
       message: n.value
     }), {
-      default: S(() => [
+      default: M(() => [
         d(a.$slots, "default")
       ]),
       _: 3
@@ -287,6 +287,6 @@ const O = /* @__PURE__ */ v(L, [["render", x]]), I = /* @__PURE__ */ z({
   }
 });
 export {
-  O as C,
-  I as _
+  P as C,
+  H as _
 };

package/dist/{CPhoneFormat-d9r8v4kT.js → CPhoneFormat-D-BGsI3p.js}

@@ -1,4 +1,4 @@
-import { af as o, _ as n, S as r, s as a, v as s } from "./main-C3pW_mbm.js";
+import { ax as o, _ as n, K as r, s as a, v as s } from "./main-q_EWffDQ.js";
 const h = {
   name: "CPhoneFormat",
   props: {

package/dist/{CPhoneInput-DbDLU0AC.js → CPhoneInput-Dl7BSG8y.js}

@@ -1,19 +1,19 @@
-import { _ as w, Y as B, Z as S, o as m, c as y, w as i, s as V, d as o, B as z, v as p, b as F, k as $, F as k, $ as I, e as s } from "./main-C3pW_mbm.js";
-import { C as D, a as v } from "./CDropdownItem-CrGOya-D.js";
-import { C as j } from "./CFormField.vue_vue_type_script_setup_true_lang-CyUMgjqE.js";
-import { F as K } from "./Flag-BxyVrkyQ.js";
-import { S as L } from "./SmartList-ICs2gnpw.js";
-import { r as n } from "./regions-BdZt9Srn.js";
+import { _ as w, I as B, a0 as S, o as m, c as y, w as i, s as V, d as o, H as z, v as p, b as F, k as I, F as k, L as $, e as s } from "./main-q_EWffDQ.js";
+import { C as D, a as v } from "./CDropdownItem-BWmAQwpG.js";
+import { C as L } from "./CFormField.vue_vue_type_script_setup_true_lang-DzcNo15Q.js";
+import { F as j } from "./Flag-D3GdVwWB.js";
+import { S as K } from "./SmartList-7RooD2fY.js";
+import { r as l } from "./regions-BdZt9Srn.js";
 const N = {
   name: "CPhoneInput",
   components: {
-    Flag: K,
+    Flag: j,
     CInput: B,
     CDropdown: D,
     CDropdownItem: v,
     CButton: S,
-    CField: j,
-    SmartList: L
+    CField: L,
+    SmartList: K
   },
   props: {
     modelValue: {
@@ -48,7 +48,7 @@ const N = {
   },
   computed: {
     defaultPrefix() {
-      return n[this.internalRegion].callingCode;
+      return l[this.internalRegion].callingCode;
     },
     currentRegion() {
       return this.getRegionByCallingCode(this.prefix);
@@ -57,23 +57,23 @@ const N = {
       get() {
         if (this.region) return this.region;
         if (this.modelValue) {
-          const e = (Object.keys(n) || []).find(
-            (t) => n[t].callingCode && this.modelValue && this.modelValue.startsWith(n[t].callingCode)
+          const e = (Object.keys(l) || []).find(
+            (t) => l[t].callingCode && this.modelValue && this.modelValue.startsWith(l[t].callingCode)
           );
           if (e) return e;
         }
         return this.internalPrefix ? this.getRegionByCallingCode(this.internalPrefix) : this.defaultRegion;
       },
       set(e) {
-        this.$emit("update:region", e), this.updateValue({ prefix: n[e].callingCode });
+        this.$emit("update:region", e), this.updateValue({ prefix: l[e].callingCode });
       }
     },
     prefix() {
       if (!this.modelValue) return this.internalPrefix || this.defaultPrefix;
-      const e = (Object.keys(n) || []).find(
-        (t) => n[t].callingCode && this.modelValue && this.modelValue.startsWith(n[t].callingCode)
+      const e = (Object.keys(l) || []).find(
+        (t) => l[t].callingCode && this.modelValue && this.modelValue.startsWith(l[t].callingCode)
       );
-      return e ? n[e].callingCode : this.defaultPrefix;
+      return e ? l[e].callingCode : this.defaultPrefix;
     },
     phone: {
       get() {
@@ -84,27 +84,27 @@ const N = {
       }
     },
     sortedRegions() {
-      return (Object.keys(n) || []).map((e) => ({
+      return (Object.keys(l) || []).map((e) => ({
         key: e,
-        title: `${n[e].name} (${e})`,
-        callingCode: n[e].callingCode
+        title: `${l[e].name} (${e})`,
+        callingCode: l[e].callingCode
       })).sort((e, t) => e.title.localeCompare(t.title));
     }
   },
   methods: {
     getRegionByCallingCode(e) {
-      return e ? (Object.keys(n) || []).find(
-        (l) => e === n[l].callingCode
+      return e ? (Object.keys(l) || []).find(
+        (n) => e === l[n].callingCode
       ) : null;
     },
     updateValue({ prefix: e, phone: t }) {
-      const l = e !== void 0 ? e : this.prefix || "", h = t !== void 0 ? t : this.phone || "", d = `${l}${h}`;
-      d !== l ? (this.$emit("update:modelValue", d), this.region || this.$emit("update:region", this.internalRegion), this.internalPrefix = null) : (this.internalPrefix = l, this.$emit("update:modelValue", ""));
+      const n = e !== void 0 ? e : this.prefix || "", h = t !== void 0 ? t : this.phone || "", d = `${n}${h}`;
+      d !== n ? (this.$emit("update:modelValue", d), this.region || this.$emit("update:region", this.internalRegion), this.internalPrefix = null) : (this.internalPrefix = n, this.$emit("update:modelValue", ""));
     }
   }
-}, O = { class: "control" }, Q = { class: "truncate-text" };
-function W(e, t, l, h, d, r) {
-  const g = s("Flag"), x = s("CButton"), c = s("CInput"), b = s("CDropdownItem"), _ = s("CDropdown"), P = s("SmartList"), f = s("CField");
+}, O = { class: "control" }, Q = { class: "w-full truncate" };
+function W(e, t, n, h, d, r) {
+  const g = s("Flag"), b = s("CButton"), c = s("CInput"), x = s("CDropdownItem"), _ = s("CDropdown"), P = s("SmartList"), f = s("CField");
   return m(), y(f, {
     class: "has-addons",
     expanded: ""
@@ -131,7 +131,7 @@ function W(e, t, l, h, d, r) {
               style: { height: "100%" }
             }, {
               trigger: i(() => [
-                o(x, {
+                o(b, {
                   size: e.$attrs.size,
                   type: "none",
                   pattern: "secondary",
@@ -158,10 +158,10 @@ function W(e, t, l, h, d, r) {
                 }, null, 8, ["modelValue", "placeholder"])
               ]),
               default: i(() => [
-                (m(!0), F(k, null, $(u, ({ key: a, title: C, callingCode: R }) => (m(), y(b, {
+                (m(!0), F(k, null, I(u, ({ key: a, title: C, callingCode: R }) => (m(), y(x, {
                   key: a,
                   value: a,
-                  class: "truncate-text"
+                  class: "w-full truncate"
                 }, {
                   default: i(() => [
                     o(g, {
@@ -181,13 +181,13 @@ function W(e, t, l, h, d, r) {
         }, 8, ["query", "items"])
       ]),
       o(f, {
-        label: l.label,
-        "label-position": l.labelPosition,
+        label: n.label,
+        "label-position": n.labelPosition,
         class: "control",
         expanded: ""
       }, {
         default: i(() => [
-          o(c, I({ ...e.$attrs, ...e.$props }, {
+          o(c, $({ ...e.$attrs, ...e.$props }, {
             modelValue: r.phone,
             "onUpdate:modelValue": t[2] || (t[2] = (u) => r.phone = u),
             size: e.$attrs.size,
@@ -201,7 +201,7 @@ function W(e, t, l, h, d, r) {
     _: 1
   });
 }
-const A = /* @__PURE__ */ w(N, [["render", W]]);
+const G = /* @__PURE__ */ w(N, [["render", W]]);
 export {
-  A as C
+  G as C
 };

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

@@ -1,5 +1,5 @@
-import { C as h } from "./CCurrencyDropdown-GcQqVqCs.js";
-import { _ as C, Y as V, a5 as g, e as o, o as s, c as l, w as i, b as u, S as p, f as w, d as I, B as k, v as d, $ as _ } from "./main-C3pW_mbm.js";
+import { C as h } from "./CCurrencyDropdown-CyFge_fD.js";
+import { _ as C, I as V, al as I, e as o, o as s, c as l, w as i, b as u, K as p, f as g, d as w, H as k, v as d, L as _ } from "./main-q_EWffDQ.js";
 const $ = {
   name: "CPriceInput",
   inheritAttrs: !1,
@@ -65,7 +65,7 @@ const $ = {
       }
     },
     suffixValue() {
-      const e = g(this.internalCurrency);
+      const e = I(this.internalCurrency);
       switch (this.priceType) {
         // case 'approx':
         //   return `${this.$t('_common:approx')} ${currencyString}`;
@@ -103,7 +103,7 @@ function x(e, t, c, z, a, r) {
     prefix: i(() => [
       e.$slots.prefix ? (s(), u("div", b, [
         p(e.$slots, "prefix")
-      ])) : w("", !0)
+      ])) : g("", !0)
     ]),
     suffix: i(() => [
       e.$slots.suffix ? (s(), u("div", v, [
@@ -116,7 +116,7 @@ function x(e, t, c, z, a, r) {
           onActiveChange: t[1] || (t[1] = (n) => a.isCurrencyDropdownOpen = n)
         }, {
           default: i(({ selectedValue: n }) => [
-            I(f, {
+            w(f, {
               size: e.$attrs.size,
               type: "none",
               pattern: "tertiary",

package/dist/{CSelect-BwpgSn0z.js → CSelect-DXAAKhB6.js}

@@ -1,5 +1,5 @@
-import { _ as u, aj as r, ak as m, o as i, b as d, s as n, E as c, al as p, $ as o, v as h, f, S as V, n as y } from "./main-C3pW_mbm.js";
-const S = {
+import { _ as u, a2 as r, a3 as m, o as i, b as d, s as n, O as c, a4 as p, L as o, v as h, f, K as V, n as y } from "./main-q_EWffDQ.js";
+const g = {
   name: "CSelect",
   mixins: [r, m],
   inheritAttrs: !1,
@@ -62,13 +62,13 @@ const S = {
       this.selected = e, !this.isValid && this.checkHtml5Validity();
     }
   }
-}, g = ["multiple", "size"], C = {
+}, S = ["multiple", "size"], C = {
   key: 0,
   value: null,
   disabled: "",
   hidden: ""
 };
-function b(e, t, l, k, v, a) {
+function b(e, t, l, v, k, a) {
   return i(), d("div", o({
     class: [{ "is-expanded": e.expanded, "has-icons-left": e.icon }, "control"]
   }, e.rootAttrs), [
@@ -86,13 +86,13 @@ function b(e, t, l, k, v, a) {
       }), [
         l.placeholder && a.computedValue == null ? (i(), d("option", C, h(l.placeholder), 1)) : f("", !0),
         V(e.$slots, "default", {}, void 0, !0)
-      ], 16, g), [
+      ], 16, S), [
         [p, a.computedValue]
       ])
     ], 2)
   ], 16);
 }
-const B = /* @__PURE__ */ u(S, [["render", b], ["__scopeId", "data-v-097f661c"]]);
+const B = /* @__PURE__ */ u(g, [["render", b], ["__scopeId", "data-v-097f661c"]]);
 export {
   B as C
 };

package/dist/{CSkeleton.vue_vue_type_script_setup_true_lang-C3CzyV_p.js → CSkeleton.vue_vue_type_script_setup_true_lang-D_ZP_7FL.js}

@@ -1,4 +1,4 @@
-import { h as b, t as g, i as l, u as C, j as e, o as s, b as n, F as x, k as S, n as i, l as d, f as w } from "./main-C3pW_mbm.js";
+import { h as b, t as g, i as l, u as C, j as e, o as s, b as n, F as x, k as S, n as i, l as d, f as w } from "./main-q_EWffDQ.js";
 const $ = /* @__PURE__ */ b({
   __name: "CSkeleton",
   props: {

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

@@ -1,12 +1,12 @@
-import { S as E } from "./SearchApi-DiNXQk3K.js";
-import { _ as B, Y as O, aj as H, ak as F, o as d, b as c, d as V, $ as S, ae as m, an as v, w as p, E as $, G as T, s as w, l as C, S as y, f, F as x, k as _, n as A, ai as L, e as g, v as h, aE as D, c as b, B as R } from "./main-C3pW_mbm.js";
-import { c as P, r as z, g as N } from "./helpers-BipYFMq7.js";
+import { S as O } from "./SearchApi-6-uNsMl8.js";
+import { _ as b, I as H, a2 as E, a3 as F, o as d, b as c, d as V, L as S, J as m, ad as v, w as p, O as $, P as T, s as w, l as C, K as y, f, F as x, k as L, n as A, a1 as _, e as g, v as h, aH as D, c as I, H as R } from "./main-q_EWffDQ.js";
+import { c as P, r as z, g as N } from "./helpers-BnYWgq30.js";
 const q = {
   name: "CAutocomplete",
   components: {
-    CInput: O
+    CInput: H
   },
-  mixins: [H, F],
+  mixins: [E, F],
   props: {
     modelValue: {
       type: [Number, String],
@@ -382,7 +382,7 @@ function j(e, t, i, l, s, o) {
       onIconRightClick: o.rightIconClick,
       onIconClick: t[4] || (t[4] = (n) => e.$emit("icon-click", n))
     }), null, 16, ["modelValue", "size", "loading", "rounded", "icon", "icon-right", "icon-right-clickable", "icon-pack", "maxlength", "autocomplete", "onUpdate:modelValue", "onFocus", "onBlur", "onKeydown", "onIconRightClick"]),
-    V(L, { name: "fade" }, {
+    V(_, { name: "fade" }, {
       default: p(() => [
         $(w("div", {
           ref: "dropdown",
@@ -396,7 +396,7 @@ function j(e, t, i, l, s, o) {
             o.hasHeaderSlot ? (d(), c("div", M, [
               y(e.$slots, "header")
             ])) : f("", !0),
-            (d(!0), c(x, null, _(i.data, (n, u) => (d(), c("a", {
+            (d(!0), c(x, null, L(i.data, (n, u) => (d(), c("a", {
               key: u,
               class: A([{ "is-hovered": n === s.hovered }, "dropdown-item"]),
               onClick: (k) => o.setSelected(n, void 0, k)
@@ -424,15 +424,15 @@ function j(e, t, i, l, s, o) {
     })
   ], 16);
 }
-const Y = /* @__PURE__ */ B(q, [["render", j]]), G = {
+const J = /* @__PURE__ */ b(q, [["render", j]]), X = {
   i18nOptions: {
     namespaces: "components",
     keyPrefix: "account.documentForm.clients"
   },
   name: "ClientAutocomplete",
   components: {
-    SearchApi: E,
-    CAutocomplete: Y
+    SearchApi: O,
+    CAutocomplete: J
   },
   props: {
     searchEnabled: {
@@ -472,21 +472,21 @@ const Y = /* @__PURE__ */ B(q, [["render", j]]), G = {
       }));
     }
   }
-}, X = { style: { "line-height": "1.5" } }, J = { style: { "font-weight": "500" } }, Z = {
+}, Y = { style: { "line-height": "1.5" } }, G = { style: { "font-weight": "500" } }, Z = {
   class: "text-gray-600",
   style: { "font-size": "14px" }
 }, ee = { key: 0 }, te = { key: 0 };
 function ie(e, t, i, l, s, o) {
   const a = g("CButton"), n = g("CAutocomplete"), u = g("SearchApi");
-  return d(), b(u, { "custom-search": { endCustomer: !0 } }, {
-    default: p(({ fetch: k, isLoading: I }) => [
+  return d(), I(u, { "custom-search": { endCustomer: !0 } }, {
+    default: p(({ fetch: k, isLoading: B }) => [
       V(n, S({
         placeholder: e.$t("search.placeholder"),
         ...e.$attrs,
         ...e.$props
       }, {
         data: s.results,
-        loading: i.showLoading && I,
+        loading: i.showLoading && B,
         filled: i.filled,
         expanded: "",
         "keep-first": "",
@@ -494,14 +494,14 @@ function ie(e, t, i, l, s, o) {
         onSelect: t[1] || (t[1] = (r) => e.$emit("setClient", s.convertToNewClient(r)))
       }), {
         default: p(({ option: r }) => [
-          w("div", X, [
-            w("div", J, h(r.name || r.email), 1),
+          w("div", Y, [
+            w("div", G, h(r.name || r.email), 1),
             w("div", Z, h(r.reference ? `${r.reference} · ` : "") + " " + h(r.workStreet || r.street || " "), 1)
           ])
         ]),
         footer: p(() => [
           i.searchEnabled && i.showEmpty ? (d(), c("div", ee, [
-            s.searchQuery && !s.results.length ? (d(), b(a, {
+            s.searchQuery && !s.results.length ? (d(), I(a, {
               key: 0,
               type: "secondary",
               pattern: "tertiary",
@@ -525,8 +525,8 @@ function ie(e, t, i, l, s, o) {
     _: 1
   });
 }
-const le = /* @__PURE__ */ B(G, [["render", ie]]);
+const le = /* @__PURE__ */ b(X, [["render", ie]]);
 export {
   le as C,
-  Y as a
+  J as a
 };