golden-logic-ui 1.0.58 → 1.0.59

package/dist/golden-logic-ui.js

@@ -1,4 +1,4 @@
-import { openBlock as d, createElementBlock as u, createElementVNode as s, createCommentVNode as g, createStaticVNode as Je, inject as Ce, watch as X, effectScope as Qe, computed as G, reactive as Se, resolveComponent as Y, Fragment as v, createVNode as Z, normalizeClass as p, toDisplayString as h, withModifiers as N, withDirectives as D, vModelText as V, renderList as k, normalizeStyle as et, renderSlot as I, createTextVNode as w, vShow as F, createBlock as K, resolveDynamicComponent as oe, mergeProps as W, withCtx as J, ref as C, onMounted as R, vModelDynamic as tt, provide as rt, pushScopeId as st, popScopeId as nt, vModelCheckbox as at, nextTick as ot, toHandlers as ne, TransitionGroup as it, unref as lt, resolveDirective as Oe, markRaw as dt } from "vue";
+import { openBlock as d, createElementBlock as u, createElementVNode as s, createCommentVNode as g, createStaticVNode as Je, inject as Ce, watch as X, effectScope as Qe, computed as G, reactive as Se, resolveComponent as Y, Fragment as v, createVNode as Z, normalizeClass as b, toDisplayString as h, withModifiers as N, withDirectives as D, vModelText as V, renderList as k, normalizeStyle as et, renderSlot as I, createTextVNode as w, vShow as F, createBlock as K, resolveDynamicComponent as oe, mergeProps as W, withCtx as J, ref as C, onMounted as R, vModelDynamic as tt, provide as rt, pushScopeId as st, popScopeId as nt, vModelCheckbox as at, nextTick as ot, toHandlers as ne, TransitionGroup as it, unref as lt, resolveDirective as Oe, markRaw as dt } from "vue";
 const S = (e, t) => {
   const r = e.__vccOpts || e;
   for (const [n, o] of t)
@@ -1034,13 +1034,13 @@ function wr(e, t, r, n, o, a) {
       onCancelDelete: a.closeDeleteModal
     }, null, 8, ["isOpen", "onConfirmDelete", "onCancelDelete"]),
     s("div", {
-      class: p([{
+      class: b([{
         "border-red-500  dark:border-red-500": o.error_message_data !== "",
         "border-gray-200 dark:border-gray-700": o.error_message_data == ""
       }, "w-full p-4 bg-white border rounded-lg shadow dark:bg-gray-800"])
     }, [
       s("label", {
-        class: p({
+        class: b({
           "gl-label-form": o.error_message_data == "",
           "gl-label-form-invalid": o.error_message_data !== "",
           required: r.is_required
@@ -1199,7 +1199,7 @@ const _d = /* @__PURE__ */ S(Ht, [["render", wr]]), kr = {
 function Er(e, t, r, n, o, a) {
   return e.notification.show ? (d(), u("div", {
     key: 0,
-    class: p(["fixed right-0 z-50 flex items-center p-4 m-5 mb-4 rounded-lg shadow-lg", a.alertClasses]),
+    class: b(["fixed right-0 z-50 flex items-center p-4 m-5 mb-4 rounded-lg shadow-lg", a.alertClasses]),
     role: "alert"
   }, [
     $r,
@@ -1208,7 +1208,7 @@ function Er(e, t, r, n, o, a) {
     s("button", {
       type: "button",
       onClick: t[0] || (t[0] = (...l) => a.dismiss && a.dismiss(...l)),
-      class: p(["inline-flex items-center justify-center w-6 h-6 p-1 -mx-1 -my-1 rounded-lg ms-auto focus:ring-2 hover:bg-opacity-50", a.buttonClasses]),
+      class: b(["inline-flex items-center justify-center w-6 h-6 p-1 -mx-1 -my-1 rounded-lg ms-auto focus:ring-2 hover:bg-opacity-50", a.buttonClasses]),
       "aria-label": "Close"
     }, Pr, 2)
   ], 2)) : g("", !0);
@@ -1263,7 +1263,7 @@ function Mr(e, t, r, n, o, a) {
       }, null, 8, Ir),
       s("label", {
         for: l + "_" + r.field_name,
-        class: p([{
+        class: b([{
           "border md:!rounded-s-lg": i === 0,
           "border md:!rounded-e-lg": i === o.locals.length - 1,
           "border-t border-b": i !== 0 && i !== o.locals.length - 1
@@ -1286,7 +1286,7 @@ const yd = /* @__PURE__ */ S(jr, [["render", Mr]]), Nr = { class: "bg-white bord
   setup(e) {
     const t = e, r = G(() => t.class);
     return (n, o) => (d(), u("div", {
-      class: p(["flex flex-col gap-9", r.value])
+      class: b(["flex flex-col gap-9", r.value])
     }, [
       s("div", Nr, [
         s("div", Vr, [
@@ -1487,7 +1487,7 @@ function as(e, t, r, n, o, a) {
   return d(), u(v, null, [
     r.show ? (d(), u("div", {
       key: 0,
-      class: p(r.field_name)
+      class: b(r.field_name)
     }, [
       s("h3", Fr, h(r.label_name), 1),
       s("p", Rr, [
@@ -1497,7 +1497,7 @@ function as(e, t, r, n, o, a) {
     ], 2)) : g("", !0),
     r.show ? g("", !0) : (d(), u("div", {
       key: 1,
-      class: p(["mb-4", r.field_name])
+      class: b(["mb-4", r.field_name])
     }, [
       (d(!0), u(v, null, k(o.selectedIds, (l, i) => (d(), u("input", {
         type: "hidden",
@@ -1507,7 +1507,7 @@ function as(e, t, r, n, o, a) {
       }, null, 8, zr))), 128)),
       r.options ? (d(), u("div", Hr, [
         s("label", {
-          class: p({
+          class: b({
             "gl-label-form": r.error_message == "",
             "gl-label-form-invalid": r.error_message !== "",
             required: r.is_required
@@ -1543,7 +1543,7 @@ function as(e, t, r, n, o, a) {
               ]))), 128))
             ]),
             s("i", {
-              class: p([o.optionsShown ? "fa-angle-up" : "fa-angle-down", "absolute text-xl text-gray-500 cursor-pointer fas right-2 hover:text-gray-700"]),
+              class: b([o.optionsShown ? "fa-angle-up" : "fa-angle-down", "absolute text-xl text-gray-500 cursor-pointer fas right-2 hover:text-gray-700"]),
               style: { top: "11px" }
             }, null, 2)
           ]),
@@ -1568,7 +1568,7 @@ function as(e, t, r, n, o, a) {
             ]),
             s("div", ss, [
               (d(!0), u(v, null, k(a.filteredOptions, (l, i) => (d(), u("div", {
-                class: p([
+                class: b([
                   "block px-2 py-2 text-xs leading-4 text-gray-700 no-underline cursor-pointer dark:text-gray-200 hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white",
                   i + 1 == o.count || a.isOptionSelected(l.id) ? "bg-gray-100 dark:bg-gray-600" : ""
                 ]),
@@ -1659,7 +1659,7 @@ function ls(e, t, r, n, o, a) {
   return r.is_loading ? (d(), K(oe("button"), {
     key: 1,
     disabled: "",
-    class: p(`flex items-center gap-2 focus:outline-none text-sm px-2  py-2 me-2  font-medium rounded-lg  ${a.buttonTypeClass}`)
+    class: b(`flex items-center gap-2 focus:outline-none text-sm px-2  py-2 me-2  font-medium rounded-lg  ${a.buttonTypeClass}`)
   }, {
     default: J(() => [
       is,
@@ -1676,7 +1676,7 @@ function ls(e, t, r, n, o, a) {
     default: J(() => [
       r.icon ? (d(), u("i", {
         key: 0,
-        class: p([r.icon, "text-base"])
+        class: b([r.icon, "text-base"])
       }, null, 2)) : g("", !0),
       I(e.$slots, "default")
     ]),
@@ -1755,7 +1755,7 @@ const wd = /* @__PURE__ */ S(os, [["render", ls]]), ds = { class: "font-bold pte
     }), t({ focus: () => a.value.focus() }), (i, c) => (d(), u(v, null, [
       e.show ? (d(), u("div", {
         key: 0,
-        class: p(e.field_name)
+        class: b(e.field_name)
       }, [
         s("h3", ds, h(e.label_name), 1),
         D(s("input", {
@@ -1777,10 +1777,10 @@ const wd = /* @__PURE__ */ S(os, [["render", ls]]), ds = { class: "font-bold pte
       ], 2)) : g("", !0),
       e.show ? g("", !0) : (d(), u("div", {
         key: 1,
-        class: p(["mb-4", e.field_name])
+        class: b(["mb-4", e.field_name])
       }, [
         s("label", {
-          class: p({
+          class: b({
             "gl-label-translation-form": e.error_message == "",
             "gl-label-translation-form-invalid": e.error_message !== "",
             required: e.is_required
@@ -1802,7 +1802,7 @@ const wd = /* @__PURE__ */ S(os, [["render", ls]]), ds = { class: "font-bold pte
           required: e.is_required,
           name: e.field_name,
           id: e.field_name,
-          class: p({
+          class: b({
             " gl-textarea-form form-input-translation  mt-4 ": e.error_message == "",
             " gl-textarea-form-invalid form-input-translation  mt-4 ": e.error_message !== ""
           }),
@@ -1895,7 +1895,7 @@ const wd = /* @__PURE__ */ S(os, [["render", ls]]), ds = { class: "font-bold pte
     }), t({ focus: () => a.value.focus() }), (i, c) => (d(), u(v, null, [
       e.show ? (d(), u("div", {
         key: 0,
-        class: p(e.field_name)
+        class: b(e.field_name)
       }, [
         s("h3", ys, h(e.label_name), 1),
         D(s("input", {
@@ -1917,10 +1917,10 @@ const wd = /* @__PURE__ */ S(os, [["render", ls]]), ds = { class: "font-bold pte
       ], 2)) : g("", !0),
       e.show ? g("", !0) : (d(), u("div", {
         key: 1,
-        class: p(["mb-4", e.field_name])
+        class: b(["mb-4", e.field_name])
       }, [
         s("label", {
-          class: p({
+          class: b({
             "gl-label-translation-form": e.error_message == "",
             "gl-label-translation-form-invalid": e.error_message !== "",
             required: e.is_required
@@ -1941,7 +1941,7 @@ const wd = /* @__PURE__ */ S(os, [["render", ls]]), ds = { class: "font-bold pte
         s("textarea", {
           name: e.field_name,
           id: e.field_name,
-          class: p(["tiny", {
+          class: b(["tiny", {
             " gl-textarea-form form-input-translation  mt-4 ": e.error_message == "",
             " gl-textarea-form-invalid form-input-translation  mt-4 ": e.error_message !== ""
           }]),
@@ -2030,7 +2030,7 @@ const wd = /* @__PURE__ */ S(os, [["render", ls]]), ds = { class: "font-bold pte
     }), t({ focus: () => a.value.focus() }), (i, c) => (d(), u(v, null, [
       e.show ? (d(), u("div", {
         key: 0,
-        class: p(e.field_name)
+        class: b(e.field_name)
       }, [
         s("h3", Ps, h(e.label_name), 1),
         D(s("input", {
@@ -2051,10 +2051,10 @@ const wd = /* @__PURE__ */ S(os, [["render", ls]]), ds = { class: "font-bold pte
       ], 2)) : g("", !0),
       e.show ? g("", !0) : (d(), u("div", {
         key: 1,
-        class: p(["mb-4", e.field_name])
+        class: b(["mb-4", e.field_name])
       }, [
         s("label", {
-          class: p({
+          class: b({
             "gl-label-translation-form": e.error_message == "",
             "gl-label-translation-form-invalid": e.error_message !== "",
             required: e.is_required
@@ -2076,7 +2076,7 @@ const wd = /* @__PURE__ */ S(os, [["render", ls]]), ds = { class: "font-bold pte
           required: e.is_required,
           name: e.field_name,
           id: e.field_name,
-          class: p({
+          class: b({
             " gl-input-form form-input-translation  mt-2 ": e.error_message == "",
             " gl-input-form-invalid form-input-translation  mt-2 ": e.error_message !== ""
           }),
@@ -2148,7 +2148,7 @@ const wd = /* @__PURE__ */ S(os, [["render", ls]]), ds = { class: "font-bold pte
     return t({ focus: () => a.value.focus() }), (i, c) => (d(), u(v, null, [
       e.show ? (d(), u("div", {
         key: 0,
-        class: p(e.field_name)
+        class: b(e.field_name)
       }, [
         s("h3", Bs, h(e.label_name), 1),
         s("p", Gs, h(e.type == "password" ? e.modelValue.replace(/./g, "*") : e.modelValue), 1),
@@ -2156,10 +2156,10 @@ const wd = /* @__PURE__ */ S(os, [["render", ls]]), ds = { class: "font-bold pte
       ], 2)) : g("", !0),
       e.show ? g("", !0) : (d(), u("div", {
         key: 1,
-        class: p(["mb-4", e.field_name])
+        class: b(["mb-4", e.field_name])
       }, [
         s("label", {
-          class: p({
+          class: b({
             "gl-label-form": e.error_message == "",
             "gl-label-form-invalid": e.error_message !== "",
             required: e.is_required
@@ -2170,7 +2170,7 @@ const wd = /* @__PURE__ */ S(os, [["render", ls]]), ds = { class: "font-bold pte
           required: e.is_required,
           name: e.field_name,
           id: e.field_name,
-          class: p({
+          class: b({
             "gl-input-form": e.error_message == "",
             "gl-input-form-invalid": e.error_message !== ""
           }),
@@ -2207,10 +2207,10 @@ function en(e, t, r, n, o, a) {
             class: "flex-auto -mb-px text-center"
           }, [
             s("a", {
-              class: p([{ "text-slate-600 bg-white dark:bg-meta-4": n.selectedTitle != l.title, "text-white  bg-slate-600 dark:bg-primary": n.selectedTitle === l.title }, "block px-5 py-3 text-xs font-bold leading-normal uppercase rounded shadow-lg hover:text-white tex hover:bg-slate-600 dark:hover:bg-primary dark:text-white tabs_buttons"])
+              class: b([{ "text-slate-600 bg-white dark:bg-meta-4": n.selectedTitle != l.title, "text-white  bg-slate-600 dark:bg-primary": n.selectedTitle === l.title }, "block px-5 py-3 text-xs font-bold leading-normal uppercase rounded shadow-lg hover:text-white tex hover:bg-slate-600 dark:hover:bg-primary dark:text-white tabs_buttons"])
             }, [
               s("i", {
-                class: p([l.icon, "mr-1 text-base"])
+                class: b([l.icon, "mr-1 text-base"])
               }, null, 2),
               w(" " + h(l.title), 1)
             ], 2)
@@ -2529,7 +2529,7 @@ const Dd = /* @__PURE__ */ S(tn, [["render", sn]]), nn = {
 function da(e, t, r, n, o, a) {
   return d(), u("div", null, [
     s("div", {
-      class: p(["", !r.hide_arrow && r.slider_arrows_indicators_position == "arrows_outside_slide" ? "flex" : "relative block"]),
+      class: b(["", !r.hide_arrow && r.slider_arrows_indicators_position == "arrows_outside_slide" ? "flex" : "relative block"]),
       id: "mainSliderContainer_" + e.Random_string
     }, [
       e.dotsNum > 0 && !r.hide_arrow && r.slider_arrows_indicators_position == "arrows_outside_slider" ? (d(), u("div", on, [
@@ -2544,7 +2544,7 @@ function da(e, t, r, n, o, a) {
         ])
       ])) : g("", !0),
       s("div", {
-        class: p(["overflow-hidden", a.sliderContainerAction()]),
+        class: b(["overflow-hidden", a.sliderContainerAction()]),
         id: "sliderContainer_" + e.Random_string
       }, [
         s("ul", {
@@ -2553,7 +2553,7 @@ function da(e, t, r, n, o, a) {
         }, [
           e.dotsNum > 0 && !r.hide_arrow && r.slider_arrows_indicators_position == "arrows_indicators_inside_slider" ? (d(), u("div", {
             key: 0,
-            class: p(["items-center justify-center hidden arrow_button xl:flex xxl:flex md:flex sm:flex", r.direction_property == "rtl" ? "arrow_button_next" : "arrow_button_prev"])
+            class: b(["items-center justify-center hidden arrow_button xl:flex xxl:flex md:flex sm:flex", r.direction_property == "rtl" ? "arrow_button_next" : "arrow_button_prev"])
           }, [
             s("div", _n, [
               s("button", {
@@ -2568,7 +2568,7 @@ function da(e, t, r, n, o, a) {
           I(e.$slots, "default", {}, void 0, !0),
           e.dotsNum > 0 && !r.hide_arrow && r.slider_arrows_indicators_position == "arrows_indicators_inside_slider" ? (d(), u("div", {
             key: 1,
-            class: p(["items-center justify-center hidden xl:flex xxl:flex md:flex sm:flex arrow_button", r.direction_property == "rtl" ? "arrow_button_prev" : "arrow_button_next"])
+            class: b(["items-center justify-center hidden xl:flex xxl:flex md:flex sm:flex arrow_button", r.direction_property == "rtl" ? "arrow_button_prev" : "arrow_button_next"])
           }, [
             s("div", $n, [
               s("button", {
@@ -2583,22 +2583,22 @@ function da(e, t, r, n, o, a) {
         ], 8, pn),
         r.slider_arrows_indicators_position != "arrows_indicators_below_slider" ? (d(), u("div", {
           key: 0,
-          class: p(["flex justify-center mb-1 space-x-1", a.sliderIndicatorsAction()])
+          class: b(["flex justify-center mb-1 space-x-1", a.sliderIndicatorsAction()])
         }, [
           (d(!0), u(v, null, k(e.dotsNum, (l) => (d(), u("button", {
             role: "button",
-            class: p(["gl-dot", { active: e.currentDot == l }]),
+            class: b(["gl-dot", { active: e.currentDot == l }]),
             key: l,
             onClick: (i) => a.setDot(l)
           }, In, 10, jn))), 128))
         ], 2)) : g("", !0),
         r.slider_arrows_indicators_position == "arrows_indicators_below_slider" ? (d(), u("div", Tn, [
           s("div", {
-            class: p(["flex justify-center mb-1 space-x-1", a.sliderIndicatorsAction()])
+            class: b(["flex justify-center mb-1 space-x-1", a.sliderIndicatorsAction()])
           }, [
             (d(!0), u(v, null, k(e.dotsNum, (l) => (d(), u("button", {
               role: "button",
-              class: p(["gl-dot", { active: e.currentDot == l }]),
+              class: b(["gl-dot", { active: e.currentDot == l }]),
               key: l,
               onClick: (i) => a.setDot(l)
             }, Vn, 10, Mn))), 128))
@@ -2607,7 +2607,7 @@ function da(e, t, r, n, o, a) {
             s("div", Bn, [
               s("div", Gn, [
                 s("button", {
-                  class: p(["p-3 rounded-full arrow_button_styles", r.direction_property == "rtl" ? "ml-3" : "mr-3"]),
+                  class: b(["p-3 rounded-full arrow_button_styles", r.direction_property == "rtl" ? "ml-3" : "mr-3"]),
                   onClick: t[3] || (t[3] = (l) => a.prev())
                 }, [
                   r.direction_property == "ltr" ? (d(), u("svg", Fn, Un)) : g("", !0),
@@ -2696,7 +2696,7 @@ const Pd = /* @__PURE__ */ S(nn, [["render", da], ["__scopeId", "data-v-a94f16a9
       { immediate: !0, deep: !0 }
     ), (i, c) => D((d(), u("div", ua, [
       s("div", {
-        class: p(["pointer-events-none relative h-[calc(100%-1rem)] w-auto translate-y-[-50px] transition-all duration-300 ease-in-out min-[576px]:mx-auto min-[576px]:mt-7 min-[576px]:h-[calc(100%-3.5rem)]", e.max_width])
+        class: b(["pointer-events-none relative h-[calc(100%-1rem)] w-auto translate-y-[-50px] transition-all duration-300 ease-in-out min-[576px]:mx-auto min-[576px]:mt-7 min-[576px]:h-[calc(100%-3.5rem)]", e.max_width])
       }, [
         s("div", ca, [
           s("div", fa, [
@@ -2778,7 +2778,7 @@ const Pd = /* @__PURE__ */ S(nn, [["render", da], ["__scopeId", "data-v-a94f16a9
     return (l, i) => (d(), u(v, null, [
       e.show ? (d(), u("div", {
         key: 0,
-        class: p(e.field_name)
+        class: b(e.field_name)
       }, [
         s("div", ba, [
           s("li", ya, [
@@ -2804,7 +2804,7 @@ const Pd = /* @__PURE__ */ S(nn, [["render", da], ["__scopeId", "data-v-a94f16a9
       ], 2)) : g("", !0),
       e.show ? g("", !0) : (d(), u("div", {
         key: 1,
-        class: p(["mb-4", e.field_name])
+        class: b(["mb-4", e.field_name])
       }, [
         s("li", $a, [
           w(h(e.label_name) + " ", 1),
@@ -2929,86 +2929,86 @@ const Pd = /* @__PURE__ */ S(nn, [["render", da], ["__scopeId", "data-v-a94f16a9
   setup(e, { emit: t }) {
     const r = e, n = t, o = C(null), a = C({}), l = C(0), i = C(!1), c = C(""), f = C("");
     R(() => {
-      f.value = L(), r.show || (document.body.addEventListener("click", (b) => {
-        ze(b);
-      }), document.addEventListener("keypress", (b) => {
-        b.key === "Enter" && b.target.form && b.preventDefault();
+      f.value = L(), r.show || (document.body.addEventListener("click", (p) => {
+        ze(p);
+      }), document.addEventListener("keypress", (p) => {
+        p.key === "Enter" && p.target.form && p.preventDefault();
       }));
     });
     const m = G(() => Ke()), y = G(() => We()), x = G(() => {
-      const b = [], O = new RegExp(c.value, "ig");
+      const p = [], O = new RegExp(c.value, "ig");
       for (const E of m.value) {
         const B = String(E.name);
-        (c.value.length < 1 || B.match(O)) && b.length < r.maxItem && b.push(E);
+        (c.value.length < 1 || B.match(O)) && p.length < r.maxItem && p.push(E);
       }
-      return b;
+      return p;
     });
-    function $(b) {
+    function $(p) {
       if ([
         "ArrowLeft",
         "ArrowUp",
         "ArrowRight",
         "ArrowDown",
         "Enter"
-      ].includes(b.key)) {
-        if (["ArrowUp", "ArrowDown"].includes(b.key) && b.preventDefault(), b.key === "ArrowDown" && r.posts === "")
+      ].includes(p.key)) {
+        if (["ArrowUp", "ArrowDown"].includes(p.key) && p.preventDefault(), p.key === "ArrowDown" && r.posts === "")
           return;
-        Ze(b.key);
+        Ze(p.key);
       }
     }
     function L() {
-      let b = (/* @__PURE__ */ new Date()).getTime();
+      let p = (/* @__PURE__ */ new Date()).getTime();
       return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(
         /[xy]/g,
         function(E) {
-          const B = (b + Math.random() * 16) % 16 | 0;
-          return b = Math.floor(b / 16), (E === "x" ? B : B & 3 | 8).toString(16);
+          const B = (p + Math.random() * 16) % 16 | 0;
+          return p = Math.floor(p / 16), (E === "x" ? B : B & 3 | 8).toString(16);
         }
       );
     }
-    function te(b) {
-      return Object.keys(b).length > 0;
+    function te(p) {
+      return p !== null && typeof p == "object" && Object.keys(p).length > 0;
     }
-    function ze(b) {
-      b.target.id != r.field_name + "search" + f.value && b.target.id != r.field_name && !b.target.classList.contains("showOptions") && (_e(), l.value = 0);
+    function ze(p) {
+      p.target.id != r.field_name + "search" + f.value && p.target.id != r.field_name && !p.target.classList.contains("showOptions") && (_e(), l.value = 0);
     }
-    function me(b) {
-      const O = `${b}${f.value}`, E = document.getElementById(O);
+    function me(p) {
+      const O = `${p}${f.value}`, E = document.getElementById(O);
       E && E.scrollIntoView();
     }
-    function He(b) {
-      const O = `${b}${f.value}`, E = document.getElementById(O);
+    function He(p) {
+      const O = `${p}${f.value}`, E = document.getElementById(O);
       E && E.click();
     }
-    function Ze(b) {
-      b === "ArrowDown" && l.value < x.value.length && (l.value++, me(l.value)), b === "ArrowUp" && l.value > 1 && (l.value--, me(l.value)), b === "Enter" && He(l.value);
+    function Ze(p) {
+      p === "ArrowDown" && l.value < x.value.length && (l.value++, me(l.value)), p === "ArrowUp" && l.value > 1 && (l.value--, me(l.value)), p === "Enter" && He(l.value);
     }
     function Ke() {
-      return r.options.map((b, O) => typeof b == "object" ? b : { id: b, name: b });
+      return r.options.map((p, O) => typeof p == "object" ? p : { id: p, name: p });
     }
     function We() {
       if (te(a.value))
         return console.log("selected.value: ", a.value), typeof a.value == "object" ? m.value.find(
-          (b) => String(b.id) === String(a.value.id)
+          (p) => String(p.id) === String(a.value.id)
         ) || {} : m.value.find(
-          (b) => String(b.id) === String(a.value)
+          (p) => String(p.id) === String(a.value)
         ) || {};
       if (r.modelValue)
         return console.log("props.modelValue :", r.modelValue), typeof r.modelValue == "object" ? m.value.find(
-          (b) => String(b.id) === String(r.modelValue.id)
+          (p) => String(p.id) === String(r.modelValue.id)
         ) || {} : m.value.find(
-          (b) => String(b.id) === String(r.modelValue)
+          (p) => String(p.id) === String(r.modelValue)
         ) || {};
     }
-    function pe(b) {
-      a.value = b, i.value = !1, n("selected", a.value), n("selectionChanged", a.value);
+    function pe(p) {
+      a.value = p, i.value = !1, n("selected", a.value), n("selectionChanged", a.value);
     }
     function re() {
       r.show || (c.value = "", i.value = !0, ot(() => {
-        var b = document.getElementById(
+        var p = document.getElementById(
           `${r.field_name}search${f.value}`
         );
-        b && b.focus();
+        p && p.focus();
       }));
     }
     function Xe() {
@@ -3019,14 +3019,14 @@ const Pd = /* @__PURE__ */ S(nn, [["render", da], ["__scopeId", "data-v-a94f16a9
     }
     return X(c, () => {
       x.value.length === 0 && (a.value = {});
-    }), X(a, (b) => {
-      te(b) && n("update:modelValue", b.id);
-    }), (b, O) => {
+    }), X(a, (p) => {
+      te(p) && n("update:modelValue", p.id);
+    }), (p, O) => {
       var E, B, be;
       return d(), u(v, null, [
         e.show ? (d(), u("div", {
           key: 0,
-          class: p(e.field_name)
+          class: b(e.field_name)
         }, [
           s("h3", Ea, h(e.label_name), 1),
           s("p", ja, [
@@ -3036,7 +3036,7 @@ const Pd = /* @__PURE__ */ S(nn, [["render", da], ["__scopeId", "data-v-a94f16a9
         ], 2)) : g("", !0),
         e.show ? g("", !0) : (d(), u("div", {
           key: 1,
-          class: p(["mb-4", e.field_name])
+          class: b(["mb-4", e.field_name])
         }, [
           s("input", {
             type: "hidden",
@@ -3047,7 +3047,7 @@ const Pd = /* @__PURE__ */ S(nn, [["render", da], ["__scopeId", "data-v-a94f16a9
           e.options ? (d(), u("div", Ma, [
             e.label_name ? (d(), u("label", {
               key: 0,
-              class: p({
+              class: b({
                 "gl-label-form": e.error_message == "",
                 "gl-label-form-invalid": e.error_message !== "",
                 required: e.is_required
@@ -3056,7 +3056,7 @@ const Pd = /* @__PURE__ */ S(nn, [["render", da], ["__scopeId", "data-v-a94f16a9
             s("div", Na, [
               s("div", Va, [
                 s("input", {
-                  class: p([{
+                  class: b([{
                     "gl-input-form": e.error_message == "",
                     "gl-input-form-invalid": e.error_message !== ""
                   }, "pl-8 pr-2 showOptions"]),
@@ -3076,7 +3076,7 @@ const Pd = /* @__PURE__ */ S(nn, [["render", da], ["__scopeId", "data-v-a94f16a9
                 ]),
                 s("i", {
                   onClick: O[2] || (O[2] = (A) => !i.value && re()),
-                  class: p([i.value ? "fa-angle-up" : "fa-angle-down", "absolute text-xl text-gray-500 cursor-pointer fas right-2 hover:text-gray-700 dark:hover:text-gray-800 showOptions"]),
+                  class: b([i.value ? "fa-angle-up" : "fa-angle-down", "absolute text-xl text-gray-500 cursor-pointer fas right-2 hover:text-gray-700 dark:hover:text-gray-800 showOptions"]),
                   style: { top: "11px" }
                 }, null, 2)
               ]),
@@ -3104,7 +3104,7 @@ const Pd = /* @__PURE__ */ S(nn, [["render", da], ["__scopeId", "data-v-a94f16a9
                   (d(!0), u(v, null, k(x.value, (A, se) => {
                     var ye;
                     return d(), u("div", {
-                      class: p(["relative px-2 py-2 text-xs leading-4 text-gray-700 no-underline cursor-pointer dark:text-gray-200 hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white", se + 1 == l.value ? "bg-gray-100 dark:bg-gray-600" : ""]),
+                      class: b(["relative px-2 py-2 text-xs leading-4 text-gray-700 no-underline cursor-pointer dark:text-gray-200 hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white", se + 1 == l.value ? "bg-gray-100 dark:bg-gray-600" : ""]),
                       onClick: (Ye) => pe(A),
                       onMousedown: (Ye) => pe(A),
                       key: se,
@@ -3180,7 +3180,7 @@ const Pd = /* @__PURE__ */ S(nn, [["render", da], ["__scopeId", "data-v-a94f16a9
     }), t({ focus: () => a.value.focus() }), (l, i) => (d(), u(v, null, [
       e.show ? (d(), u("div", {
         key: 0,
-        class: p(e.field_name)
+        class: b(e.field_name)
       }, [
         s("h3", Qa, h(e.label_name), 1),
         s("p", {
@@ -3191,10 +3191,10 @@ const Pd = /* @__PURE__ */ S(nn, [["render", da], ["__scopeId", "data-v-a94f16a9
       ], 2)) : g("", !0),
       e.show ? g("", !0) : (d(), u("div", {
         key: 1,
-        class: p(["mb-4", e.field_name])
+        class: b(["mb-4", e.field_name])
       }, [
         s("label", {
-          class: p({
+          class: b({
             "gl-label-form": e.error_message == "",
             "gl-label-form-invalid": e.error_message !== "",
             required: e.is_required
@@ -3205,7 +3205,7 @@ const Pd = /* @__PURE__ */ S(nn, [["render", da], ["__scopeId", "data-v-a94f16a9
           required: e.is_required,
           name: e.field_name,
           id: e.field_name,
-          class: p({
+          class: b({
             " gl-textarea-form   mt-4 ": e.error_message == "",
             " gl-textarea-form-invalid   mt-4 ": e.error_message !== ""
           }),
@@ -3427,7 +3427,7 @@ function xo(e, t, r, n, o, a) {
         }), [
           i.computed.prevPageUrl || r.showDisabled ? (d(), u("li", {
             key: 0,
-            class: p(["flex items-center justify-center h-8 px-3 leading-tight text-gray-500 bg-white border border-gray-300 ms-0 border-e-0 rounded-s-lg hover:bg-gray-100 hover:text-gray-700 dark:bg-gray-800 dark:border-gray-700 dark:text-gray-400 dark:hover:bg-gray-700 dark:hover:text-white", { disabled: !i.computed.prevPageUrl }])
+            class: b(["flex items-center justify-center h-8 px-3 leading-tight text-gray-500 bg-white border border-gray-300 ms-0 border-e-0 rounded-s-lg hover:bg-gray-100 hover:text-gray-700 dark:bg-gray-800 dark:border-gray-700 dark:text-gray-400 dark:hover:bg-gray-700 dark:hover:text-white", { disabled: !i.computed.prevPageUrl }])
           }, [
             s("a", W({
               class: "page-link",
@@ -3442,7 +3442,7 @@ function xo(e, t, r, n, o, a) {
             ], 16, go)
           ], 2)) : g("", !0),
           (d(!0), u(v, null, k(i.computed.pageRange, (c, f) => (d(), u("li", {
-            class: p(["", { active: c == i.computed.currentPage }]),
+            class: b(["", { active: c == i.computed.currentPage }]),
             key: f
           }, [
             s("a", W({
@@ -3455,7 +3455,7 @@ function xo(e, t, r, n, o, a) {
           ], 2))), 128)),
           i.computed.nextPageUrl || r.showDisabled ? (d(), u("li", {
             key: 1,
-            class: p(["flex items-center justify-center h-8 px-3 leading-tight text-gray-500 bg-white border border-gray-300 rounded-e-lg hover:bg-gray-100 hover:text-gray-700 dark:bg-gray-800 dark:border-gray-700 dark:text-gray-400 dark:hover:bg-gray-700 dark:hover:text-white", { disabled: !i.computed.nextPageUrl }])
+            class: b(["flex items-center justify-center h-8 px-3 leading-tight text-gray-500 bg-white border border-gray-300 rounded-e-lg hover:bg-gray-100 hover:text-gray-700 dark:bg-gray-800 dark:border-gray-700 dark:text-gray-400 dark:hover:bg-gray-700 dark:hover:text-white", { disabled: !i.computed.nextPageUrl }])
           }, [
             s("a", W({
               class: "",