quasar-ui-danx 0.4.48 → 0.4.50

package/dist/danx.es.js

@@ -1,7 +1,7 @@
 var Ch = Object.defineProperty;
 var Eh = (t, e, n) => e in t ? Ch(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n;
 var le = (t, e, n) => Eh(t, typeof e != "symbol" ? e + "" : e, n);
-import { shallowRef as Wt, getCurrentScope as Ih, onScopeDispose as Ah, unref as k, ref as H, computed as M, getCurrentInstance as Oh, onMounted as Ft, createElementBlock as v, openBlock as m, createElementVNode as O, defineComponent as K, resolveComponent as R, createBlock as I, normalizeClass as L, withCtx as $, createCommentVNode as P, renderSlot as B, resolveDynamicComponent as It, toDisplayString as D, createTextVNode as G, createVNode as F, mergeModels as At, useModel as xn, nextTick as Zn, mergeProps as He, withKeys as ki, createSlots as Zi, renderList as he, Fragment as Z, resolveDirective as hd, withDirectives as Zl, watch as fe, withModifiers as ut, normalizeStyle as Wn, isRef as md, toRefs as Fh, onBeforeUnmount as pd, onActivated as Nh, onDeactivated as $h, h as Si, vShow as Dh, isVNode as Ph, Transition as Wi, TransitionGroup as gd, useCssVars as Mh, useCssModule as yd, shallowReactive as Xo, isReactive as Lh } from "vue";
+import { shallowRef as Wt, getCurrentScope as Ih, onScopeDispose as Ah, unref as k, ref as H, computed as M, getCurrentInstance as Oh, onMounted as Ft, createElementBlock as v, openBlock as m, createElementVNode as O, defineComponent as Y, resolveComponent as R, createBlock as I, normalizeClass as L, withCtx as $, createCommentVNode as P, renderSlot as B, resolveDynamicComponent as It, toDisplayString as D, createTextVNode as G, createVNode as F, mergeModels as At, useModel as xn, nextTick as Zn, mergeProps as He, withKeys as ki, createSlots as Zi, renderList as he, Fragment as Z, resolveDirective as hd, withDirectives as Zl, watch as fe, withModifiers as ut, normalizeStyle as Wn, isRef as md, toRefs as Fh, onBeforeUnmount as pd, onActivated as Nh, onDeactivated as $h, h as Si, vShow as Dh, isVNode as Ph, Transition as Wi, TransitionGroup as gd, useCssVars as Mh, useCssModule as yd, shallowReactive as Xo, isReactive as Lh } from "vue";
 import { QBtn as Qa, QSelect as qh, QSpinner as bd, QTd as Jo, QTh as Bh, QSeparator as Rh, QTab as Uh, QSpinnerBall as Xa, QTr as jh, QTable as zh, uid as Wl } from "quasar";
 const Se = Wt({
   tinyMceApiKey: "set-api-key-in-danx-options",
@@ -289,7 +289,7 @@ function M0(t, e) {
     O("path", { d: "M135.2 17.7 128 32H32C14.3 32 0 46.3 0 64s14.3 32 32 32h384c17.7 0 32-14.3 32-32s-14.3-32-32-32h-96l-7.2-14.3C307.4 6.8 296.3 0 284.2 0H163.8c-12.1 0-23.2 6.8-28.6 17.7M416 128H32l21.2 339c1.6 25.3 22.6 45 47.9 45h245.8c25.3 0 46.3-19.7 47.9-45z" }, null, -1)
   ]));
 }
-const Sd = { render: M0 }, L0 = { class: "flex items-center flex-nowrap" }, q0 = { class: "p-4 bg-slate-600" }, B0 = { class: "flex items-center flex-nowrap mt-2" }, R0 = { class: "flex-grow" }, el = /* @__PURE__ */ K({
+const Sd = { render: M0 }, L0 = { class: "flex items-center flex-nowrap" }, q0 = { class: "p-4 bg-slate-600" }, B0 = { class: "flex items-center flex-nowrap mt-2" }, R0 = { class: "flex-grow" }, el = /* @__PURE__ */ Y({
   __name: "ActionButton",
   props: {
     type: { default: null },
@@ -344,7 +344,7 @@ const Sd = { render: M0 }, L0 = { class: "flex items-center flex-nowrap" }, q0 =
         case "green":
           return "text-green-900 bg-green-300 hover:bg-green-400";
         case "green-invert":
-          return "text-lime-800 bg-green-200 hover:bg-lime-800 hover:text-green-200";
+          return "text-green-300 bg-green-900 hover:bg-green-800";
         case "blue":
           return "text-blue-900 bg-blue-300 hover:bg-blue-400";
         case "sky":
@@ -354,7 +354,7 @@ const Sd = { render: M0 }, L0 = { class: "flex items-center flex-nowrap" }, q0 =
         case "gray":
           return "text-slate-200 bg-slate-800 hover:bg-slate-900";
         default:
-          return "text-slate-200 hover:bg-slate-800";
+          return "";
       }
     }), l = M(() => {
       const d = s[r.size].icon;
@@ -614,7 +614,7 @@ const G0 = {
       }, 8, ["loading"]);
     };
   }
-}, Z0 = /* @__PURE__ */ K({
+}, Z0 = /* @__PURE__ */ Y({
   __name: "RefreshButton",
   props: {
     loading: { type: Boolean }
@@ -634,7 +634,7 @@ const G0 = {
       }, 8, ["loading"]);
     };
   }
-}), vo = "show-hide-button", tl = /* @__PURE__ */ K({
+}), vo = "show-hide-button", tl = /* @__PURE__ */ Y({
   __name: "ShowHideButton",
   props: /* @__PURE__ */ At({
     name: { default: "" },
@@ -1122,7 +1122,7 @@ function Rm(t, e) {
 const Um = { class: "flex-grow" }, jm = {
   key: 1,
   class: "dx-dialog-subtitle"
-}, zm = { class: "flex dx-dialog-actions" }, nl = /* @__PURE__ */ K({
+}, zm = { class: "flex dx-dialog-actions" }, nl = /* @__PURE__ */ Y({
   __name: "DialogLayout",
   props: {
     modelValue: { type: [String, Boolean, Object] },
@@ -1215,7 +1215,7 @@ const Um = { class: "flex-grow" }, jm = {
 }), Vm = { class: "dx-dialog-button-cancel" }, Hm = {
   key: 0,
   class: "dx-dialog-button-confirm"
-}, kn = /* @__PURE__ */ K({
+}, kn = /* @__PURE__ */ Y({
   __name: "ConfirmDialog",
   props: {
     disabled: { type: Boolean },
@@ -1295,7 +1295,7 @@ const Um = { class: "flex-grow" }, jm = {
       ]), 1040);
     };
   }
-}), yI = /* @__PURE__ */ K({
+}), yI = /* @__PURE__ */ Y({
   __name: "ActionFormDialog",
   props: {
     title: {},
@@ -1323,7 +1323,7 @@ const Um = { class: "flex-grow" }, jm = {
       _: 1
     }, 8, ["title", "confirm-text"]));
   }
-}), Gm = /* @__PURE__ */ K({
+}), Gm = /* @__PURE__ */ Y({
   __name: "ConfirmActionDialog",
   props: {
     action: {},
@@ -1371,7 +1371,7 @@ const Um = { class: "flex-grow" }, jm = {
       }))
     ]), 1040, ["confirm-text", "title", "content"]));
   }
