@qikdev/vue-ui 0.2.380 → 0.2.381

package/dist/lib.es.js

@@ -1,7 +1,7 @@
 import './vue-ui.css';
 import { defineComponent as Hl, ref as mt, toRefs as Gd, onMounted as Gl, onBeforeUnmount as lm, watch as Pr, computed as pn, createElementBlock as m, openBlock as o, createCommentVNode as _, renderSlot as W, normalizeClass as N, useSlots as am, reactive as Qt, provide as Yr, resolveComponent as y, createVNode as c, Fragment as C, createBlock as b, unref as ct, withCtx as f, renderList as L, toDisplayString as k, createTextVNode as O, withDirectives as Z, vShow as Gn, withModifiers as G, createElementVNode as x, h as Cl, mergeProps as lt, toHandlers as pt, normalizeStyle as Pe, resolveDirective as Jd, resolveDynamicComponent as xt, vModelSelect as bt, pushScopeId as We, popScopeId as He, getCurrentScope as om, onScopeDispose as um, getCurrentInstance as dm, Teleport as Kd, Transition as cm, vModelText as ce, withKeys as Se, TransitionGroup as fm, nextTick as Zd, vModelDynamic as sr, normalizeProps as mm } from "vue";
 import { EventDispatcher as Yd } from "@qikdev/sdk";
