vlite3 1.4.26 → 1.4.28

package/components/DateRangePicker.vue2.js

@@ -1,4 +1,241 @@
-import f from "./DateRangePicker.vue.js";
+import { defineComponent as $, ref as b, watch as F, computed as u, openBlock as d, createBlock as m, unref as v, withCtx as D, createElementVNode as i, createElementBlock as w, Fragment as L, renderList as T, createCommentVNode as z, createVNode as h, normalizeClass as y, toDisplayString as x, createTextVNode as B } from "vue";
+import E from "./Dropdown/Dropdown.vue.js";
+import R from "./Icon.vue.js";
+import { $t as l } from "../utils/i18n.js";
+/* empty css           */
+/* empty css                                   */
+/* empty css                           */
+import P from "./Button.vue.js";
+import p from "v-datepicker-lite";
+import "v-datepicker-lite/style.css";
+const j = { class: "flex items-center justify-start gap-2 w-full" }, H = { class: "flex flex-col sm:flex-row bg-background rounded-md" }, Q = {
+  key: 0,
+  class: "flex flex-col gap-1 sm:pr-3 py-2 sm:border-r border-border max-h-[280px]"
+}, O = { class: "flex flex-col sm:flex-row items-center gap-4 py-2 p-3" }, I = { class: "border border-border rounded-md overflow-hidden bg-background" }, U = { class: "flex items-center justify-center shrink-0" }, q = { class: "border border-border rounded-md overflow-hidden bg-background" }, le = /* @__PURE__ */ $({
+  __name: "DateRangePicker",
+  props: {
+    modelValue: {},
+    placeholderStart: { default: "Start Date" },
+    placeholderEnd: { default: "End Date" },
+    minDate: {},
+    maxDate: {},
+    disabled: { type: Boolean },
+    readonly: { type: Boolean },
+    size: {},
+    variant: {},
+    showQuickRanges: { type: Boolean, default: !0 },
+    triggerClass: {}
+  },
+  emits: ["update:modelValue", "change"],
+  setup(s, { emit: M }) {
+    const g = s, k = M, o = b(!1), c = b(0);
+    F(o, (a) => {
+      a && c.value++;
+    });
+    const n = u({
+      get: () => {
+        const a = g.modelValue;
+        return a ? {
+          startDate: a.startDate !== void 0 ? a.startDate : a.start,
+          endDate: a.endDate !== void 0 ? a.endDate : a.end
+        } : { startDate: null, endDate: null };
+      },
+      set: (a) => {
+        k("update:modelValue", a), k("change", a);
+      }
+    }), Y = (a) => {
+      n.value = { ...n.value, startDate: a };
+    }, S = (a) => {
+      n.value = { ...n.value, endDate: a };
+    }, C = u(() => {
+      if (n.value.endDate) {
+        const a = new Date(n.value.endDate);
+        if (!isNaN(a.getTime())) return a.toISOString();
+      }
+      return g.maxDate;
+    }), N = u(() => {
+      if (n.value.startDate) {
+        const a = new Date(n.value.startDate);
+        if (!isNaN(a.getTime())) return a.toISOString();
+      }
+      return g.minDate;
+    }), f = (a) => {
+      if (!a) return "";
+      try {
+        const e = new Date(a);
+        return isNaN(e.getTime()) ? "" : e.toLocaleDateString("en-US", { month: "short", day: "numeric", year: "numeric" });
+      } catch {
+        return "";
+      }
+    }, V = u(() => [
+      {
+        label: l("vlite.dateRangePicker.today") !== "vlite.dateRangePicker.today" ? l("vlite.dateRangePicker.today") : "Today",
+        value: "today",
+        icon: "lucide:calendar"
+      },
+      {
+        label: l("vlite.dateRangePicker.yesterday") !== "vlite.dateRangePicker.yesterday" ? l("vlite.dateRangePicker.yesterday") : "Yesterday",
+        value: "yesterday",
+        icon: "lucide:calendar-minus"
+      },
+      {
+        label: l("vlite.dateRangePicker.last7Days") !== "vlite.dateRangePicker.last7Days" ? l("vlite.dateRangePicker.last7Days") : "Last 7 Days",
+        value: "last_7_days",
+        icon: "lucide:calendar-days"
+      },
+      {
+        label: l("vlite.dateRangePicker.last30Days") !== "vlite.dateRangePicker.last30Days" ? l("vlite.dateRangePicker.last30Days") : "Last 30 Days",
+        value: "last_30_days",
+        icon: "lucide:calendar-days"
+      },
+      {
+        label: l("vlite.dateRangePicker.thisMonth") !== "vlite.dateRangePicker.thisMonth" ? l("vlite.dateRangePicker.thisMonth") : "This Month",
+        value: "this_month",
+        icon: "lucide:calendar-range"
+      },
+      {
+        label: l("vlite.dateRangePicker.lastMonth") !== "vlite.dateRangePicker.lastMonth" ? l("vlite.dateRangePicker.lastMonth") : "Last Month",
+        value: "last_month",
+        icon: "lucide:calendar-range"
+      },
+      {
+        label: l("vlite.dateRangePicker.last6Months") !== "vlite.dateRangePicker.last6Months" ? l("vlite.dateRangePicker.last6Months") : "Last 6 Months",
+        value: "last_6_months",
+        icon: "lucide:history"
+      },
+      {
+        label: l("vlite.dateRangePicker.thisYear") !== "vlite.dateRangePicker.thisYear" ? l("vlite.dateRangePicker.thisYear") : "This Year",
+        value: "this_year",
+        icon: "lucide:calendar-check"
+      },
+      {
+        label: l("vlite.dateRangePicker.lastYear") !== "vlite.dateRangePicker.lastYear" ? l("vlite.dateRangePicker.lastYear") : "Last Year",
+        value: "last_year",
+        icon: "lucide:history"
+      }
+    ]), _ = (a) => {
+      const e = /* @__PURE__ */ new Date();
+      let t = /* @__PURE__ */ new Date(), r = /* @__PURE__ */ new Date();
+      switch (e.setHours(0, 0, 0, 0), t.setHours(0, 0, 0, 0), r.setHours(0, 0, 0, 0), a.value) {
+        case "today":
+          t = new Date(e), r = new Date(e);
+          break;
+        case "yesterday":
+          t = new Date(e), t.setDate(t.getDate() - 1), r = new Date(t);
+          break;
+        case "last_7_days":
+          t = new Date(e), t.setDate(t.getDate() - 6), r = new Date(e);
+          break;
+        case "last_30_days":
+          t = new Date(e), t.setDate(t.getDate() - 29), r = new Date(e);
+          break;
+        case "this_month":
+          t = new Date(e.getFullYear(), e.getMonth(), 1), r = new Date(e);
+          break;
+        case "last_month":
+          t = new Date(e.getFullYear(), e.getMonth() - 1, 1), r = new Date(e.getFullYear(), e.getMonth(), 0);
+          break;
+        case "last_6_months":
+          t = new Date(e.getFullYear(), e.getMonth() - 5, 1), r = new Date(e);
+          break;
+        case "this_year":
+          t = new Date(e.getFullYear(), 0, 1), r = new Date(e);
+          break;
+        case "last_year":
+          t = new Date(e.getFullYear() - 1, 0, 1), r = new Date(e.getFullYear() - 1, 11, 31);
+          break;
+      }
+      n.value = { startDate: t, endDate: r }, c.value++, o.value = !1;
+    };
+    return (a, e) => (d(), m(v(E), {
+      isOpen: o.value,
+      "onUpdate:isOpen": e[0] || (e[0] = (t) => o.value = t),
+      position: "bottom-start",
+      disabled: s.disabled || s.readonly,
+      class: "w-full sm:w-auto inline-block",
+      maxHeight: "none"
+    }, {
+      trigger: D(({ isOpen: t }) => [
+        h(P, {
+          icon: "lucide:calendar",
+          variant: s.variant || "outline",
+          size: s.size || "md",
+          disabled: s.disabled,
+          class: y(["w-full justify-between text-left font-normal", [s.triggerClass, { "ring-1 ring-ring ring-offset-[1]": t }]]),
+          "data-testid": a.$attrs["data-testid"] || (a.$attrs.name ? `daterange-${a.$attrs.name}` : "daterange")
+        }, {
+          default: D(() => [
+            i("div", j, [
+              i("span", {
+                class: y({ "text-muted-foreground": !n.value.startDate })
+              }, x(n.value.startDate ? f(n.value.startDate) : s.placeholderStart), 3),
+              e[1] || (e[1] = B(" — ", -1)),
+              i("span", {
+                class: y({ "text-muted-foreground": !n.value.endDate })
+              }, x(n.value.endDate ? f(n.value.endDate) : s.placeholderEnd), 3)
+            ])
+          ]),
+          _: 1
+        }, 8, ["variant", "size", "disabled", "class", "data-testid"])
+      ]),
+      menu: D(() => [
+        i("div", H, [
+          s.showQuickRanges ? (d(), w("div", Q, [
+            e[2] || (e[2] = i("div", { class: "text-xs pl-2 pb-2 font-semibold text-muted-foreground uppercase tracking-wider" }, " Quick Ranges ", -1)),
+            (d(!0), w(L, null, T(V.value, (t) => (d(), m(P, {
+              key: t.value,
+              text: t.label,
+              icon: t.icon,
+              variant: "ghost",
+              size: "sm",
+              class: "justify-start w-full font-normal",
+              onClick: (r) => _(t)
+            }, null, 8, ["text", "icon", "onClick"]))), 128))
+          ])) : z("", !0),
+          i("div", O, [
+            i("div", I, [
+              (d(), m(v(p), {
+                key: "start-" + c.value,
+                value: n.value.startDate,
+                onChange: Y,
+                mode: "date",
+                "max-date": C.value,
+                "min-date": s.minDate,
+                disabled: s.disabled,
+                class: "min-w-[270px]",
+                readonly: s.readonly
+              }, null, 8, ["value", "max-date", "min-date", "disabled", "readonly"]))
+            ]),
+            i("div", U, [
+              h(R, {
+                icon: "lucide:arrow-right",
+                class: "w-5 h-5 text-muted-foreground hidden sm:block opacity-50"
+              }),
+              h(R, {
+                icon: "lucide:arrow-down",
+                class: "w-5 h-5 text-muted-foreground sm:hidden opacity-50"
+              })
+            ]),
+            i("div", q, [
+              (d(), m(v(p), {
+                key: "end-" + c.value,
+                value: n.value.endDate,
+                onChange: S,
+                mode: "date",
+                "min-date": N.value,
+                "max-date": s.maxDate,
+                class: "min-w-[270px]",
+                disabled: s.disabled,
+                readonly: s.readonly
+              }, null, 8, ["value", "min-date", "max-date", "disabled", "readonly"]))
+            ])
+          ])
+        ])
+      ]),
+      _: 1
+    }, 8, ["isOpen", "disabled"]));
+  }
+});
 export {
-  f as default
+  le as default
 };