-}), Zm = /* @__PURE__ */ K({
+}), Zm = /* @__PURE__ */ Y({
   __name: "CreateNewWithNameDialog",
   props: {
     title: {},
@@ -1634,10 +1634,10 @@ const Um = { class: "flex-grow" }, jm = {
   "text-gray-500": "_text-gray-500_1qcdh_1",
   "text-gray-600": "_text-gray-600_1qcdh_1",
   "text-gray-700": "_text-gray-700_1qcdh_1",
+  "text-green-300": "_text-green-300_1qcdh_1",
   "text-green-400": "_text-green-400_1qcdh_1",
   "text-green-700": "_text-green-700_1qcdh_1",
   "text-green-900": "_text-green-900_1qcdh_1",
-  "text-lime-800": "_text-lime-800_1qcdh_1",
   "text-lime-900": "_text-lime-900_1qcdh_1",
   "text-red-400": "_text-red-400_1qcdh_1",
   "text-red-500": "_text-red-500_1qcdh_1",
@@ -1717,8 +1717,8 @@ const Um = { class: "flex-grow" }, jm = {
   "hover:bg-gray-200": "_hover:bg-gray-200_1qcdh_1",
   "hover:bg-green-100": "_hover:bg-green-100_1qcdh_1",
   "hover:bg-green-400": "_hover:bg-green-400_1qcdh_1",
+  "hover:bg-green-800": "_hover:bg-green-800_1qcdh_1",
   "hover:bg-lime-400": "_hover:bg-lime-400_1qcdh_1",
-  "hover:bg-lime-800": "_hover:bg-lime-800_1qcdh_1",
   "hover:bg-red-100": "_hover:bg-red-100_1qcdh_1",
   "hover:bg-red-200": "_hover:bg-red-200_1qcdh_1",
   "hover:bg-red-400": "_hover:bg-red-400_1qcdh_1",
@@ -1727,11 +1727,9 @@ const Um = { class: "flex-grow" }, jm = {
   "hover:bg-slate-200": "_hover:bg-slate-200_1qcdh_1",
   "hover:bg-slate-300": "_hover:bg-slate-300_1qcdh_1",
   "hover:bg-slate-600": "_hover:bg-slate-600_1qcdh_1",
-  "hover:bg-slate-800": "_hover:bg-slate-800_1qcdh_1",
   "hover:bg-slate-900": "_hover:bg-slate-900_1qcdh_1",
   "hover:text-blue-500": "_hover:text-blue-500_1qcdh_1",
   "hover:text-blue-600": "_hover:text-blue-600_1qcdh_1",
-  "hover:text-green-200": "_hover:text-green-200_1qcdh_1",
   "hover:opacity-100": "_hover:opacity-100_1qcdh_1",
   "hover:opacity-20": "_hover:opacity-20_1qcdh_1",
   "hover:opacity-70": "_hover:opacity-70_1qcdh_1",
@@ -1860,21 +1858,22 @@ const Um = { class: "flex-grow" }, jm = {
 }, Ip = /* @__PURE__ */ zt(Cp, [["__cssModules", Ep]]), Ap = {
   key: 0,
   class: "p-4 m-4 absolute-top-right top right cursor-pointer"
-}, bI = {
+}, bI = /* @__PURE__ */ Y({
   __name: "FullScreenDialog",
   props: {
-    modelValue: Boolean,
-    center: Boolean,
-    blue: Boolean,
-    closeable: Boolean
+    modelValue: { type: Boolean },
+    center: { type: Boolean },
+    blue: { type: Boolean },
+    closeable: { type: Boolean },
+    contentClass: { default: "bg-white text-gray-400" }
   },
   emits: ["update:model-value", "close"],
   setup(t, { emit: e }) {
     const n = e, r = t;
     let s = M(() => ({
       "bg-blue-600 text-white": r.blue,
-      "bg-white text-gray-400": !r.blue,
-      "items-center": r.center
+      "items-center": r.center,
+      [r.contentClass]: !r.blue
     }));
     function i() {
       n("update:model-value", !1), n("close");
@@ -1882,7 +1881,8 @@ const Um = { class: "flex-grow" }, jm = {
     return (o, l) => {
       const a = R("QDialog"), u = hd("close-popup");
       return m(), I(a, {
-        "model-value": t.modelValue,
+        class: "full-screen-dialog",
+        "model-value": o.modelValue,
         maximized: "",
         "transition-show": "slide-up",
         "transition-hide": "slide-down",
@@ -1892,7 +1892,7 @@ const Um = { class: "flex-grow" }, jm = {
           O("div", {
             class: L(["flex justify-center min-w-xs", k(s)])
           }, [
-            t.closeable ? Zl((m(), v("div", Ap, [
+            o.closeable ? Zl((m(), v("div", Ap, [
               F(k(Kl), { class: "w-5 h-5" })
             ])), [
               [u]
@@ -1904,7 +1904,7 @@ const Um = { class: "flex-grow" }, jm = {
       }, 8, ["model-value"]);
     };
   }
-}, Op = { class: "flex-grow" }, Fp = {
+}), Op = { class: "flex-grow" }, Fp = {
   __name: "InfoDialog",
   props: {
     ...nl.props,
@@ -2008,7 +2008,7 @@ const Um = { class: "flex-grow" }, jm = {
 }, Mp = {
   key: 0,
   class: "dx-field-required"
-}, en = /* @__PURE__ */ K({
+}, en = /* @__PURE__ */ Y({
   __name: "FieldLabel",
   props: {
     label: {},
@@ -2027,7 +2027,7 @@ const Um = { class: "flex-grow" }, jm = {
       e.required ? (m(), v("span", Mp, D(e.requiredLabel || "*"), 1)) : P("", !0)
     ]));
   }
-}), Ad = /* @__PURE__ */ K({
+}), Ad = /* @__PURE__ */ Y({
   __name: "BooleanField",
   props: {
     label: {
@@ -2190,7 +2190,7 @@ const Um = { class: "flex-grow" }, jm = {
 }, Bp = {
   key: 0,
   class: "font-bold text-xs mb-2"
-}, Rp = { class: "flex items-center cursor-pointer" }, Up = { class: "flex-grow font-bold ml-3 hover:opacity-70" }, jp = { key: 0 }, Fd = /* @__PURE__ */ K({
+}, Rp = { class: "flex items-center cursor-pointer" }, Up = { class: "flex-grow font-bold ml-3 hover:opacity-70" }, jp = { key: 0 }, Fd = /* @__PURE__ */ Y({
   __name: "DateField",
   props: {
     modelValue: {},
@@ -2242,7 +2242,7 @@ const Um = { class: "flex-grow" }, jm = {
       ]);
     };
   }
-}), zp = { class: "mb-2" }, Vp = { class: "flex items-center cursor-pointer" }, Hp = { class: "flex-grow font-bold ml-3 hover:opacity-70" }, Gp = { key: 0 }, Nd = /* @__PURE__ */ K({
+}), zp = { class: "mb-2" }, Vp = { class: "flex items-center cursor-pointer" }, Hp = { class: "flex-grow font-bold ml-3 hover:opacity-70" }, Gp = { key: 0 }, Nd = /* @__PURE__ */ Y({
   __name: "DateRangeField",
   props: {
     modelValue: {},
@@ -2475,7 +2475,7 @@ const Um = { class: "flex-grow" }, jm = {
       ]);
     };
   }
-}, Yp = { class: "inline-block relative" }, Kp = ["contenteditable"], Qp = /* @__PURE__ */ K({
+}, Yp = { class: "inline-block relative" }, Kp = ["contenteditable"], Qp = /* @__PURE__ */ Y({
   __name: "EditableDiv",
   props: {
     modelValue: { default: "" },
@@ -2526,7 +2526,7 @@ const Um = { class: "flex-grow" }, jm = {
       }, D(f.placeholder), 513)) : P("", !0)
     ]));
   }
-}), Xp = ["contenteditable"], Jp = { key: 0 }, eg = /* @__PURE__ */ K({
+}), Xp = ["contenteditable"], Jp = { key: 0 }, eg = /* @__PURE__ */ Y({
   __name: "EditOnClickTextField",
   props: /* @__PURE__ */ At({
     class: { default: "hover:bg-slate-300" },
@@ -2688,7 +2688,7 @@ const Um = { class: "flex-grow" }, jm = {
       ]);
     };
   }
-}, sg = /* @__PURE__ */ K({
+}, sg = /* @__PURE__ */ Y({
   __name: "MaxLengthCounter",
   props: {
     length: {},
@@ -2703,7 +2703,7 @@ const Um = { class: "flex-grow" }, jm = {
 }), ig = { class: "dx-text-field" }, og = {
   key: 1,
   class: "dx-text-field-readonly-value"
-}, Nr = /* @__PURE__ */ K({
+}, Nr = /* @__PURE__ */ Y({
   __name: "TextField",
   props: {
     modelValue: { default: "" },
@@ -2786,7 +2786,7 @@ const Um = { class: "flex-grow" }, jm = {
       ]);
     };
   }
-}), Ti = /* @__PURE__ */ K({
+}), Ti = /* @__PURE__ */ Y({
   __name: "NumberField",
   props: {
     precision: { default: 2 },
@@ -2845,7 +2845,7 @@ const Um = { class: "flex-grow" }, jm = {
       "onUpdate:modelValue": l
     }), null, 16, ["model-value"]));
   }
-}), lg = /* @__PURE__ */ K({
+}), lg = /* @__PURE__ */ Y({
   __name: "IntegerField",
   props: {
     precision: {},
@@ -2881,7 +2881,7 @@ const Um = { class: "flex-grow" }, jm = {
       "onUpdate:modelValue": n[0] || (n[0] = (r) => e.$emit("update:model-value", r))
     }), null, 16, ["model-value"]));
   }
-}), ag = { class: "text-xs font-bold" }, ug = ["href"], cg = ["href"], CI = /* @__PURE__ */ K({
+}), ag = { class: "text-xs font-bold" }, ug = ["href"], cg = ["href"], CI = /* @__PURE__ */ Y({
   __name: "LabelValueBlock",
   props: {
     label: {},
@@ -2940,7 +2940,7 @@ const Um = { class: "flex-grow" }, jm = {
 }), dg = { class: "flex items-stretch justify-start" }, fg = {
   key: 1,
   class: "p-1"
-}, _g = /* @__PURE__ */ K({
+}, _g = /* @__PURE__ */ Y({
   __name: "MultiFileField",
   props: {
     modelValue: { default: null },
@@ -3029,7 +3029,7 @@ const Um = { class: "flex-grow" }, jm = {
       ])
     ], 34));
   }
-}), vs = /* @__PURE__ */ K({
+}), vs = /* @__PURE__ */ Y({
   __name: "SelectField",
   props: {
     modelValue: { default: void 0 },
@@ -3561,7 +3561,7 @@ const Um = { class: "flex-grow" }, jm = {
       ]);
     };
   }
-}, bg = { class: "group flex items-center flex-nowrap gap-x-1 relative" }, vg = ["onClick"], wg = { class: "flex-grow px-4 py-2" }, xg = { class: "px-4 mb-2" }, AI = /* @__PURE__ */ K({
+}, bg = { class: "group flex items-center flex-nowrap gap-x-1 relative" }, vg = ["onClick"], wg = { class: "flex-grow px-4 py-2" }, xg = { class: "px-4 mb-2" }, AI = /* @__PURE__ */ Y({
   __name: "SelectionMenuField",
   props: /* @__PURE__ */ At({
     options: {},
@@ -3697,7 +3697,7 @@ const Um = { class: "flex-grow" }, jm = {
       ]);
     };
   }
-}), kg = { class: "flex items-stretch flex-nowrap gap-x-4" }, OI = /* @__PURE__ */ K({
+}), kg = { class: "flex items-stretch flex-nowrap gap-x-4" }, OI = /* @__PURE__ */ Y({
   __name: "SelectOrCreateField",
   props: /* @__PURE__ */ At({
     options: {},
@@ -3760,7 +3760,7 @@ const Um = { class: "flex-grow" }, jm = {
 }), Sg = {
   key: 0,
   class: "text-zinc-500"
-}, Tg = { key: 1 }, Cg = { class: "text-xs text-zinc-500" }, Eg = /* @__PURE__ */ K({
+}, Tg = { key: 1 }, Cg = { class: "text-xs text-zinc-500" }, Eg = /* @__PURE__ */ Y({
   __name: "SelectWithChildrenField",
   props: {
     modelValue: { default: () => [] },
@@ -3825,7 +3825,7 @@ const Um = { class: "flex-grow" }, jm = {
 }, Ag = {
   key: 3,
   class: "py-1"
-}, Og = /* @__PURE__ */ K({
+}, Og = /* @__PURE__ */ Y({
   __name: "SingleFileField",
   props: {
     modelValue: {},
@@ -3885,7 +3885,7 @@ const Um = { class: "flex-grow" }, jm = {
       }, null, 8, ["class", "file"])) : u.readonly ? (m(), v("div", Ag, " -- ")) : P("", !0)
     ], 34));
   }
-}), Fg = { class: "dx-slider-number-field" }, FI = /* @__PURE__ */ K({
+}), Fg = { class: "dx-slider-number-field" }, FI = /* @__PURE__ */ Y({
   __name: "SliderNumberField",
   props: {
     modelValue: {},
@@ -4118,7 +4118,7 @@ var Ng = [
     visibility: "hidden",
     ref: n
   });
-}, xo = { selector: void 0, target: void 0 }, Gg = K({
+}, xo = { selector: void 0, target: void 0 }, Gg = Y({
   props: zg,
   setup: function(t, e) {
     var n = t.init ? Dt(Dt({}, t.init), xo) : Dt({}, xo), r = Fh(t), s = r.disabled, i = r.modelValue, o = r.tagName, l = H(null), a = null, u = t.id || Dd("tiny-vue"), c = t.init && t.init.inline || t.inline, d = !!e.attrs["onUpdate:modelValue"], f = !0, _ = t.initialValue ? t.initialValue : "", p = "", h = function(x) {
@@ -4212,7 +4212,7 @@ const Zg = ["innerHTML"], Wg = {
       }, null, 8, ["api-key", "disabled", "model-value"]))
     ]));
   }
-}, Yg = /* @__PURE__ */ K({
+}, Yg = /* @__PURE__ */ Y({
   __name: "SaveStateIndicator",
   props: {
     saving: { type: Boolean },
@@ -4247,7 +4247,7 @@ const Zg = ["innerHTML"], Wg = {
 }, ey = { class: "flex-grow" }, ty = {
   key: 1,
   class: "flex flex-nowrap items-center mr-2"
-}, ny = ["onClick"], ry = ["onClick"], Pd = /* @__PURE__ */ K({
+}, ny = ["onClick"], ry = ["onClick"], Pd = /* @__PURE__ */ Y({
   __name: "RenderedForm",
   props: {
     values: { default: null },
@@ -4381,19 +4381,19 @@ const Zg = ["innerHTML"], Wg = {
         N.form.variations > 1 ? (m(), v("div", Qg, [
           F(be, {
             modelValue: d.value,
-            "onUpdate:modelValue": q[0] || (q[0] = (Y) => d.value = Y),
+            "onUpdate:modelValue": q[0] || (q[0] = (K) => d.value = K),
             class: "text-xs"
           }, {
             default: $(() => [
-              (m(!0), v(Z, null, he(c.value, (Y, me) => (m(), I(Q, {
-                key: Y,
-                name: Y,
+              (m(!0), v(Z, null, he(c.value, (K, me) => (m(), I(Q, {
+                key: K,
+                name: K,
                 class: "p-0",
                 "content-class": "w-full"
               }, {
                 default: $(() => [
                   O("div", Xg, [
-                    A(Y) ? P("", !0) : (m(), v("div", Jg, [
+                    A(K) ? P("", !0) : (m(), v("div", Jg, [
                       F(k(Td), { class: "text-red-400 w-4" }),
                       F(z, null, {
                         default: $(() => q[5] || (q[5] = [
@@ -4402,18 +4402,18 @@ const Zg = ["innerHTML"], Wg = {
                         _: 1
                       })
                     ])),
-                    O("div", ey, D(Y || "1"), 1),
+                    O("div", ey, D(K || "1"), 1),
                     !N.disable && !N.readonly && N.canModifyVariations ? (m(), v("div", ty, [
                       O("a", {
                         class: "ml-1 p-1 hover:opacity-100 opacity-20 hover:bg-blue-200 rounded",
-                        onClick: () => (_.value = Y) && (f.value = Y)
+                        onClick: () => (_.value = K) && (f.value = K)
                       }, [
                         F(k(Cd), { class: "w-3 text-blue-900" })
                       ], 8, ny),
                       me > 0 ? (m(), v("a", {
                         key: 0,
                         class: "ml-1 p-1 hover:opacity-100 opacity-20 hover:bg-red-200 rounded",
-                        onClick: ($e) => p.value = Y
+                        onClick: ($e) => p.value = K
                       }, [
                         F(k(Yl), { class: "w-3 text-red-900" })
                       ], 8, ry)) : P("", !0)
@@ -4442,31 +4442,31 @@ const Zg = ["innerHTML"], Wg = {
             _: 1
           }, 8, ["modelValue"])
         ])) : P("", !0),
-        (m(!0), v(Z, null, he(k(i), (Y, me) => Zl((m(), v("div", {
-          key: Y.id,
+        (m(!0), v(Z, null, he(k(i), (K, me) => Zl((m(), v("div", {
+          key: K.id,
           class: L({ "mt-4": me > 0, [N.fieldClass]: !0 })
         }, [
-          Y.vnode ? (m(), I(k($r), {
+          K.vnode ? (m(), I(k($r), {
             key: 0,
-            vnode: Y.vnode,
-            props: u(Y),
+            vnode: K.vnode,
+            props: u(K),
             params: l.value,
-            "onUpdate:modelValue": ($e) => x(Y.name, $e)
+            "onUpdate:modelValue": ($e) => x(K.name, $e)
           }, null, 8, ["vnode", "props", "params", "onUpdate:modelValue"])) : P("", !0),
-          (m(), I(It(Y.component), {
-            key: Y.name + "-" + d.value,
-            "model-value": w(Y.name),
-            field: Y,
-            label: Y.label || void 0,
+          (m(), I(It(K.component), {
+            key: K.name + "-" + d.value,
+            "model-value": w(K.name),
+            field: K,
+            label: K.label || void 0,
             "no-label": N.noLabel,
             "show-name": N.showName,
-            clearable: Y.clearable || N.clearable,
+            clearable: K.clearable || N.clearable,
             disable: N.disable,
             readonly: N.readonly,
-            "onUpdate:modelValue": ($e) => x(Y.name, $e)
+            "onUpdate:modelValue": ($e) => x(K.name, $e)
           }, null, 8, ["model-value", "field", "label", "no-label", "show-name", "clearable", "disable", "readonly", "onUpdate:modelValue"]))
         ], 2)), [
-          [Dh, a(Y)]
+          [Dh, a(K)]
         ])), 128)),
         B(N.$slots, "default"),
         F(k(Yg), {
@@ -4478,12 +4478,12 @@ const Zg = ["innerHTML"], Wg = {
           key: 1,
           title: "Change variation name",
           onConfirm: b,
-          onClose: q[2] || (q[2] = (Y) => _.value = !1)
+          onClose: q[2] || (q[2] = (K) => _.value = !1)
         }, {
           default: $(() => [
             F(k(Nr), {
               modelValue: f.value,
-              "onUpdate:modelValue": q[1] || (q[1] = (Y) => f.value = Y),
+              "onUpdate:modelValue": q[1] || (q[1] = (K) => f.value = K),
               label: "Enter name",
               placeholder: "Variation Name",
               "input-class": "bg-white"
@@ -4497,13 +4497,13 @@ const Zg = ["innerHTML"], Wg = {
           content: "You cannot undo this action. If there was any analytics collected for this variation, it will still be attributed to the ad.",
           "confirm-class": "bg-red-900 text-white",
           "content-class": "w-96",
-          onConfirm: q[3] || (q[3] = (Y) => E(p.value)),
-          onClose: q[4] || (q[4] = (Y) => p.value = "")
+          onConfirm: q[3] || (q[3] = (K) => E(p.value)),
+          onClose: q[4] || (q[4] = (K) => p.value = "")
         }, null, 8, ["title"])) : P("", !0)
       ]);
     };
   }
-}), sy = /* @__PURE__ */ K({
+}), sy = /* @__PURE__ */ Y({
   __name: "ActionForm",
   props: {
     action: {},
@@ -4555,7 +4555,7 @@ const Zg = ["innerHTML"], Wg = {
       _: 3
     }, 16, ["values", "saved-at", "saving"]));
   }
-}), NI = /* @__PURE__ */ K({
+}), NI = /* @__PURE__ */ Y({
   __name: "RenderedFormDialog",
   props: /* @__PURE__ */ At({
     title: {},
@@ -4626,7 +4626,7 @@ const Zg = ["innerHTML"], Wg = {
 }, dy = { class: "absolute-full flex items-center flex-nowrap text-[.7rem] text-slate-200 justify-start px-1" }, fy = { class: "absolute top-1 right-1 flex items-center flex-nowrap justify-between space-x-1 transition-all opacity-0 group-hover:opacity-100" }, _y = {
   key: 0,
   class: "font-bold text-[1rem] leading-[1.2rem]"
-}, hy = /* @__PURE__ */ K({
+}, hy = /* @__PURE__ */ Y({
   __name: "FilePreview",
   props: {
     src: { default: "" },
@@ -5052,10 +5052,10 @@ const Zg = ["innerHTML"], Wg = {
   "text-gray-500": "_text-gray-500_131fu_1",
   "text-gray-600": "_text-gray-600_131fu_1",
   "text-gray-700": "_text-gray-700_131fu_1",
+  "text-green-300": "_text-green-300_131fu_1",
   "text-green-400": "_text-green-400_131fu_1",
   "text-green-700": "_text-green-700_131fu_1",
   "text-green-900": "_text-green-900_131fu_1",
-  "text-lime-800": "_text-lime-800_131fu_1",
   "text-lime-900": "_text-lime-900_131fu_1",
   "text-red-400": "_text-red-400_131fu_1",
   "text-red-500": "_text-red-500_131fu_1",
@@ -5134,8 +5134,8 @@ const Zg = ["innerHTML"], Wg = {
   "hover:bg-gray-200": "_hover:bg-gray-200_131fu_1",
   "hover:bg-green-100": "_hover:bg-green-100_131fu_1",
   "hover:bg-green-400": "_hover:bg-green-400_131fu_1",
+  "hover:bg-green-800": "_hover:bg-green-800_131fu_1",
   "hover:bg-lime-400": "_hover:bg-lime-400_131fu_1",
-  "hover:bg-lime-800": "_hover:bg-lime-800_131fu_1",
   "hover:bg-red-100": "_hover:bg-red-100_131fu_1",
   "hover:bg-red-200": "_hover:bg-red-200_131fu_1",
   "hover:bg-red-400": "_hover:bg-red-400_131fu_1",
@@ -5144,11 +5144,9 @@ const Zg = ["innerHTML"], Wg = {
   "hover:bg-slate-200": "_hover:bg-slate-200_131fu_1",
   "hover:bg-slate-300": "_hover:bg-slate-300_131fu_1",
   "hover:bg-slate-600": "_hover:bg-slate-600_131fu_1",
-  "hover:bg-slate-800": "_hover:bg-slate-800_131fu_1",
   "hover:bg-slate-900": "_hover:bg-slate-900_131fu_1",
   "hover:text-blue-500": "_hover:text-blue-500_131fu_1",
   "hover:text-blue-600": "_hover:text-blue-600_131fu_1",
-  "hover:text-green-200": "_hover:text-green-200_131fu_1",
   "hover:opacity-100": "_hover:opacity-100_131fu_1",
   "hover:opacity-20": "_hover:opacity-20_131fu_1",
   "hover:opacity-70": "_hover:opacity-70_131fu_1",
@@ -5331,7 +5329,7 @@ const Zg = ["innerHTML"], Wg = {
       ]);
     };
   }
-}, Jy = { class: "flex-grow max-w-full overflow-y-auto overflow-x-hidden" }, eb = /* @__PURE__ */ K({
+}, Jy = { class: "flex-grow max-w-full overflow-y-auto overflow-x-hidden" }, eb = /* @__PURE__ */ Y({
   __name: "CollapsableSidebar",
   props: {
     displayClass: { default: "flex flex-col" },
@@ -5407,7 +5405,7 @@ const Zg = ["innerHTML"], Wg = {
       ], 6);
     };
   }
-}), tb = /* @__PURE__ */ K({
+}), tb = /* @__PURE__ */ Y({
   __name: "ContentDrawer",
   props: {
     show: { type: Boolean, default: !1 },
@@ -5685,10 +5683,10 @@ const Zg = ["innerHTML"], Wg = {
   "text-gray-500": "_text-gray-500_1816t_1",
   "text-gray-600": "_text-gray-600_1816t_1",
   "text-gray-700": "_text-gray-700_1816t_1",
+  "text-green-300": "_text-green-300_1816t_1",
   "text-green-400": "_text-green-400_1816t_1",
   "text-green-700": "_text-green-700_1816t_1",
   "text-green-900": "_text-green-900_1816t_1",
-  "text-lime-800": "_text-lime-800_1816t_1",
   "text-lime-900": "_text-lime-900_1816t_1",
   "text-red-400": "_text-red-400_1816t_1",
   "text-red-500": "_text-red-500_1816t_1",
@@ -5767,8 +5765,8 @@ const Zg = ["innerHTML"], Wg = {
   "hover:bg-gray-200": "_hover:bg-gray-200_1816t_1",
   "hover:bg-green-100": "_hover:bg-green-100_1816t_1",
   "hover:bg-green-400": "_hover:bg-green-400_1816t_1",
+  "hover:bg-green-800": "_hover:bg-green-800_1816t_1",
   "hover:bg-lime-400": "_hover:bg-lime-400_1816t_1",
-  "hover:bg-lime-800": "_hover:bg-lime-800_1816t_1",
   "hover:bg-red-100": "_hover:bg-red-100_1816t_1",
   "hover:bg-red-200": "_hover:bg-red-200_1816t_1",
   "hover:bg-red-400": "_hover:bg-red-400_1816t_1",
@@ -5777,11 +5775,9 @@ const Zg = ["innerHTML"], Wg = {
   "hover:bg-slate-200": "_hover:bg-slate-200_1816t_1",
   "hover:bg-slate-300": "_hover:bg-slate-300_1816t_1",
   "hover:bg-slate-600": "_hover:bg-slate-600_1816t_1",
-  "hover:bg-slate-800": "_hover:bg-slate-800_1816t_1",
   "hover:bg-slate-900": "_hover:bg-slate-900_1816t_1",
   "hover:text-blue-500": "_hover:text-blue-500_1816t_1",
   "hover:text-blue-600": "_hover:text-blue-600_1816t_1",
-  "hover:text-green-200": "_hover:text-green-200_1816t_1",
   "hover:opacity-100": "_hover:opacity-100_1816t_1",
   "hover:opacity-20": "_hover:opacity-20_1816t_1",
   "hover:opacity-70": "_hover:opacity-70_1816t_1",
@@ -5858,7 +5854,7 @@ const $r = Ld, qI = {
       onAction: i[1] || (i[1] = (o) => s.$emit("action", o))
     }), null, 16));
   }
-}, Ib = ["href"], Ab = /* @__PURE__ */ K({
+}, Ib = ["href"], Ab = /* @__PURE__ */ Y({
   __name: "PopoverMenu",
   props: {
     items: {},
@@ -6106,7 +6102,7 @@ const jI = /* @__PURE__ */ zt(Db, [["render", Pb]]), Mb = {
       _: 3
     }, 8, ["name"]));
   }
-}, zI = /* @__PURE__ */ K({
+}, zI = /* @__PURE__ */ Y({
   __name: "MaxHeightTransition",
   props: {
     maxHeight: {}
@@ -7119,9 +7115,9 @@ var _v = function(e, n, r, s, i, o, l) {
       u[l._props[c]] = a;
   return l;
 }, _n, fl, oa = function t(e, n, r) {
-  var s = e.vars, i = s.ease, o = s.startAt, l = s.immediateRender, a = s.lazy, u = s.onUpdate, c = s.runBackwards, d = s.yoyoEase, f = s.keyframes, _ = s.autoRevert, p = e._dur, h = e._startAt, g = e._targets, w = e.parent, x = w && w.data === "nested" ? w.vars.targets : g, T = e._overwrite === "auto" && !Ql, S = e.timeline, C, y, b, E, A, N, q, z, Q, ce, be, Y, me;
+  var s = e.vars, i = s.ease, o = s.startAt, l = s.immediateRender, a = s.lazy, u = s.onUpdate, c = s.runBackwards, d = s.yoyoEase, f = s.keyframes, _ = s.autoRevert, p = e._dur, h = e._startAt, g = e._targets, w = e.parent, x = w && w.data === "nested" ? w.vars.targets : g, T = e._overwrite === "auto" && !Ql, S = e.timeline, C, y, b, E, A, N, q, z, Q, ce, be, K, me;
   if (S && (!f || !i) && (i = "none"), e._ease = Hn(i, Dr.ease), e._yEase = d ? mf(Hn(d === !0 ? i : d, Dr.ease)) : 0, d && e._yoyo && !e._repeat && (d = e._yEase, e._yEase = e._ease, e._ease = d), e._from = !S && !!s.runBackwards, !S || f && !s.stagger) {
-    if (z = g[0] ? zn(g[0]).harness : 0, Y = z && s[z.prop], C = Ai(s, na), h && (h._zTime < 0 && h.progress(1), n < 0 && c && l && !_ ? h.render(-1, !0) : h.revert(c && p ? ci : jb), h._lazy = 0), o) {
+    if (z = g[0] ? zn(g[0]).harness : 0, K = z && s[z.prop], C = Ai(s, na), h && (h._zTime < 0 && h.progress(1), n < 0 && c && l && !_ ? h.render(-1, !0) : h.revert(c && p ? ci : jb), h._lazy = 0), o) {
       if (Sn(e._startAt = Fe.set(g, dt({
         data: "isStart",
         overwrite: !1,
@@ -7149,15 +7145,15 @@ var _v = function(e, n, r, s, i, o, l) {
         stagger: 0,
         parent: w
         //ensures that nested tweens that had a stagger are handled properly, like gsap.from(".class", {y: gsap.utils.wrap([-100,100]), stagger: 0.5})
-      }, C), Y && (b[z.prop] = Y), Sn(e._startAt = Fe.set(g, b)), e._startAt._dp = 0, e._startAt._sat = e, n < 0 && (qe ? e._startAt.revert(ci) : e._startAt.render(-1, !0)), e._zTime = n, !l)
+      }, C), K && (b[z.prop] = K), Sn(e._startAt = Fe.set(g, b)), e._startAt._dp = 0, e._startAt._sat = e, n < 0 && (qe ? e._startAt.revert(ci) : e._startAt.render(-1, !0)), e._zTime = n, !l)
         t(e._startAt, ze, ze);
       else if (!n)
         return;
     }
     for (e._pt = e._ptCache = 0, a = p && Xe(a) || a && !p, y = 0; y < g.length; y++) {
-      if (A = g[y], q = A._gsap || sa(g)[y]._gsap, e._ptLookup[y] = ce = {}, ol[q.id] && gn.length && Ii(), be = x === g ? y : x.indexOf(A), z && (Q = new z()).init(A, Y || C, e, be, x) !== !1 && (e._pt = E = new et(e._pt, A, Q.name, 0, 1, Q.render, Q, 0, Q.priority), Q._props.forEach(function($e) {
+      if (A = g[y], q = A._gsap || sa(g)[y]._gsap, e._ptLookup[y] = ce = {}, ol[q.id] && gn.length && Ii(), be = x === g ? y : x.indexOf(A), z && (Q = new z()).init(A, K || C, e, be, x) !== !1 && (e._pt = E = new et(e._pt, A, Q.name, 0, 1, Q.render, Q, 0, Q.priority), Q._props.forEach(function($e) {
         ce[$e] = E;
-      }), Q.priority && (N = 1)), !z || Y)
+      }), Q.priority && (N = 1)), !z || K)
         for (b in C)
           st[b] && (Q = bf(b, C, e, be, A, x)) ? Q.priority && (N = 1) : ce[b] = E = ia.call(e, A, b, "get", C[b], be, x, 0, s.stringFilter);
       e._op && e._op[y] && e.kill(A, e._op[y]), T && e._pt && (_n = e, ge.killTweensOf(A, ce, e.globalTime(n)), me = !e.parent, _n = 0), e._pt && a && (ol[q.id] = 1);
@@ -7235,16 +7231,16 @@ var Fe = /* @__PURE__ */ function(t) {
         })), S._ease = Hn(p.ease || s.ease || "none");
         var z = 0, Q, ce, be;
         if (Ve(p))
-          p.forEach(function(Y) {
-            return S.to(T, Y, ">");
+          p.forEach(function(K) {
+            return S.to(T, K, ">");
           }), S.duration();
         else {
           y = {};
           for (E in p)
             E === "ease" || E === "easeEach" || gv(E, p[E], y, p.easeEach);
           for (E in y)
-            for (Q = y[E].sort(function(Y, me) {
-              return Y.t - me.t;
+            for (Q = y[E].sort(function(K, me) {
+              return K.t - me.t;
             }), z = 0, C = 0; C < Q.length; C++)
               ce = Q[C], be = {
                 ease: ce.e,
@@ -8012,8 +8008,8 @@ var fu, hn, Sr, ca, Bn, _u, da, Av = function() {
   var r = e._gsap || new yf(e);
   if ("x" in r && !n && !r.uncache)
     return r;
-  var s = e.style, i = r.scaleX < 0, o = "px", l = "deg", a = getComputedStyle(e), u = Bt(e, tt) || "0", c, d, f, _, p, h, g, w, x, T, S, C, y, b, E, A, N, q, z, Q, ce, be, Y, me, $e, rr, sn, Vt, $t, Xr, xt, Ht;
-  return c = d = f = h = g = w = x = T = S = 0, _ = p = 1, r.svg = !!(e.getCTM && $f(e)), a.translate && ((a.translate !== "none" || a.scale !== "none" || a.rotate !== "none") && (s[ye] = (a.translate !== "none" ? "translate3d(" + (a.translate + " 0 0").split(" ").slice(0, 3).join(", ") + ") " : "") + (a.rotate !== "none" ? "rotate(" + a.rotate + ") " : "") + (a.scale !== "none" ? "scale(" + a.scale.split(" ").join(",") + ") " : "") + (a[ye] !== "none" ? a[ye] : "")), s.scale = s.rotate = s.translate = "none"), b = _a(e, r.svg), r.svg && (r.uncache ? ($e = e.getBBox(), u = r.xOrigin - $e.x + "px " + (r.yOrigin - $e.y) + "px", me = "") : me = !n && e.getAttribute("data-svg-origin"), gl(e, me || u, !!me || r.originIsAbsolute, r.smooth !== !1, b)), C = r.xOrigin || 0, y = r.yOrigin || 0, b !== Cs && (q = b[0], z = b[1], Q = b[2], ce = b[3], c = be = b[4], d = Y = b[5], b.length === 6 ? (_ = Math.sqrt(q * q + z * z), p = Math.sqrt(ce * ce + Q * Q), h = q || z ? sr(z, q) * Pn : 0, x = Q || ce ? sr(Q, ce) * Pn + h : 0, x && (p *= Math.abs(Math.cos(x * Tr))), r.svg && (c -= C - (C * q + y * Q), d -= y - (C * z + y * ce))) : (Ht = b[6], Xr = b[7], sn = b[8], Vt = b[9], $t = b[10], xt = b[11], c = b[12], d = b[13], f = b[14], E = sr(Ht, $t), g = E * Pn, E && (A = Math.cos(-E), N = Math.sin(-E), me = be * A + sn * N, $e = Y * A + Vt * N, rr = Ht * A + $t * N, sn = be * -N + sn * A, Vt = Y * -N + Vt * A, $t = Ht * -N + $t * A, xt = Xr * -N + xt * A, be = me, Y = $e, Ht = rr), E = sr(-Q, $t), w = E * Pn, E && (A = Math.cos(-E), N = Math.sin(-E), me = q * A - sn * N, $e = z * A - Vt * N, rr = Q * A - $t * N, xt = ce * N + xt * A, q = me, z = $e, Q = rr), E = sr(z, q), h = E * Pn, E && (A = Math.cos(E), N = Math.sin(E), me = q * A + z * N, $e = be * A + Y * N, z = z * A - q * N, Y = Y * A - be * N, q = me, be = $e), g && Math.abs(g) + Math.abs(h) > 359.9 && (g = h = 0, w = 180 - w), _ = ke(Math.sqrt(q * q + z * z + Q * Q)), p = ke(Math.sqrt(Y * Y + Ht * Ht)), E = sr(be, Y), x = Math.abs(E) > 2e-4 ? E * Pn : 0, S = xt ? 1 / (xt < 0 ? -xt : xt) : 0), r.svg && (me = e.getAttribute("transform"), r.forceCSS = e.setAttribute("transform", "") || !Pf(Bt(e, ye)), me && e.setAttribute("transform", me))), Math.abs(x) > 90 && Math.abs(x) < 270 && (i ? (_ *= -1, x += h <= 0 ? 180 : -180, h += h <= 0 ? 180 : -180) : (p *= -1, x += x <= 0 ? 180 : -180)), n = n || r.uncache, r.x = c - ((r.xPercent = c && (!n && r.xPercent || (Math.round(e.offsetWidth / 2) === Math.round(-c) ? -50 : 0))) ? e.offsetWidth * r.xPercent / 100 : 0) + o, r.y = d - ((r.yPercent = d && (!n && r.yPercent || (Math.round(e.offsetHeight / 2) === Math.round(-d) ? -50 : 0))) ? e.offsetHeight * r.yPercent / 100 : 0) + o, r.z = f + o, r.scaleX = ke(_), r.scaleY = ke(p), r.rotation = ke(h) + l, r.rotationX = ke(g) + l, r.rotationY = ke(w) + l, r.skewX = x + l, r.skewY = T + l, r.transformPerspective = S + o, (r.zOrigin = parseFloat(u.split(" ")[2]) || !n && r.zOrigin || 0) && (s[tt] = $i(u)), r.xOffset = r.yOffset = 0, r.force3D = lt.force3D, r.renderTransform = r.svg ? Wv : Ff ? Mf : Zv, r.uncache = 0, r;
+  var s = e.style, i = r.scaleX < 0, o = "px", l = "deg", a = getComputedStyle(e), u = Bt(e, tt) || "0", c, d, f, _, p, h, g, w, x, T, S, C, y, b, E, A, N, q, z, Q, ce, be, K, me, $e, rr, sn, Vt, $t, Xr, xt, Ht;
+  return c = d = f = h = g = w = x = T = S = 0, _ = p = 1, r.svg = !!(e.getCTM && $f(e)), a.translate && ((a.translate !== "none" || a.scale !== "none" || a.rotate !== "none") && (s[ye] = (a.translate !== "none" ? "translate3d(" + (a.translate + " 0 0").split(" ").slice(0, 3).join(", ") + ") " : "") + (a.rotate !== "none" ? "rotate(" + a.rotate + ") " : "") + (a.scale !== "none" ? "scale(" + a.scale.split(" ").join(",") + ") " : "") + (a[ye] !== "none" ? a[ye] : "")), s.scale = s.rotate = s.translate = "none"), b = _a(e, r.svg), r.svg && (r.uncache ? ($e = e.getBBox(), u = r.xOrigin - $e.x + "px " + (r.yOrigin - $e.y) + "px", me = "") : me = !n && e.getAttribute("data-svg-origin"), gl(e, me || u, !!me || r.originIsAbsolute, r.smooth !== !1, b)), C = r.xOrigin || 0, y = r.yOrigin || 0, b !== Cs && (q = b[0], z = b[1], Q = b[2], ce = b[3], c = be = b[4], d = K = b[5], b.length === 6 ? (_ = Math.sqrt(q * q + z * z), p = Math.sqrt(ce * ce + Q * Q), h = q || z ? sr(z, q) * Pn : 0, x = Q || ce ? sr(Q, ce) * Pn + h : 0, x && (p *= Math.abs(Math.cos(x * Tr))), r.svg && (c -= C - (C * q + y * Q), d -= y - (C * z + y * ce))) : (Ht = b[6], Xr = b[7], sn = b[8], Vt = b[9], $t = b[10], xt = b[11], c = b[12], d = b[13], f = b[14], E = sr(Ht, $t), g = E * Pn, E && (A = Math.cos(-E), N = Math.sin(-E), me = be * A + sn * N, $e = K * A + Vt * N, rr = Ht * A + $t * N, sn = be * -N + sn * A, Vt = K * -N + Vt * A, $t = Ht * -N + $t * A, xt = Xr * -N + xt * A, be = me, K = $e, Ht = rr), E = sr(-Q, $t), w = E * Pn, E && (A = Math.cos(-E), N = Math.sin(-E), me = q * A - sn * N, $e = z * A - Vt * N, rr = Q * A - $t * N, xt = ce * N + xt * A, q = me, z = $e, Q = rr), E = sr(z, q), h = E * Pn, E && (A = Math.cos(E), N = Math.sin(E), me = q * A + z * N, $e = be * A + K * N, z = z * A - q * N, K = K * A - be * N, q = me, be = $e), g && Math.abs(g) + Math.abs(h) > 359.9 && (g = h = 0, w = 180 - w), _ = ke(Math.sqrt(q * q + z * z + Q * Q)), p = ke(Math.sqrt(K * K + Ht * Ht)), E = sr(be, K), x = Math.abs(E) > 2e-4 ? E * Pn : 0, S = xt ? 1 / (xt < 0 ? -xt : xt) : 0), r.svg && (me = e.getAttribute("transform"), r.forceCSS = e.setAttribute("transform", "") || !Pf(Bt(e, ye)), me && e.setAttribute("transform", me))), Math.abs(x) > 90 && Math.abs(x) < 270 && (i ? (_ *= -1, x += h <= 0 ? 180 : -180, h += h <= 0 ? 180 : -180) : (p *= -1, x += x <= 0 ? 180 : -180)), n = n || r.uncache, r.x = c - ((r.xPercent = c && (!n && r.xPercent || (Math.round(e.offsetWidth / 2) === Math.round(-c) ? -50 : 0))) ? e.offsetWidth * r.xPercent / 100 : 0) + o, r.y = d - ((r.yPercent = d && (!n && r.yPercent || (Math.round(e.offsetHeight / 2) === Math.round(-d) ? -50 : 0))) ? e.offsetHeight * r.yPercent / 100 : 0) + o, r.z = f + o, r.scaleX = ke(_), r.scaleY = ke(p), r.rotation = ke(h) + l, r.rotationX = ke(g) + l, r.rotationY = ke(w) + l, r.skewX = x + l, r.skewY = T + l, r.transformPerspective = S + o, (r.zOrigin = parseFloat(u.split(" ")[2]) || !n && r.zOrigin || 0) && (s[tt] = $i(u)), r.xOffset = r.yOffset = 0, r.force3D = lt.force3D, r.renderTransform = r.svg ? Wv : Ff ? Mf : Zv, r.uncache = 0, r;
 }, $i = function(e) {
   return (e = e.split(" "))[0] + " " + e[1];
 }, Oo = function(e, n, r) {
@@ -8215,7 +8211,7 @@ const HI = {
       _: 3
     }, 512));
   }
-}, GI = /* @__PURE__ */ K({
+}, GI = /* @__PURE__ */ Y({
   __name: "LabelPillWidget",
   props: {
     label: { default: "" },
@@ -8249,7 +8245,7 @@ const HI = {
       ])
     ], 2));
   }
-}), Qv = { class: "flex items-stretch" }, Xv = { class: "rounded-r-lg bg-slate-900 text-slate-400 px-2 py-1" }, ZI = /* @__PURE__ */ K({
+}), Qv = { class: "flex items-stretch" }, Xv = { class: "rounded-r-lg bg-slate-900 text-slate-400 px-2 py-1" }, ZI = /* @__PURE__ */ Y({
   __name: "LabelValuePillWidget",
   props: {
     label: {},
@@ -8272,7 +8268,7 @@ const HI = {
       ])
     ]));
   }
-}), qf = /* @__PURE__ */ K({
+}), qf = /* @__PURE__ */ Y({
   __name: "ActionMenu",
   props: {
     actions: {},
@@ -8302,7 +8298,7 @@ const HI = {
 }), Jv = {
   key: 0,
   class: "flex-grow overflow-hidden"
-}, e2 = /* @__PURE__ */ K({
+}, e2 = /* @__PURE__ */ Y({
   __name: "ActionTableColumn",
   props: {
     rowProps: {
@@ -8725,7 +8721,7 @@ class n2 extends Bf {
     ) : this.currentDropZone.appendChild(this.placeholder);
   }
 }
-const r2 = ["draggable"], s2 = { class: "flex-grow" }, i2 = /* @__PURE__ */ K({
+const r2 = ["draggable"], s2 = { class: "flex-grow" }, i2 = /* @__PURE__ */ Y({
   __name: "ListItemDraggable",
   props: /* @__PURE__ */ At({
     dropZone: {},
@@ -8796,7 +8792,7 @@ const r2 = ["draggable"], s2 = { class: "flex-grow" }, i2 = /* @__PURE__ */ K({
       ], 2)
     ], 42, r2));
   }
-}), o2 = /* @__PURE__ */ K({
+}), o2 = /* @__PURE__ */ Y({
   __name: "ActionTableHeaderColumn",
   props: {
     modelValue: {
@@ -9101,10 +9097,10 @@ const r2 = ["draggable"], s2 = { class: "flex-grow" }, i2 = /* @__PURE__ */ K({
   "text-gray-500": "_text-gray-500_x1jdl_1",
   "text-gray-600": "_text-gray-600_x1jdl_1",
   "text-gray-700": "_text-gray-700_x1jdl_1",
+  "text-green-300": "_text-green-300_x1jdl_1",
   "text-green-400": "_text-green-400_x1jdl_1",
   "text-green-700": "_text-green-700_x1jdl_1",
   "text-green-900": "_text-green-900_x1jdl_1",
-  "text-lime-800": "_text-lime-800_x1jdl_1",
   "text-lime-900": "_text-lime-900_x1jdl_1",
   "text-red-400": "_text-red-400_x1jdl_1",
   "text-red-500": "_text-red-500_x1jdl_1",
@@ -9183,8 +9179,8 @@ const r2 = ["draggable"], s2 = { class: "flex-grow" }, i2 = /* @__PURE__ */ K({
   "hover:bg-gray-200": "_hover:bg-gray-200_x1jdl_1",
   "hover:bg-green-100": "_hover:bg-green-100_x1jdl_1",
   "hover:bg-green-400": "_hover:bg-green-400_x1jdl_1",
+  "hover:bg-green-800": "_hover:bg-green-800_x1jdl_1",
   "hover:bg-lime-400": "_hover:bg-lime-400_x1jdl_1",
-  "hover:bg-lime-800": "_hover:bg-lime-800_x1jdl_1",
   "hover:bg-red-100": "_hover:bg-red-100_x1jdl_1",
   "hover:bg-red-200": "_hover:bg-red-200_x1jdl_1",
   "hover:bg-red-400": "_hover:bg-red-400_x1jdl_1",
@@ -9193,11 +9189,9 @@ const r2 = ["draggable"], s2 = { class: "flex-grow" }, i2 = /* @__PURE__ */ K({
   "hover:bg-slate-200": "_hover:bg-slate-200_x1jdl_1",
   "hover:bg-slate-300": "_hover:bg-slate-300_x1jdl_1",
   "hover:bg-slate-600": "_hover:bg-slate-600_x1jdl_1",
-  "hover:bg-slate-800": "_hover:bg-slate-800_x1jdl_1",
   "hover:bg-slate-900": "_hover:bg-slate-900_x1jdl_1",
   "hover:text-blue-500": "_hover:text-blue-500_x1jdl_1",
   "hover:text-blue-600": "_hover:text-blue-600_x1jdl_1",
-  "hover:text-green-200": "_hover:text-green-200_x1jdl_1",
   "hover:opacity-100": "_hover:opacity-100_x1jdl_1",
   "hover:opacity-20": "_hover:opacity-20_x1jdl_1",
   "hover:opacity-70": "_hover:opacity-70_x1jdl_1",
@@ -9625,10 +9619,10 @@ const r2 = ["draggable"], s2 = { class: "flex-grow" }, i2 = /* @__PURE__ */ K({
   "text-gray-500": "_text-gray-500_anhw9_1",
   "text-gray-600": "_text-gray-600_anhw9_1",
   "text-gray-700": "_text-gray-700_anhw9_1",
+  "text-green-300": "_text-green-300_anhw9_1",
   "text-green-400": "_text-green-400_anhw9_1",
   "text-green-700": "_text-green-700_anhw9_1",
   "text-green-900": "_text-green-900_anhw9_1",
-  "text-lime-800": "_text-lime-800_anhw9_1",
   "text-lime-900": "_text-lime-900_anhw9_1",
   "text-red-400": "_text-red-400_anhw9_1",
   "text-red-500": "_text-red-500_anhw9_1",
@@ -9707,8 +9701,8 @@ const r2 = ["draggable"], s2 = { class: "flex-grow" }, i2 = /* @__PURE__ */ K({
   "hover:bg-gray-200": "_hover:bg-gray-200_anhw9_1",
   "hover:bg-green-100": "_hover:bg-green-100_anhw9_1",
   "hover:bg-green-400": "_hover:bg-green-400_anhw9_1",
+  "hover:bg-green-800": "_hover:bg-green-800_anhw9_1",
   "hover:bg-lime-400": "_hover:bg-lime-400_anhw9_1",
-  "hover:bg-lime-800": "_hover:bg-lime-800_anhw9_1",
   "hover:bg-red-100": "_hover:bg-red-100_anhw9_1",
   "hover:bg-red-200": "_hover:bg-red-200_anhw9_1",
   "hover:bg-red-400": "_hover:bg-red-400_anhw9_1",
@@ -9717,11 +9711,9 @@ const r2 = ["draggable"], s2 = { class: "flex-grow" }, i2 = /* @__PURE__ */ K({
   "hover:bg-slate-200": "_hover:bg-slate-200_anhw9_1",
   "hover:bg-slate-300": "_hover:bg-slate-300_anhw9_1",
   "hover:bg-slate-600": "_hover:bg-slate-600_anhw9_1",
-  "hover:bg-slate-800": "_hover:bg-slate-800_anhw9_1",
   "hover:bg-slate-900": "_hover:bg-slate-900_anhw9_1",
   "hover:text-blue-500": "_hover:text-blue-500_anhw9_1",
   "hover:text-blue-600": "_hover:text-blue-600_anhw9_1",
-  "hover:text-green-200": "_hover:text-green-200_anhw9_1",
   "hover:opacity-100": "_hover:opacity-100_anhw9_1",
   "hover:opacity-20": "_hover:opacity-20_anhw9_1",
   "hover:opacity-70": "_hover:opacity-70_anhw9_1",
@@ -9937,7 +9929,7 @@ function KI(t, e) {
   function be() {
     a.value = [];
   }
-  async function Y(U, X = void 0) {
+  async function K(U, X = void 0) {
     var se, Me, Ge;
     if (!e.routes.more || e.isListEnabled === !1) return !1;
     try {
@@ -10081,7 +10073,7 @@ function KI(t, e) {
     loadList: C,
     loadSummary: y,
     loadListAndSummary: b,
-    loadMore: Y,
+    loadMore: K,
     loadFieldOptions: A,
     getActiveItemDetails: Vt,
     refreshAll: me,
@@ -10097,7 +10089,7 @@ function KI(t, e) {
 const mw = {
   key: 1,
   class: "mt-2"
-}, pw = { class: "text-xs font-bold" }, ku = /* @__PURE__ */ K({
+}, pw = { class: "text-xs font-bold" }, ku = /* @__PURE__ */ Y({
   __name: "FilterableField",
   props: {
     field: {},
@@ -10323,7 +10315,7 @@ const mw = {
       });
     };
   }
-}, xw = /* @__PURE__ */ K({
+}, xw = /* @__PURE__ */ Y({
   __name: "CollapsableFiltersSidebar",
   props: {
     name: {},
@@ -10434,7 +10426,7 @@ const mw = {
       ])) : P("", !0)
     ]));
   }
-}, Aw = /* @__PURE__ */ K({
+}, Aw = /* @__PURE__ */ Y({
   __name: "PanelsDrawerPanels",
   props: {
     activePanel: {},
@@ -10467,7 +10459,7 @@ const mw = {
       }, 8, ["model-value"]);
     };
   }
-}), Ow = /* @__PURE__ */ K({
+}), Ow = /* @__PURE__ */ Y({
   __name: "PanelsDrawerTabs",
   props: {
     modelValue: { default: "general" },
@@ -10748,10 +10740,10 @@ const mw = {
   "text-gray-500": "_text-gray-500_1shkc_1",
   "text-gray-600": "_text-gray-600_1shkc_1",
   "text-gray-700": "_text-gray-700_1shkc_1",
+  "text-green-300": "_text-green-300_1shkc_1",
   "text-green-400": "_text-green-400_1shkc_1",
   "text-green-700": "_text-green-700_1shkc_1",
   "text-green-900": "_text-green-900_1shkc_1",
-  "text-lime-800": "_text-lime-800_1shkc_1",
   "text-lime-900": "_text-lime-900_1shkc_1",
   "text-red-400": "_text-red-400_1shkc_1",
   "text-red-500": "_text-red-500_1shkc_1",
@@ -10829,8 +10821,8 @@ const mw = {
   "hover:bg-gray-200": "_hover:bg-gray-200_1shkc_1",
   "hover:bg-green-100": "_hover:bg-green-100_1shkc_1",
   "hover:bg-green-400": "_hover:bg-green-400_1shkc_1",
+  "hover:bg-green-800": "_hover:bg-green-800_1shkc_1",
   "hover:bg-lime-400": "_hover:bg-lime-400_1shkc_1",
-  "hover:bg-lime-800": "_hover:bg-lime-800_1shkc_1",
   "hover:bg-red-100": "_hover:bg-red-100_1shkc_1",
   "hover:bg-red-200": "_hover:bg-red-200_1shkc_1",
   "hover:bg-red-400": "_hover:bg-red-400_1shkc_1",
@@ -10839,11 +10831,9 @@ const mw = {
   "hover:bg-slate-200": "_hover:bg-slate-200_1shkc_1",
   "hover:bg-slate-300": "_hover:bg-slate-300_1shkc_1",
   "hover:bg-slate-600": "_hover:bg-slate-600_1shkc_1",
-  "hover:bg-slate-800": "_hover:bg-slate-800_1shkc_1",
   "hover:bg-slate-900": "_hover:bg-slate-900_1shkc_1",
   "hover:text-blue-500": "_hover:text-blue-500_1shkc_1",
   "hover:text-blue-600": "_hover:text-blue-600_1shkc_1",
-  "hover:text-green-200": "_hover:text-green-200_1shkc_1",
   "hover:opacity-100": "_hover:opacity-100_1shkc_1",
   "hover:opacity-20": "_hover:opacity-20_1shkc_1",
   "hover:opacity-70": "_hover:opacity-70_1shkc_1",
@@ -10867,7 +10857,7 @@ const mw = {
 }, dx = {
   key: 1,
   class: "p-8"
-}, fx = /* @__PURE__ */ K({
+}, fx = /* @__PURE__ */ Y({
   __name: "PanelsDrawer",
   props: {
     title: { default: "" },
@@ -10998,7 +10988,7 @@ const mw = {
       ])
     ]));
   }
-}, gx = { class: "flex flex-nowrap items-center" }, yx = { class: "relative" }, bx = { class: "ml-2" }, vx = /* @__PURE__ */ K({
+}, gx = { class: "flex flex-nowrap items-center" }, yx = { class: "relative" }, bx = { class: "ml-2" }, vx = /* @__PURE__ */ Y({
   __name: "TableSummaryRow",
   props: {
     loading: { type: Boolean },
@@ -11075,7 +11065,7 @@ const mw = {
       _: 1
     }, 8, ["class"]));
   }
-}), wx = /* @__PURE__ */ K({
+}), wx = /* @__PURE__ */ Y({
   __name: "ActionTable",
   props: {
     name: {},
@@ -11200,7 +11190,7 @@ const mw = {
       ], 2);
     };
   }
-}), xx = /* @__PURE__ */ zt(wx, [["__scopeId", "data-v-209b8084"]]), kx = { class: "dx-action-toolbar flex items-center" }, Sx = { class: "flex-grow px-6" }, Tx = { key: 0 }, Cx = { class: "py-3 flex items-center flex-nowrap" }, Ex = /* @__PURE__ */ K({
+}), xx = /* @__PURE__ */ zt(wx, [["__scopeId", "data-v-209b8084"]]), kx = { class: "dx-action-toolbar flex items-center" }, Sx = { class: "flex-grow px-6" }, Tx = { key: 0 }, Cx = { class: "py-3 flex items-center flex-nowrap" }, Ex = /* @__PURE__ */ Y({
   __name: "ActionToolbar",
   props: {
     title: {},
@@ -11254,7 +11244,7 @@ const mw = {
       ]);
     };
   }
-}), Ix = { class: "flex flex-grow flex-col flex-nowrap overflow-hidden h-full" }, Ax = { class: "flex flex-nowrap flex-grow overflow-hidden w-full" }, XI = /* @__PURE__ */ K({
+}), Ix = { class: "flex flex-grow flex-col flex-nowrap overflow-hidden h-full" }, Ax = { class: "flex flex-nowrap flex-grow overflow-hidden w-full" }, XI = /* @__PURE__ */ Y({
   __name: "ActionTableLayout",
   props: {
     controller: {},
@@ -26505,7 +26495,7 @@ function N9(t, e = "") {
 function xh(t, e = "") {
   return Object.entries(t).map(([n, r]) => typeof r == "object" ? xh(r, `${e}${n}-`) : `--${e}${n}: ${r}`).join(";");
 }
-const dI = "0.4.48", fI = {
+const dI = "0.4.50", fI = {
   version: dI
 }, { version: _I } = fI;
 function $9() {