-const hm = "0.2.380";
+const hm = "0.2.381";
 class tn extends Error {
 }
 class pm extends tn {
@@ -25388,9 +25388,9 @@ const tD = Array.from(
       function i(r, l) {
         if (!r || (r = Number(r), isNaN(r)))
           return 0;
-        {
+        if (l) {
           var a = r.toFixed(l);
-          r = service.parseNumber(a);
+          r = i(a);
         }
         return r;
       }
@@ -25561,7 +25561,7 @@ const tD = Array.from(
       };
     }
   }
-}, jt = (e) => (We("data-v-33b46090"), e = e(), He(), e), rD = /* @__PURE__ */ jt(() => /* @__PURE__ */ x("h2", null, "Payment Summary", -1)), iD = { class: "calculations" }, sD = /* @__PURE__ */ jt(() => /* @__PURE__ */ x("td", null, "Amount", -1)), lD = { class: "running-total" }, aD = /* @__PURE__ */ jt(() => /* @__PURE__ */ x("td", null, "Amount", -1)), oD = /* @__PURE__ */ jt(() => /* @__PURE__ */ x("td", null, " ", -1)), uD = /* @__PURE__ */ jt(() => /* @__PURE__ */ x("td", { class: "running-total" }, " ", -1)), dD = [
+}, jt = (e) => (We("data-v-f9a7cc65"), e = e(), He(), e), rD = /* @__PURE__ */ jt(() => /* @__PURE__ */ x("h2", null, "Payment Summary", -1)), iD = { class: "calculations" }, sD = /* @__PURE__ */ jt(() => /* @__PURE__ */ x("td", null, "Amount", -1)), lD = { class: "running-total" }, aD = /* @__PURE__ */ jt(() => /* @__PURE__ */ x("td", null, "Amount", -1)), oD = /* @__PURE__ */ jt(() => /* @__PURE__ */ x("td", null, " ", -1)), uD = /* @__PURE__ */ jt(() => /* @__PURE__ */ x("td", { class: "running-total" }, " ", -1)), dD = [
   aD,
   oD,
   uD
@@ -25570,8 +25570,9 @@ const tD = Array.from(
   class: "grand-total"
 }, mD = /* @__PURE__ */ jt(() => /* @__PURE__ */ x("td", null, [
   /* @__PURE__ */ x("strong", null, "Total")
-], -1)), hD = /* @__PURE__ */ jt(() => /* @__PURE__ */ x("td", null, null, -1)), pD = /* @__PURE__ */ jt(() => /* @__PURE__ */ x("h3", null, "Please select a payment method", -1));
-function yD(e, t, n, i, s, r) {
+], -1)), hD = /* @__PURE__ */ jt(() => /* @__PURE__ */ x("td", null, null, -1)), pD = /* @__PURE__ */ jt(() => /* @__PURE__ */ x("h3", null, "Please select a payment method", -1)), yD = ["innerHTML"];
+function gD(e, t, n, i, s, r) {
+  var p, g;
   const l = y("ux-form"), a = y("ux-panel-body"), u = y("ux-panel"), d = y("ux-icon"), h = y("ux-button");
   return e.multiValue ? (o(), m(C, { key: 0 }, [
     O(" Invalid configuration ")
@@ -25585,7 +25586,7 @@ function yD(e, t, n, i, s, r) {
       "onForm:state": r.stateChange,
       parentModel: e.parentModel,
       modelValue: e.model,
-      "onUpdate:modelValue": t[0] || (t[0] = (p) => e.model = p),
+      "onUpdate:modelValue": t[0] || (t[0] = (v) => e.model = v),
       fields: r.calculatedTotalFields
     }, null, 8, ["trail", "paymentConfiguration", "includeOfficeOnly", "submission", "onForm:state", "parentModel", "modelValue", "fields"]),
     r.requiresPayment ? (o(), m(C, { key: 0 }, [
@@ -25610,15 +25611,15 @@ function yD(e, t, n, i, s, r) {
                     key: 1,
                     class: N(["calculation-modifier", ["modifier-set", "modifier-visible-true"]])
                   }, dD)) : _("", !0),
-                  (o(!0), m(C, null, L(r.visibleModifications, (p) => (o(), m("tr", {
+                  (o(!0), m(C, null, L(r.visibleModifications, (v) => (o(), m("tr", {
                     class: N(["calculation-modifier", [
-                      `modifier-${p.modifier}`,
-                      `modifier-visible-${p.visible}`
+                      `modifier-${v.modifier}`,
+                      `modifier-visible-${v.visible}`
                     ]])
                   }, [
-                    x("td", null, k(p.title), 1),
-                    x("td", null, k(p.summary), 1),
-                    x("td", cD, k(p.result), 1)
+                    x("td", null, k(v.title), 1),
+                    x("td", null, k(v.summary), 1),
+                    x("td", cD, k(v.result), 1)
                   ], 2))), 256))
                 ]),
                 x("tfoot", null, [
@@ -25639,35 +25640,41 @@ function yD(e, t, n, i, s, r) {
       }),
       r.gateways.length > 1 ? (o(), m(C, { key: 0 }, [
         pD,
-        c(u, null, {
+        x("div", null, [
+          (o(!0), m(C, null, L(r.gateways, (v) => (o(), b(h, {
+            class: "gateway-selector",
+            color: r.isSelectedGateway(v) ? "primary" : "default",
+            active: r.isSelectedGateway(v),
+            onClick: (w) => r.selectGateway(v)
+          }, {
+            default: f(() => [
+              O(k(v.title) + " ", 1),
+              c(d, {
+                icon: r.isSelectedGateway(v) ? "fa-check" : "far fa-circle"
+              }, null, 8, ["icon"])
+            ]),
+            _: 2
+          }, 1032, ["color", "active", "onClick"]))), 256))
+        ]),
+        (p = r.gateway) != null && p.payLater && ((g = r.gateway) != null && g.instructions) ? (o(), b(u, { key: 0 }, {
           default: f(() => [
             c(a, null, {
               default: f(() => [
-                (o(!0), m(C, null, L(r.gateways, (p) => (o(), b(h, {
-                  class: "gateway-selector",
-                  color: { primary: r.isSelectedGateway(p) },
-                  active: r.isSelectedGateway(p),
-                  onClick: (g) => r.selectGateway(p)
-                }, {
-                  default: f(() => [
-                    O(k(p.title) + " ", 1),
-                    c(d, {
-                      icon: r.isSelectedGateway(p) ? "fa-check" : "far fa-circle"
-                    }, null, 8, ["icon"])
-                  ]),
-                  _: 2
-                }, 1032, ["color", "active", "onClick"]))), 256))
+                x("h5", null, k(r.gateway.title), 1),
+                x("div", {
+                  innerHTML: r.gateway.instructions
+                }, null, 8, yD)
               ]),
               _: 1
             })
           ]),
           _: 1
-        })
+        })) : _("", !0)
       ], 64)) : _("", !0)
     ], 64)) : _("", !0)
   ], 64));
 }
-const gD = /* @__PURE__ */ E(nD, [["render", yD], ["__scopeId", "data-v-33b46090"]]), _D = {
+const _D = /* @__PURE__ */ E(nD, [["render", gD], ["__scopeId", "data-v-f9a7cc65"]]), vD = {
   name: "Signature",
   props: {
     modelValue: {
@@ -25817,10 +25824,10 @@ const gD = /* @__PURE__ */ E(nD, [["render", yD], ["__scopeId", "data-v-33b46090
       return e.width = this.currentWidth, e.height = this.currentHeight, e.toDataURL();
     }
   }
-}, vD = { class: "signature-container" }, bD = { class: "buttons" };
-function kD(e, t, n, i, s, r) {
+}, bD = { class: "signature-container" }, kD = { class: "buttons" };
+function wD(e, t, n, i, s, r) {
   const l = y("ux-icon"), a = y("ux-button");
-  return o(), m("div", vD, [
+  return o(), m("div", bD, [
     x("canvas", {
       ref: "canvas",
       class: "signature-canvas",
@@ -25832,7 +25839,7 @@ function kD(e, t, n, i, s, r) {
       onTouchmove: t[5] || (t[5] = (...u) => r.handleTouchMove && r.handleTouchMove(...u)),
       onTouchend: t[6] || (t[6] = (...u) => r.stopDrawing && r.stopDrawing(...u))
     }, null, 544),
-    x("div", bD, [
+    x("div", kD, [
       c(a, {
         size: "sm",
         onClick: r.clearSignature
@@ -25849,9 +25856,9 @@ function kD(e, t, n, i, s, r) {
     ])
   ]);
 }
-const wD = /* @__PURE__ */ E(_D, [["render", kD], ["__scopeId", "data-v-d6d646d4"]]), xD = {
+const xD = /* @__PURE__ */ E(vD, [["render", wD], ["__scopeId", "data-v-d6d646d4"]]), SD = {
   components: {
-    signature: wD
+    signature: xD
   },
   props: {
     modelValue: {
@@ -25865,25 +25872,25 @@ const wD = /* @__PURE__ */ E(_D, [["render", kD], ["__scopeId", "data-v-d6d646d4
       return null;
     }
   }
-}, SD = {
+}, TD = {
   key: 0,
   class: "ux-field-title"
-}, TD = {
+}, OD = {
   key: 0,
   class: "ux-required-marker"
-}, OD = {
+}, CD = {
   key: 1,
   class: "ux-field-description"
-}, CD = { key: 2 };
-function VD(e, t, n, i, s, r) {
+}, VD = { key: 2 };
+function DD(e, t, n, i, s, r) {
   const l = y("signature"), a = y("flex-cell"), u = y("ux-icon"), d = y("ux-button"), h = y("flex-row");
   return o(), m(C, null, [
-    e.showLabel ? (o(), m("label", SD, [
+    e.showLabel ? (o(), m("label", TD, [
       O(k(e.label) + " ", 1),
-      e.required ? (o(), m("span", TD, "*")) : _("", !0)
+      e.required ? (o(), m("span", OD, "*")) : _("", !0)
     ])) : _("", !0),
-    e.showDescription ? (o(), m("div", OD, k(e.description), 1)) : _("", !0),
-    e.multiValue ? (o(), m("div", CD, [
+    e.showDescription ? (o(), m("div", CD, k(e.description), 1)) : _("", !0),
+    e.multiValue ? (o(), m("div", VD, [
       (o(!0), m(C, null, L(e.model, (p, g) => (o(), b(h, {
         class: "ux-signature-row",
         gap: "",
@@ -25944,11 +25951,11 @@ function VD(e, t, n, i, s, r) {
     }, null, 8, ["onFocus", "modelValue"]))
   ], 64);
 }
-const DD = /* @__PURE__ */ E(xD, [["render", VD], ["__scopeId", "data-v-afb76f23"]]);
-function ED(e) {
+const ED = /* @__PURE__ */ E(SD, [["render", DD], ["__scopeId", "data-v-afb76f23"]]);
+function MD(e) {
   return e === void 0 || typeof e > "u" || e === null || String(e) === "null" || String(e) === "undefined";
 }
-const MD = {
+const ID = {
   props: {
     title: {
       type: String
@@ -25964,7 +25971,7 @@ const MD = {
   methods: {
     cleanOutput(e) {
       var t = this;
-      return ED(e) ? t.multiValue ? e = [] : e = void 0 : t.multiValue ? e = (e || []).filter(Boolean).map(function(n) {
+      return MD(e) ? t.multiValue ? e = [] : e = void 0 : t.multiValue ? e = (e || []).filter(Boolean).map(function(n) {
         return t.getValue(n);
       }) : e = t.getValue(e), e;
     },
@@ -26034,37 +26041,37 @@ const MD = {
       return this.actualOptions || [];
     }
   }
-}, ID = {
+}, FD = {
   key: 0,
   class: "ux-field-title"
-}, FD = {
+}, AD = {
   key: 0,
   class: "ux-required-marker"
-}, AD = {
+}, LD = {
   key: 1,
   class: "ux-field-description"
-}, LD = {
+}, $D = {
   key: 0,
   class: "ui-select-button"
-}, $D = ["multiple"], ND = {
+}, ND = ["multiple"], RD = {
   key: 0,
   value: ""
-}, RD = ["value"], UD = {
+}, UD = ["value"], PD = {
   key: 3,
   class: "ui-select-button"
 };
-function PD(e, t, n, i, s, r) {
+function qD(e, t, n, i, s, r) {
   const l = y("ux-button");
   return o(), m("div", {
     class: N(["native-select", r.classes])
   }, [
-    e.showLabel ? (o(), m("label", ID, [
+    e.showLabel ? (o(), m("label", FD, [
       O(k(e.label) + " ", 1),
-      e.required ? (o(), m("span", FD, "*")) : _("", !0)
+      e.required ? (o(), m("span", AD, "*")) : _("", !0)
     ])) : _("", !0),
-    e.showDescription ? (o(), m("div", AD, k(e.description), 1)) : _("", !0),
+    e.showDescription ? (o(), m("div", LD, k(e.description), 1)) : _("", !0),
     r.selectableOptions.length ? (o(), m(C, { key: 2 }, [
-      e.singleValue ? (o(), m("div", LD, [
+      e.singleValue ? (o(), m("div", $D, [
         W(e.$slots, "default", {}, () => [
           c(l, { tag: "div" }, {
             default: f(() => [
@@ -26079,14 +26086,14 @@ function PD(e, t, n, i, s, r) {
         multiple: e.multiValue,
         "onUpdate:modelValue": t[1] || (t[1] = (a) => e.model = a)
       }, [
-        e.singleValue && !e.minimum ? (o(), m("option", ND, "None")) : _("", !0),
+        e.singleValue && !e.minimum ? (o(), m("option", RD, "None")) : _("", !0),
         (o(!0), m(C, null, L(r.selectableOptions, (a) => (o(), m("option", {
           value: a.value
-        }, k(a.title), 9, RD))), 256))
-      ], 40, $D), [
+        }, k(a.title), 9, UD))), 256))
+      ], 40, ND), [
         [bt, e.model]
       ])
-    ], 64)) : (o(), m("div", UD, [
+    ], 64)) : (o(), m("div", PD, [
       c(l, { tag: "div" }, {
         default: f(() => [
           O(" No valid routes ")
@@ -26096,11 +26103,11 @@ function PD(e, t, n, i, s, r) {
     ]))
   ], 2);
 }
-const qD = /* @__PURE__ */ E(MD, [["render", PD], ["__scopeId", "data-v-a9c5a05f"]]);
-function jD(e) {
+const jD = /* @__PURE__ */ E(ID, [["render", qD], ["__scopeId", "data-v-a9c5a05f"]]);
+function BD(e) {
   return e === void 0 || typeof e > "u" || e === null || String(e) === "null" || String(e) === "undefined";
 }
-const BD = {
+const zD = {
   props: {
     title: {
       type: String
@@ -26116,7 +26123,7 @@ const BD = {
   methods: {
     cleanOutput(e) {
       var t = this;
-      return jD(e) ? t.multiValue ? e = [] : e = void 0 : t.multiValue ? e = (e || []).filter(Boolean).map(function(n) {
+      return BD(e) ? t.multiValue ? e = [] : e = void 0 : t.multiValue ? e = (e || []).filter(Boolean).map(function(n) {
         return t.getValue(n);
       }) : e = t.getValue(e), e;
     },
@@ -26169,33 +26176,33 @@ const BD = {
       return this.actualOptions;
     }
   }
-}, zD = {
+}, WD = {
   key: 0,
   class: "ux-field-title"
-}, WD = {
+}, HD = {
   key: 0,
   class: "ux-required-marker"
-}, HD = {
+}, GD = {
   key: 1,
   class: "ux-field-description"
-}, GD = {
+}, JD = {
   key: 2,
   class: "ui-select-button"
-}, JD = ["multiple"], KD = {
+}, KD = ["multiple"], ZD = {
   key: 0,
   value: ""
-}, ZD = ["value"];
-function YD(e, t, n, i, s, r) {
+}, YD = ["value"];
+function XD(e, t, n, i, s, r) {
   const l = y("ux-button");
   return o(), m("div", {
     class: N(["native-select", r.classes])
   }, [
-    e.showLabel ? (o(), m("label", zD, [
+    e.showLabel ? (o(), m("label", WD, [
       O(k(e.label) + " ", 1),
-      e.required ? (o(), m("span", WD, "*")) : _("", !0)
+      e.required ? (o(), m("span", HD, "*")) : _("", !0)
     ])) : _("", !0),
-    e.showDescription ? (o(), m("div", HD, k(e.description), 1)) : _("", !0),
-    e.singleValue ? (o(), m("div", GD, [
+    e.showDescription ? (o(), m("div", GD, k(e.description), 1)) : _("", !0),
+    e.singleValue ? (o(), m("div", JD, [
       W(e.$slots, "default", {}, () => [
         c(l, { tag: "div" }, {
           default: f(() => [
@@ -26210,16 +26217,16 @@ function YD(e, t, n, i, s, r) {
       multiple: e.multiValue,
       "onUpdate:modelValue": t[1] || (t[1] = (a) => e.model = a)
     }, [
-      e.singleValue && !e.minimum ? (o(), m("option", KD, "None")) : _("", !0),
+      e.singleValue && !e.minimum ? (o(), m("option", ZD, "None")) : _("", !0),
       (o(!0), m(C, null, L(r.selectableOptions, (a) => (o(), m("option", {
         value: a.value
-      }, k(a.title), 9, ZD))), 256))
-    ], 40, JD), [
+      }, k(a.title), 9, YD))), 256))
+    ], 40, KD), [
       [bt, e.model]
     ])
   ], 2);
 }
-const XD = /* @__PURE__ */ E(BD, [["render", YD], ["__scopeId", "data-v-8801d1a0"]]), an = {
+const QD = /* @__PURE__ */ E(zD, [["render", XD], ["__scopeId", "data-v-8801d1a0"]]), an = {
   props: {
     options: {
       type: Object,
@@ -26247,7 +26254,7 @@ const XD = /* @__PURE__ */ E(BD, [["render", YD], ["__scopeId", "data-v-8801d1a0
       this.$emit("close", e);
     }
   }
-}, QD = {
+}, eE = {
   data() {
     return {
       selection: {}
@@ -26335,15 +26342,15 @@ const XD = /* @__PURE__ */ E(BD, [["render", YD], ["__scopeId", "data-v-8801d1a0
       this.selection[e.path] = !this.selection[e.path], console.log(e);
     }
   }
-}, eE = { class: "wrapper" }, tE = { class: "header" }, nE = ["onClick"], rE = { class: "font-sm font-muted" };
-function iE(e, t, n, i, s, r) {
+}, tE = { class: "wrapper" }, nE = { class: "header" }, rE = ["onClick"], iE = { class: "font-sm font-muted" };
+function sE(e, t, n, i, s, r) {
   const l = y("flex-cell"), a = y("ux-button"), u = y("flex-row"), d = y("flex-header"), h = y("ux-checkbox"), p = y("flex-body"), g = y("flex-column");
-  return o(), m("div", eE, [
+  return o(), m("div", tE, [
     c(g, null, {
       default: f(() => [
         c(d, null, {
           default: f(() => [
-            x("div", tE, [
+            x("div", nE, [
               c(u, {
                 gap: "",
                 center: ""
@@ -26399,14 +26406,14 @@ function iE(e, t, n, i, s, r) {
                   c(l, null, {
                     default: f(() => [
                       x("strong", null, k(v.selectTitle), 1),
-                      x("div", rE, k(v.path), 1)
+                      x("div", iE, k(v.path), 1)
                     ]),
                     _: 2
                   }, 1024)
                 ]),
                 _: 2
               }, 1024)
-            ], 14, nE))), 256))
+            ], 14, rE))), 256))
           ]),
           _: 1
         })
@@ -26415,7 +26422,7 @@ function iE(e, t, n, i, s, r) {
     })
   ]);
 }
-const sE = /* @__PURE__ */ E(QD, [["render", iE], ["__scopeId", "data-v-415b9a32"]]), lE = {
+const lE = /* @__PURE__ */ E(eE, [["render", sE], ["__scopeId", "data-v-415b9a32"]]), aE = {
   props: {
     modelValue: {
       type: Object
@@ -26448,7 +26455,7 @@ const sE = /* @__PURE__ */ E(QD, [["render", iE], ["__scopeId", "data-v-415b9a32
   methods: {
     async openModal() {
       const e = this, t = await e.$sdk.modal({
-        component: sE,
+        component: lE,
         options: {
           definition: e.definition
         }
@@ -26456,10 +26463,10 @@ const sE = /* @__PURE__ */ E(QD, [["render", iE], ["__scopeId", "data-v-415b9a32
       t.length && e.addFields && e.addFields(t);
     }
   }
-}, aE = { key: 0 };
-function oE(e, t, n, i, s, r) {
+}, oE = { key: 0 };
+function uE(e, t, n, i, s, r) {
   const l = y("ux-icon"), a = y("ux-button");
-  return r.definition ? (o(), m("div", aE, [
+  return r.definition ? (o(), m("div", oE, [
     c(a, {
       color: "primary",
       onClick: r.openModal
@@ -26472,7 +26479,7 @@ function oE(e, t, n, i, s, r) {
     }, 8, ["onClick"])
   ])) : _("", !0);
 }
-const uE = /* @__PURE__ */ E(lE, [["render", oE]]);
+const dE = /* @__PURE__ */ E(aE, [["render", uE]]);
 function nl(e) {
   switch (String(e).toLowerCase()) {
     case "true":
@@ -26505,7 +26512,7 @@ function Fn(e, t, n, i, s, r) {
   }
   return t;
 }
-function dE(e, t) {
+function cE(e, t) {
   function n(g) {
     return g === void 0 || typeof g > "u" || g === null;
   }
@@ -26617,7 +26624,7 @@ function Te(e) {
     return Rt.evaluateExpression(n, i);
   };
 }
-const cE = {
+const fE = {
   emits: [
     "field:mount",
     "field:unmount",
@@ -26631,9 +26638,9 @@ const cE = {
     "update:modelValue"
   ],
   components: {
-    InternalRouteSelect: qD,
-    InternalMenuSelect: XD,
-    InternalFieldCreator: uE,
+    InternalRouteSelect: jD,
+    InternalMenuSelect: QD,
+    InternalFieldCreator: dE,
     ButtonSelect: MO,
     NativeSelect: Pt,
     DateField: Rf,
@@ -26661,7 +26668,7 @@ const cE = {
     CountrySelect: ua,
     PhoneNumberInput: t0,
     Upload: oO,
-    Signature: DD,
+    Signature: ED,
     ObjectField: UO,
     ModelField: JO,
     OptionsManager: mC,
@@ -26669,7 +26676,7 @@ const cE = {
     LocationField: QC,
     ExpressionField: oV,
     RichTextField: bV,
-    PaymentField: gD
+    PaymentField: _D
   },
   props: {
     trail: {
@@ -26805,7 +26812,7 @@ const cE = {
       var e = this.expressions && this.expressions.value ? this.getExpressionValue : void 0;
       if (e)
         return e;
-      var t = this.expressions && this.expressions.defaultValue ? this.getExpressionDefaultValue : void 0, n = dE(this.actualField), i = this.cleanInput(
+      var t = this.expressions && this.expressions.defaultValue ? this.getExpressionDefaultValue : void 0, n = cE(this.actualField), i = this.cleanInput(
         t || n
       );
       if ((s = this.field) != null && s.assumeDefault) {
@@ -27203,11 +27210,11 @@ const cE = {
       return e;
     }
   }
-}, fE = {
+}, mE = {
   key: 2,
   class: "ux-field-message"
 };
-function mE(e, t, n, i, s, r) {
+function hE(e, t, n, i, s, r) {
   const l = y("text-field"), a = y("key-field"), u = y("internal-route-select"), d = y("internal-menu-select"), h = y("internal-field-creator"), p = y("custom-html"), g = y("slider-input"), v = y("color-input"), w = y("filter-input"), S = y("date-object-input"), T = y("signature"), V = y("checkbox"), M = y("boolean-switch"), P = y("upload"), J = y("field-group"), Q = y("field-select"), I = y("native-select"), q = y("button-select"), H = y("currency-field"), B = y("form-relationship-field"), ee = y("date-field"), K = y("time-field"), me = y("date-range"), te = y("content-select"), fe = y("content-search"), ge = y("type-select"), be = y("scope-select"), et = y("rich-text-field"), Ge = y("text-area"), Tt = y("timezone-select"), ot = y("country-select"), Je = y("phone-number-input"), gt = y("object-field"), Ee = y("model-field"), j = y("payment-field"), A = y("options-manager"), Ke = y("code-editor-field"), Ot = y("flex-column"), Me = y("location-field"), he = y("expression-field");
   return r.visible ? (o(), m("div", {
     key: 0,
@@ -27553,12 +27560,12 @@ function mE(e, t, n, i, s, r) {
         "onUpdate:modelValue": t[41] || (t[41] = (F) => r.fieldModel = F)
       }, null, 8, ["onTouched", "field", "modelValue"])) : _("", !0)
     ], 64)),
-    r.error && s.validateResults.message ? (o(), m("div", fE, k(s.validateResults.message), 1)) : _("", !0)
+    r.error && s.validateResults.message ? (o(), m("div", mE, k(s.validateResults.message), 1)) : _("", !0)
   ], 34)) : _("", !0);
 }
-const ga = /* @__PURE__ */ E(cE, [["render", mE], ["__scopeId", "data-v-8f3c28f1"]]);
+const ga = /* @__PURE__ */ E(fE, [["render", hE], ["__scopeId", "data-v-8f3c28f1"]]);
 var rl, bd;
-function hE() {
+function pE() {
   if (bd) return rl;
   bd = 1;
   function e(t, n, i, s) {
@@ -27570,7 +27577,7 @@ function hE() {
   return rl = e, rl;
 }
 var il, kd;
-function pE() {
+function yE() {
   if (kd) return il;
   kd = 1;
   function e(t) {
@@ -27581,10 +27588,10 @@ function pE() {
   return il = e, il;
 }
 var sl, wd;
-function yE() {
+function gE() {
   if (wd) return sl;
   wd = 1;
-  var e = pE(), t = {
+  var e = yE(), t = {
     // Latin-1 Supplement block.
     À: "A",
     Á: "A",
@@ -27781,17 +27788,17 @@ function yE() {
   return sl = n, sl;
 }
 var ll, xd;
-function gE() {
+function _E() {
   if (xd) return ll;
   xd = 1;
-  var e = yE(), t = ia(), n = /[\xc0-\xd6\xd8-\xf6\xf8-\xff\u0100-\u017f]/g, i = "\\u0300-\\u036f", s = "\\ufe20-\\ufe2f", r = "\\u20d0-\\u20ff", l = i + s + r, a = "[" + l + "]", u = RegExp(a, "g");
+  var e = gE(), t = ia(), n = /[\xc0-\xd6\xd8-\xf6\xf8-\xff\u0100-\u017f]/g, i = "\\u0300-\\u036f", s = "\\ufe20-\\ufe2f", r = "\\u20d0-\\u20ff", l = i + s + r, a = "[" + l + "]", u = RegExp(a, "g");
   function d(h) {
     return h = t(h), h && h.replace(n, e).replace(u, "");
   }
   return ll = d, ll;
 }
 var al, Sd;
-function _E() {
+function vE() {
   if (Sd) return al;
   Sd = 1;
   var e = /[^\x00-\x2f\x3a-\x40\x5b-\x60\x7b-\x7f]+/g;
@@ -27801,7 +27808,7 @@ function _E() {
   return al = t, al;
 }
 var ol, Td;
-function vE() {
+function bE() {
   if (Td) return ol;
   Td = 1;
   var e = /[a-z][A-Z]|[A-Z]{2}[a-z]|[0-9][a-zA-Z]|[a-zA-Z][0-9]|[^a-zA-Z0-9 ]/;
@@ -27811,7 +27818,7 @@ function vE() {
   return ol = t, ol;
 }
 var ul, Od;
-function bE() {
+function kE() {
   if (Od) return ul;
   Od = 1;
   var e = "\\ud800-\\udfff", t = "\\u0300-\\u036f", n = "\\ufe20-\\ufe2f", i = "\\u20d0-\\u20ff", s = t + n + i, r = "\\u2700-\\u27bf", l = "a-z\\xdf-\\xf6\\xf8-\\xff", a = "\\xac\\xb1\\xd7\\xf7", u = "\\x00-\\x2f\\x3a-\\x40\\x5b-\\x60\\x7b-\\xbf", d = "\\u2000-\\u206f", h = " \\t\\x0b\\f\\xa0\\ufeff\\n\\r\\u2028\\u2029\\u1680\\u180e\\u2000\\u2001\\u2002\\u2003\\u2004\\u2005\\u2006\\u2007\\u2008\\u2009\\u200a\\u202f\\u205f\\u3000", p = "A-Z\\xc0-\\xd6\\xd8-\\xde", g = "\\ufe0e\\ufe0f", v = a + u + d + h, w = "['’]", S = "[" + v + "]", T = "[" + s + "]", V = "\\d+", M = "[" + r + "]", P = "[" + l + "]", J = "[^" + e + v + V + r + l + p + "]", Q = "\\ud83c[\\udffb-\\udfff]", I = "(?:" + T + "|" + Q + ")", q = "[^" + e + "]", H = "(?:\\ud83c[\\udde6-\\uddff]){2}", B = "[\\ud800-\\udbff][\\udc00-\\udfff]", ee = "[" + p + "]", K = "\\u200d", me = "(?:" + P + "|" + J + ")", te = "(?:" + ee + "|" + J + ")", fe = "(?:" + w + "(?:d|ll|m|re|s|t|ve))?", ge = "(?:" + w + "(?:D|LL|M|RE|S|T|VE))?", be = I + "?", et = "[" + g + "]?", Ge = "(?:" + K + "(?:" + [q, H, B].join("|") + ")" + et + be + ")*", Tt = "\\d*(?:1st|2nd|3rd|(?![123])\\dth)(?=\\b|[A-Z_])", ot = "\\d*(?:1ST|2ND|3RD|(?![123])\\dTH)(?=\\b|[a-z_])", Je = et + be + Ge, gt = "(?:" + [M, H, B].join("|") + ")" + Je, Ee = RegExp([
@@ -27830,20 +27837,20 @@ function bE() {
   return ul = j, ul;
 }
 var dl, Cd;
-function kE() {
+function wE() {
   if (Cd) return dl;
   Cd = 1;
-  var e = _E(), t = vE(), n = ia(), i = bE();
+  var e = vE(), t = bE(), n = ia(), i = kE();
   function s(r, l, a) {
     return r = n(r), l = a ? void 0 : l, l === void 0 ? t(r) ? i(r) : e(r) : r.match(l) || [];
   }
   return dl = s, dl;
 }
 var cl, Vd;
-function wE() {
+function xE() {
   if (Vd) return cl;
   Vd = 1;
-  var e = hE(), t = gE(), n = kE(), i = "['’]", s = RegExp(i, "g");
+  var e = pE(), t = _E(), n = wE(), i = "['’]", s = RegExp(i, "g");
   function r(l) {
     return function(a) {
       return e(n(t(a).replace(s, "")), l, "");
@@ -27852,16 +27859,16 @@ function wE() {
   return cl = r, cl;
 }
 var fl, Dd;
-function xE() {
+function SE() {
   if (Dd) return fl;
   Dd = 1;
-  var e = wE(), t = e(function(n, i, s) {
+  var e = xE(), t = e(function(n, i, s) {
     return n + (s ? "-" : "") + i.toLowerCase();
   });
   return fl = t, fl;
 }
-var SE = xE();
-const TE = /* @__PURE__ */ Ut(SE), OE = {
+var TE = SE();
+const OE = /* @__PURE__ */ Ut(TE), CE = {
   emits: [
     "field:unmount",
     "field:mount",
@@ -28028,7 +28035,7 @@ const TE = /* @__PURE__ */ Ut(SE), OE = {
       };
     },
     getFieldKey(e) {
-      let t = TE(`${e.title}-${e.key}`);
+      let t = OE(`${e.title}-${e.key}`);
       return e.incrementor && (t = `${t}-${e.incrementor}`), t;
     },
     touch() {
@@ -28119,7 +28126,7 @@ const TE = /* @__PURE__ */ Ut(SE), OE = {
     }
   }
 };
-function CE(e, t, n, i, s, r) {
+function VE(e, t, n, i, s, r) {
   const l = y("ux-field");
   return o(), m("div", {
     class: N(["ux-form", r.formClass])
@@ -28158,7 +28165,7 @@ function CE(e, t, n, i, s, r) {
     W(e.$slots, "below", { model: r.formModel }, void 0, !0)
   ], 2);
 }
-const Kf = /* @__PURE__ */ E(OE, [["render", CE], ["__scopeId", "data-v-f2cd3942"]]), ml = "form.ready", VE = "form.processing", Ed = "form.complete", Md = "form.error", DE = "form.intent", EE = {
+const Kf = /* @__PURE__ */ E(CE, [["render", VE], ["__scopeId", "data-v-f2cd3942"]]), ml = "form.ready", DE = "form.processing", Ed = "form.complete", Md = "form.error", EE = "form.intent", ME = {
   emits: ["reset", "processing", "intent", "success", "error"],
   methods: {
     multiFormStateUpdated(e, t) {
@@ -28210,7 +28217,7 @@ const Kf = /* @__PURE__ */ E(OE, [["render", CE], ["__scopeId", "data-v-f2cd3942
         console.log("Form is invalid", this.invalidFields);
         return;
       }
-      e.processing = !0, e.state = VE, e.$emit("processing");
+      e.processing = !0, e.state = DE, e.$emit("processing");
       const { submission: t, error: n } = await e.preSubmit(e.model);
       if (n)
         return console.log("pre submit error", n), a(n);
@@ -28242,7 +28249,7 @@ const Kf = /* @__PURE__ */ E(OE, [["render", CE], ["__scopeId", "data-v-f2cd3942
             );
             break;
         }
-        e.state = DE, e.processing = !1, e.$emit("intent", u);
+        e.state = EE, e.processing = !1, e.$emit("intent", u);
       }
       async function l(u) {
         await e.postSubmit(u), e.processing = !1, e.state = Ed, e.$emit("success", u);
@@ -28545,14 +28552,14 @@ const Kf = /* @__PURE__ */ E(OE, [["render", CE], ["__scopeId", "data-v-f2cd3942
       return this.form.fields || [];
     }
   }
-}, Zf = (e) => (We("data-v-558310f6"), e = e(), He(), e), ME = /* @__PURE__ */ Zf(() => /* @__PURE__ */ x("h3", null, "An error occurred", -1)), IE = { key: 0 }, FE = { key: 1 }, AE = { key: 2 }, LE = { class: "intent-submit" }, $E = {
+}, Zf = (e) => (We("data-v-558310f6"), e = e(), He(), e), IE = /* @__PURE__ */ Zf(() => /* @__PURE__ */ x("h3", null, "An error occurred", -1)), FE = { key: 0 }, AE = { key: 1 }, LE = { key: 2 }, $E = { class: "intent-submit" }, NE = {
   key: 0,
   class: "multistep-form"
-}, NE = { class: "multistep-form-sections" }, RE = { class: "multistep-fields" }, UE = { class: "multistep-controls" }, PE = ["tooltip"], qE = ["tooltip"], jE = { class: "multistep-progress" }, BE = {
+}, RE = { class: "multistep-form-sections" }, UE = { class: "multistep-fields" }, PE = { class: "multistep-controls" }, qE = ["tooltip"], jE = ["tooltip"], BE = { class: "multistep-progress" }, zE = {
   key: 0,
   class: "invalid-field-message"
-}, zE = /* @__PURE__ */ Zf(() => /* @__PURE__ */ x("h5", null, "Please fix the issues below to continue", -1)), WE = ["tooltip"];
-function HE(e, t, n, i, s, r) {
+}, WE = /* @__PURE__ */ Zf(() => /* @__PURE__ */ x("h5", null, "Please fix the issues below to continue", -1)), HE = ["tooltip"];
+function GE(e, t, n, i, s, r) {
   const l = y("ux-icon"), a = y("ux-button"), u = y("ux-panel-body"), d = y("ux-panel"), h = y("StripeElement"), p = y("StripeElements"), g = y("ux-form"), v = y("flex-cell"), w = y("flex-row"), S = y("ux-progress-bar");
   return o(), m("div", {
     class: N(["ux-submission-form", r.classes])
@@ -28560,13 +28567,13 @@ function HE(e, t, n, i, s, r) {
     s.state === "form.error" ? W(e.$slots, "error", mm(lt({ key: 0 }, { error: s.error, softReset: r.softReset })), () => {
       var T;
       return [
-        ME,
-        s.error.message ? (o(), m("pre", IE, k(s.error.message), 1)) : _("", !0),
-        (T = s.error.data) != null && T.errors ? (o(), m("div", FE, [
+        IE,
+        s.error.message ? (o(), m("pre", FE, k(s.error.message), 1)) : _("", !0),
+        (T = s.error.data) != null && T.errors ? (o(), m("div", AE, [
           (o(!0), m(C, null, L(s.error.data.errors, (V) => (o(), m("pre", {
             key: V.path
           }, k(V.message), 1))), 128))
-        ])) : (o(), m("pre", AE, k(s.error), 1)),
+        ])) : (o(), m("pre", LE, k(s.error), 1)),
         c(a, {
           color: "primary",
           onClick: r.softReset
@@ -28621,7 +28628,7 @@ function HE(e, t, n, i, s, r) {
           ]),
           _: 1
         }, 8, ["stripe-key", "instance-options", "elements-options"])) : _("", !0),
-        x("div", LE, [
+        x("div", $E, [
           c(a, {
             color: "primary",
             onClick: r.confirmIntention
@@ -28634,8 +28641,8 @@ function HE(e, t, n, i, s, r) {
         ])
       ], 64)) : _("", !0)
     ], 64)) : (o(), m(C, { key: 3 }, [
-      n.multistep ? (o(), m("div", $E, [
-        x("div", NE, [
+      n.multistep ? (o(), m("div", NE, [
+        x("div", RE, [
           (o(!0), m(C, null, L(r.pages, (T, V) => (o(), m("div", {
             class: N(["multistep-form-section", {
               inactive: V !== r.currentPage,
@@ -28644,7 +28651,7 @@ function HE(e, t, n, i, s, r) {
               active: V === r.currentPage
             }])
           }, [
-            x("div", RE, [
+            x("div", UE, [
               c(g, {
                 step: V + 1,
                 submission: "",
@@ -28658,7 +28665,7 @@ function HE(e, t, n, i, s, r) {
                 fields: [T]
               }, null, 8, ["step", "sandbox", "paymentConfiguration", "modelValue", "onForm:state", "fields"])
             ]),
-            x("div", UE, [
+            x("div", PE, [
               c(w, {
                 gap: "",
                 center: ""
@@ -28705,7 +28712,7 @@ function HE(e, t, n, i, s, r) {
                           ]),
                           _: 1
                         }, 8, ["onClick", "disabled"])
-                      ], 8, PE)
+                      ], 8, qE)
                     ]),
                     _: 1
                   })) : _("", !0),
@@ -28726,7 +28733,7 @@ function HE(e, t, n, i, s, r) {
                           ]),
                           _: 1
                         }, 8, ["disabled", "onClick", "loading"])
-                      ], 8, qE)
+                      ], 8, jE)
                     ]),
                     _: 1
                   })) : _("", !0)
@@ -28736,7 +28743,7 @@ function HE(e, t, n, i, s, r) {
             ])
           ], 2))), 256))
         ]),
-        x("div", jE, [
+        x("div", BE, [
           O(k(r.displayCurrentPage) + " of " + k(r.displayTotalPages) + " ", 1),
           c(S, { value: r.displayPercentage }, null, 8, ["value"])
         ])
@@ -28751,8 +28758,8 @@ function HE(e, t, n, i, s, r) {
           "onForm:state": r.formStateUpdated,
           fields: r.formFields
         }, null, 8, ["sandbox", "paymentConfiguration", "modelValue", "onForm:state", "fields"]),
-        r.invalidFields.length ? (o(), m("div", BE, [
-          zE,
+        r.invalidFields.length ? (o(), m("div", zE, [
+          WE,
           (o(!0), m(C, null, L(r.invalidFields, (T) => (o(), m("div", {
             key: T.key
           }, k(T.message || `Please provide a valid answer for ${T.title}`), 1))), 128))
@@ -28769,13 +28776,13 @@ function HE(e, t, n, i, s, r) {
             ]),
             _: 1
           }, 8, ["disabled", "onClick", "loading"])
-        ], 8, WE)
+        ], 8, HE)
       ], 64))
     ], 64))
   ], 2);
 }
-const GE = /* @__PURE__ */ E(EE, [["render", HE], ["__scopeId", "data-v-558310f6"]]);
-function JE(e) {
+const JE = /* @__PURE__ */ E(ME, [["render", GE], ["__scopeId", "data-v-558310f6"]]);
+function KE(e) {
   const t = /<\/?([a-zA-Z0-9]+)[^>]*>/g, n = [];
   let i;
   for (; (i = t.exec(e)) !== null; ) {
@@ -28813,14 +28820,14 @@ const Yf = {
     actualTemplate() {
       let e = this.template || "";
       e = e.replaceAll ? e.replaceAll("<br>", "<br/>") : e;
-      var { valid: t, invalid: n } = JE(e);
+      var { valid: t, invalid: n } = KE(e);
       return t || (console.log("Invalid html", e), e = `<div>Invalid HTML. <pre>${n}</pre></div>`), e;
     }
   },
   components: {
     VRuntimeTemplate: nf
   }
-}, KE = {
+}, ZE = {
   emits: ["error", "reset"],
   data() {
     return {
@@ -28835,14 +28842,14 @@ const Yf = {
       this.$emit("reset");
     }
   }
-}, ZE = {
+}, YE = {
   key: 0,
   class: "error-boundary",
   style: { color: "#b40000", border: "2px solid #fd0000", background: "#ffd6d6", padding: "1em" }
 };
-function YE(e, t, n, i, s, r) {
+function XE(e, t, n, i, s, r) {
   const l = y("ux-button");
-  return s.error ? (o(), m("div", ZE, [
+  return s.error ? (o(), m("div", YE, [
     x("pre", null, "COMPILE ERROR: " + k(s.error), 1),
     c(l, { onClick: r.reset }, {
       default: f(() => [
@@ -28852,7 +28859,7 @@ function YE(e, t, n, i, s, r) {
     }, 8, ["onClick"])
   ])) : W(e.$slots, "default", { key: 1 }, void 0, !0);
 }
-const XE = /* @__PURE__ */ E(KE, [["render", YE], ["__scopeId", "data-v-0fd69158"]]), QE = {
+const QE = /* @__PURE__ */ E(ZE, [["render", XE], ["__scopeId", "data-v-0fd69158"]]), eM = {
   props: {
     field: {
       type: Object,
@@ -28932,8 +28939,8 @@ const XE = /* @__PURE__ */ E(KE, [["render", YE], ["__scopeId", "data-v-0fd69158
       return isNaN(e) && (e = 0), e = Math.max(e, 0), parseInt(e);
     }
   }
-}, eM = {
-  mixins: [QE],
+}, tM = {
+  mixins: [eM],
   props: {
     modelValue: {
       type: [Object, Array]
@@ -28953,13 +28960,13 @@ const XE = /* @__PURE__ */ E(KE, [["render", YE], ["__scopeId", "data-v-0fd69158
       return `${this.label} ${t + 1}`;
     }
   }
-}, tM = {
+}, nM = {
   key: 0,
   class: "ux-multi-group"
 };
-function nM(e, t, n, i, s, r) {
+function rM(e, t, n, i, s, r) {
   const l = y("flex-cell"), a = y("flex-row"), u = y("ux-panel-header"), d = y("ux-render"), h = y("ux-panel-body"), p = y("ux-panel");
-  return e.multiValue ? (o(), m("div", tM, [
+  return e.multiValue ? (o(), m("div", nM, [
     (o(!0), m(C, null, L(e.model, (g, v) => (o(), b(p, {
       ref_for: !0,
       ref: "row",
@@ -29010,13 +29017,13 @@ function nM(e, t, n, i, s, r) {
     "onUpdate:modelValue": t[0] || (t[0] = (g) => e.model = g)
   }, null, 8, ["submission", "fields", "flex", "parentModel", "modelValue"]));
 }
-const rM = /* @__PURE__ */ E(eM, [["render", nM], ["__scopeId", "data-v-cb997d0e"]]), iM = {
+const iM = /* @__PURE__ */ E(tM, [["render", rM], ["__scopeId", "data-v-cb997d0e"]]), sM = {
   components: {
     Item: da,
-    FieldGroup: rM,
+    FieldGroup: iM,
     // Compiler,
     Compile: Yf,
-    ErrorBoundary: XE
+    ErrorBoundary: QE
     // ButtonSelect,
     // NativeSelect,
     // DateField,
@@ -29250,26 +29257,26 @@ const rM = /* @__PURE__ */ E(eM, [["render", nM], ["__scopeId", "data-v-cb997d0e
       return e;
     }
   }
-}, sM = { class: "ux-field-title" }, lM = { class: "signature-view" }, aM = ["src"], oM = {
+}, lM = { class: "ux-field-title" }, aM = { class: "signature-view" }, oM = ["src"], uM = {
   key: 1,
   class: "signature-view"
-}, uM = ["src"], dM = { class: "currency" }, cM = { key: 1 }, fM = { class: "currency" }, mM = { key: 1 }, hM = {
+}, dM = ["src"], cM = { class: "currency" }, fM = { key: 1 }, mM = { class: "currency" }, hM = { key: 1 }, pM = {
   key: 5,
   class: "ux-password-render"
-}, pM = ["type", "value"], yM = ["type", "value"], gM = {
+}, yM = ["type", "value"], gM = ["type", "value"], _M = {
   key: 0,
   class: "display-grid"
-}, _M = { class: "display-cell" }, vM = { key: 1 }, bM = { class: "display-cell" }, kM = {
+}, vM = { class: "display-cell" }, bM = { key: 1 }, kM = { class: "display-cell" }, wM = {
   key: 0,
   class: "display-grid"
-}, wM = { class: "display-cell" }, xM = { key: 1 }, SM = { class: "display-cell" }, TM = ["innerHTML"], OM = ["innerHTML"], CM = { key: 1 }, VM = { key: 1 }, DM = ["href"], EM = { key: 1 }, MM = ["href"], IM = ["href"], FM = { key: 1 }, AM = ["href"], LM = { key: 1 };
-function $M(e, t, n, i, s, r) {
+}, xM = { class: "display-cell" }, SM = { key: 1 }, TM = { class: "display-cell" }, OM = ["innerHTML"], CM = ["innerHTML"], VM = { key: 1 }, DM = { key: 1 }, EM = ["href"], MM = { key: 1 }, IM = ["href"], FM = ["href"], AM = { key: 1 }, LM = ["href"], $M = { key: 1 };
+function NM(e, t, n, i, s, r) {
   const l = y("field-group"), a = y("v-ace-editor"), u = y("flex-cell"), d = y("ux-icon"), h = y("ux-button"), p = y("flex-row"), g = y("ux-image"), v = y("ux-video"), w = y("item"), S = y("error-boundary");
   return r.visible ? (o(), m("div", {
     key: 0,
     class: N(["ux-field-render", r.classes])
   }, [
-    x("label", sM, k(r.title), 1),
+    x("label", lM, k(r.title), 1),
     r.widget === "group" ? (o(), m(C, { key: 0 }, [
       r.asObject ? (o(), b(l, {
         key: 0,
@@ -29297,18 +29304,18 @@ function $M(e, t, n, i, s, r) {
       modelValue: r.fieldModel,
       "onUpdate:modelValue": t[2] || (t[2] = (T) => r.fieldModel = T)
     }, null, 8, ["submission", "display", "field", "parentModel", "modelValue"])) : r.widget === "signature" ? (o(), m(C, { key: 2 }, [
-      r.multiValue ? (o(!0), m(C, { key: 0 }, L(r.fieldModel, (T, V) => (o(), m("div", lM, [
-        x("img", { src: T }, null, 8, aM)
-      ]))), 256)) : (o(), m("div", oM, [
-        x("img", { src: r.fieldModel }, null, 8, uM)
+      r.multiValue ? (o(!0), m(C, { key: 0 }, L(r.fieldModel, (T, V) => (o(), m("div", aM, [
+        x("img", { src: T }, null, 8, oM)
+      ]))), 256)) : (o(), m("div", uM, [
+        x("img", { src: r.fieldModel }, null, 8, dM)
       ]))
     ], 64)) : r.widget === "currency" ? (o(), m(C, { key: 3 }, [
       r.multiValue ? (o(!0), m(C, { key: 0 }, L(r.fieldModel, (T, V) => (o(), m("div", null, [
         O(k(r.formatCurrency(T)) + " ", 1),
-        x("span", dM, k(n.field.currency), 1)
-      ]))), 256)) : (o(), m("div", cM, [
+        x("span", cM, k(n.field.currency), 1)
+      ]))), 256)) : (o(), m("div", fM, [
         O(k(r.formatCurrency(r.fieldModel)) + " ", 1),
-        x("span", fM, k(n.field.currency), 1)
+        x("span", mM, k(n.field.currency), 1)
       ]))
     ], 64)) : r.widget === "code" ? (o(), m(C, { key: 4 }, [
       r.multiValue ? (o(!0), m(C, { key: 0 }, L(r.fieldModel, (T, V) => (o(), m("div", null, [
@@ -29321,7 +29328,7 @@ function $M(e, t, n, i, s, r) {
           theme: "tomorrow_night_eighties",
           style: { "min-height": "300px" }
         }, null, 8, ["value", "lang"])
-      ]))), 256)) : (o(), m("div", mM, [
+      ]))), 256)) : (o(), m("div", hM, [
         c(a, {
           readonly: !0,
           class: "editor-wrap",
@@ -29332,7 +29339,7 @@ function $M(e, t, n, i, s, r) {
           style: { "min-height": "300px" }
         }, null, 8, ["value", "lang"])
       ]))
-    ], 64)) : r.widget === "password" ? (o(), m("div", hM, [
+    ], 64)) : r.widget === "password" ? (o(), m("div", pM, [
       r.multiValue ? (o(!0), m(C, { key: 0 }, L(r.fieldModel, (T, V) => (o(), b(p, {
         gap: "",
         center: ""
@@ -29343,7 +29350,7 @@ function $M(e, t, n, i, s, r) {
               x("input", {
                 type: s.unmaskedLookup[`${V}`] ? "text" : "password",
                 value: T
-              }, null, 8, pM)
+              }, null, 8, yM)
             ]),
             _: 2
           }, 1024),
@@ -29395,7 +29402,7 @@ function $M(e, t, n, i, s, r) {
               x("input", {
                 type: s.unmasked ? "text" : "password",
                 value: r.fieldModel
-              }, null, 8, yM)
+              }, null, 8, gM)
             ]),
             _: 1
           }),
@@ -29439,12 +29446,12 @@ function $M(e, t, n, i, s, r) {
       }))
     ])) : r.displayType === "image" ? (o(), m(C, { key: 6 }, [
       r.multiValue ? (o(), m(C, { key: 0 }, [
-        r.fieldModel.length > 1 ? (o(), m("div", gM, [
-          (o(!0), m(C, null, L(r.fieldModel, (T, V) => (o(), m("div", _M, [
+        r.fieldModel.length > 1 ? (o(), m("div", _M, [
+          (o(!0), m(C, null, L(r.fieldModel, (T, V) => (o(), m("div", vM, [
             c(g, { item: T }, null, 8, ["item"])
           ]))), 256))
-        ])) : (o(), m("div", vM, [
-          (o(!0), m(C, null, L(r.fieldModel, (T, V) => (o(), m("div", bM, [
+        ])) : (o(), m("div", bM, [
+          (o(!0), m(C, null, L(r.fieldModel, (T, V) => (o(), m("div", kM, [
             c(g, { item: T }, null, 8, ["item"])
           ]))), 256))
         ]))
@@ -29454,12 +29461,12 @@ function $M(e, t, n, i, s, r) {
       }, null, 8, ["item"]))
     ], 64)) : r.displayType === "video" ? (o(), m(C, { key: 7 }, [
       r.multiValue ? (o(), m(C, { key: 0 }, [
-        r.fieldModel.length > 1 ? (o(), m("div", kM, [
-          (o(!0), m(C, null, L(r.fieldModel, (T, V) => (o(), m("div", wM, [
+        r.fieldModel.length > 1 ? (o(), m("div", wM, [
+          (o(!0), m(C, null, L(r.fieldModel, (T, V) => (o(), m("div", xM, [
             c(v, { item: T }, null, 8, ["item"])
           ]))), 256))
-        ])) : (o(), m("div", xM, [
-          (o(!0), m(C, null, L(r.fieldModel, (T, V) => (o(), m("div", SM, [
+        ])) : (o(), m("div", SM, [
+          (o(!0), m(C, null, L(r.fieldModel, (T, V) => (o(), m("div", TM, [
             c(v, { item: T }, null, 8, ["item"])
           ]))), 256))
         ]))
@@ -29513,48 +29520,48 @@ function $M(e, t, n, i, s, r) {
         r.multiValue ? (o(!0), m(C, { key: 0 }, L(r.fieldModel, (T, V) => (o(), m("div", null, [
           c(S, null, {
             default: f(() => [
-              x("div", { innerHTML: T }, null, 8, TM)
+              x("div", { innerHTML: T }, null, 8, OM)
             ]),
             _: 2
           }, 1024)
         ]))), 256)) : (o(), b(S, { key: 1 }, {
           default: f(() => [
-            x("div", { innerHTML: r.fieldModel }, null, 8, OM)
+            x("div", { innerHTML: r.fieldModel }, null, 8, CM)
           ]),
           _: 1
         }))
       ], 64)) : _("", !0),
       r.type == "boolean" ? (o(), m(C, { key: 2 }, [
-        r.multiValue ? (o(!0), m(C, { key: 0 }, L(r.fieldModel, (T, V) => (o(), m("div", null, k(!!T), 1))), 256)) : (o(), m("div", CM, k(!!r.fieldModel), 1))
+        r.multiValue ? (o(!0), m(C, { key: 0 }, L(r.fieldModel, (T, V) => (o(), m("div", null, k(!!T), 1))), 256)) : (o(), m("div", VM, k(!!r.fieldModel), 1))
       ], 64)) : _("", !0),
       r.type == "date" ? (o(), m(C, { key: 3 }, [
-        r.multiValue ? (o(!0), m(C, { key: 0 }, L(r.fieldModel, (T, V) => (o(), m("div", null, k(r.renderDate(T)), 1))), 256)) : (o(), m("div", VM, k(r.renderDate(r.fieldModel)), 1))
+        r.multiValue ? (o(!0), m(C, { key: 0 }, L(r.fieldModel, (T, V) => (o(), m("div", null, k(r.renderDate(T)), 1))), 256)) : (o(), m("div", DM, k(r.renderDate(r.fieldModel)), 1))
       ], 64)) : _("", !0),
       r.type == "email" ? (o(), m(C, { key: 4 }, [
         r.multiValue ? (o(!0), m(C, { key: 0 }, L(r.fieldModel, (T, V) => (o(), m("div", null, [
           x("a", {
             href: `mailto:${T}`
-          }, k(T), 9, DM)
-        ]))), 256)) : (o(), m("div", EM, [
+          }, k(T), 9, EM)
+        ]))), 256)) : (o(), m("div", MM, [
           x("a", {
             href: `mailto:${r.fieldModel}`
-          }, k(r.fieldModel), 9, MM)
+          }, k(r.fieldModel), 9, IM)
         ]))
       ], 64)) : _("", !0),
       r.type == "url" ? (o(), m(C, { key: 5 }, [
         r.multiValue ? (o(!0), m(C, { key: 0 }, L(r.fieldModel, (T, V) => (o(), m("div", null, [
-          x("a", { href: T }, k(T), 9, IM)
-        ]))), 256)) : (o(), m("div", FM, [
-          x("a", { href: r.fieldModel }, k(r.fieldModel), 9, AM)
+          x("a", { href: T }, k(T), 9, FM)
+        ]))), 256)) : (o(), m("div", AM, [
+          x("a", { href: r.fieldModel }, k(r.fieldModel), 9, LM)
         ]))
       ], 64)) : _("", !0),
       r.isNumber ? (o(), m(C, { key: 6 }, [
-        r.multiValue ? (o(!0), m(C, { key: 0 }, L(r.fieldModel, (T, V) => (o(), m("div", null, k(T), 1))), 256)) : (o(), m("div", LM, k(r.fieldModel), 1))
+        r.multiValue ? (o(!0), m(C, { key: 0 }, L(r.fieldModel, (T, V) => (o(), m("div", null, k(T), 1))), 256)) : (o(), m("div", $M, k(r.fieldModel), 1))
       ], 64)) : _("", !0)
     ], 64))
   ], 2)) : _("", !0);
 }
-const Xf = /* @__PURE__ */ E(iM, [["render", $M], ["__scopeId", "data-v-bf9f4d53"]]), NM = {
+const Xf = /* @__PURE__ */ E(sM, [["render", NM], ["__scopeId", "data-v-bf9f4d53"]]), RM = {
   props: {
     parentModel: {
       type: Object
@@ -29611,7 +29618,7 @@ const Xf = /* @__PURE__ */ E(iM, [["render", $M], ["__scopeId", "data-v-bf9f4d53
     }
   }
 };
-function RM(e, t, n, i, s, r) {
+function UM(e, t, n, i, s, r) {
   const l = y("ux-field-render");
   return o(), m("div", {
     class: N(["ux-render bigbadaboom", r.renderClass])
@@ -29630,8 +29637,8 @@ function RM(e, t, n, i, s, r) {
     ], !0)
   ], 2);
 }
-const UM = /* @__PURE__ */ E(NM, [["render", RM], ["__scopeId", "data-v-62742e05"]]);
-function PM(e) {
+const PM = /* @__PURE__ */ E(RM, [["render", UM], ["__scopeId", "data-v-62742e05"]]);
+function qM(e) {
   e = e || {}, Math.max(parseInt(e.minimum || 0), 0);
   let t = Math.max(parseInt(e.maximum || 0), 0);
   const n = Yd({}), i = Qt([]);
@@ -29685,7 +29692,7 @@ function PM(e) {
   }), n;
 }
 var hl, Id;
-function qM() {
+function jM() {
   if (Id) return hl;
   Id = 1;
   var e = "__lodash_hash_undefined__";
@@ -29695,7 +29702,7 @@ function qM() {
   return hl = t, hl;
 }
 var pl, Fd;
-function jM() {
+function BM() {
   if (Fd) return pl;
   Fd = 1;
   function e(t) {
@@ -29704,10 +29711,10 @@ function jM() {
   return pl = e, pl;
 }
 var yl, Ad;
-function BM() {
+function zM() {
   if (Ad) return yl;
   Ad = 1;
-  var e = ef(), t = qM(), n = jM();
+  var e = ef(), t = jM(), n = BM();
   function i(s) {
     var r = -1, l = s == null ? 0 : s.length;
     for (this.__data__ = new e(); ++r < l; )
@@ -29716,7 +29723,7 @@ function BM() {
   return i.prototype.add = i.prototype.push = t, i.prototype.has = n, yl = i, yl;
 }
 var gl, Ld;
-function zM() {
+function WM() {
   if (Ld) return gl;
   Ld = 1;
   var e = Jf();
@@ -29727,7 +29734,7 @@ function zM() {
   return gl = t, gl;
 }
 var _l, $d;
-function WM() {
+function HM() {
   if ($d) return _l;
   $d = 1;
   function e(t, n, i) {
@@ -29739,7 +29746,7 @@ function WM() {
   return _l = e, _l;
 }
 var vl, Nd;
-function HM() {
+function GM() {
   if (Nd) return vl;
   Nd = 1;
   function e(t, n) {
@@ -29748,14 +29755,14 @@ function HM() {
   return vl = e, vl;
 }
 var bl, Rd;
-function GM() {
+function JM() {
   if (Rd) return bl;
   Rd = 1;
   var e = ra(), t = Sn(), n = e(t, "Set");
   return bl = n, bl;
 }
 var kl, Ud;
-function JM() {
+function KM() {
   if (Ud) return kl;
   Ud = 1;
   function e() {
@@ -29775,19 +29782,19 @@ function Qf() {
   return wl = e, wl;
 }
 var xl, qd;
-function KM() {
+function ZM() {
   if (qd) return xl;
   qd = 1;
-  var e = GM(), t = JM(), n = Qf(), i = 1 / 0, s = e && 1 / n(new e([, -0]))[1] == i ? function(r) {
+  var e = JM(), t = KM(), n = Qf(), i = 1 / 0, s = e && 1 / n(new e([, -0]))[1] == i ? function(r) {
     return new e(r);
   } : t;
   return xl = s, xl;
 }
 var Sl, jd;
-function ZM() {
+function YM() {
   if (jd) return Sl;
   jd = 1;
-  var e = BM(), t = zM(), n = WM(), i = HM(), s = KM(), r = Qf(), l = 200;
+  var e = zM(), t = WM(), n = HM(), i = GM(), s = ZM(), r = Qf(), l = 200;
   function a(u, d, h) {
     var p = -1, g = t, v = u.length, w = !0, S = [], T = S;
     if (h)
@@ -29814,18 +29821,18 @@ function ZM() {
   return Sl = a, Sl;
 }
 var Tl, Bd;
-function YM() {
+function XM() {
   if (Bd) return Tl;
   Bd = 1;
-  var e = ZM();
+  var e = YM();
   function t(n) {
     return n && n.length ? e(n) : [];
   }
   return Tl = t, Tl;
 }
-var XM = YM();
-const QM = /* @__PURE__ */ Ut(XM);
-function eI(e, t) {
+var QM = XM();
+const eI = /* @__PURE__ */ Ut(QM);
+function tI(e, t) {
   var n = [], i;
   switch (t) {
     case "image":
@@ -29976,7 +29983,7 @@ function zd() {
   };
 }
 let Ol;
-const tI = {
+const nI = {
   emits: ["loading", "loaded", "click:row", "click:actions"],
   props: {
     defaultPage: {
@@ -30477,7 +30484,7 @@ const tI = {
           t.push("event");
           break;
       }
-      return QM(t);
+      return eI(t);
     },
     columns() {
       let e = [], t = {};
@@ -30492,7 +30499,7 @@ const tI = {
       }
       var i = this.actualOptions.prefixColumns || [];
       i.forEach(n(!0));
-      var s = this.actualOptions.columns || [], r = s.length ? s : eI(this, this.basicType);
+      var s = this.actualOptions.columns || [], r = s.length ? s : tI(this, this.basicType);
       r.length || r.push({
         title: "Title",
         key: "title"
@@ -30652,7 +30659,7 @@ const tI = {
   data() {
     var s;
     var e = this.selectionManager;
-    e || (e = new PM({ minimum: this.minimum, maximum: this.maximum })), this.modelValue && e.setSelection(this.modelValue);
+    e || (e = new qM({ minimum: this.minimum, maximum: this.maximum })), this.modelValue && e.setSelection(this.modelValue);
     const t = Math.max(
       isNaN(this.defaultPage) ? 1 : this.defaultPage || 1,
       1
@@ -30694,11 +30701,11 @@ const tI = {
       actualOptions: this.options
     };
   }
-}, _a = (e) => (We("data-v-6f4242ea"), e = e(), He(), e), nI = /* @__PURE__ */ _a(() => /* @__PURE__ */ x("strong", null, "Select Columns", -1)), rI = {
+}, _a = (e) => (We("data-v-6f4242ea"), e = e(), He(), e), rI = /* @__PURE__ */ _a(() => /* @__PURE__ */ x("strong", null, "Select Columns", -1)), iI = {
   key: 0,
   class: "font-sm"
-}, iI = { class: "footer" }, sI = /* @__PURE__ */ _a(() => /* @__PURE__ */ x("p", null, null, -1)), lI = { key: 0 }, aI = /* @__PURE__ */ _a(() => /* @__PURE__ */ x("p", null, null, -1));
-function oI(e, t, n, i, s, r) {
+}, sI = { class: "footer" }, lI = /* @__PURE__ */ _a(() => /* @__PURE__ */ x("p", null, null, -1)), aI = { key: 0 }, oI = /* @__PURE__ */ _a(() => /* @__PURE__ */ x("p", null, null, -1));
+function uI(e, t, n, i, s, r) {
   const l = y("ux-icon"), a = y("ux-panel-body"), u = y("ux-panel"), d = y("flex-column"), h = y("ux-button"), p = y("flex-header"), g = y("ux-list-item"), v = y("ux-list"), w = y("flex-body"), S = y("ux-menu"), T = y("native-table"), V = y("pager"), M = y("flex-footer"), P = y("flex-row"), J = y("search"), Q = y("ux-field"), I = y("filter-builder"), q = y("spinner");
   return r.actualDefinition ? (o(), b(d, {
     key: 0,
@@ -30802,7 +30809,7 @@ function oI(e, t, n, i, s, r) {
                                                         icon: "fa-plus-minus",
                                                         left: ""
                                                       }),
-                                                      nI
+                                                      rI
                                                     ]),
                                                     _: 1
                                                   })
@@ -30858,7 +30865,7 @@ function oI(e, t, n, i, s, r) {
                                       c(a, null, {
                                         default: f(() => [
                                           x("div", null, k(r.emptyTextString), 1),
-                                          n.dateFilterEnabled ? (o(), m("div", rI, " Try changing your date range or updating your filter. ")) : _("", !0)
+                                          n.dateFilterEnabled ? (o(), m("div", iI, " Try changing your date range or updating your filter. ")) : _("", !0)
                                         ]),
                                         _: 1
                                       })
@@ -30876,7 +30883,7 @@ function oI(e, t, n, i, s, r) {
                       s.dataSource && !r.boundaryMessage ? (o(), b(M, { key: 0 }, {
                         default: f(() => [
                           W(e.$slots, "footera", {}, void 0, !0),
-                          x("div", iI, [
+                          x("div", sI, [
                             c(V, {
                               page: s.page,
                               "onUpdate:page": t[2] || (t[2] = (H) => s.page = H),
@@ -30908,15 +30915,15 @@ function oI(e, t, n, i, s, r) {
                         debounce: 500,
                         placeholder: "Keyword Search"
                       }, null, 8, ["modelValue", "loading"]),
-                      sI,
-                      n.dateFilterEnabled ? (o(), m("div", lI, [
+                      lI,
+                      n.dateFilterEnabled ? (o(), m("div", aI, [
                         c(Q, {
                           field: r.dateRangeField,
                           modelValue: s.dateRangeFilter,
                           "onUpdate:modelValue": t[4] || (t[4] = (H) => s.dateRangeFilter = H)
                         }, null, 8, ["field", "modelValue"])
                       ])) : _("", !0),
-                      aI,
+                      oI,
                       c(I, {
                         definition: r.actualDefinition,
                         modelValue: s.actualFilter,
@@ -30943,7 +30950,7 @@ function oI(e, t, n, i, s, r) {
     _: 3
   })) : _("", !0);
 }
-const uI = /* @__PURE__ */ E(tI, [["render", oI], ["__scopeId", "data-v-6f4242ea"]]), dI = {
+const dI = /* @__PURE__ */ E(nI, [["render", uI], ["__scopeId", "data-v-6f4242ea"]]), cI = {
   props: {
     modal: {
       type: Object,
@@ -30973,9 +30980,9 @@ const uI = /* @__PURE__ */ E(tI, [["render", oI], ["__scopeId", "data-v-6f4242ea
       return this.modal.style && (e = Object.assign(e, this.modal.style)), e;
     }
   }
-}, cI = { class: "modal-wrapper" };
-function fI(e, t, n, i, s, r) {
-  return o(), m("div", cI, [
+}, fI = { class: "modal-wrapper" };
+function mI(e, t, n, i, s, r) {
+  return o(), m("div", fI, [
     x("div", {
       class: "modal-blanket",
       onClick: t[0] || (t[0] = (...l) => r.blanketClick && r.blanketClick(...l))
@@ -30993,7 +31000,7 @@ function fI(e, t, n, i, s, r) {
     ], 4)
   ]);
 }
-const mI = /* @__PURE__ */ E(dI, [["render", fI], ["__scopeId", "data-v-90c28992"]]), hI = {
+const hI = /* @__PURE__ */ E(cI, [["render", mI], ["__scopeId", "data-v-90c28992"]]), pI = {
   mixins: [an],
   computed: {
     confirmText() {
@@ -31021,25 +31028,25 @@ const mI = /* @__PURE__ */ E(dI, [["render", fI], ["__scopeId", "data-v-90c28992
       }
     }
   }
-}, pI = { class: "padder" }, yI = ["innerHTML"], gI = { class: "padder" };
-function _I(e, t, n, i, s, r) {
+}, yI = { class: "padder" }, gI = ["innerHTML"], _I = { class: "padder" };
+function vI(e, t, n, i, s, r) {
   const l = y("flex-body"), a = y("ux-button"), u = y("flex-cell"), d = y("flex-row"), h = y("flex-footer"), p = y("flex-column");
   return o(), b(p, { class: "wrapper" }, {
     default: f(() => [
       c(l, null, {
         default: f(() => [
-          x("div", pI, [
+          x("div", yI, [
             x("h5", null, k(e.options.title), 1),
             x("div", {
               innerHTML: e.options.description
-            }, null, 8, yI)
+            }, null, 8, gI)
           ])
         ]),
         _: 1
       }),
       c(h, null, {
         default: f(() => [
-          x("div", gI, [
+          x("div", _I, [
             c(d, null, {
               default: f(() => [
                 c(u, null, {
@@ -31081,7 +31088,7 @@ function _I(e, t, n, i, s, r) {
     _: 1
   });
 }
-const vI = /* @__PURE__ */ E(hI, [["render", _I], ["__scopeId", "data-v-ee67e4b1"]]), bI = {
+const bI = /* @__PURE__ */ E(pI, [["render", vI], ["__scopeId", "data-v-ee67e4b1"]]), kI = {
   data() {
     return {
       selected: null,
@@ -31120,21 +31127,21 @@ const vI = /* @__PURE__ */ E(hI, [["render", _I], ["__scopeId", "data-v-ee67e4b1
       this.selected = e, this.close(e);
     }
   }
-}, kI = { class: "options-modal-header" }, wI = { class: "padder" }, xI = { class: "options-modal-header" }, SI = { class: "padder" }, TI = ["onClick"], OI = ["innerHTML"], CI = {
+}, wI = { class: "options-modal-header" }, xI = { class: "padder" }, SI = { class: "options-modal-header" }, TI = { class: "padder" }, OI = ["onClick"], CI = ["innerHTML"], VI = {
   key: 0,
   class: "title"
-}, VI = {
+}, DI = {
   key: 1,
   class: "description"
-}, DI = { class: "padder" };
-function EI(e, t, n, i, s, r) {
+}, EI = { class: "padder" };
+function MI(e, t, n, i, s, r) {
   const l = y("flex-header"), a = y("search"), u = y("flex-cell"), d = y("ux-icon"), h = y("flex-row"), p = y("flex-body"), g = y("ux-button"), v = y("flex-footer"), w = y("flex-column");
   return o(), b(w, { class: "wrapper" }, {
     default: f(() => [
       e.options.title || e.options.description ? (o(), b(l, { key: 0 }, {
         default: f(() => [
-          x("div", kI, [
-            x("div", wI, [
+          x("div", wI, [
+            x("div", xI, [
               x("h5", null, k(e.options.title), 1),
               x("div", null, k(e.options.description), 1)
             ])
@@ -31144,8 +31151,8 @@ function EI(e, t, n, i, s, r) {
       })) : _("", !0),
       r.searchEnabled ? (o(), b(l, { key: 1 }, {
         default: f(() => [
-          x("div", xI, [
-            x("div", SI, [
+          x("div", SI, [
+            x("div", TI, [
               c(a, {
                 modelValue: s.search,
                 "onUpdate:modelValue": t[0] || (t[0] = (S) => s.search = S),
@@ -31180,14 +31187,14 @@ function EI(e, t, n, i, s, r) {
                       x("div", {
                         class: "option-icon",
                         innerHTML: S.icon
-                      }, null, 8, OI)
+                      }, null, 8, CI)
                     ]),
                     _: 2
                   }, 1024)) : _("", !0),
                   c(u, null, {
                     default: f(() => [
-                      S.title ? (o(), m("div", CI, k(S.title), 1)) : _("", !0),
-                      S.description ? (o(), m("div", VI, k(S.description), 1)) : _("", !0)
+                      S.title ? (o(), m("div", VI, k(S.title), 1)) : _("", !0),
+                      S.description ? (o(), m("div", DI, k(S.description), 1)) : _("", !0)
                     ]),
                     _: 2
                   }, 1024),
@@ -31203,14 +31210,14 @@ function EI(e, t, n, i, s, r) {
                 ]),
                 _: 2
               }, 1024)
-            ], 8, TI))), 256))
+            ], 8, OI))), 256))
           ], 2)
         ]),
         _: 1
       }),
       c(v, { class: "options-modal-footer" }, {
         default: f(() => [
-          x("div", DI, [
+          x("div", EI, [
             c(g, {
               size: "sm",
               onClick: e.dismiss
@@ -31228,7 +31235,7 @@ function EI(e, t, n, i, s, r) {
     _: 1
   });
 }
-const MI = /* @__PURE__ */ E(bI, [["render", EI], ["__scopeId", "data-v-917e65b6"]]), II = {
+const II = /* @__PURE__ */ E(kI, [["render", MI], ["__scopeId", "data-v-917e65b6"]]), FI = {
   mixins: [an],
   data() {
     return {
@@ -31261,8 +31268,8 @@ const MI = /* @__PURE__ */ E(bI, [["render", EI], ["__scopeId", "data-v-917e65b6
   created() {
     this.options.model && (this.model = this.options.model);
   }
-}, FI = { class: "padder" }, AI = { key: 0 }, LI = { class: "padder" };
-function $I(e, t, n, i, s, r) {
+}, AI = { class: "padder" }, LI = { key: 0 }, $I = { class: "padder" };
+function NI(e, t, n, i, s, r) {
   const l = y("ux-form"), a = y("flex-body"), u = y("ux-button"), d = y("flex-cell"), h = y("flex-spacer"), p = y("flex-row"), g = y("flex-footer"), v = y("flex-column");
   return o(), m("form", {
     class: "wrapper",
@@ -31272,9 +31279,9 @@ function $I(e, t, n, i, s, r) {
       default: f(() => [
         c(a, null, {
           default: f(() => [
-            x("div", FI, [
+            x("div", AI, [
               x("h5", null, k(e.options.title), 1),
-              e.options.description ? (o(), m("p", AI, k(e.options.description), 1)) : _("", !0),
+              e.options.description ? (o(), m("p", LI, k(e.options.description), 1)) : _("", !0),
               c(l, {
                 ref: "form",
                 "onForm:state": r.formStateUpdated,
@@ -31288,7 +31295,7 @@ function $I(e, t, n, i, s, r) {
         }),
         c(g, { class: "border-top" }, {
           default: f(() => [
-            x("div", LI, [
+            x("div", $I, [
               c(p, null, {
                 default: f(() => [
                   c(d, { shrink: "" }, {
@@ -31334,8 +31341,8 @@ function $I(e, t, n, i, s, r) {
     })
   ], 32);
 }
-const NI = /* @__PURE__ */ E(II, [["render", $I], ["__scopeId", "data-v-22036a05"]]);
-function RI(e, t) {
+const RI = /* @__PURE__ */ E(FI, [["render", NI], ["__scopeId", "data-v-22036a05"]]);
+function UI(e, t) {
   switch (e) {
     case "systemtask":
     case "comment":
@@ -31358,7 +31365,7 @@ function RI(e, t) {
       break;
   }
 }
-function UI(e, t) {
+function PI(e, t) {
   let n = [];
   switch (e) {
     case "transaction":
@@ -31546,9 +31553,9 @@ function UI(e, t) {
   }
   return n;
 }
-const PI = {
+const qI = {
   components: {
-    ContentBrowser: uI,
+    ContentBrowser: dI,
     Search: ln,
     DateRange: of
   },
@@ -31573,7 +31580,7 @@ const PI = {
     },
     dateShortcuts() {
       const e = this.definition.key, t = this.definition.definesType || e;
-      return UI(t);
+      return PI(t);
     },
     bigData() {
       var e;
@@ -31581,7 +31588,7 @@ const PI = {
     },
     dateFilterEnabled() {
       const e = this.definition.key, t = this.definition.definesType || e;
-      return RI(t, e);
+      return UI(t, e);
     },
     dateSummary() {
       let { startDate: e, endDate: t } = this.dateRange;
@@ -31684,8 +31691,8 @@ const PI = {
       this.close(this.model);
     }
   }
-}, qI = { class: "header" }, jI = { class: "font-muted font-sm" }, BI = { class: "date-range" }, zI = { class: "date-shortcuts" }, WI = ["onClick"], HI = { class: "rolodex" };
-function GI(e, t, n, i, s, r) {
+}, jI = { class: "header" }, BI = { class: "font-muted font-sm" }, zI = { class: "date-range" }, WI = { class: "date-shortcuts" }, HI = ["onClick"], GI = { class: "rolodex" };
+function JI(e, t, n, i, s, r) {
   const l = y("flex-column"), a = y("flex-cell"), u = y("search"), d = y("ux-button"), h = y("date-range"), p = y("flex-row"), g = y("ux-menu"), v = y("ux-icon"), w = y("flex-header"), S = y("content-browser"), T = Jd("tippy");
   return o(), b(l, { class: "wrapper" }, {
     default: f(() => [
@@ -31698,7 +31705,7 @@ function GI(e, t, n, i, s, r) {
         s.definition ? (o(), m(C, { key: 0 }, [
           c(w, null, {
             default: f(() => [
-              x("div", qI, [
+              x("div", jI, [
                 c(p, {
                   vcenter: "",
                   gap: ""
@@ -31712,7 +31719,7 @@ function GI(e, t, n, i, s, r) {
                     }),
                     r.maximum ? (o(), b(a, { key: 0 }, {
                       default: f(() => [
-                        x("span", jI, "(" + k(s.model.length) + " of " + k(r.maximum) + ")", 1)
+                        x("span", BI, "(" + k(s.model.length) + " of " + k(r.maximum) + ")", 1)
                       ]),
                       _: 1
                     })) : _("", !0),
@@ -31750,16 +31757,16 @@ function GI(e, t, n, i, s, r) {
                             ])
                           ]),
                           default: f(() => [
-                            x("div", BI, [
+                            x("div", zI, [
                               c(p, { gap: "" }, {
                                 default: f(() => [
                                   c(a, { shrink: "" }, {
                                     default: f(() => [
-                                      x("ul", zI, [
+                                      x("ul", WI, [
                                         (o(!0), m(C, null, L(r.dateShortcuts, (V) => (o(), m("li", null, [
                                           x("a", {
                                             onClick: (M) => r.setDateRange(V)
-                                          }, k(V.title), 9, WI)
+                                          }, k(V.title), 9, HI)
                                         ]))), 256))
                                       ])
                                     ]),
@@ -31843,7 +31850,7 @@ function GI(e, t, n, i, s, r) {
             abovecontent: f(() => [
               r.rolodexEnabled ? (o(), b(w, { key: 0 }, {
                 default: f(() => [
-                  x("div", HI, [
+                  x("div", GI, [
                     c(d, {
                       size: "sm",
                       onClick: t[3] || (t[3] = (V) => r.toggleRolodex("")),
@@ -31879,7 +31886,7 @@ function GI(e, t, n, i, s, r) {
     _: 1
   });
 }
-const JI = /* @__PURE__ */ E(PI, [["render", GI], ["__scopeId", "data-v-d48f305b"]]), KI = {
+const KI = /* @__PURE__ */ E(qI, [["render", JI], ["__scopeId", "data-v-d48f305b"]]), ZI = {
   components: {
     ScopeSelect: nx
     // Search,
@@ -31953,14 +31960,14 @@ const JI = /* @__PURE__ */ E(PI, [["render", GI], ["__scopeId", "data-v-d48f305b
       console.log("selection complete", e, this.model), this.close(this.model);
     }
   }
-}, ZI = (e) => (We("data-v-c5b42335"), e = e(), He(), e), YI = { class: "header" }, XI = /* @__PURE__ */ ZI(() => /* @__PURE__ */ x("h3", null, "Select Scopes", -1));
-function QI(e, t, n, i, s, r) {
+}, YI = (e) => (We("data-v-c5b42335"), e = e(), He(), e), XI = { class: "header" }, QI = /* @__PURE__ */ YI(() => /* @__PURE__ */ x("h3", null, "Select Scopes", -1));
+function eF(e, t, n, i, s, r) {
   const l = y("flex-cell"), a = y("ux-button"), u = y("flex-row"), d = y("flex-header"), h = y("scope-select"), p = y("flex-column");
   return o(), b(p, { class: "wrapper" }, {
     default: f(() => [
       c(d, null, {
         default: f(() => [
-          x("div", YI, [
+          x("div", XI, [
             c(u, {
               vcenter: "",
               gap: ""
@@ -31968,7 +31975,7 @@ function QI(e, t, n, i, s, r) {
               default: f(() => [
                 c(l, null, {
                   default: f(() => [
-                    XI
+                    QI
                   ]),
                   _: 1
                 }),
@@ -32005,7 +32012,7 @@ function QI(e, t, n, i, s, r) {
     _: 1
   });
 }
-const eF = /* @__PURE__ */ E(KI, [["render", QI], ["__scopeId", "data-v-c5b42335"]]), tF = {
+const tF = /* @__PURE__ */ E(ZI, [["render", eF], ["__scopeId", "data-v-c5b42335"]]), nF = {
   mixins: [an],
   components: {
     Tagger: Uk
@@ -32029,17 +32036,17 @@ const eF = /* @__PURE__ */ E(KI, [["render", QI], ["__scopeId", "data-v-c5b42335
   data() {
     return {};
   }
-}, nF = { class: "header" }, rF = {
+}, rF = { class: "header" }, iF = {
   key: 0,
   class: "font-sm font-muted"
-}, iF = { class: "footer" };
-function sF(e, t, n, i, s, r) {
+}, sF = { class: "footer" };
+function lF(e, t, n, i, s, r) {
   const l = y("flex-cell"), a = y("flex-row"), u = y("flex-header"), d = y("tagger"), h = y("ux-panel-body"), p = y("flex-body"), g = y("ux-button"), v = y("flex-footer"), w = y("flex-column");
   return o(), b(w, { class: "wrapper" }, {
     default: f(() => [
       c(u, null, {
         default: f(() => [
-          x("div", nF, [
+          x("div", rF, [
             c(a, {
               gap: "",
               center: ""
@@ -32050,7 +32057,7 @@ function sF(e, t, n, i, s, r) {
                     var S;
                     return [
                       x("h3", null, k(r.title), 1),
-                      (S = r.description) != null && S.length ? (o(), m("div", rF, k(r.description), 1)) : _("", !0)
+                      (S = r.description) != null && S.length ? (o(), m("div", iF, k(r.description), 1)) : _("", !0)
                     ];
                   }),
                   _: 1
@@ -32078,7 +32085,7 @@ function sF(e, t, n, i, s, r) {
       }),
       c(v, null, {
         default: f(() => [
-          x("div", iF, [
+          x("div", sF, [
             c(a, {
               gap: "",
               center: ""
@@ -32121,7 +32128,7 @@ function sF(e, t, n, i, s, r) {
     _: 1
   });
 }
-const lF = /* @__PURE__ */ E(tF, [["render", sF], ["__scopeId", "data-v-da6e77a9"]]), dt = "uploading", wr = "complete", Kt = "ready", aF = "error", oF = "upload.cancel", uF = "upload.start", Wd = "upload.complete", dF = "upload.progress", cF = "upload.error", fF = {
+const aF = /* @__PURE__ */ E(nF, [["render", lF], ["__scopeId", "data-v-da6e77a9"]]), dt = "uploading", wr = "complete", Kt = "ready", oF = "error", uF = "upload.cancel", dF = "upload.start", Wd = "upload.complete", cF = "upload.progress", fF = "upload.error", mF = {
   props: {
     accept: {
       type: String
@@ -32250,7 +32257,7 @@ const lF = /* @__PURE__ */ E(tF, [["render", sF], ["__scopeId", "data-v-da6e77a9
       return new Yd().bootstrap(d), n.queue.unshift(d), d;
     },
     cancelFile(e) {
-      e.state == dt && (e.cancel && e.cancel("Cancelled"), e.bytesLoaded = 0, e.percent = 0, e.state = Kt, e.dispatch(oF));
+      e.state == dt && (e.cancel && e.cancel("Cancelled"), e.bytesLoaded = 0, e.percent = 0, e.state = Kt, e.dispatch(uF));
     },
     removeFile(e) {
       var t = this.queue.indexOf(e);
@@ -32276,7 +32283,7 @@ const lF = /* @__PURE__ */ E(tF, [["render", sF], ["__scopeId", "data-v-da6e77a9
         case dt:
           return;
       }
-      e.state = dt, e.dispatch(uF);
+      e.state = dt, e.dispatch(dF);
       {
         const h = e.size, p = e.name, g = e.mime, { data: v } = await t.$sdk.api.post("/file/check", {
           fileSize: h,
@@ -32298,7 +32305,7 @@ const lF = /* @__PURE__ */ E(tF, [["render", sF], ["__scopeId", "data-v-da6e77a9
         },
         onUploadProgress: (h) => {
           let p = Math.floor(h.loaded * 100 / h.total);
-          e.percent = p, e.bytesLoaded = h.loaded, e.bytesTotal = h.total, e.dispatch(dF, h);
+          e.percent = p, e.bytesLoaded = h.loaded, e.bytesTotal = h.total, e.dispatch(cF, h);
         }
       };
       const a = t.$sdk.api.CancelToken.source();
@@ -32310,7 +32317,7 @@ const lF = /* @__PURE__ */ E(tF, [["render", sF], ["__scopeId", "data-v-da6e77a9
         e.result = h.data, e.state = wr, e.result.meta, t.$sdk.notify(`${e.result.title} was uploaded successfully`), e.dispatch(Wd, h.data), t.uploadNextFile();
       }), d.catch(function(h) {
         var p = t.$sdk.api.wasCancelled(h);
-        p ? e.state = Kt : (e.state = aF, e.dispatch(cF, h), t.uploadNextFile());
+        p ? e.state = Kt : (e.state = oF, e.dispatch(fF, h), t.uploadNextFile());
       });
     },
     toggle() {
@@ -32351,9 +32358,9 @@ const lF = /* @__PURE__ */ E(tF, [["render", sF], ["__scopeId", "data-v-da6e77a9
       e.uploading ? e.pause() : (e.queue.length = 0, e.defaultFreeformTags.length = 0, e.defaultScopes.length = 0);
     }
   }
-}, mF = { class: "uploader" }, hF = ["accept"], pF = ["accept"];
-function yF(e, t, n, i, s, r) {
-  return o(), m("div", mF, [
+}, hF = { class: "uploader" }, pF = ["accept"], yF = ["accept"];
+function gF(e, t, n, i, s, r) {
+  return o(), m("div", hF, [
     x("input", {
       style: { display: "none" },
       accept: n.accept,
@@ -32361,13 +32368,13 @@ function yF(e, t, n, i, s, r) {
       type: "file",
       multiple: "",
       onChange: t[0] || (t[0] = (l) => r.filesSelected(l.target.files))
-    }, null, 40, hF),
+    }, null, 40, pF),
     x("input", {
       style: { display: "none" },
       accept: n.accept,
       ref: "immediateFile",
       type: "file"
-    }, null, 8, pF),
+    }, null, 8, yF),
     W(e.$slots, "default", {
       queue: s.queue,
       items: e.items,
@@ -32379,11 +32386,11 @@ function yF(e, t, n, i, s, r) {
     })
   ]);
 }
-const wF = /* @__PURE__ */ E(fF, [["render", yF]]);
-function gF(e, t) {
+const xF = /* @__PURE__ */ E(mF, [["render", gF]]);
+function _F(e, t) {
   return t.reduce((n, i) => Math.abs(i - e) < Math.abs(n - e) ? i : n);
 }
-function xF() {
+function SF() {
   var e = Qt({
     mounted: !1,
     screen: {
@@ -32456,7 +32463,7 @@ function xF() {
       point: 0
     }, l = 0;
     i > e.limits.xs && l++, i > e.limits.sm && l++, i > e.limits.md && l++, i > e.limits.lg && l++, l < 1 && (r.mobile = !0, r.xs = !0, r.xsOnly = !0, r.smAndDown = !0, r.mdAndDown = !0, r.lgAndDown = !0), l == 1 && (r.tablet = !0, r.sm = !0, r.smOnly = !0, r.smAndDown = !0, r.mdAndDown = !0, r.lgAndDown = !0, r.smAndUp = !0), l == 2 && (r.desktop = !0, r.md = !0, r.mdOnly = !0, r.mdAndDown = !0, r.lgAndDown = !0, r.smAndUp = !0, r.mdAndUp = !0), l == 3 && (r.desktop = !0, r.lg = !0, r.lgOnly = !0, r.lgAndDown = !0, r.smAndUp = !0, r.mdAndUp = !0, r.lgAndUp = !0), l > 3 && (r.desktop = !0, r.xl = !0, r.xlOnly = !0, r.smAndUp = !0, r.mdAndUp = !0, r.lgAndUp = !0), e.point = l, e.breakpoint = r;
-    const u = gF(i, [320, 768, 1200, 1800, 2e3]), d = u * 1, h = u * 1.5, p = u * 2;
+    const u = _F(i, [320, 768, 1200, 1800, 2e3]), d = u * 1, h = u * 1.5, p = u * 2;
     e.image = {
       auto: {
         low: d,
@@ -32470,7 +32477,7 @@ function xF() {
     n.removeEventListener("resize", e.resize), n = !1, t = !1, e.mounted = !1;
   }, e;
 }
-const _F = `qik vue ui ${hm}`, Hd = {
+const vF = `qik vue ui ${hm}`, Hd = {
   FlexColumn: Dp,
   FlexBody: Fp,
   FlexHeader: Np,
@@ -32489,8 +32496,8 @@ const _F = `qik vue ui ${hm}`, Hd = {
   // UxCircle: UXCircle,
   UxForm: Kf,
   UxFormField: ga,
-  UxSubmissionForm: GE,
-  UxRender: UM,
+  UxSubmissionForm: JE,
+  UxRender: PM,
   UxRenderField: Xf,
   UxIcon: L1,
   UxMenu: R1,
@@ -32511,28 +32518,28 @@ const _F = `qik vue ui ${hm}`, Hd = {
   UxSpinner: vn,
   ProgressBar: iu,
   UxProgressBar: iu,
-  UxModal: mI,
+  UxModal: hI,
   Compile: Yf
-}, SF = {
+}, TF = {
   install(e, t) {
     var n;
-    console.log(_F), t.date = de, t.global = t.global || Qt({}), (n = t.global) != null && n.cacheKeys || (t.global.cacheKeys = t.global.cacheKeys || Qt({})), t.modals = Qt([]), t.modal = function(i) {
+    console.log(vF), t.date = de, t.global = t.global || Qt({}), (n = t.global) != null && n.cacheKeys || (t.global.cacheKeys = t.global.cacheKeys || Qt({})), t.modals = Qt([]), t.modal = function(i) {
       return new Promise(function(s, r) {
         i.id = String(t.modals.length), i.resolve = s, i.reject = r, t.modals.splice(i.id, 0, i);
       });
     }, t.prompt = function(i, s) {
       return s = s || {}, s.model = s.model || {}, s.fields = i, t.modal({
-        component: NI,
+        component: RI,
         options: s
       });
     }, t.browse = function(i, s) {
       return s = s || {}, s.type = i, s.model = s.model || [], t.modal({
-        component: JI,
+        component: KI,
         options: s
       });
     }, t.tag = function(i) {
       return i = i || {}, i.model = i.model || [], t.modal({
-        component: lF,
+        component: aF,
         options: i
       });
     }, t.selectScopes = async function(i) {
@@ -32554,17 +32561,17 @@ const _F = `qik vue ui ${hm}`, Hd = {
         );
       }
       return t.modal({
-        component: eF,
+        component: tF,
         options: i
       });
     }, t.confirm = function(i, s) {
       return s = s || {}, s.title = i, t.modal({
-        component: vI,
+        component: bI,
         options: s
       });
     }, t.options = function(i, s, r, l) {
       return l = l || {}, t.modal({
-        component: MI,
+        component: II,
         options: {
           title: s,
           description: r,
@@ -32587,10 +32594,10 @@ const _F = `qik vue ui ${hm}`, Hd = {
 export {
   ru as Avatar,
   Gf as CodeEditor,
-  uI as ContentBrowser,
+  dI as ContentBrowser,
   mf as ContentSearch,
   of as DateRange,
-  xF as Device,
+  SF as Device,
   eO as FileDrop,
   Fp as FlexBody,
   zp as FlexCell,
@@ -32610,12 +32617,12 @@ export {
   my as PanelFooter,
   uy as PanelHeader,
   iu as ProgressBar,
-  SF as QikUI,
+  TF as QikUI,
   pv as RememberScrollMixin,
   nx as ScopeSelect,
   lx as ScopeSelectButton,
   ln as Search,
-  PM as Selection,
+  qM as Selection,
   vn as Spinner,
   wp as StripeElement,
   Op as StripeElements,
@@ -32636,21 +32643,21 @@ export {
   R1 as UXMenu,
   q1 as UXMenuList,
   lb as UXPill,
-  UM as UXRender,
+  PM as UXRender,
   Xf as UXRenderField,
-  GE as UXSubmissionForm,
+  JE as UXSubmissionForm,
   lf as UXSwitch,
   Cy as UXTab,
   Sv as UXTable,
   Sy as UXTabset,
   X1 as UXVideo,
-  wF as UploadService,
-  vI as UxConfirmModal,
-  JI as UxContentModal,
-  mI as UxModal,
-  MI as UxOptionsModal,
-  NI as UxPromptModal,
-  eF as UxScopeModal,
-  lF as UxTaggerModal
+  xF as UploadService,
+  bI as UxConfirmModal,
+  KI as UxContentModal,
+  hI as UxModal,
+  II as UxOptionsModal,
+  RI as UxPromptModal,
+  tF as UxScopeModal,
+  aF as UxTaggerModal
 };
 //# sourceMappingURL=lib.es.js.map