package/components/FilePicker/index.vue.js

@@ -63,7 +63,7 @@ const j = ["multiple", "accept", "data-testid"], O = /* @__PURE__ */ V({
       return a["data-testid"] ? `${a["data-testid"]}-input` : a.name ? `filepicker-input-${a.name}` : "filepicker-input";
     }), o = () => e.triggerInput(p.value), T = n(() => e.acceptAttribute.value);
     return (a, r) => (u(), N("div", {
-      class: C(["vl-file-picker w-full min-w-0", { "vl-file-picker--input": l.variant === "input" }])
+      class: C(["vl-file-picker mb-4! w-full min-w-0", { "vl-file-picker--input": l.variant === "input" }])
     }, [
       E("input", {
         ref_key: "fileInput",

package/components/Form/FormField.vue.js

@@ -1,5 +1,5 @@
-import { defineComponent as E, computed as f, markRaw as O, openBlock as c, createBlock as m, mergeProps as p, toHandlers as C, createSlots as M, unref as P, withCtx as u, createVNode as L, createTextVNode as x, toDisplayString as y, createCommentVNode as N, resolveDynamicComponent as q } from "vue";
-import { resolveFieldType as G, isComponent as k, isAddonObject as T } from "./utils/form.utils.js";
+import { defineComponent as E, computed as f, markRaw as O, openBlock as c, createBlock as m, mergeProps as p, toHandlers as P, createSlots as M, unref as L, withCtx as u, createVNode as N, createTextVNode as y, toDisplayString as x, createCommentVNode as T, resolveDynamicComponent as q } from "vue";
+import { resolveFieldType as G, isComponent as R, isAddonObject as B } from "./utils/form.utils.js";
 import J from "../NumberInput.vue.js";
 import z from "../Button.vue.js";
 import { resolveI18nText as K } from "../../utils/i18n.js";
@@ -11,7 +11,7 @@ import X from "../FilePicker/index.vue.js";
 import Y from "../AvatarUploader/AvatarUploader.vue.js";
 import Z from "../ThumbnailSelector/ThumbnailSelector.vue.js";
 import _ from "../TagInput/TagInput.vue.js";
-import R from "../Dropdown/Dropdown.vue.js";
+import w from "../Dropdown/Dropdown.vue.js";
 import ee from "../MultiSelect/MultiSelect.vue.js";
 import ae from "../DatePicker.vue.js";
 import le from "../DateRangePicker.vue.js";
@@ -40,8 +40,8 @@ const Ne = /* @__PURE__ */ E({
     loading: { type: Boolean, default: !1 }
   },
   emits: ["change", "addonChange", "addonAction"],
-  setup(i, { emit: B }) {
-    const e = i, v = B, d = (a, l) => {
+  setup(t, { emit: U }) {
+    const e = t, v = U, d = (a, l) => {
       v("change", { value: a, data: l });
     }, S = (a) => {
       v("change", { value: a });
@@ -51,9 +51,9 @@ const Ne = /* @__PURE__ */ E({
       isUpdate: e.isUpdate
     })), b = f(
       () => o.value === "number" && e.field.isSensitiveField === !0
-    ), U = f(() => {
+    ), D = f(() => {
       const a = o.value;
-      if (k(a))
+      if (R(a))
         return O(a);
       switch (a) {
         case "text":
@@ -71,7 +71,7 @@ const Ne = /* @__PURE__ */ E({
         case "check":
           return W;
         case "select":
-          return R;
+          return w;
         case "multiSelect":
           return ee;
         case "choiceBox":
@@ -101,8 +101,8 @@ const Ne = /* @__PURE__ */ E({
         default:
           return V;
       }
-    }), w = f(() => {
-      const a = o.value, { disabled: l, readonly: r, ...g } = e.field, t = {
+    }), A = f(() => {
+      const a = o.value, { disabled: l, readonly: r, ...g } = e.field, i = {
         ...g,
         disabled: e.disabled || l === !0,
         readonly: e.readonly || r === !0,
@@ -116,7 +116,7 @@ const Ne = /* @__PURE__ */ E({
       ), I = e.variant === "floating" && e.label && !e.floatingActive, s = I ? "" : h;
       if (a === "text" || a === "email" || a === "password" || a === "tel" || a === "url" || a === "search" || a === "textarea" || !a)
         return {
-          ...t,
+          ...i,
           modelValue: e.value ?? "",
           type: a || "text",
           placeholder: s,
@@ -137,7 +137,7 @@ const Ne = /* @__PURE__ */ E({
         };
       if (a === "number" && b.value)
         return {
-          ...t,
+          ...i,
           // Convert numeric value to string so Input.vue (string-based) displays it correctly
           modelValue: e.value !== void 0 && e.value !== null ? String(e.value) : "",
           // 'password' activates the eye-toggle inside Input.vue
@@ -154,7 +154,7 @@ const Ne = /* @__PURE__ */ E({
         };
       if (a === "number")
         return {
-          ...t,
+          ...i,
           modelValue: e.value ?? void 0,
           min: e.field.min,
           max: e.field.max,
@@ -172,10 +172,11 @@ const Ne = /* @__PURE__ */ E({
           rounded: oe,
           error: se,
           switchVariant: ue,
-          ...D
-        } = t;
+          ...k
+        } = i;
         return {
-          ...D,
+          ...k,
+          disabled: k.disabled || k.readonly,
           modelValue: !!e.value,
           label: e.field.label,
           labelI18n: e.field.labelI18n,
@@ -188,14 +189,15 @@ const Ne = /* @__PURE__ */ E({
       }
       if (a === "check")
         return {
-          ...t,
+          ...i,
+          disabled: i.disabled || i.readonly,
           modelValue: !!e.value,
           label: ""
           // Label handled externally
         };
       if (a === "select")
         return {
-          ...t,
+          ...i,
           modelValue: e.value,
           options: e.field.options || [],
           placeholder: s,
@@ -209,7 +211,7 @@ const Ne = /* @__PURE__ */ E({
         };
       if (a === "multiSelect")
         return {
-          ...t,
+          ...i,
           modelValue: Array.isArray(e.value) ? e.value : [],
           options: e.field.options || [],
           placeholder: h,
@@ -219,7 +221,7 @@ const Ne = /* @__PURE__ */ E({
         };
       if (a === "choiceBox")
         return {
-          ...t,
+          ...i,
           modelValue: e.value,
           title: e.label,
           titleI18n: e.field.labelI18n,
@@ -244,7 +246,7 @@ const Ne = /* @__PURE__ */ E({
         };
       if (a === "date" || a === "time")
         return {
-          ...t,
+          ...i,
           modelValue: e.value,
           mode: a === "time" ? "time" : "date",
           placeholder: s,
@@ -257,14 +259,14 @@ const Ne = /* @__PURE__ */ E({
         };
       if (a === "dateRangePicker")
         return {
-          ...t,
+          ...i,
           modelValue: e.value,
           variant: e.variant === "floating" ? "outline-floating" : e.variant || "outline",
           size: e.size
         };
       if (a === "fileUploader" || a === "file")
         return {
-          ...t,
+          ...i,
           modelValue: e.value,
           multiSelect: e.field.props?.multiple || !1,
           maxFiles: e.field.maxFiles || e.field.props?.maxFiles,
@@ -281,7 +283,7 @@ const Ne = /* @__PURE__ */ E({
       if (a === "avatarUpload")
         return {
           size: "2xl",
-          ...t,
+          ...i,
           modelValue: e.value,
           editable: !e.readonly,
           maxSize: e.field.maxFileSize ? e.field.maxFileSize * 1024 * 1024 : void 0,
@@ -289,7 +291,7 @@ const Ne = /* @__PURE__ */ E({
         };
       if (a === "tags")
         return {
-          ...t,
+          ...i,
           modelValue: Array.isArray(e.value) ? e.value : [],
           placeholder: s,
           variant: e.variant,
@@ -300,7 +302,7 @@ const Ne = /* @__PURE__ */ E({
         };
       if (a === "richTextEditor")
         return {
-          ...t,
+          ...i,
           modelValue: e.value ?? "",
           placeholder: s,
           label: void 0,
@@ -312,7 +314,8 @@ const Ne = /* @__PURE__ */ E({
         };
       if (a === "color")
         return {
-          ...t,
+          ...i,
+          disabled: i.disabled || i.readonly,
           modelValue: e.value || "#000000",
           variant: e.variant,
           size: e.size,
@@ -320,12 +323,12 @@ const Ne = /* @__PURE__ */ E({
         };
       if (a === "iconPicker")
         return {
-          ...t,
+          ...i,
           value: e.value || "lucide:smile"
         };
       if (a === "customFields")
         return {
-          ...t,
+          ...i,
           name: e.field.name,
           label: e?.field?.label,
           labelI18n: e?.field?.labelI18n,
@@ -343,7 +346,7 @@ const Ne = /* @__PURE__ */ E({
       if (a === "thumbnailSelector") {
         const n = e.value && typeof e.value == "object" ? e.value : { images: [], thumbnail: null };
         return {
-          ...t,
+          ...i,
           images: Array.isArray(n.images) ? n.images : [],
           thumbnail: n.thumbnail ?? null,
           disabled: e.disabled || l === !0,
@@ -352,12 +355,12 @@ const Ne = /* @__PURE__ */ E({
           label: e.field.label
         };
       }
-      return k(a) ? {
-        ...t,
+      return R(a) ? {
+        ...i,
         value: e.field.props?.multiple && (e.value === null || e.value === void 0) ? [] : e.value,
         values: e.values
-      } : t;
-    }), A = f(() => {
+      } : i;
+    }), F = f(() => {
       const a = o.value;
       return a === "text" || a === "email" || a === "password" || a === "tel" || a === "url" || a === "search" || a === "textarea" || a === "switch" || a === "check" || !a ? {
         "update:modelValue": S
@@ -379,8 +382,8 @@ const Ne = /* @__PURE__ */ E({
           const r = e.field.props?.multiple;
           let g = null;
           r && Array.isArray(l) ? g = l.map(
-            (t) => e.field.options?.find((h) => (h.value ?? h.label) === t)?.data
-          ) : g = e.field.options?.find((t) => (t.value ?? t.label) === l)?.data, d(l, g);
+            (i) => e.field.options?.find((h) => (h.value ?? h.label) === i)?.data
+          ) : g = e.field.options?.find((i) => (i.value ?? i.label) === l)?.data, d(l, g);
         }
       } : a === "date" || a === "time" || a === "dateRangePicker" ? {
         change: (l) => d(l)
@@ -421,7 +424,7 @@ const Ne = /* @__PURE__ */ E({
           const r = e.value && typeof e.value == "object" ? e.value : { images: [], thumbnail: null };
           d({ ...r, thumbnail: l });
         }
-      } : k(a) ? {
+      } : R(a) ? {
         onChange: (l) => {
           d(l.value, l.data);
         }
@@ -429,82 +432,82 @@ const Ne = /* @__PURE__ */ E({
     }), H = f(() => {
       const a = o.value;
       return a === "text" || a === "email" || a === "password" || a === "tel" || a === "url" || a === "search" || !a;
-    }), j = f(() => H.value || o.value === "textarea" || b.value), F = (a, l) => {
+    }), j = f(() => H.value || o.value === "textarea" || b.value), C = (a, l) => {
       v("addonChange", a.name, { value: l.value });
     }, $ = (a) => {
       a.action && v("addonAction", a.action);
     };
-    return (a, l) => j.value ? (c(), m(V, p({ key: 0 }, w.value, C(A.value)), M({ _: 2 }, [
-      P(T)(i.field.addonLeft) ? {
+    return (a, l) => j.value ? (c(), m(V, p({ key: 0 }, A.value, P(F.value)), M({ _: 2 }, [
+      L(B)(t.field.addonLeft) ? {
         name: "addon-left",
         fn: u(() => [
-          i.field.addonLeft.type === "select" ? (c(), m(R, p({
+          t.field.addonLeft.type === "select" ? (c(), m(w, p({
             key: 0,
-            modelValue: i.field.addonLeft.name ? i.values[i.field.addonLeft.name] : void 0,
-            options: i.field.addonLeft.options || []
-          }, i.field.addonLeft.props || {}, {
-            onOnSelect: l[0] || (l[0] = (r) => F(i.field.addonLeft, r))
+            modelValue: t.field.addonLeft.name ? t.values[t.field.addonLeft.name] : void 0,
+            options: t.field.addonLeft.options || []
+          }, t.field.addonLeft.props || {}, {
+            onOnSelect: l[0] || (l[0] = (r) => C(t.field.addonLeft, r))
           }), {
             trigger: u(({ selectedLabel: r }) => [
-              L(z, { variant: "outline" }, {
+              N(z, { variant: "outline" }, {
                 default: u(() => [
-                  x(y(r), 1)
+                  y(x(r), 1)
                 ]),
                 _: 2
               }, 1024)
             ]),
             _: 1
-          }, 16, ["modelValue", "options"])) : i.field.addonLeft.type === "button" ? (c(), m(z, p({
+          }, 16, ["modelValue", "options"])) : t.field.addonLeft.type === "button" ? (c(), m(z, p({
             key: 1,
             variant: "outline"
-          }, i.field.addonLeft.props || {}, {
-            onClick: l[1] || (l[1] = (r) => $(i.field.addonLeft))
+          }, t.field.addonLeft.props || {}, {
+            onClick: l[1] || (l[1] = (r) => $(t.field.addonLeft))
           }), {
             default: u(() => [
-              x(y(i.field.addonLeft.text), 1)
+              y(x(t.field.addonLeft.text), 1)
             ]),
             _: 1
-          }, 16)) : N("", !0)
+          }, 16)) : T("", !0)
         ]),
         key: "0"
       } : void 0,
-      P(T)(i.field.addonRight) ? {
+      L(B)(t.field.addonRight) ? {
         name: "addon-right",
         fn: u(() => [
-          i.field.addonRight.type === "select" ? (c(), m(R, p({
+          t.field.addonRight.type === "select" ? (c(), m(w, p({
             key: 0,
-            modelValue: i.field.addonRight.name ? i.values[i.field.addonRight.name] : void 0,
-            options: i.field.addonRight.options || []
-          }, i.field.addonRight.props || {}, {
-            onOnSelect: l[2] || (l[2] = (r) => F(i.field.addonRight, r))
+            modelValue: t.field.addonRight.name ? t.values[t.field.addonRight.name] : void 0,
+            options: t.field.addonRight.options || []
+          }, t.field.addonRight.props || {}, {
+            onOnSelect: l[2] || (l[2] = (r) => C(t.field.addonRight, r))
           }), {
             trigger: u(({ selectedLabel: r }) => [
-              L(z, { variant: "outline" }, {
+              N(z, { variant: "outline" }, {
                 default: u(() => [
-                  x(y(r), 1)
+                  y(x(r), 1)
                 ]),
                 _: 2
               }, 1024)
             ]),
             _: 1
-          }, 16, ["modelValue", "options"])) : i.field.addonRight.type === "button" ? (c(), m(z, p({
+          }, 16, ["modelValue", "options"])) : t.field.addonRight.type === "button" ? (c(), m(z, p({
             key: 1,
             variant: "outline"
-          }, i.field.addonRight.props || {}, {
-            onClick: l[3] || (l[3] = (r) => $(i.field.addonRight))
+          }, t.field.addonRight.props || {}, {
+            onClick: l[3] || (l[3] = (r) => $(t.field.addonRight))
           }), {
             default: u(() => [
-              x(y(i.field.addonRight.text), 1)
+              y(x(t.field.addonRight.text), 1)
             ]),
             _: 1
-          }, 16)) : N("", !0)
+          }, 16)) : T("", !0)
         ]),
         key: "1"
       } : void 0
-    ]), 1040)) : (c(), m(q(U.value), p({
+    ]), 1040)) : (c(), m(q(D.value), p({
       key: 1,
-      class: o.value === "check" || o.value === "switch" && i.field.props?.switchVariant === "basic" ? "" : "w-full"
-    }, w.value, C(A.value)), null, 16, ["class"]));
+      class: o.value === "check" || o.value === "switch" && t.field.props?.switchVariant === "basic" ? "" : "w-full"
+    }, A.value, P(F.value)), null, 16, ["class"]));
   }
 });
 export {