@agrotools1/at-components 0.6.98-test-32 → 0.6.98-test-34

package/dist/DatePicker/DatePicker.vue2.js

@@ -1,13 +1,13 @@
-import { defineComponent as U, ref as u, computed as r, watch as m } from "vue";
+import { defineComponent as U, ref as r, computed as u, watch as m } from "vue";
 import z from "../Button/Button.vue.js";
 import G from "../Input/Input.core.vue.js";
-import { monthTranslationObj as h, weekInitialsObject as L, cancelTranslation as J, saveTranslation as K, isUsing12HourFormat as Q, placeholderTranslation as M } from "./DatePicker.helper.js";
+import { monthTranslationObj as b, weekInitialsObject as L, cancelTranslation as J, saveTranslation as K, isUsing12HourFormat as Q, placeholderTranslation as M } from "./DatePicker.helper.js";
 import W from "../Dropdown/Dropdown.core.vue.js";
 import X from "./DatePickerCalendar/DatePickerCalendar.vue.js";
 import Z from "./DatePickerHeader/DatePickerHeader.vue.js";
 import p from "./DatePickerListSelector/DatePickerListSelector.vue.js";
 import ee from "./DatePickerTime/DatePickerTime.vue.js";
-const ce = U({
+const de = U({
   name: "AtDatePicker",
   components: {
     AtButton: z,
@@ -33,6 +33,11 @@ const ce = U({
       default: "",
       required: !1
     },
+    placeholder: {
+      type: String,
+      default: "",
+      required: !1
+    },
     disabled: {
       required: !1,
       type: Boolean,
@@ -97,60 +102,79 @@ const ce = U({
   },
   emits: ["update:value", "confirmBoxConfirmed"],
   setup(e, T) {
-    const k = /* @__PURE__ */ new Date(), i = u({ ...e.value }), o = u(e.forceFocus), s = u(/* @__PURE__ */ new Date()), v = u("calendar"), q = r(() => s.value.getMonth() + 1), D = r(() => s.value.getFullYear()), w = u(""), y = u(-1), c = u(D.value), H = u(null), f = u(!1), B = u(!1), S = r(() => h && e.setLanguage in h ? h[e.setLanguage] : []), P = r(
-      () => S.value.map((t, a) => ({
+    const k = /* @__PURE__ */ new Date(), s = r({ ...e.value }), o = r(e.forceFocus), i = r(/* @__PURE__ */ new Date()), v = r("calendar"), q = u(() => i.value.getMonth() + 1), D = u(() => i.value.getFullYear()), w = r(""), y = r(-1), d = r(D.value), H = r(null), c = r(!1), B = r(!1), h = u(() => b && e.setLanguage in b ? b[e.setLanguage] : []), P = u(
+      () => h.value.map((t, a) => ({
         name: t.slice(0, 3),
-        value: `${c.value}-${a + 1}`
+        value: `${d.value}-${a + 1}`
       }))
-    ), A = u(
+    ), A = r(
       Array.from({ length: 101 }, () => k.getFullYear() - 50).map(
         (t, a) => ({
           name: String(t + a),
           value: String(t + a)
         })
       )
-    ), R = r(() => L && e.setLanguage in L ? L[e.setLanguage] : []), C = r(() => ({
+    ), R = u(() => L && e.setLanguage in L ? L[e.setLanguage] : []), C = u(() => ({
       cancel: J[e.setLanguage],
       save: K[e.setLanguage]
-    })), Y = r(() => {
+    })), Y = u(() => {
       const t = () => e.label ? "" : e.useRange ? M[e.setLanguage].dateStart : M[e.setLanguage].date, a = (l) => {
-        let g = l.toLocaleDateString();
+        let g = l.toLocaleDateString("en-us", {
+          day: "2-digit",
+          month: "2-digit",
+          year: "numeric"
+        });
         if (e.useTimeInput && !e.useRange) {
-          const b = e.force12HourTime ? l.toLocaleTimeString("en-us") : l.toLocaleTimeString();
-          g += ` ${b}`;
+          const S = e.force12HourTime ? l.toLocaleTimeString("en-us", {
+            day: "2-digit",
+            month: "2-digit",
+            year: "numeric"
+          }) : (
+            // add zero padding to hours
+            l.toLocaleTimeString("en-us", {
+              day: "2-digit",
+              month: "2-digit",
+              year: "numeric"
+            })
+          );
+          g += ` ${S}`;
         }
         return g;
-      }, n = (l) => l ? ` - ${l.toLocaleDateString()}` : e.label ? "" : ` - ${M[e.setLanguage].dateEnd}`;
+      }, n = (l) => l ? ` - ${l.toLocaleDateString("en-us", {
+        day: "2-digit",
+        month: "2-digit",
+        year: "numeric"
+      })}` : e.label ? "" : ` - ${M[e.setLanguage].dateEnd}`;
       if (B.value || o.value || e.value.startDate) {
-        const l = e.useConfirmBox ? i.value : e.value, g = l.startDate ? a(l.startDate) : t(), b = e.useRange ? n(l.endDate) : "";
-        return g + b;
+        const l = e.useConfirmBox ? s.value : e.value, g = l.startDate ? a(l.startDate) : t(), S = e.useRange ? n(l.endDate) : "";
+        return g + S;
       }
       return "";
-    }), x = r(() => Q() || e.force12HourTime), O = (t, a = !1) => {
-      const n = new Date(s.value);
-      v.value === "calendar" ? a ? n.setMonth(n.getMonth() + t) : n.setMonth(t - 1) : v.value === "monthSelector" ? a ? c.value += t : c.value = t : a ? y.value += t : y.value = t, s.value = n;
+    }), x = u(() => Q() || e.force12HourTime), O = (t, a = !1) => {
+      const n = new Date(i.value);
+      v.value === "calendar" ? a ? n.setMonth(n.getMonth() + t) : n.setMonth(t - 1) : v.value === "monthSelector" ? a ? d.value += t : d.value = t : a ? y.value += t : y.value = t, i.value = n;
     }, $ = (t) => {
       const a = t.split("-").map((n) => Number.parseInt(n));
       if (a.length > 0) {
-        const n = new Date(s.value);
-        n.setFullYear(a[0]), a.length > 1 && n.setMonth(a[1] - 1), s.value = n;
+        const n = new Date(i.value);
+        n.setFullYear(a[0]), a.length > 1 && n.setMonth(a[1] - 1), i.value = n;
       }
-    }, j = (t) => t >= 1 && t <= S.value.length ? S.value[t - 1] : String(t), d = (t, a = !1) => {
+    }, j = (t) => t >= 1 && t <= h.value.length ? h.value[t - 1] : String(t), f = (t, a = !1) => {
       if (a || !e.useConfirmBox) {
         const n = e.value;
         n.startDate = t.startDate, n.endDate = t.endDate, T.emit("update:value", n), (!e.useTimeInput && n.endDate || a) && (o.value = !1);
       }
-      i.value = { ...t };
+      s.value = { ...t };
     }, F = (t) => {
       e.disabled || (o.value = t, t || e.useRange && !e.value.endDate && I());
     }, N = () => {
-      f.value || F(!1);
+      c.value || F(!1);
     }, V = () => {
-      f.value = !0, setTimeout(() => f.value = !1, 100);
+      c.value = !0, setTimeout(() => c.value = !1, 100);
     }, _ = () => {
-      d(i.value, !0), T.emit("confirmBoxConfirmed");
+      f(s.value, !0), T.emit("confirmBoxConfirmed");
     }, I = () => {
-      d(
+      f(
         {
           startDate: null,
           endDate: null
@@ -169,7 +193,7 @@ const ce = U({
             startDate: new Date(e.value.startDate),
             endDate: new Date(e.value.endDate)
           };
-          (a = l.startDate) == null || a.setHours(0), (n = l.startDate) == null || n.setMinutes(0), l.endDate = t ? null : l.startDate, i.value = { ...l }, d(l, !0);
+          (a = l.startDate) == null || a.setHours(0), (n = l.startDate) == null || n.setMinutes(0), l.endDate = t ? null : l.startDate, s.value = { ...l }, f(l, !0);
         }
       }
     ), m(
@@ -183,28 +207,28 @@ const ce = U({
         o.value = t;
       }
     ), m(D, (t) => {
-      c.value = t;
+      d.value = t;
     }), {
       displayModal: o,
-      auxValue: i,
+      auxValue: s,
       datePickerMode: v,
       confirmInput: _,
       currentMonth: q,
       currentYear: D,
       currentYearRange: w,
       currentYearPageIndex: y,
-      selectedMonthYear: c,
+      selectedMonthYear: d,
       monthList: P,
       yearList: A,
-      clickedOnModal: f,
+      clickedOnModal: c,
       display12HourFormat: x,
       updateDatePeriod: O,
       updateMonthYear: $,
       displayValue: Y,
-      currentMenuDate: s,
+      currentMenuDate: i,
       getMonthName: j,
       weekInitials: R,
-      updateValue: d,
+      updateValue: f,
       updateFocus: F,
       buttonNames: C,
       coreInput: H,
@@ -217,5 +241,5 @@ const ce = U({
   }
 });
 export {
-  ce as default
+  de as default
 };

package/dist/Dropdown/Dropdown.core.d.ts

@@ -17,6 +17,10 @@ declare const _default: import('vue').DefineComponent<{
         type: PropType<boolean | undefined>;
         default: boolean;
     };
+    preventClickOutside: {
+        type: PropType<boolean | undefined>;
+        default: boolean;
+    };
     id: {
         type: PropType<string | undefined>;
         default: string;
@@ -47,6 +51,10 @@ declare const _default: import('vue').DefineComponent<{
         type: PropType<boolean | undefined>;
         default: boolean;
     };
+    preventClickOutside: {
+        type: PropType<boolean | undefined>;
+        default: boolean;
+    };
     id: {
         type: PropType<string | undefined>;
         default: string;
@@ -59,5 +67,6 @@ declare const _default: import('vue').DefineComponent<{
     position: "left" | "right";
     fullSize: boolean | undefined;
     teleportToBody: boolean | undefined;
+    preventClickOutside: boolean | undefined;
 }, {}>;
 export default _default;

package/dist/Dropdown/Dropdown.core.vue.js

@@ -4,7 +4,7 @@ import "./Dropdown.core.vue3.js";
 import y from "../_virtual/_plugin-vue_export-helper.js";
 const $ = { class: "container-dialog" }, v = ["id"];
 function D(e, t, k, B, w, E) {
-  const s = g("DropdownContent");
+  const d = g("DropdownContent");
   return o(), r("section", $, [
     l("div", {
       class: i(e.getDialogClass)
@@ -13,7 +13,7 @@ function D(e, t, k, B, w, E) {
         key: 0,
         id: "trigger",
         ref: "triggerElem",
-        onClick: t[0] || (t[0] = (...d) => e.toggleDialog && e.toggleDialog(...d))
+        onClick: t[0] || (t[0] = (...s) => e.toggleDialog && e.toggleDialog(...s))
       }, [
         n(e.$slots, "trigger", {}, void 0, !0)
       ], 512)) : p("", !0),
@@ -21,7 +21,7 @@ function D(e, t, k, B, w, E) {
         to: "body",
         disabled: !e.teleportToBody
       }, [
-        f(s, null, {
+        f(d, null, {
           default: u(() => [
             l("div", {
               id: e.id,
@@ -41,7 +41,7 @@ function D(e, t, k, B, w, E) {
     ], 2)
   ]);
 }
-const T = /* @__PURE__ */ y(a, [["render", D], ["__scopeId", "data-v-91f4014e"]]);
+const T = /* @__PURE__ */ y(a, [["render", D], ["__scopeId", "data-v-7e3ddf63"]]);
 export {
   T as default
 };

package/dist/Dropdown/Dropdown.core.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as H, ref as l, watch as G, onMounted as J, onUnmounted as K, computed as M } from "vue";
+import { defineComponent as H, ref as n, watch as G, onMounted as J, onUnmounted as K, computed as M } from "vue";
 import Q from "./DropdownContent/DropdownContent.vue.js";
 const V = H({
   name: "AtDropdown",
@@ -20,84 +20,88 @@ const V = H({
       type: Boolean,
       default: !0
     },
+    preventClickOutside: {
+      type: Boolean,
+      default: !1
+    },
     id: {
       type: String,
       default: ""
     }
   },
   emits: ["update:isOpen"],
-  setup(n, { emit: g }) {
-    const c = l(!1);
-    c.value = n.isOpen;
-    const a = l(), s = l(), u = l(), y = l(0), i = l(), f = l(), v = l(null), r = () => {
-      var S, b, O, z, B, C, T, D, E, L, W, $, I;
-      y.value = ((S = v.value) == null ? void 0 : S.scrollTop) ?? window.scrollY;
-      const e = (O = (b = s.value) == null ? void 0 : b.children[0]) == null ? void 0 : O.querySelector(
+  setup(l, { emit: g }) {
+    const c = n(!1);
+    c.value = l.isOpen;
+    const a = n(), u = n(), s = n(), y = n(0), i = n(), f = n(), d = n(null), r = () => {
+      var O, S, b, C, z, B, T, D, E, L, k, W, $;
+      y.value = ((O = d.value) == null ? void 0 : O.scrollTop) ?? window.scrollY;
+      const e = (b = (S = u.value) == null ? void 0 : S.children[0]) == null ? void 0 : b.querySelector(
         ".AT-INPUT_error-message"
-      ), o = 1 / (Number.parseFloat((z = window.getComputedStyle(document.body)) == null ? void 0 : z.zoom) || 1);
-      i.value = (B = s.value) == null ? void 0 : B.getBoundingClientRect();
+      ), o = 1 / (Number.parseFloat((C = window.getComputedStyle(document.body)) == null ? void 0 : C.zoom) || 1);
+      i.value = (z = u.value) == null ? void 0 : z.getBoundingClientRect();
       const N = {
         y: y.value * o
       }, t = {
-        top: (((C = i.value) == null ? void 0 : C.top) ?? 0) * o,
+        top: (((B = i.value) == null ? void 0 : B.top) ?? 0) * o,
         right: (((T = i.value) == null ? void 0 : T.right) ?? 0) * o,
         bottom: (((D = i.value) == null ? void 0 : D.bottom) ?? 0) * o,
         left: (((E = i.value) == null ? void 0 : E.left) ?? 0) * o,
         width: (((L = i.value) == null ? void 0 : L.width) ?? 0) * o,
-        height: (((W = i.value) == null ? void 0 : W.height) ?? 0) * o
+        height: (((k = i.value) == null ? void 0 : k.height) ?? 0) * o
       }, x = ((t == null ? void 0 : t.bottom) ?? 0) + ((e == null ? void 0 : e.clientHeight) ?? 0) + 8 + A(N), U = {
         left: () => {
-          var d, p;
-          u.value = {
+          var v, p;
+          s.value = {
             x: (t == null ? void 0 : t.left) ?? 0,
             y: x
           }, f.value = {
-            top: `${((d = u.value) == null ? void 0 : d.y) || 0}px`,
-            left: `${((p = u.value) == null ? void 0 : p.x) || 0}px`,
+            top: `${((v = s.value) == null ? void 0 : v.y) || 0}px`,
+            left: `${((p = s.value) == null ? void 0 : p.x) || 0}px`,
             zIndex: "2147483641",
             position: "absolute"
           };
         },
         right: () => {
-          var d, p, P, k;
-          u.value = {
-            x: ((t == null ? void 0 : t.left) ?? 0) - ((((d = a.value) == null ? void 0 : d.clientWidth) ?? 0) - (((p = s.value) == null ? void 0 : p.clientWidth) ?? 0)),
+          var v, p, I, P;
+          s.value = {
+            x: ((t == null ? void 0 : t.left) ?? 0) - ((((v = a.value) == null ? void 0 : v.clientWidth) ?? 0) - (((p = u.value) == null ? void 0 : p.clientWidth) ?? 0)),
             y: x
           }, f.value = {
-            top: `${((P = u.value) == null ? void 0 : P.y) || 0}px`,
-            left: `${((k = u.value) == null ? void 0 : k.x) || 0}px`,
+            top: `${((I = s.value) == null ? void 0 : I.y) || 0}px`,
+            left: `${((P = s.value) == null ? void 0 : P.x) || 0}px`,
             zIndex: "2147483641",
             position: "absolute"
           };
         }
-      }, F = window.innerWidth - ((t == null ? void 0 : t.right) ?? 0) <= ((($ = a.value) == null ? void 0 : $.offsetWidth) ?? 0) ? "right" : n.position;
-      U[F](), n.fullSize && (f.value.width = `${((I = s.value) == null ? void 0 : I.clientWidth) ?? 0}px`);
-    }, A = (e) => v.value ? 0 : e.y;
+      }, F = window.innerWidth - ((t == null ? void 0 : t.right) ?? 0) <= (((W = a.value) == null ? void 0 : W.offsetWidth) ?? 0) ? "right" : l.position;
+      U[F](), l.fullSize && (f.value.width = `${(($ = u.value) == null ? void 0 : $.clientWidth) ?? 0}px`);
+    }, A = (e) => d.value ? 0 : e.y;
     G(
-      () => n.isOpen,
+      () => l.isOpen,
       (e) => {
         c.value = e, e && setTimeout(() => {
-          n.teleportToBody && r();
+          l.teleportToBody && r();
         }, 10);
       }
     );
     const Y = async () => g("update:isOpen", !0), h = async () => g("update:isOpen", !1), w = (e) => {
       var m, o;
-      c.value && !((m = a == null ? void 0 : a.value) != null && m.contains(e.target)) && !((o = s.value) != null && o.contains(e.target)) && h();
+      l.preventClickOutside || c.value && !((m = a == null ? void 0 : a.value) != null && m.contains(e.target)) && !((o = u.value) != null && o.contains(e.target)) && h();
     }, _ = () => g("update:isOpen", !c.value);
     J(() => {
       var e;
-      document.addEventListener("click", w), n.teleportToBody && (window.addEventListener("resize", r), v.value = document.querySelector(".at-scrollable-container") || null, (e = v.value) == null || e.addEventListener("scroll", r), r());
+      document.addEventListener("click", w), l.teleportToBody && (window.addEventListener("resize", r), d.value = document.querySelector(".at-scrollable-container") || null, (e = d.value) == null || e.addEventListener("scroll", r), r());
     }), K(() => {
       var e;
-      document.removeEventListener("click", w), n.teleportToBody && (window.removeEventListener("resize", r), (e = v.value) == null || e.removeEventListener("scroll", r));
+      document.removeEventListener("click", w), l.teleportToBody && (window.removeEventListener("resize", r), (e = d.value) == null || e.removeEventListener("scroll", r));
     });
     const q = M(() => ["dialog"]);
     return {
       dialogIsOpen: c,
       getDialogClass: q,
       dialogElem: a,
-      triggerElem: s,
+      triggerElem: u,
       dialogStyle: f,
       toggleDialog: _,
       openDialog: Y,

package/dist/Dropdown/Dropdown.types.d.ts

@@ -15,6 +15,7 @@ export interface DropdownListItem {
 export interface DropdownCoreProps {
     isOpen: boolean;
     position: "right" | "left";
+    preventClickOutside?: boolean;
     fullSize?: boolean;
     teleportToBody?: boolean;
     id?: string;

package/dist/Filter/Filter.vue.js

@@ -1,37 +1,38 @@
-import z from "./Filter.vue2.js";
-import { resolveComponent as m, openBlock as t, createElementBlock as s, createVNode as l, withCtx as n, createElementVNode as a, createTextVNode as d, toDisplayString as i, createCommentVNode as I, renderSlot as S, Fragment as f, renderList as b, pushScopeId as D, popScopeId as T } from "vue";
+import S from "./Filter.vue2.js";
+import { resolveComponent as m, openBlock as t, createElementBlock as s, createVNode as l, withCtx as n, createElementVNode as a, createTextVNode as d, toDisplayString as i, createCommentVNode as I, renderSlot as D, Fragment as k, renderList as b, pushScopeId as T, popScopeId as $ } from "vue";
 import "./Filter.vue3.js";
-import $ from "../_virtual/_plugin-vue_export-helper.js";
-const A = (e) => (D("data-v-d929a747"), e = e(), T(), e), B = { class: "d-flex align-items-center gap-2" }, F = {
+import B from "../_virtual/_plugin-vue_export-helper.js";
+const C = (e) => (T("data-v-4d0535a3"), e = e(), $(), e), F = { class: "d-flex align-items-center gap-2" }, U = {
   key: 1,
   class: "badge"
-}, U = { class: "filter" }, N = { class: "at-dropdown-header" }, O = {
+}, N = { class: "filter" }, O = { class: "at-dropdown-header" }, E = {
   key: 0,
   class: "at-dropdown-content"
-}, E = {
+}, L = {
   key: 1,
   class: "at-dropdown-content"
-}, L = { class: "item" }, M = ["for"], P = /* @__PURE__ */ A(() => /* @__PURE__ */ a("span", { class: "separator" }, null, -1)), R = /* @__PURE__ */ A(() => /* @__PURE__ */ a("span", { class: "separator" }, null, -1)), j = ["for"], q = ["for"], G = { class: "at-dropdown-footer" };
-function H(e, r, J, K, Q, W) {
-  var y;
-  const C = m("AtFilterRegularIcon"), h = m("AtCloseSolidIcon"), c = m("AtParagraph"), k = m("AtButton"), v = m("AtCheckbox"), V = m("AtDropDown");
+}, M = { class: "item" }, P = ["for"], R = /* @__PURE__ */ C(() => /* @__PURE__ */ a("span", { class: "separator" }, null, -1)), j = /* @__PURE__ */ C(() => /* @__PURE__ */ a("span", { class: "separator" }, null, -1)), q = ["for"], G = ["for"], H = { class: "at-dropdown-footer" };
+function J(e, r, K, Q, W, X) {
+  var y, A;
+  const V = m("AtFilterRegularIcon"), h = m("AtCloseSolidIcon"), c = m("AtParagraph"), f = m("AtButton"), v = m("AtCheckbox"), w = m("AtDropDown");
   return t(), s("div", { key: e.keyValue }, [
-    l(V, {
+    l(w, {
       id: e.id,
       "is-open": e.isOpen,
       position: (y = e.options) == null ? void 0 : y.position,
+      "prevent-click-outside": (A = e.options) == null ? void 0 : A.preventClickOutside,
       "onUpdate:isOpen": r[3] || (r[3] = (u) => e.isOpen = u)
     }, {
       trigger: n(() => [
-        l(k, {
+        l(f, {
           id: "dropdown-button",
           variant: e.getButtonColor
         }, {
           default: n(() => {
             var u;
             return [
-              a("section", B, [
-                l(C, { size: "16" }),
+              a("section", F, [
+                l(V, { size: "16" }),
                 d(" " + i(((u = e.options) == null ? void 0 : u.buttonText) ?? "Filtros"), 1)
               ]),
               e.count > 0 ? (t(), s("span", {
@@ -44,7 +45,7 @@ function H(e, r, J, K, Q, W) {
                   onClick: e.closeDialog
                 }, null, 8, ["onClick"])
               ])) : I("", !0),
-              e.count > 0 ? (t(), s("span", F, [
+              e.count > 0 ? (t(), s("span", U, [
                 l(c, { size: "p3" }, {
                   default: n(() => [
                     d(i(e.count), 1)
@@ -60,8 +61,8 @@ function H(e, r, J, K, Q, W) {
       default: n(() => {
         var u;
         return [
-          a("div", U, [
-            a("div", N, [
+          a("div", N, [
+            a("div", O, [
               l(c, {
                 size: "p1",
                 weight: "bold"
@@ -82,11 +83,11 @@ function H(e, r, J, K, Q, W) {
                 l(h, { size: "20" })
               ])
             ]),
-            e.withSlot ? (t(), s("div", O, [
-              S(e.$slots, "default", {}, void 0, !0)
-            ])) : (t(), s("div", E, [
-              (u = e.options) != null && u.checkAllText ? (t(), s(f, { key: 0 }, [
-                a("div", L, [
+            e.withSlot ? (t(), s("div", E, [
+              D(e.$slots, "default", {}, void 0, !0)
+            ])) : (t(), s("div", L, [
+              (u = e.options) != null && u.checkAllText ? (t(), s(k, { key: 0 }, [
+                a("div", M, [
                   l(v, {
                     id: e.getItemId({ text: "checkAll", value: !1 }),
                     modelValue: e.checkAllModel,
@@ -108,11 +109,11 @@ function H(e, r, J, K, Q, W) {
                       }),
                       _: 1
                     })
-                  ], 8, M)
+                  ], 8, P)
                 ]),
-                P
+                R
               ], 64)) : I("", !0),
-              (t(!0), s(f, null, b(e.listSeparator, (o, g) => (t(), s("div", {
+              (t(!0), s(k, null, b(e.listSeparator, (o, g) => (t(), s("div", {
                 key: `${g}`,
                 class: "item-separator"
               }, [
@@ -125,15 +126,15 @@ function H(e, r, J, K, Q, W) {
                   ]),
                   _: 2
                 }, 1024),
-                R,
-                (t(!0), s(f, null, b(o.value, (p, w) => (t(), s("div", {
-                  key: `${w}`,
+                j,
+                (t(!0), s(k, null, b(o.value, (p, _) => (t(), s("div", {
+                  key: `${_}`,
                   class: "item"
                 }, [
                   l(v, {
                     id: e.getItemId(p),
                     modelValue: p.value,
-                    "onUpdate:modelValue": (_) => p.value = _,
+                    "onUpdate:modelValue": (z) => p.value = z,
                     labelledby: e.getItemId(p),
                     size: "12"
                   }, null, 8, ["id", "modelValue", "onUpdate:modelValue", "labelledby"]),
@@ -147,10 +148,10 @@ function H(e, r, J, K, Q, W) {
                       ]),
                       _: 2
                     }, 1024)
-                  ], 8, j)
+                  ], 8, q)
                 ]))), 128))
               ]))), 128)),
-              (t(!0), s(f, null, b(e.listArray, (o, g) => (t(), s("div", {
+              (t(!0), s(k, null, b(e.listArray, (o, g) => (t(), s("div", {
                 key: `${g}`,
                 class: "item"
               }, [
@@ -171,11 +172,11 @@ function H(e, r, J, K, Q, W) {
                     ]),
                     _: 2
                   }, 1024)
-                ], 8, q)
+                ], 8, G)
               ]))), 128))
             ])),
-            a("div", G, [
-              l(k, {
+            a("div", H, [
+              l(f, {
                 variant: "secondary",
                 class: "clear-button w-100",
                 onClick: e.clear
@@ -188,7 +189,7 @@ function H(e, r, J, K, Q, W) {
                 }),
                 _: 1
               }, 8, ["onClick"]),
-              l(k, {
+              l(f, {
                 class: "save-button w-100",
                 onClick: e.save
               }, {
@@ -205,10 +206,10 @@ function H(e, r, J, K, Q, W) {
         ];
       }),
       _: 3
-    }, 8, ["id", "is-open", "position"])
+    }, 8, ["id", "is-open", "position", "prevent-click-outside"])
   ]);
 }
-const ee = /* @__PURE__ */ $(z, [["render", H], ["__scopeId", "data-v-d929a747"]]);
+const oe = /* @__PURE__ */ B(S, [["render", J], ["__scopeId", "data-v-4d0535a3"]]);
 export {
-  ee as default
+  oe as default
 };