@qikdev/vue-ui 0.3.30 → 0.3.32

package/dist/lib.es.js

@@ -4,7 +4,7 @@ var Uh = (e, t, n) => t in e ? Rh(e, t, { enumerable: !0, configurable: !0, writ
 var ie = (e, t, n) => Uh(e, typeof t != "symbol" ? t + "" : t, n);
 import { reactive as Gt, defineComponent as Fl, ref as vt, toRefs as of, onMounted as Al, onBeforeUnmount as jh, watch as cr, computed as Fn, createElementBlock as h, openBlock as o, createCommentVNode as _, renderSlot as z, normalizeClass as $, useSlots as qh, provide as Mr, resolveComponent as y, createVNode as c, Fragment as D, createBlock as k, unref as gt, withCtx as f, renderList as A, toDisplayString as b, createTextVNode as O, withDirectives as Z, vShow as ci, withModifiers as B, createElementVNode as T, h as dl, mergeProps as mt, toHandlers as kt, normalizeStyle as Ge, resolveDirective as uf, resolveDynamicComponent as Vt, vModelSelect as Dt, pushScopeId as je, popScopeId as qe, getCurrentScope as Bh, onScopeDispose as zh, getCurrentInstance as Wh, Teleport as df, Transition as Hh, withKeys as we, vModelText as be, TransitionGroup as Gh, nextTick as cf, vModelDynamic as Sn, normalizeProps as ff, guardReactiveProps as Yh } from "vue";
 import { EventDispatcher as mf } from "@qikdev/sdk";
-const Jh = "0.3.30";
+const Jh = "0.3.32";
 class yn extends Error {
 }
 class Kh extends yn {
@@ -7166,13 +7166,20 @@ const x1 = /* @__PURE__ */ M(b1, [["render", w1], ["__scopeId", "data-v-f79f00ee
     title() {
       var e;
       return ((e = this.match) == null ? void 0 : e.title) || this.value;
+    },
+    plural() {
+      var e;
+      return ((e = this.match) == null ? void 0 : e.plural) || this.title;
+    },
+    rendered() {
+      return this.column.plural ? this.plural : this.title;
     }
   }
 }, S1 = { class: "content-type-cell" };
 function O1(e, t, n, r, s, i) {
   return o(), h("td", S1, b(i.title), 1);
 }
-const D1 = /* @__PURE__ */ M(T1, [["render", O1], ["__scopeId", "data-v-4c350223"]]), C1 = {
+const D1 = /* @__PURE__ */ M(T1, [["render", O1], ["__scopeId", "data-v-f8cf385c"]]), C1 = {
   mixins: [Te],
   computed: {
     count() {
@@ -26026,14 +26033,23 @@ const rV = /* @__PURE__ */ M(ZM, [["render", iV], ["__scopeId", "data-v-d29a9855
 }, cV = {
   key: 0,
   class: "ux-single-group"
-}, fV = { class: "ux-group-title" }, mV = {
+}, fV = { class: "ux-group-title" }, mV = { class: "ux-field-title" }, hV = {
+  key: 0,
+  class: "ux-required-marker"
+}, pV = {
+  key: 0,
+  class: "ux-field-description"
+}, yV = {
+  key: 0,
+  class: "ux-single-group"
+}, gV = { class: "ux-group-title" }, _V = {
   key: 0,
   class: "ux-field-title"
-}, hV = {
+}, vV = {
   key: 1,
   class: "ux-field-description"
 };
-function pV(e, t, n, r, s, i) {
+function bV(e, t, n, r, s, i) {
   const a = y("ux-icon"), l = y("flex-cell"), u = y("ux-button"), d = y("flex-row"), m = y("ux-panel-header"), p = y("ux-form"), g = y("ux-panel-body"), v = y("ux-panel"), x = y("draggable");
   return e.multiValue ? (o(), h("div", aV, [
     i.showLabel ? (o(), h("div", lV, [
@@ -26315,24 +26331,24 @@ function pV(e, t, n, r, s, i) {
     })) : _("", !0)
   ])) : (o(), h(D, { key: 1 }, [
     e.widget === "form" ? (o(), h(D, { key: 0 }, [
-      e.model ? (o(), h(D, { key: 0 }, [
-        e.minimum === 0 ? (o(), k(v, { key: 0 }, {
+      i.showLabel ? (o(), h("div", cV, [
+        T("div", fV, [
+          T("label", mV, [
+            O(b(e.title) + " ", 1),
+            e.required ? (o(), h("span", hV, "*")) : _("", !0)
+          ]),
+          e.showDescription ? (o(), h("div", pV, b(e.description), 1)) : _("", !0)
+        ]),
+        e.model ? (o(), k(v, { key: 0 }, {
           default: f(() => [
-            c(m, null, {
+            e.minimum === 0 ? (o(), k(m, { key: 0 }, {
               default: f(() => [
                 c(d, {
                   vcenter: "",
                   gap: ""
                 }, {
                   default: f(() => [
-                    c(l, { vcenter: "" }, {
-                      default: f(() => [
-                        T("div", null, [
-                          T("strong", null, b(e.label), 1)
-                        ])
-                      ]),
-                      _: 1
-                    }),
+                    c(l, { vcenter: "" }),
                     c(l, {
                       vcenter: "",
                       shrink: ""
@@ -26356,7 +26372,7 @@ function pV(e, t, n, r, s, i) {
                 })
               ]),
               _: 1
-            }),
+            })) : _("", !0),
             c(g, null, {
               default: f(() => [
                 c(p, {
@@ -26378,39 +26394,117 @@ function pV(e, t, n, r, s, i) {
             })
           ]),
           _: 1
-        })) : (o(), k(p, {
+        })) : (o(), k(u, {
           key: 1,
-          ref: "form",
-          trail: n.trail,
-          includeOfficeOnly: n.includeOfficeOnly,
-          submission: n.submission,
-          sandbox: n.sandbox,
-          ignoreDefaults: n.ignoreDefaults,
-          "onForm:state": i.stateChange,
-          parentModel: e.parentModel,
-          modelValue: e.model,
-          "onUpdate:modelValue": t[8] || (t[8] = (w) => e.model = w),
-          flex: i.sameLine,
-          fields: e.field.fields
-        }, null, 8, ["trail", "includeOfficeOnly", "submission", "sandbox", "ignoreDefaults", "onForm:state", "parentModel", "modelValue", "flex", "fields"]))
-      ], 64)) : (o(), k(u, {
-        key: 1,
-        onClick: t[9] || (t[9] = (w) => i.createSingleObject())
-      }, {
-        default: f(() => [
-          O("Add " + b(e.label) + " ", 1),
-          c(a, {
-            icon: "fa-plus",
-            right: ""
-          })
-        ]),
-        _: 1
-      }))
+          onClick: t[8] || (t[8] = (w) => i.createSingleObject())
+        }, {
+          default: f(() => [
+            O("Add " + b(e.label) + " ", 1),
+            c(a, {
+              icon: "fa-plus",
+              right: ""
+            })
+          ]),
+          _: 1
+        }))
+      ])) : (o(), h(D, { key: 1 }, [
+        e.model ? (o(), h(D, { key: 0 }, [
+          e.minimum === 0 ? (o(), k(v, { key: 0 }, {
+            default: f(() => [
+              c(m, null, {
+                default: f(() => [
+                  c(d, {
+                    vcenter: "",
+                    gap: ""
+                  }, {
+                    default: f(() => [
+                      c(l, { vcenter: "" }, {
+                        default: f(() => [
+                          T("div", null, [
+                            T("strong", null, b(e.label), 1)
+                          ])
+                        ]),
+                        _: 1
+                      }),
+                      c(l, {
+                        vcenter: "",
+                        shrink: ""
+                      }, {
+                        default: f(() => [
+                          c(u, {
+                            icon: "",
+                            tag: "a",
+                            onClick: t[9] || (t[9] = (w) => e.model = void 0)
+                          }, {
+                            default: f(() => [
+                              c(a, { icon: "fa-times" })
+                            ]),
+                            _: 1
+                          })
+                        ]),
+                        _: 1
+                      })
+                    ]),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              }),
+              c(g, null, {
+                default: f(() => [
+                  c(p, {
+                    ref: "form",
+                    trail: n.trail,
+                    includeOfficeOnly: n.includeOfficeOnly,
+                    submission: n.submission,
+                    sandbox: n.sandbox,
+                    ignoreDefaults: n.ignoreDefaults,
+                    "onForm:state": i.stateChange,
+                    parentModel: e.parentModel,
+                    modelValue: e.model,
+                    "onUpdate:modelValue": t[10] || (t[10] = (w) => e.model = w),
+                    flex: i.sameLine,
+                    fields: e.field.fields
+                  }, null, 8, ["trail", "includeOfficeOnly", "submission", "sandbox", "ignoreDefaults", "onForm:state", "parentModel", "modelValue", "flex", "fields"])
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          })) : (o(), k(p, {
+            key: 1,
+            ref: "form",
+            trail: n.trail,
+            includeOfficeOnly: n.includeOfficeOnly,
+            submission: n.submission,
+            sandbox: n.sandbox,
+            ignoreDefaults: n.ignoreDefaults,
+            "onForm:state": i.stateChange,
+            parentModel: e.parentModel,
+            modelValue: e.model,
+            "onUpdate:modelValue": t[11] || (t[11] = (w) => e.model = w),
+            flex: i.sameLine,
+            fields: e.field.fields
+          }, null, 8, ["trail", "includeOfficeOnly", "submission", "sandbox", "ignoreDefaults", "onForm:state", "parentModel", "modelValue", "flex", "fields"]))
+        ], 64)) : (o(), k(u, {
+          key: 1,
+          onClick: t[12] || (t[12] = (w) => i.createSingleObject())
+        }, {
+          default: f(() => [
+            O("Add " + b(e.label) + " ", 1),
+            c(a, {
+              icon: "fa-plus",
+              right: ""
+            })
+          ]),
+          _: 1
+        }))
+      ], 64))
     ], 64)) : (o(), h(D, { key: 1 }, [
-      i.showLabel ? (o(), h("div", cV, [
-        T("div", fV, [
-          i.showLabel ? (o(), h("label", mV, b(e.title), 1)) : _("", !0),
-          e.showDescription ? (o(), h("div", hV, b(e.description), 1)) : _("", !0)
+      i.showLabel ? (o(), h("div", yV, [
+        T("div", gV, [
+          i.showLabel ? (o(), h("label", _V, b(e.title), 1)) : _("", !0),
+          e.showDescription ? (o(), h("div", vV, b(e.description), 1)) : _("", !0)
         ]),
         c(v, null, {
           default: f(() => [
@@ -26426,7 +26520,7 @@ function pV(e, t, n, r, s, i) {
                   "onForm:state": i.stateChange,
                   parentModel: e.parentModel,
                   modelValue: e.model,
-                  "onUpdate:modelValue": t[10] || (t[10] = (w) => e.model = w),
+                  "onUpdate:modelValue": t[13] || (t[13] = (w) => e.model = w),
                   flex: i.sameLine,
                   fields: e.field.fields
                 }, null, 8, ["trail", "includeOfficeOnly", "submission", "sandbox", "ignoreDefaults", "onForm:state", "parentModel", "modelValue", "flex", "fields"])
@@ -26447,18 +26541,18 @@ function pV(e, t, n, r, s, i) {
         "onForm:state": i.stateChange,
         parentModel: e.parentModel,
         modelValue: e.model,
-        "onUpdate:modelValue": t[11] || (t[11] = (w) => e.model = w),
+        "onUpdate:modelValue": t[14] || (t[14] = (w) => e.model = w),
         flex: i.sameLine,
         fields: e.field.fields
       }, null, 8, ["trail", "includeOfficeOnly", "submission", "sandbox", "ignoreDefaults", "onForm:state", "parentModel", "modelValue", "flex", "fields"]))
     ], 64))
   ], 64));
 }
-const yV = /* @__PURE__ */ M(sV, [["render", pV], ["__scopeId", "data-v-3ce8a8fa"]]);
+const kV = /* @__PURE__ */ M(sV, [["render", bV], ["__scopeId", "data-v-c82d281b"]]);
 function Il(e) {
   return e === void 0 || typeof e > "u" || e === null || String(e) === "null" || String(e) === "undefined";
 }
-const gV = {
+const wV = {
   props: {
     option: {
       required: !0
@@ -26473,14 +26567,14 @@ const gV = {
     }
   }
 };
-function _V(e, t, n, r, s, i) {
+function xV(e, t, n, r, s, i) {
   return z(e.$slots, "default", { plainValue: i.plainValue }, () => [
     T("pre", null, b(n.option), 1)
   ]);
 }
-const vV = /* @__PURE__ */ M(gV, [["render", _V]]), bV = {
+const TV = /* @__PURE__ */ M(wV, [["render", xV]]), SV = {
   components: {
-    OptionSlot: vV
+    OptionSlot: TV
   },
   props: {
     modelValue: {
@@ -26553,35 +26647,35 @@ const vV = /* @__PURE__ */ M(gV, [["render", _V]]), bV = {
       return this.getLabel(this.optionLookup[this.model]) || "Click to select";
     }
   }
-}, kV = {
+}, OV = {
   key: 0,
   class: "ux-field-title"
-}, wV = {
+}, DV = {
   key: 0,
   class: "ux-required-marker"
-}, xV = {
+}, CV = {
   key: 1,
   class: "ux-field-description"
-}, TV = { key: 2 }, SV = {
+}, EV = { key: 2 }, MV = {
   key: 3,
   class: "buttons"
 };
-function OV(e, t, n, r, s, i) {
+function VV(e, t, n, r, s, i) {
   const a = y("ux-icon"), l = y("flex-cell"), u = y("flex-row"), d = y("ux-button"), m = y("option-slot");
   return o(), h(D, null, [
-    e.showLabel ? (o(), h("label", kV, [
+    e.showLabel ? (o(), h("label", OV, [
       O(b(e.label) + " ", 1),
-      e.required ? (o(), h("span", wV, "*")) : _("", !0)
+      e.required ? (o(), h("span", DV, "*")) : _("", !0)
     ])) : _("", !0),
-    e.showDescription ? (o(), h("div", xV, b(e.description), 1)) : _("", !0),
-    e.loadingAsyncOptions ? (o(), h("div", TV, [
+    e.showDescription ? (o(), h("div", CV, b(e.description), 1)) : _("", !0),
+    e.loadingAsyncOptions ? (o(), h("div", EV, [
       c(a, {
         icon: "fa-spinner",
         spin: "",
         left: ""
       }),
       O(" Loading Options ")
-    ])) : (o(), h("div", SV, [
+    ])) : (o(), h("div", MV, [
       (o(!0), h(D, null, A(e.selectableOptions, (p) => (o(), k(m, { option: p }, {
         default: f(({ plainValue: g }) => [
           c(d, {
@@ -26622,7 +26716,7 @@ function OV(e, t, n, r, s, i) {
     ]))
   ], 64);
 }
-const DV = /* @__PURE__ */ M(bV, [["render", OV], ["__scopeId", "data-v-491bd3a3"]]), CV = {
+const IV = /* @__PURE__ */ M(SV, [["render", VV], ["__scopeId", "data-v-491bd3a3"]]), FV = {
   props: {
     modelValue: {
       type: Object
@@ -26635,25 +26729,25 @@ const DV = /* @__PURE__ */ M(bV, [["render", OV], ["__scopeId", "data-v-491bd3a3
       return {};
     }
   }
-}, EV = {
+}, AV = {
   key: 0,
   class: "ux-field-title"
-}, MV = {
+}, NV = {
   key: 0,
   class: "ux-required-marker"
-}, VV = {
+}, $V = {
   key: 1,
   class: "ux-field-description"
-}, IV = { key: 2 }, FV = { key: 3 };
-function AV(e, t, n, r, s, i) {
+}, PV = { key: 2 }, LV = { key: 3 };
+function RV(e, t, n, r, s, i) {
   const a = y("flex-cell"), l = y("ux-icon"), u = y("ux-button"), d = y("flex-row");
   return o(), h(D, null, [
-    e.showLabel ? (o(), h("label", EV, [
+    e.showLabel ? (o(), h("label", AV, [
       O(b(e.label) + " ", 1),
-      e.required ? (o(), h("span", MV, "*")) : _("", !0)
+      e.required ? (o(), h("span", NV, "*")) : _("", !0)
     ])) : _("", !0),
-    e.showDescription ? (o(), h("div", VV, b(e.description), 1)) : _("", !0),
-    e.multiValue ? (o(), h("div", IV, [
+    e.showDescription ? (o(), h("div", $V, b(e.description), 1)) : _("", !0),
+    e.multiValue ? (o(), h("div", PV, [
       (o(!0), h(D, null, A(e.model, (m, p) => (o(), k(d, {
         class: "ux-text-row",
         key: p
@@ -26700,10 +26794,10 @@ function AV(e, t, n, r, s, i) {
         ]),
         _: 1
       })) : _("", !0)
-    ])) : (o(), h("pre", FV, b(e.model), 1))
+    ])) : (o(), h("pre", LV, b(e.model), 1))
   ], 64);
 }
-const NV = /* @__PURE__ */ M(CV, [["render", AV], ["__scopeId", "data-v-aae5394a"]]), $V = {
+const UV = /* @__PURE__ */ M(FV, [["render", RV], ["__scopeId", "data-v-aae5394a"]]), jV = {
   components: {
     UxCheckbox: Gl
   },
@@ -26850,27 +26944,27 @@ const NV = /* @__PURE__ */ M(CV, [["render", AV], ["__scopeId", "data-v-aae5394a
       };
     }
   }
-}, PV = { key: 0 }, LV = { key: 1 }, RV = {
+}, qV = { key: 0 }, BV = { key: 1 }, zV = {
   key: 0,
   class: "ux-field-title"
-}, UV = {
+}, WV = {
   key: 0,
   class: "ux-required-marker"
-}, jV = {
+}, HV = {
   key: 1,
   class: "ux-field-description"
-}, qV = { key: 2 };
-function BV(e, t, n, r, s, i) {
+}, GV = { key: 2 };
+function YV(e, t, n, r, s, i) {
   const a = y("spinner"), l = y("ux-checkbox"), u = y("flex-cell"), d = y("ux-form"), m = y("flex-row");
-  return i.loadingGlossary ? (o(), h("div", PV, [
+  return i.loadingGlossary ? (o(), h("div", qV, [
     c(a)
-  ])) : i.definition ? (o(), h("div", LV, [
-    e.showLabel ? (o(), h("label", RV, [
+  ])) : i.definition ? (o(), h("div", BV, [
+    e.showLabel ? (o(), h("label", zV, [
       O(b(e.label) + " ", 1),
-      e.required ? (o(), h("span", UV, "*")) : _("", !0)
+      e.required ? (o(), h("span", WV, "*")) : _("", !0)
     ])) : _("", !0),
-    e.showDescription ? (o(), h("div", jV, b(e.description), 1)) : _("", !0),
-    e.multiValue ? (o(), h("div", qV, "This field can not be used on a multiple")) : (o(!0), h(D, { key: 3 }, A(i.fields, (p) => (o(), h("div", {
+    e.showDescription ? (o(), h("div", HV, b(e.description), 1)) : _("", !0),
+    e.multiValue ? (o(), h("div", GV, "This field can not be used on a multiple")) : (o(!0), h(D, { key: 3 }, A(i.fields, (p) => (o(), h("div", {
       class: $(["field-row", { active: e.model.enabled[p.path] }])
     }, [
       c(m, { gap: "" }, {
@@ -26926,7 +27020,7 @@ function BV(e, t, n, r, s, i) {
     ], 2))), 256))
   ])) : _("", !0);
 }
-const zV = /* @__PURE__ */ M($V, [["render", BV], ["__scopeId", "data-v-9e2045bf"]]), WV = {
+const JV = /* @__PURE__ */ M(jV, [["render", YV], ["__scopeId", "data-v-9e2045bf"]]), KV = {
   props: {
     modelValue: {
       type: [String, Array]
@@ -26995,25 +27089,25 @@ const zV = /* @__PURE__ */ M($V, [["render", BV], ["__scopeId", "data-v-9e2045bf
       };
     }
   }
-}, Cr = (e) => (je("data-v-91cc715f"), e = e(), qe(), e), HV = {
+}, Cr = (e) => (je("data-v-91cc715f"), e = e(), qe(), e), ZV = {
   key: 0,
   class: "ux-field-title"
-}, GV = {
+}, XV = {
   key: 0,
   class: "ux-required-marker"
-}, YV = {
+}, QV = {
   key: 1,
   class: "ux-field-description"
-}, JV = { key: 2 }, KV = { class: "ux-text-wrap prefixed" }, ZV = /* @__PURE__ */ Cr(() => /* @__PURE__ */ T("span", { class: "ux-text-prefix" }, "Label", -1)), XV = ["onBlur", "on:update:modelValue", "onUpdate:modelValue"], QV = ["onBlur", "on:update:modelValue", "onUpdate:modelValue"], eI = { class: "ux-text-wrap prefixed" }, tI = /* @__PURE__ */ Cr(() => /* @__PURE__ */ T("span", { class: "ux-text-prefix" }, "Value", -1)), nI = ["placeholder", "onFocus", "onUpdate:modelValue"], iI = ["placeholder", "onFocus", "onUpdate:modelValue"], rI = { class: "ux-text-wrap prefixed" }, sI = /* @__PURE__ */ Cr(() => /* @__PURE__ */ T("span", { class: "ux-text-prefix" }, "Label", -1)), aI = { class: "ux-text-wrap prefixed" }, lI = /* @__PURE__ */ Cr(() => /* @__PURE__ */ T("span", { class: "ux-text-prefix" }, "Value", -1));
-function oI(e, t, n, r, s, i) {
+}, eI = { key: 2 }, tI = { class: "ux-text-wrap prefixed" }, nI = /* @__PURE__ */ Cr(() => /* @__PURE__ */ T("span", { class: "ux-text-prefix" }, "Label", -1)), iI = ["onBlur", "on:update:modelValue", "onUpdate:modelValue"], rI = ["onBlur", "on:update:modelValue", "onUpdate:modelValue"], sI = { class: "ux-text-wrap prefixed" }, aI = /* @__PURE__ */ Cr(() => /* @__PURE__ */ T("span", { class: "ux-text-prefix" }, "Value", -1)), lI = ["placeholder", "onFocus", "onUpdate:modelValue"], oI = ["placeholder", "onFocus", "onUpdate:modelValue"], uI = { class: "ux-text-wrap prefixed" }, dI = /* @__PURE__ */ Cr(() => /* @__PURE__ */ T("span", { class: "ux-text-prefix" }, "Label", -1)), cI = { class: "ux-text-wrap prefixed" }, fI = /* @__PURE__ */ Cr(() => /* @__PURE__ */ T("span", { class: "ux-text-prefix" }, "Value", -1));
+function mI(e, t, n, r, s, i) {
   const a = y("flex-cell"), l = y("ux-icon"), u = y("ux-button"), d = y("flex-row");
   return o(), h(D, null, [
-    e.showLabel ? (o(), h("label", HV, [
+    e.showLabel ? (o(), h("label", ZV, [
       O(b(e.label) + " ", 1),
-      e.required ? (o(), h("span", GV, "*")) : _("", !0)
+      e.required ? (o(), h("span", XV, "*")) : _("", !0)
     ])) : _("", !0),
-    e.showDescription ? (o(), h("div", YV, b(e.description), 1)) : _("", !0),
-    e.multiValue ? (o(), h("div", JV, [
+    e.showDescription ? (o(), h("div", QV, b(e.description), 1)) : _("", !0),
+    e.multiValue ? (o(), h("div", eI, [
       (o(!0), h(D, null, A(e.model, (m, p) => (o(), k(d, {
         gap: "",
         class: "ux-text-row",
@@ -27022,8 +27116,8 @@ function oI(e, t, n, r, s, i) {
         default: f(() => [
           c(a, null, {
             default: f(() => [
-              T("div", KV, [
-                ZV,
+              T("div", tI, [
+                nI,
                 i.lazy ? Z((o(), h("input", {
                   key: 0,
                   class: "ux-field-focus ux-text-input-multiple",
@@ -27035,7 +27129,7 @@ function oI(e, t, n, r, s, i) {
                   onBlur: (g) => i.titleBlurred(p),
                   "on:update:modelValue": (g) => i.entryTitleChanged(p),
                   "onUpdate:modelValue": (g) => e.model[p].title = g
-                }, null, 40, XV)), [
+                }, null, 40, iI)), [
                   [
                     be,
                     e.model[p].title,
@@ -27054,7 +27148,7 @@ function oI(e, t, n, r, s, i) {
                   onBlur: (g) => i.titleBlurred(p),
                   "on:update:modelValue": (g) => i.entryTitleChanged(p),
                   "onUpdate:modelValue": (g) => e.model[p].title = g
-                }, null, 40, QV)), [
+                }, null, 40, rI)), [
                   [be, e.model[p].title]
                 ])
               ])
@@ -27063,8 +27157,8 @@ function oI(e, t, n, r, s, i) {
           }, 1024),
           c(a, null, {
             default: f(() => [
-              T("div", eI, [
-                tI,
+              T("div", sI, [
+                aI,
                 i.lazy ? Z((o(), h("input", {
                   key: 0,
                   class: "ux-field-focus ux-text-input-multiple",
@@ -27074,7 +27168,7 @@ function oI(e, t, n, r, s, i) {
                   ref: "valueInput",
                   onKeydown: t[4] || (t[4] = we(B((g) => e.add(), ["stop", "prevent"]), ["enter"])),
                   "onUpdate:modelValue": (g) => e.model[p].value = g
-                }, null, 40, nI)), [
+                }, null, 40, lI)), [
                   [
                     be,
                     e.model[p].value,
@@ -27091,7 +27185,7 @@ function oI(e, t, n, r, s, i) {
                   ref: "valueInput",
                   onKeydown: t[5] || (t[5] = we(B((g) => e.add(), ["stop", "prevent"]), ["enter"])),
                   "onUpdate:modelValue": (g) => e.model[p].value = g
-                }, null, 40, iI)), [
+                }, null, 40, oI)), [
                   [be, e.model[p].value]
                 ])
               ])
@@ -27140,8 +27234,8 @@ function oI(e, t, n, r, s, i) {
       default: f(() => [
         c(a, null, {
           default: f(() => [
-            T("div", rI, [
-              sI,
+            T("div", uI, [
+              dI,
               i.lazy ? Z((o(), h("input", {
                 key: 0,
                 class: "ux-field-focus ux-text-input-multiple",
@@ -27179,8 +27273,8 @@ function oI(e, t, n, r, s, i) {
         }),
         c(a, null, {
           default: f(() => [
-            T("div", aI, [
-              lI,
+            T("div", cI, [
+              fI,
               i.lazy ? Z((o(), h("input", {
                 key: 0,
                 class: "ux-field-focus ux-text-input-multiple",
@@ -27217,7 +27311,7 @@ function oI(e, t, n, r, s, i) {
     }))
   ], 64);
 }
-const uI = /* @__PURE__ */ M(WV, [["render", oI], ["__scopeId", "data-v-91cc715f"]]), dI = {
+const hI = /* @__PURE__ */ M(KV, [["render", mI], ["__scopeId", "data-v-91cc715f"]]), pI = {
   components: {
     CodeEditor: Dh
   },
@@ -27242,30 +27336,30 @@ const uI = /* @__PURE__ */ M(WV, [["render", oI], ["__scopeId", "data-v-91cc715f
       return "";
     }
   }
-}, cI = {
+}, yI = {
   key: 0,
   class: "ux-field-title"
-}, fI = {
+}, gI = {
   key: 0,
   class: "ux-required-marker"
-}, mI = {
+}, _I = {
   key: 1,
   class: "ux-field-description"
-}, hI = { key: 2 }, pI = { class: "code-editor-field-wrap" }, yI = {
+}, vI = { key: 2 }, bI = { class: "code-editor-field-wrap" }, kI = {
   key: 3,
   class: "code-editor-field-wrap"
 };
-function gI(e, t, n, r, s, i) {
+function wI(e, t, n, r, s, i) {
   const a = y("code-editor"), l = y("flex-cell"), u = y("ux-icon"), d = y("ux-button"), m = y("flex-row");
   return o(), h("div", {
     onKeydown: t[2] || (t[2] = we(B((p) => i.enterPress(p), ["stop"]), ["enter"]))
   }, [
-    e.showLabel ? (o(), h("label", cI, [
+    e.showLabel ? (o(), h("label", yI, [
       O(b(e.label) + " ", 1),
-      e.required ? (o(), h("span", fI, "*")) : _("", !0)
+      e.required ? (o(), h("span", gI, "*")) : _("", !0)
     ])) : _("", !0),
-    e.showDescription ? (o(), h("div", mI, b(e.description), 1)) : _("", !0),
-    e.multiValue ? (o(), h("div", hI, [
+    e.showDescription ? (o(), h("div", _I, b(e.description), 1)) : _("", !0),
+    e.multiValue ? (o(), h("div", vI, [
       (o(!0), h(D, null, A(e.model, (p, g) => (o(), k(m, {
         class: "ux-text-row",
         key: g
@@ -27273,7 +27367,7 @@ function gI(e, t, n, r, s, i) {
         default: f(() => [
           c(l, null, {
             default: f(() => [
-              T("div", pI, [
+              T("div", bI, [
                 c(a, {
                   lang: i.syntax,
                   onFocus: e.touch,
@@ -27318,7 +27412,7 @@ function gI(e, t, n, r, s, i) {
         ]),
         _: 1
       })) : _("", !0)
-    ])) : (o(), h("div", yI, [
+    ])) : (o(), h("div", kI, [
       c(a, {
         lang: i.syntax,
         tokens: i.tokens,
@@ -27330,7 +27424,7 @@ function gI(e, t, n, r, s, i) {
     ]))
   ], 32);
 }
-const _I = /* @__PURE__ */ M(dI, [["render", gI], ["__scopeId", "data-v-ecb1b9f8"]]), vI = {
+const xI = /* @__PURE__ */ M(pI, [["render", wI], ["__scopeId", "data-v-ecb1b9f8"]]), TI = {
   emits: ["deselect"],
   components: {
     Search: Qt,
@@ -27479,21 +27573,21 @@ const _I = /* @__PURE__ */ M(dI, [["render", gI], ["__scopeId", "data-v-ecb1b9f8
       }), e.processing = !1;
     }
   }
-}, bI = { class: "location-search-outer" }, kI = {
+}, SI = { class: "location-search-outer" }, OI = {
   key: 0,
   class: "selectedLocation"
-}, wI = { class: "content-item" }, xI = { class: "image-wrapper" }, TI = { class: "content-item-title" }, SI = {
+}, DI = { class: "content-item" }, CI = { class: "image-wrapper" }, EI = { class: "content-item-title" }, MI = {
   key: 0,
   class: "content-item-subtitle"
-}, OI = {
+}, VI = {
   key: 0,
   class: "results"
-}, DI = ["onClick"], CI = { class: "result-item-title" }, EI = { class: "result-item-subtitle" };
-function MI(e, t, n, r, s, i) {
+}, II = ["onClick"], FI = { class: "result-item-title" }, AI = { class: "result-item-subtitle" };
+function NI(e, t, n, r, s, i) {
   const a = y("ux-icon"), l = y("flex-cell"), u = y("ux-button"), d = y("flex-row"), m = y("search");
-  return o(), h("div", bI, [
-    i.hasLocation ? (o(), h("div", kI, [
-      T("div", wI, [
+  return o(), h("div", SI, [
+    i.hasLocation ? (o(), h("div", OI, [
+      T("div", DI, [
         c(d, {
           gap: "",
           center: ""
@@ -27501,7 +27595,7 @@ function MI(e, t, n, r, s, i) {
           default: f(() => [
             c(l, { shrink: "" }, {
               default: f(() => [
-                T("div", xI, [
+                T("div", CI, [
                   c(a, { icon: "fa-map-marker" })
                 ])
               ]),
@@ -27509,8 +27603,8 @@ function MI(e, t, n, r, s, i) {
             }),
             c(l, null, {
               default: f(() => [
-                T("div", TI, b(s.model.title || s.model.addressLine1), 1),
-                i.summary ? (o(), h("div", SI, b(i.summary(s.model)), 1)) : _("", !0)
+                T("div", EI, b(s.model.title || s.model.addressLine1), 1),
+                i.summary ? (o(), h("div", MI, b(i.summary(s.model)), 1)) : _("", !0)
               ]),
               _: 1
             }),
@@ -27569,21 +27663,21 @@ function MI(e, t, n, r, s, i) {
         disabled: !i.teleportTarget,
         to: i.teleportTarget
       }, [
-        s.results.length ? (o(), h("div", OI, [
+        s.results.length ? (o(), h("div", VI, [
           (o(!0), h(D, null, A(s.results, (p, g) => (o(), h("div", {
             class: $(["result-item", { selected: g === s.selectedIndex }]),
             key: p.title,
             onClick: (v) => i.select(p)
           }, [
-            T("div", CI, b(p.title), 1),
-            T("div", EI, b(p.summary), 1)
-          ], 10, DI))), 128))
+            T("div", FI, b(p.title), 1),
+            T("div", AI, b(p.summary), 1)
+          ], 10, II))), 128))
         ])) : _("", !0)
       ], 8, ["disabled", "to"]))
     ], 64))
   ]);
 }
-const VI = /* @__PURE__ */ M(vI, [["render", MI], ["__scopeId", "data-v-084b9220"]]), II = {
+const $I = /* @__PURE__ */ M(TI, [["render", NI], ["__scopeId", "data-v-084b9220"]]), PI = {
   components: {
     TextField: ro,
     Spinner: Pn,
@@ -27907,20 +28001,20 @@ const VI = /* @__PURE__ */ M(vI, [["render", MI], ["__scopeId", "data-v-084b9220
       }), e.redrawCircle();
     }
   }
-}, FI = { class: "font-muted font-sm" }, AI = { class: "map-outer" }, NI = {
+}, LI = { class: "font-muted font-sm" }, RI = { class: "map-outer" }, UI = {
   key: 0,
   class: "indicator"
-}, $I = {
+}, jI = {
   class: "map-inner",
   ref: "mapContainer"
 };
-function PI(e, t, n, r, s, i) {
+function qI(e, t, n, r, s, i) {
   const a = y("flex-cell"), l = y("ux-icon"), u = y("flex-row"), d = y("ux-panel-header"), m = y("spinner"), p = y("text-field"), g = y("country-select"), v = y("ux-panel-body"), x = y("ux-panel");
   return o(), k(x, null, {
     default: f(() => [
       c(d, null, {
         default: f(() => [
-          T("div", FI, [
+          T("div", LI, [
             c(u, {
               gap: "",
               center: ""
@@ -27953,11 +28047,11 @@ function PI(e, t, n, r, s, i) {
         ]),
         _: 1
       }),
-      T("div", AI, [
-        i.initializing ? (o(), h("div", NI, [
+      T("div", RI, [
+        i.initializing ? (o(), h("div", UI, [
           c(m)
         ])) : _("", !0),
-        T("div", $I, null, 512)
+        T("div", jI, null, 512)
       ]),
       i.showFields ? (o(), k(v, { key: 0 }, {
         default: f(() => [
@@ -28065,7 +28159,7 @@ function PI(e, t, n, r, s, i) {
     _: 1
   });
 }
-const LI = /* @__PURE__ */ M(II, [["render", PI]]);
+const BI = /* @__PURE__ */ M(PI, [["render", qI]]);
 function Vc() {
   return {
     title: void 0,
@@ -28081,7 +28175,7 @@ function Vc() {
     search: void 0
   };
 }
-const RI = {
+const zI = {
   data() {
     return {
       singleAdvancedOptions: !1,
@@ -28089,8 +28183,8 @@ const RI = {
     };
   },
   components: {
-    LocationSelect: LI,
-    LocationSearch: VI
+    LocationSelect: BI,
+    LocationSearch: $I
   },
   props: {
     modelValue: {
@@ -28131,33 +28225,33 @@ const RI = {
       return Vc();
     }
   }
-}, UI = {
+}, WI = {
   key: 0,
   class: "ux-field-title"
-}, jI = {
+}, HI = {
   key: 0,
   class: "ux-required-marker"
-}, qI = {
+}, GI = {
   key: 1,
   class: "ux-field-description"
-}, BI = { key: 2 }, zI = { class: "location-field-wrap" }, WI = ["id"], HI = {
+}, YI = { key: 2 }, JI = { class: "location-field-wrap" }, KI = ["id"], ZI = {
   key: 3,
   class: "location-field-wrap"
-}, GI = ["id"];
-function YI(e, t, n, r, s, i) {
+}, XI = ["id"];
+function QI(e, t, n, r, s, i) {
   const a = y("location-search"), l = y("flex-cell"), u = y("ux-icon"), d = y("ux-button"), m = y("flex-row"), p = y("location-select");
   return o(), h("div", null, [
-    e.showLabel ? (o(), h("label", UI, [
+    e.showLabel ? (o(), h("label", WI, [
       O(b(e.label) + " ", 1),
-      e.required ? (o(), h("span", jI, "*")) : _("", !0)
+      e.required ? (o(), h("span", HI, "*")) : _("", !0)
     ])) : _("", !0),
-    e.showDescription ? (o(), h("div", qI, b(e.description), 1)) : _("", !0),
-    e.multiValue ? (o(), h("div", BI, [
+    e.showDescription ? (o(), h("div", GI, b(e.description), 1)) : _("", !0),
+    e.multiValue ? (o(), h("div", YI, [
       (o(!0), h(D, null, A(e.model, (g, v) => (o(), h("div", {
         class: "ux-location-row",
         key: v
       }, [
-        T("div", zI, [
+        T("div", JI, [
           c(m, {
             gap: "",
             center: ""
@@ -28201,7 +28295,7 @@ function YI(e, t, n, r, s, i) {
           T("div", {
             class: "teleport-results",
             id: `teleport-${i.multipleTeleportIDs[v]}`
-          }, null, 8, WI),
+          }, null, 8, KI),
           s.multiAdvancedOptions[v] ? (o(), k(p, {
             key: 0,
             onFocus: e.touch,
@@ -28226,7 +28320,7 @@ function YI(e, t, n, r, s, i) {
         ]),
         _: 1
       })) : _("", !0)
-    ])) : (o(), h("div", HI, [
+    ])) : (o(), h("div", ZI, [
       c(m, null, {
         default: f(() => [
           c(l, null, {
@@ -28242,7 +28336,7 @@ function YI(e, t, n, r, s, i) {
               T("div", {
                 class: "teleport-results",
                 id: `teleport-${i.singleTeleportID}`
-              }, null, 8, GI),
+              }, null, 8, XI),
               s.singleAdvancedOptions ? (o(), k(p, {
                 key: 0,
                 assumeDefault: !!e.field.assumeDefault,
@@ -28261,7 +28355,7 @@ function YI(e, t, n, r, s, i) {
     ]))
   ]);
 }
-const JI = /* @__PURE__ */ M(RI, [["render", YI], ["__scopeId", "data-v-eac978e1"]]), KI = {
+const eF = /* @__PURE__ */ M(zI, [["render", QI], ["__scopeId", "data-v-eac978e1"]]), tF = {
   props: {
     modelValue: {
       type: [String, Array]
@@ -28275,30 +28369,30 @@ const JI = /* @__PURE__ */ M(RI, [["render", YI], ["__scopeId", "data-v-eac978e1
       return "";
     }
   }
-}, ZI = {
+}, nF = {
   key: 0,
   class: "ux-field-title"
-}, XI = {
+}, iF = {
   key: 0,
   class: "ux-required-marker"
-}, QI = {
+}, rF = {
   key: 1,
   class: "ux-field-description"
-}, eF = { key: 2 }, tF = { class: "expression-field-wrap" }, nF = {
+}, sF = { key: 2 }, aF = { class: "expression-field-wrap" }, lF = {
   key: 3,
   class: "expression-field-wrap"
 };
-function iF(e, t, n, r, s, i) {
+function oF(e, t, n, r, s, i) {
   const a = y("expression-editor"), l = y("flex-cell"), u = y("ux-icon"), d = y("ux-button"), m = y("flex-row");
   return o(), h("div", {
     onKeydown: t[2] || (t[2] = we(B((p) => i.enterPress(p), ["stop"]), ["enter"]))
   }, [
-    e.showLabel ? (o(), h("label", ZI, [
+    e.showLabel ? (o(), h("label", nF, [
       O(b(e.label) + " ", 1),
-      e.required ? (o(), h("span", XI, "*")) : _("", !0)
+      e.required ? (o(), h("span", iF, "*")) : _("", !0)
     ])) : _("", !0),
-    e.showDescription ? (o(), h("div", QI, b(e.description), 1)) : _("", !0),
-    e.multiValue ? (o(), h("div", eF, [
+    e.showDescription ? (o(), h("div", rF, b(e.description), 1)) : _("", !0),
+    e.multiValue ? (o(), h("div", sF, [
       (o(!0), h(D, null, A(e.model, (p, g) => (o(), k(m, {
         class: "ux-text-row",
         key: g
@@ -28306,7 +28400,7 @@ function iF(e, t, n, r, s, i) {
         default: f(() => [
           c(l, null, {
             default: f(() => [
-              T("div", tF, [
+              T("div", aF, [
                 c(a, {
                   field: e.field,
                   onFocus: e.touch,
@@ -28351,7 +28445,7 @@ function iF(e, t, n, r, s, i) {
         ]),
         _: 1
       })) : _("", !0)
-    ])) : (o(), h("div", nF, [
+    ])) : (o(), h("div", lF, [
       c(a, {
         field: e.field,
         class: "ux-expression ux-field-focus ux-text-area-single",
@@ -28362,9 +28456,14 @@ function iF(e, t, n, r, s, i) {
     ]))
   ], 32);
 }
-const rF = /* @__PURE__ */ M(KI, [["render", iF], ["__scopeId", "data-v-56c3b71b"]]), sF = {
+const uF = /* @__PURE__ */ M(tF, [["render", oF], ["__scopeId", "data-v-56c3b71b"]]), dF = {
   components: {},
-  methods: {},
+  methods: {
+    injectToken(e) {
+      const t = this.$refs.editor;
+      t && t.inject(e);
+    }
+  },
   props: {
     modelValue: {
       type: String,
@@ -28372,6 +28471,12 @@ const rF = /* @__PURE__ */ M(KI, [["render", iF], ["__scopeId", "data-v-56c3b71b
         return "";
       }
     },
+    tokens: {
+      type: Array,
+      default() {
+        return [];
+      }
+    },
     lang: {
       type: String
     }
@@ -28397,22 +28502,24 @@ const rF = /* @__PURE__ */ M(KI, [["render", iF], ["__scopeId", "data-v-56c3b71b
     };
   }
 };
-function aF(e, t, n, r, s, i) {
+function cF(e, t, n, r, s, i) {
   const a = y("tiptap"), l = y("flex-column");
   return s.mounted ? (o(), k(l, { key: 0 }, {
     default: f(() => [
       c(a, {
+        ref: "editor",
+        tokens: n.tokens,
         modelValue: s.model,
         "onUpdate:modelValue": t[0] || (t[0] = (u) => s.model = u),
         style: { height: "250px" }
-      }, null, 8, ["modelValue"])
+      }, null, 8, ["tokens", "modelValue"])
     ]),
     _: 1
   })) : _("", !0);
 }
-const lF = /* @__PURE__ */ M(sF, [["render", aF], ["__scopeId", "data-v-844777a7"]]), oF = {
+const fF = /* @__PURE__ */ M(dF, [["render", cF], ["__scopeId", "data-v-140d6cfc"]]), mF = {
   components: {
-    richtext: lF
+    richtext: fF
   },
   props: {
     modelValue: {
@@ -28420,9 +28527,9 @@ const lF = /* @__PURE__ */ M(sF, [["render", aF], ["__scopeId", "data-v-844777a7
     }
   },
   computed: {
-    // syntax() {
-    //     return this.field ? this.field.syntax : 'json';
-    // }
+    tokens() {
+      return this.field ? this.field.tokens || [] : [];
+    }
   },
   mixins: [re],
   methods: {
@@ -28430,28 +28537,28 @@ const lF = /* @__PURE__ */ M(sF, [["render", aF], ["__scopeId", "data-v-844777a7
       return "";
     }
   }
-}, uF = {
+}, hF = {
   key: 0,
   class: "ux-field-title"
-}, dF = {
+}, pF = {
   key: 0,
   class: "ux-required-marker"
-}, cF = {
+}, yF = {
   key: 1,
   class: "ux-field-description"
-}, fF = { key: 2 }, mF = { class: "richtext-field-wrap" }, hF = {
+}, gF = { key: 2 }, _F = { class: "richtext-field-wrap" }, vF = {
   key: 3,
   class: "richtext-field-wrap"
 };
-function pF(e, t, n, r, s, i) {
+function bF(e, t, n, r, s, i) {
   const a = y("richtext"), l = y("flex-cell"), u = y("ux-icon"), d = y("ux-button"), m = y("flex-row");
   return o(), h("div", null, [
-    e.showLabel ? (o(), h("label", uF, [
+    e.showLabel ? (o(), h("label", hF, [
       O(b(e.label) + " ", 1),
-      e.required ? (o(), h("span", dF, "*")) : _("", !0)
+      e.required ? (o(), h("span", pF, "*")) : _("", !0)
     ])) : _("", !0),
-    e.showDescription ? (o(), h("div", cF, b(e.description), 1)) : _("", !0),
-    e.multiValue ? (o(), h("div", fF, [
+    e.showDescription ? (o(), h("div", yF, b(e.description), 1)) : _("", !0),
+    e.multiValue ? (o(), h("div", gF, [
       (o(!0), h(D, null, A(e.model, (p, g) => (o(), k(m, {
         class: "ux-text-row",
         key: g
@@ -28459,15 +28566,16 @@ function pF(e, t, n, r, s, i) {
         default: f(() => [
           c(l, null, {
             default: f(() => [
-              T("div", mF, [
+              T("div", _F, [
                 c(a, {
+                  tokens: i.tokens,
                   onFocus: e.touch,
                   ref_for: !0,
                   ref: "input",
                   modelValue: e.model[g],
                   "onUpdate:modelValue": (v) => e.model[g] = v,
                   class: "ux-richtext ux-field-focus ux-text-area-multiple"
-                }, null, 8, ["onFocus", "modelValue", "onUpdate:modelValue"])
+                }, null, 8, ["tokens", "onFocus", "modelValue", "onUpdate:modelValue"])
               ])
             ]),
             _: 2
@@ -28503,17 +28611,18 @@ function pF(e, t, n, r, s, i) {
         ]),
         _: 1
       })) : _("", !0)
-    ])) : (o(), h("div", hF, [
+    ])) : (o(), h("div", vF, [
       c(a, {
+        tokens: i.tokens,
         class: "ux-richtext ux-field-focus ux-text-area-single",
         onFocus: e.touch,
         modelValue: e.model,
         "onUpdate:modelValue": t[1] || (t[1] = (p) => e.model = p)
-      }, null, 8, ["onFocus", "modelValue"])
+      }, null, 8, ["tokens", "onFocus", "modelValue"])
     ]))
   ]);
 }
-const yF = /* @__PURE__ */ M(oF, [["render", pF], ["__scopeId", "data-v-396fd196"]]), gF = Array.from(
+const kF = /* @__PURE__ */ M(mF, [["render", bF], ["__scopeId", "data-v-2476f836"]]), wF = Array.from(
   { length: 6 },
   (e, t) => (/* @__PURE__ */ new Date()).getFullYear() + t
 ).map(function(e) {
@@ -28522,7 +28631,7 @@ const yF = /* @__PURE__ */ M(oF, [["render", pF], ["__scopeId", "data-v-396fd196
     title: e,
     value: t
   };
-}), _F = {
+}), xF = {
   mixins: [re],
   components: {
     // StripeElements,
@@ -28795,7 +28904,7 @@ const yF = /* @__PURE__ */ M(oF, [["render", pF], ["__scopeId", "data-v-396fd196
             minLength: 2,
             maxLength: 2,
             widget: "select",
-            options: gF
+            options: wF
           },
           {
             title: "CVN",
@@ -28836,17 +28945,17 @@ const yF = /* @__PURE__ */ M(oF, [["render", pF], ["__scopeId", "data-v-396fd196
       };
     }
   }
-}, en = (e) => (je("data-v-b05c2ca1"), e = e(), qe(), e), vF = /* @__PURE__ */ en(() => /* @__PURE__ */ T("h2", null, "Payment Summary", -1)), bF = { class: "calculations" }, kF = /* @__PURE__ */ en(() => /* @__PURE__ */ T("td", null, "Amount", -1)), wF = { class: "running-total" }, xF = /* @__PURE__ */ en(() => /* @__PURE__ */ T("td", null, "Amount", -1)), TF = /* @__PURE__ */ en(() => /* @__PURE__ */ T("td", null, " ", -1)), SF = /* @__PURE__ */ en(() => /* @__PURE__ */ T("td", { class: "running-total" }, " ", -1)), OF = [
-  xF,
-  TF,
-  SF
-], DF = { class: "running-total" }, CF = {
+}, en = (e) => (je("data-v-b05c2ca1"), e = e(), qe(), e), TF = /* @__PURE__ */ en(() => /* @__PURE__ */ T("h2", null, "Payment Summary", -1)), SF = { class: "calculations" }, OF = /* @__PURE__ */ en(() => /* @__PURE__ */ T("td", null, "Amount", -1)), DF = { class: "running-total" }, CF = /* @__PURE__ */ en(() => /* @__PURE__ */ T("td", null, "Amount", -1)), EF = /* @__PURE__ */ en(() => /* @__PURE__ */ T("td", null, " ", -1)), MF = /* @__PURE__ */ en(() => /* @__PURE__ */ T("td", { class: "running-total" }, " ", -1)), VF = [
+  CF,
+  EF,
+  MF
+], IF = { class: "running-total" }, FF = {
   key: 0,
   class: "grand-total"
-}, EF = /* @__PURE__ */ en(() => /* @__PURE__ */ T("td", null, [
+}, AF = /* @__PURE__ */ en(() => /* @__PURE__ */ T("td", null, [
   /* @__PURE__ */ T("strong", null, "Total")
-], -1)), MF = /* @__PURE__ */ en(() => /* @__PURE__ */ T("td", null, null, -1)), VF = /* @__PURE__ */ en(() => /* @__PURE__ */ T("h3", null, "Please select a payment method", -1)), IF = ["innerHTML"];
-function FF(e, t, n, r, s, i) {
+], -1)), NF = /* @__PURE__ */ en(() => /* @__PURE__ */ T("td", null, null, -1)), $F = /* @__PURE__ */ en(() => /* @__PURE__ */ T("h3", null, "Please select a payment method", -1)), PF = ["innerHTML"];
+function LF(e, t, n, r, s, i) {
   var p, g;
   const a = y("ux-form"), l = y("ux-panel-body"), u = y("ux-panel"), d = y("ux-icon"), m = y("ux-button");
   return e.multiValue ? (o(), h(D, { key: 0 }, [
@@ -28865,12 +28974,12 @@ function FF(e, t, n, r, s, i) {
       fields: i.calculatedTotalFields
     }, null, 8, ["trail", "paymentConfiguration", "includeOfficeOnly", "submission", "onForm:state", "parentModel", "modelValue", "fields"]),
     i.showPaymentSummary ? (o(), h(D, { key: 0 }, [
-      vF,
+      TF,
       c(u, null, {
         default: f(() => [
           c(l, null, {
             default: f(() => [
-              T("table", bF, [
+              T("table", SF, [
                 T("tbody", null, [
                   i.baseAmount ? (o(), h("tr", {
                     key: 0,
@@ -28879,13 +28988,13 @@ function FF(e, t, n, r, s, i) {
                       `modifier-visible-${i.baseAmountVisible}`
                     ]])
                   }, [
-                    kF,
+                    OF,
                     T("td", null, b(i.formattedBaseAmount), 1),
-                    T("td", wF, b(i.formattedBaseAmount), 1)
+                    T("td", DF, b(i.formattedBaseAmount), 1)
                   ], 2)) : i.calculatedTotal ? (o(), h("tr", {
                     key: 1,
                     class: $(["calculation-modifier", ["modifier-set", "modifier-visible-true"]])
-                  }, OF)) : _("", !0),
+                  }, VF)) : _("", !0),
                   (o(!0), h(D, null, A(i.visibleModifications, (v) => (o(), h("tr", {
                     class: $(["calculation-modifier", [
                       `modifier-${v.modifier}`,
@@ -28894,13 +29003,13 @@ function FF(e, t, n, r, s, i) {
                   }, [
                     T("td", null, b(v.title), 1),
                     T("td", null, b(v.summary), 1),
-                    T("td", DF, b(v.result), 1)
+                    T("td", IF, b(v.result), 1)
                   ], 2))), 256))
                 ]),
                 T("tfoot", null, [
-                  i.calculatedTotal || i.visibleModifications.length ? (o(), h("tr", CF, [
-                    EF,
-                    MF,
+                  i.calculatedTotal || i.visibleModifications.length ? (o(), h("tr", FF, [
+                    AF,
+                    NF,
                     T("td", null, [
                       T("strong", null, b(i.formattedTotal), 1)
                     ])
@@ -28916,7 +29025,7 @@ function FF(e, t, n, r, s, i) {
     ], 64)) : _("", !0),
     i.requiresPayment ? (o(), h(D, { key: 1 }, [
       i.gateways.length > 1 ? (o(), h(D, { key: 0 }, [
-        VF,
+        $F,
         T("div", null, [
           (o(!0), h(D, null, A(i.gateways, (v) => (o(), k(m, {
             class: "gateway-selector",
@@ -28940,7 +29049,7 @@ function FF(e, t, n, r, s, i) {
                 T("h5", null, b(i.gateway.title), 1),
                 T("div", {
                   innerHTML: i.gateway.instructions
-                }, null, 8, IF)
+                }, null, 8, PF)
               ]),
               _: 1
             })
@@ -28951,7 +29060,7 @@ function FF(e, t, n, r, s, i) {
     ], 64)) : _("", !0)
   ], 64));
 }
-const AF = /* @__PURE__ */ M(_F, [["render", FF], ["__scopeId", "data-v-b05c2ca1"]]), NF = {
+const RF = /* @__PURE__ */ M(xF, [["render", LF], ["__scopeId", "data-v-b05c2ca1"]]), UF = {
   name: "Signature",
   props: {
     modelValue: {
@@ -29101,10 +29210,10 @@ const AF = /* @__PURE__ */ M(_F, [["render", FF], ["__scopeId", "data-v-b05c2ca1
       return e.width = this.currentWidth, e.height = this.currentHeight, e.toDataURL();
     }
   }
-}, $F = { class: "signature-container" }, PF = { class: "buttons" };
-function LF(e, t, n, r, s, i) {
+}, jF = { class: "signature-container" }, qF = { class: "buttons" };
+function BF(e, t, n, r, s, i) {
   const a = y("ux-icon"), l = y("ux-button");
-  return o(), h("div", $F, [
+  return o(), h("div", jF, [
     T("canvas", {
       ref: "canvas",
       class: "signature-canvas",
@@ -29116,7 +29225,7 @@ function LF(e, t, n, r, s, i) {
       onTouchmove: t[5] || (t[5] = (...u) => i.handleTouchMove && i.handleTouchMove(...u)),
       onTouchend: t[6] || (t[6] = (...u) => i.stopDrawing && i.stopDrawing(...u))
     }, null, 544),
-    T("div", PF, [
+    T("div", qF, [
       c(l, {
         size: "sm",
         onClick: i.clearSignature
@@ -29133,9 +29242,9 @@ function LF(e, t, n, r, s, i) {
     ])
   ]);
 }
-const RF = /* @__PURE__ */ M(NF, [["render", LF], ["__scopeId", "data-v-d6d646d4"]]), UF = {
+const zF = /* @__PURE__ */ M(UF, [["render", BF], ["__scopeId", "data-v-d6d646d4"]]), WF = {
   components: {
-    signature: RF
+    signature: zF
   },
   props: {
     modelValue: {
@@ -29149,25 +29258,25 @@ const RF = /* @__PURE__ */ M(NF, [["render", LF], ["__scopeId", "data-v-d6d646d4
       return null;
     }
   }
-}, jF = {
+}, HF = {
   key: 0,
   class: "ux-field-title"
-}, qF = {
+}, GF = {
   key: 0,
   class: "ux-required-marker"
-}, BF = {
+}, YF = {
   key: 1,
   class: "ux-field-description"
-}, zF = { key: 2 };
-function WF(e, t, n, r, s, i) {
+}, JF = { key: 2 };
+function KF(e, t, n, r, s, i) {
   const a = y("signature"), l = y("flex-cell"), u = y("ux-icon"), d = y("ux-button"), m = y("flex-row");
   return o(), h(D, null, [
-    e.showLabel ? (o(), h("label", jF, [
+    e.showLabel ? (o(), h("label", HF, [
       O(b(e.label) + " ", 1),
-      e.required ? (o(), h("span", qF, "*")) : _("", !0)
+      e.required ? (o(), h("span", GF, "*")) : _("", !0)
     ])) : _("", !0),
-    e.showDescription ? (o(), h("div", BF, b(e.description), 1)) : _("", !0),
-    e.multiValue ? (o(), h("div", zF, [
+    e.showDescription ? (o(), h("div", YF, b(e.description), 1)) : _("", !0),
+    e.multiValue ? (o(), h("div", JF, [
       (o(!0), h(D, null, A(e.model, (p, g) => (o(), k(m, {
         class: "ux-signature-row",
         gap: "",
@@ -29228,11 +29337,11 @@ function WF(e, t, n, r, s, i) {
     }, null, 8, ["onFocus", "modelValue"]))
   ], 64);
 }
-const HF = /* @__PURE__ */ M(UF, [["render", WF], ["__scopeId", "data-v-afb76f23"]]);
-function GF(e) {
+const ZF = /* @__PURE__ */ M(WF, [["render", KF], ["__scopeId", "data-v-afb76f23"]]);
+function XF(e) {
   return e === void 0 || typeof e > "u" || e === null || String(e) === "null" || String(e) === "undefined";
 }
-const YF = {
+const QF = {
   props: {
     title: {
       type: String
@@ -29248,7 +29357,7 @@ const YF = {
   methods: {
     cleanOutput(e) {
       var t = this;
-      return GF(e) ? t.multiValue ? e = [] : e = void 0 : t.multiValue ? e = (e || []).filter(Boolean).map(function(n) {
+      return XF(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;
     },
@@ -29318,37 +29427,37 @@ const YF = {
       return this.actualOptions || [];
     }
   }
-}, JF = {
+}, eA = {
   key: 0,
   class: "ux-field-title"
-}, KF = {
+}, tA = {
   key: 0,
   class: "ux-required-marker"
-}, ZF = {
+}, nA = {
   key: 1,
   class: "ux-field-description"
-}, XF = {
+}, iA = {
   key: 0,
   class: "ui-select-button"
-}, QF = ["multiple"], eA = {
+}, rA = ["multiple"], sA = {
   key: 0,
   value: ""
-}, tA = ["value"], nA = {
+}, aA = ["value"], lA = {
   key: 3,
   class: "ui-select-button"
 };
-function iA(e, t, n, r, s, i) {
+function oA(e, t, n, r, s, i) {
   const a = y("ux-button");
   return o(), h("div", {
     class: $(["native-select", i.classes])
   }, [
-    e.showLabel ? (o(), h("label", JF, [
+    e.showLabel ? (o(), h("label", eA, [
       O(b(e.label) + " ", 1),
-      e.required ? (o(), h("span", KF, "*")) : _("", !0)
+      e.required ? (o(), h("span", tA, "*")) : _("", !0)
     ])) : _("", !0),
-    e.showDescription ? (o(), h("div", ZF, b(e.description), 1)) : _("", !0),
+    e.showDescription ? (o(), h("div", nA, b(e.description), 1)) : _("", !0),
     i.selectableOptions.length ? (o(), h(D, { key: 2 }, [
-      e.singleValue ? (o(), h("div", XF, [
+      e.singleValue ? (o(), h("div", iA, [
         z(e.$slots, "default", {}, () => [
           c(a, { tag: "div" }, {
             default: f(() => [
@@ -29363,14 +29472,14 @@ function iA(e, t, n, r, s, i) {
         multiple: e.multiValue,
         "onUpdate:modelValue": t[1] || (t[1] = (l) => e.model = l)
       }, [
-        e.singleValue && !e.minimum ? (o(), h("option", eA, "None")) : _("", !0),
+        e.singleValue && !e.minimum ? (o(), h("option", sA, "None")) : _("", !0),
         (o(!0), h(D, null, A(i.selectableOptions, (l) => (o(), h("option", {
           value: l.value
-        }, b(l.title), 9, tA))), 256))
-      ], 40, QF), [
+        }, b(l.title), 9, aA))), 256))
+      ], 40, rA), [
         [Dt, e.model]
       ])
-    ], 64)) : (o(), h("div", nA, [
+    ], 64)) : (o(), h("div", lA, [
       c(a, { tag: "div" }, {
         default: f(() => [
           O(" No valid routes ")
@@ -29380,11 +29489,11 @@ function iA(e, t, n, r, s, i) {
     ]))
   ], 2);
 }
-const rA = /* @__PURE__ */ M(YF, [["render", iA], ["__scopeId", "data-v-a9c5a05f"]]);
-function sA(e) {
+const uA = /* @__PURE__ */ M(QF, [["render", oA], ["__scopeId", "data-v-a9c5a05f"]]);
+function dA(e) {
   return e === void 0 || typeof e > "u" || e === null || String(e) === "null" || String(e) === "undefined";
 }
-const aA = {
+const cA = {
   props: {
     title: {
       type: String
@@ -29400,7 +29509,7 @@ const aA = {
   methods: {
     cleanOutput(e) {
       var t = this;
-      return sA(e) ? t.multiValue ? e = [] : e = void 0 : t.multiValue ? e = (e || []).filter(Boolean).map(function(n) {
+      return dA(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;
     },
@@ -29453,33 +29562,33 @@ const aA = {
       return this.actualOptions;
     }
   }
-}, lA = {
+}, fA = {
   key: 0,
   class: "ux-field-title"
-}, oA = {
+}, mA = {
   key: 0,
   class: "ux-required-marker"
-}, uA = {
+}, hA = {
   key: 1,
   class: "ux-field-description"
-}, dA = {
+}, pA = {
   key: 2,
   class: "ui-select-button"
-}, cA = ["multiple"], fA = {
+}, yA = ["multiple"], gA = {
   key: 0,
   value: ""
-}, mA = ["value"];
-function hA(e, t, n, r, s, i) {
+}, _A = ["value"];
+function vA(e, t, n, r, s, i) {
   const a = y("ux-button");
   return o(), h("div", {
     class: $(["native-select", i.classes])
   }, [
-    e.showLabel ? (o(), h("label", lA, [
+    e.showLabel ? (o(), h("label", fA, [
       O(b(e.label) + " ", 1),
-      e.required ? (o(), h("span", oA, "*")) : _("", !0)
+      e.required ? (o(), h("span", mA, "*")) : _("", !0)
     ])) : _("", !0),
-    e.showDescription ? (o(), h("div", uA, b(e.description), 1)) : _("", !0),
-    e.singleValue ? (o(), h("div", dA, [
+    e.showDescription ? (o(), h("div", hA, b(e.description), 1)) : _("", !0),
+    e.singleValue ? (o(), h("div", pA, [
       z(e.$slots, "default", {}, () => [
         c(a, { tag: "div" }, {
           default: f(() => [
@@ -29494,16 +29603,16 @@ function hA(e, t, n, r, s, i) {
       multiple: e.multiValue,
       "onUpdate:modelValue": t[1] || (t[1] = (l) => e.model = l)
     }, [
-      e.singleValue && !e.minimum ? (o(), h("option", fA, "None")) : _("", !0),
+      e.singleValue && !e.minimum ? (o(), h("option", gA, "None")) : _("", !0),
       (o(!0), h(D, null, A(i.selectableOptions, (l) => (o(), h("option", {
         value: l.value
-      }, b(l.title), 9, mA))), 256))
-    ], 40, cA), [
+      }, b(l.title), 9, _A))), 256))
+    ], 40, yA), [
       [Dt, e.model]
     ])
   ], 2);
 }
-const pA = /* @__PURE__ */ M(aA, [["render", hA], ["__scopeId", "data-v-8801d1a0"]]), wn = {
+const bA = /* @__PURE__ */ M(cA, [["render", vA], ["__scopeId", "data-v-8801d1a0"]]), wn = {
   props: {
     options: {
       type: Object,
@@ -29531,7 +29640,7 @@ const pA = /* @__PURE__ */ M(aA, [["render", hA], ["__scopeId", "data-v-8801d1a0
       this.$emit("close", e);
     }
   }
-}, yA = {
+}, kA = {
   data() {
     return {
       selection: {}
@@ -29655,15 +29764,15 @@ const pA = /* @__PURE__ */ M(aA, [["render", hA], ["__scopeId", "data-v-8801d1a0
       this.selection[e.path] = !this.selection[e.path], console.log(e);
     }
   }
-}, gA = { class: "wrapper" }, _A = { class: "header" }, vA = ["onClick"], bA = { class: "font-sm font-muted" };
-function kA(e, t, n, r, s, i) {
+}, wA = { class: "wrapper" }, xA = { class: "header" }, TA = ["onClick"], SA = { class: "font-sm font-muted" };
+function OA(e, t, n, r, s, i) {
   const a = y("flex-cell"), l = y("ux-button"), u = y("flex-row"), d = y("flex-header"), m = y("ux-checkbox"), p = y("flex-body"), g = y("flex-column");
-  return o(), h("div", gA, [
+  return o(), h("div", wA, [
     c(g, null, {
       default: f(() => [
         c(d, null, {
           default: f(() => [
-            T("div", _A, [
+            T("div", xA, [
               c(u, {
                 gap: "",
                 center: ""
@@ -29741,14 +29850,14 @@ function kA(e, t, n, r, s, i) {
                     class: "font-muted"
                   }, {
                     default: f(() => [
-                      T("div", bA, b(v.path), 1)
+                      T("div", SA, b(v.path), 1)
                     ]),
                     _: 2
                   }, 1024)
                 ]),
                 _: 2
               }, 1024)
-            ], 14, vA))), 256))
+            ], 14, TA))), 256))
           ]),
           _: 1
         })
@@ -29757,7 +29866,7 @@ function kA(e, t, n, r, s, i) {
     })
   ]);
 }
-const wA = /* @__PURE__ */ M(yA, [["render", kA], ["__scopeId", "data-v-192c1fbd"]]), xA = {
+const DA = /* @__PURE__ */ M(kA, [["render", OA], ["__scopeId", "data-v-192c1fbd"]]), CA = {
   props: {
     modelValue: {
       type: Object
@@ -29796,7 +29905,7 @@ const wA = /* @__PURE__ */ M(yA, [["render", kA], ["__scopeId", "data-v-192c1fbd
   methods: {
     async openModal() {
       const e = this, t = await e.$sdk.modal({
-        component: wA,
+        component: DA,
         options: {
           definition: e.definition
         }
@@ -29804,10 +29913,10 @@ const wA = /* @__PURE__ */ M(yA, [["render", kA], ["__scopeId", "data-v-192c1fbd
       t.length && e.addFields && e.addFields(t);
     }
   }
-}, TA = { key: 0 };
-function SA(e, t, n, r, s, i) {
+}, EA = { key: 0 };
+function MA(e, t, n, r, s, i) {
   const a = y("ux-icon"), l = y("ux-button");
-  return i.definition ? (o(), h("div", TA, [
+  return i.definition ? (o(), h("div", EA, [
     c(l, {
       color: "primary",
       onClick: i.openModal
@@ -29820,7 +29929,7 @@ function SA(e, t, n, r, s, i) {
     }, 8, ["onClick"])
   ])) : _("", !0);
 }
-const OA = /* @__PURE__ */ M(xA, [["render", SA]]);
+const VA = /* @__PURE__ */ M(CA, [["render", MA]]);
 function Ra(e) {
   switch (String(e).toLowerCase()) {
     case "true":
@@ -29853,7 +29962,7 @@ function Zn(e, t, n, r, s, i) {
   }
   return t;
 }
-function DA(e, t) {
+function IA(e, t) {
   function n(g) {
     return g === void 0 || typeof g > "u" || g === null;
   }
@@ -30000,7 +30109,7 @@ function Ee(e) {
     return Mt.evaluateExpression(n, r);
   };
 }
-const CA = {
+const FA = {
   emits: [
     "field:mount",
     "field:unmount",
@@ -30014,10 +30123,10 @@ const CA = {
     "update:modelValue"
   ],
   components: {
-    InternalRouteSelect: rA,
-    InternalMenuSelect: pA,
-    InternalFieldCreator: OA,
-    ButtonSelect: DV,
+    InternalRouteSelect: uA,
+    InternalMenuSelect: bA,
+    InternalFieldCreator: VA,
+    ButtonSelect: IV,
     NativeSelect: It,
     DateField: gh,
     TimeField: _h,
@@ -30034,7 +30143,7 @@ const CA = {
     ColorInput: UM,
     CustomHtml: EC,
     BooleanSwitch: HM,
-    FieldGroup: yV,
+    FieldGroup: kV,
     ContentSelect: mh,
     ContentSearch: VO,
     ValueSearch: zO,
@@ -30045,15 +30154,15 @@ const CA = {
     CountrySelect: Ql,
     PhoneNumberInput: QT,
     Upload: rV,
-    Signature: HF,
-    ObjectField: NV,
-    ModelField: zV,
-    OptionsManager: uI,
-    CodeEditorField: _I,
-    LocationField: JI,
-    ExpressionField: rF,
-    RichTextField: yF,
-    PaymentField: AF
+    Signature: ZF,
+    ObjectField: UV,
+    ModelField: JV,
+    OptionsManager: hI,
+    CodeEditorField: xI,
+    LocationField: eF,
+    ExpressionField: uF,
+    RichTextField: kF,
+    PaymentField: RF
   },
   props: {
     trail: {
@@ -30189,7 +30298,7 @@ const CA = {
       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 = DA(this.actualField), r = this.cleanInput(
+      var t = this.expressions && this.expressions.defaultValue ? this.getExpressionDefaultValue : void 0, n = IA(this.actualField), r = this.cleanInput(
         t || n
       );
       if ((s = this.field) != null && s.assumeDefault) {
@@ -30588,11 +30697,11 @@ const CA = {
       return e;
     }
   }
-}, EA = {
+}, AA = {
   key: 2,
   class: "ux-field-message"
 };
-function MA(e, t, n, r, s, i) {
+function NA(e, t, n, r, s, i) {
   const a = y("text-field"), l = y("key-field"), u = y("internal-route-select"), d = y("internal-menu-select"), m = y("internal-field-creator"), p = y("custom-html"), g = y("slider-input"), v = y("color-input"), x = y("filter-input"), w = y("date-object-input"), S = y("signature"), C = y("checkbox"), V = y("boolean-switch"), R = y("upload"), G = y("field-group"), X = y("field-select"), ne = y("native-select"), I = y("button-select"), H = y("currency-field"), q = y("form-relationship-field"), Q = y("date-field"), Y = y("time-field"), he = y("date-range"), ee = y("content-select"), me = y("content-search"), ke = y("value-search"), Se = y("type-select"), lt = y("scope-select"), Qe = y("rich-text-field"), At = y("text-area"), pt = y("timezone-select"), et = y("country-select"), Tt = y("phone-number-input"), Ae = y("object-field"), j = y("model-field"), N = y("payment-field"), tt = y("options-manager"), Nt = y("code-editor-field"), Ne = y("flex-column"), pe = y("location-field"), tn = y("expression-field");
   return i.visible ? (o(), h("div", {
     key: 0,
@@ -30946,12 +31055,12 @@ function MA(e, t, n, r, s, i) {
         "onUpdate:modelValue": t[42] || (t[42] = (F) => i.fieldModel = F)
       }, null, 8, ["onTouched", "field", "modelValue"])) : _("", !0)
     ], 64)),
-    i.error && s.validateResults.message ? (o(), h("div", EA, b(s.validateResults.message), 1)) : _("", !0)
+    i.error && s.validateResults.message ? (o(), h("div", AA, b(s.validateResults.message), 1)) : _("", !0)
   ], 34)) : _("", !0);
 }
-const ao = /* @__PURE__ */ M(CA, [["render", MA], ["__scopeId", "data-v-fa5cb6bf"]]);
+const ao = /* @__PURE__ */ M(FA, [["render", NA], ["__scopeId", "data-v-fa5cb6bf"]]);
 var Ua, Ic;
-function VA() {
+function $A() {
   if (Ic) return Ua;
   Ic = 1;
   function e(t, n, r, s) {
@@ -30963,7 +31072,7 @@ function VA() {
   return Ua = e, Ua;
 }
 var ja, Fc;
-function IA() {
+function PA() {
   if (Fc) return ja;
   Fc = 1;
   function e(t) {
@@ -30974,10 +31083,10 @@ function IA() {
   return ja = e, ja;
 }
 var qa, Ac;
-function FA() {
+function LA() {
   if (Ac) return qa;
   Ac = 1;
-  var e = IA(), t = {
+  var e = PA(), t = {
     // Latin-1 Supplement block.
     À: "A",
     Á: "A",
@@ -31174,17 +31283,17 @@ function FA() {
   return qa = n, qa;
 }
 var Ba, Nc;
-function AA() {
+function RA() {
   if (Nc) return Ba;
   Nc = 1;
-  var e = FA(), t = Wl(), n = /[\xc0-\xd6\xd8-\xf6\xf8-\xff\u0100-\u017f]/g, r = "\\u0300-\\u036f", s = "\\ufe20-\\ufe2f", i = "\\u20d0-\\u20ff", a = r + s + i, l = "[" + a + "]", u = RegExp(l, "g");
+  var e = LA(), t = Wl(), n = /[\xc0-\xd6\xd8-\xf6\xf8-\xff\u0100-\u017f]/g, r = "\\u0300-\\u036f", s = "\\ufe20-\\ufe2f", i = "\\u20d0-\\u20ff", a = r + s + i, l = "[" + a + "]", u = RegExp(l, "g");
   function d(m) {
     return m = t(m), m && m.replace(n, e).replace(u, "");
   }
   return Ba = d, Ba;
 }
 var za, $c;
-function NA() {
+function UA() {
   if ($c) return za;
   $c = 1;
   var e = /[^\x00-\x2f\x3a-\x40\x5b-\x60\x7b-\x7f]+/g;
@@ -31194,7 +31303,7 @@ function NA() {
   return za = t, za;
 }
 var Wa, Pc;
-function $A() {
+function jA() {
   if (Pc) return Wa;
   Pc = 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 ]/;
@@ -31204,7 +31313,7 @@ function $A() {
   return Wa = t, Wa;
 }
 var Ha, Lc;
-function PA() {
+function qA() {
   if (Lc) return Ha;
   Lc = 1;
   var e = "\\ud800-\\udfff", t = "\\u0300-\\u036f", n = "\\ufe20-\\ufe2f", r = "\\u20d0-\\u20ff", s = t + n + r, i = "\\u2700-\\u27bf", a = "a-z\\xdf-\\xf6\\xf8-\\xff", l = "\\xac\\xb1\\xd7\\xf7", u = "\\x00-\\x2f\\x3a-\\x40\\x5b-\\x60\\x7b-\\xbf", d = "\\u2000-\\u206f", m = " \\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 = l + u + d + m, x = "['’]", w = "[" + v + "]", S = "[" + s + "]", C = "\\d+", V = "[" + i + "]", R = "[" + a + "]", G = "[^" + e + v + C + i + a + p + "]", X = "\\ud83c[\\udffb-\\udfff]", ne = "(?:" + S + "|" + X + ")", I = "[^" + e + "]", H = "(?:\\ud83c[\\udde6-\\uddff]){2}", q = "[\\ud800-\\udbff][\\udc00-\\udfff]", Q = "[" + p + "]", Y = "\\u200d", he = "(?:" + R + "|" + G + ")", ee = "(?:" + Q + "|" + G + ")", me = "(?:" + x + "(?:d|ll|m|re|s|t|ve))?", ke = "(?:" + x + "(?:D|LL|M|RE|S|T|VE))?", Se = ne + "?", lt = "[" + g + "]?", Qe = "(?:" + Y + "(?:" + [I, H, q].join("|") + ")" + lt + Se + ")*", At = "\\d*(?:1st|2nd|3rd|(?![123])\\dth)(?=\\b|[A-Z_])", pt = "\\d*(?:1ST|2ND|3RD|(?![123])\\dTH)(?=\\b|[a-z_])", et = lt + Se + Qe, Tt = "(?:" + [V, H, q].join("|") + ")" + et, Ae = RegExp([
@@ -31223,20 +31332,20 @@ function PA() {
   return Ha = j, Ha;
 }
 var Ga, Rc;
-function LA() {
+function BA() {
   if (Rc) return Ga;
   Rc = 1;
-  var e = NA(), t = $A(), n = Wl(), r = PA();
+  var e = UA(), t = jA(), n = Wl(), r = qA();
   function s(i, a, l) {
     return i = n(i), a = l ? void 0 : a, a === void 0 ? t(i) ? r(i) : e(i) : i.match(a) || [];
   }
   return Ga = s, Ga;
 }
 var Ya, Uc;
-function RA() {
+function zA() {
   if (Uc) return Ya;
   Uc = 1;
-  var e = VA(), t = AA(), n = LA(), r = "['’]", s = RegExp(r, "g");
+  var e = $A(), t = RA(), n = BA(), r = "['’]", s = RegExp(r, "g");
   function i(a) {
     return function(l) {
       return e(n(t(l).replace(s, "")), a, "");
@@ -31245,16 +31354,16 @@ function RA() {
   return Ya = i, Ya;
 }
 var Ja, jc;
-function UA() {
+function WA() {
   if (jc) return Ja;
   jc = 1;
-  var e = RA(), t = e(function(n, r, s) {
+  var e = zA(), t = e(function(n, r, s) {
     return n + (s ? "-" : "") + r.toLowerCase();
   });
   return Ja = t, Ja;
 }
-var jA = UA();
-const qA = /* @__PURE__ */ Kt(jA), BA = {
+var HA = WA();
+const GA = /* @__PURE__ */ Kt(HA), YA = {
   emits: [
     "field:unmount",
     "field:mount",
@@ -31423,7 +31532,7 @@ const qA = /* @__PURE__ */ Kt(jA), BA = {
       };
     },
     getFieldKey(e) {
-      let t = qA(`${e.title}-${e.key}`);
+      let t = GA(`${e.title}-${e.key}`);
       return e.incrementor && (t = `${t}-${e.incrementor}`), t;
     },
     touch() {
@@ -31514,7 +31623,7 @@ const qA = /* @__PURE__ */ Kt(jA), BA = {
     }
   }
 };
-function zA(e, t, n, r, s, i) {
+function JA(e, t, n, r, s, i) {
   const a = y("ux-field");
   return o(), h("div", {
     class: $(["ux-form", i.formClass])
@@ -31553,7 +31662,7 @@ function zA(e, t, n, r, s, i) {
     z(e.$slots, "below", { model: i.formModel }, void 0, !0)
   ], 2);
 }
-const Ch = /* @__PURE__ */ M(BA, [["render", zA], ["__scopeId", "data-v-e6afec75"]]), Ka = "form.ready", WA = "form.processing", qc = "form.complete", Bc = "form.error", HA = "form.intent", GA = {
+const Ch = /* @__PURE__ */ M(YA, [["render", JA], ["__scopeId", "data-v-e6afec75"]]), Ka = "form.ready", KA = "form.processing", qc = "form.complete", Bc = "form.error", ZA = "form.intent", XA = {
   emits: ["reset", "processing", "intent", "success", "error"],
   methods: {
     multiFormStateUpdated(e, t) {
@@ -31605,7 +31714,7 @@ const Ch = /* @__PURE__ */ M(BA, [["render", zA], ["__scopeId", "data-v-e6afec75
         console.log("Form is invalid", this.invalidFields);
         return;
       }
-      e.processing = !0, e.state = WA, e.$emit("processing");
+      e.processing = !0, e.state = KA, e.$emit("processing");
       const { submission: t, error: n } = await e.preSubmit(e.model);
       if (n)
         return console.log("pre submit error", n), u(n);
@@ -31638,7 +31747,7 @@ const Ch = /* @__PURE__ */ M(BA, [["render", zA], ["__scopeId", "data-v-e6afec75
             );
             break;
         }
-        e.state = HA, e.processing = !1, e.$emit("intent", d);
+        e.state = ZA, e.processing = !1, e.$emit("intent", d);
       }
       async function l(d) {
         await e.postSubmit(d), e.processing = !1, e.state = qc, e.$emit("success", d);
@@ -31814,8 +31923,8 @@ const Ch = /* @__PURE__ */ M(BA, [["render", zA], ["__scopeId", "data-v-e6afec75
   computed: {
     selectedGateway() {
       var t, n, r, s;
-      if ((n = (t = this.submission) == null ? void 0 : t._payment) != null && n.gateway)
-        return (s = (r = this.submission) == null ? void 0 : r._payment) == null ? void 0 : s.gateway;
+      if ((n = (t = this.model) == null ? void 0 : t._payment) != null && n.gateway)
+        return (s = (r = this.model) == null ? void 0 : r._payment) == null ? void 0 : s.gateway;
       const e = this.gateways.filter(Boolean);
       if (e.length === 1)
         return e[0];
@@ -31937,12 +32046,17 @@ const Ch = /* @__PURE__ */ M(BA, [["render", zA], ["__scopeId", "data-v-e6afec75
       return this.buttonDisabled ? "Please check the errors in your form" : void 0;
     },
     buttonDisabled() {
-      return this.preview ? !0 : this.noGatewaySelectedButPaymentIsRequired ? (console.error(
+      return this.preview ? !0 : this.noGatewaySelectedButPaymentIsRequired ? (console.log(
+        "NO GATEWAY SELECTED",
+        this.total,
+        this.gateways,
+        this.selectedGateway
+      ), console.error(
         "Error: There is no payment gateway selected but payment is required"
       ), !0) : this.submitAttempted && this.invalid;
     },
     noGatewaySelectedButPaymentIsRequired() {
-      return this.total ? !this.selectedGateway : !1;
+      return !(!this.total || this.selectedGateway);
     },
     invalid() {
       var t;
@@ -31961,14 +32075,14 @@ const Ch = /* @__PURE__ */ M(BA, [["render", zA], ["__scopeId", "data-v-e6afec75
       return ((e = this.form) == null ? void 0 : e.fields) || [];
     }
   }
-}, Eh = (e) => (je("data-v-b859ef09"), e = e(), qe(), e), YA = /* @__PURE__ */ Eh(() => /* @__PURE__ */ T("h3", null, "An error occurred", -1)), JA = { key: 0 }, KA = { key: 1 }, ZA = { key: 2 }, XA = { class: "intent-submit" }, QA = {
+}, Eh = (e) => (je("data-v-2d75efd5"), e = e(), qe(), e), QA = /* @__PURE__ */ Eh(() => /* @__PURE__ */ T("h3", null, "An error occurred", -1)), eN = { key: 0 }, tN = { key: 1 }, nN = { key: 2 }, iN = { class: "intent-submit" }, rN = {
   key: 0,
   class: "multistep-form"
-}, eN = { class: "multistep-form-sections" }, tN = { class: "multistep-fields" }, nN = { class: "multistep-controls" }, iN = ["tooltip"], rN = ["tooltip"], sN = { class: "multistep-progress" }, aN = {
+}, sN = { class: "multistep-form-sections" }, aN = { class: "multistep-fields" }, lN = { class: "multistep-controls" }, oN = ["tooltip"], uN = ["tooltip"], dN = { class: "multistep-progress" }, cN = {
   key: 0,
   class: "invalid-field-message"
-}, lN = /* @__PURE__ */ Eh(() => /* @__PURE__ */ T("h5", null, "Please fix the issues below to continue", -1)), oN = ["tooltip"];
-function uN(e, t, n, r, s, i) {
+}, fN = /* @__PURE__ */ Eh(() => /* @__PURE__ */ T("h5", null, "Please fix the issues below to continue", -1)), mN = ["tooltip"];
+function hN(e, t, n, r, s, i) {
   const a = y("ux-icon"), l = y("ux-button"), u = y("ux-panel-body"), d = y("ux-panel"), m = y("StripeElement"), p = y("StripeElements"), g = y("ux-form"), v = y("flex-cell"), x = y("flex-row"), w = y("ux-progress-bar");
   return o(), h("div", {
     class: $(["ux-submission-form", i.classes])
@@ -31976,13 +32090,13 @@ function uN(e, t, n, r, s, i) {
     s.state === "form.error" ? z(e.$slots, "error", ff(mt({ key: 0 }, { error: s.error, softReset: i.softReset })), () => {
       var S;
       return [
-        YA,
-        s.error.message ? (o(), h("pre", JA, b(s.error.message), 1)) : _("", !0),
-        (S = s.error.data) != null && S.errors ? (o(), h("div", KA, [
+        QA,
+        s.error.message ? (o(), h("pre", eN, b(s.error.message), 1)) : _("", !0),
+        (S = s.error.data) != null && S.errors ? (o(), h("div", tN, [
           (o(!0), h(D, null, A(s.error.data.errors, (C) => (o(), h("pre", {
             key: C.path
           }, b(C.message), 1))), 128))
-        ])) : (o(), h("pre", ZA, b(s.error), 1)),
+        ])) : (o(), h("pre", nN, b(s.error), 1)),
         c(l, {
           color: "primary",
           onClick: i.softReset
@@ -32037,7 +32151,7 @@ function uN(e, t, n, r, s, i) {
           ]),
           _: 1
         }, 8, ["stripe-key", "instance-options", "elements-options"])) : _("", !0),
-        T("div", XA, [
+        T("div", iN, [
           c(l, {
             color: "primary",
             loading: s.processing,
@@ -32051,8 +32165,8 @@ function uN(e, t, n, r, s, i) {
         ])
       ], 64)) : _("", !0)
     ], 64)) : (o(), h(D, { key: 3 }, [
-      n.multistep ? (o(), h("div", QA, [
-        T("div", eN, [
+      n.multistep ? (o(), h("div", rN, [
+        T("div", sN, [
           (o(!0), h(D, null, A(i.pages, (S, C) => (o(), h("div", {
             class: $(["multistep-form-section", {
               inactive: C !== i.currentPage,
@@ -32061,7 +32175,7 @@ function uN(e, t, n, r, s, i) {
               active: C === i.currentPage
             }])
           }, [
-            T("div", tN, [
+            T("div", aN, [
               c(g, {
                 step: C + 1,
                 submission: "",
@@ -32075,7 +32189,7 @@ function uN(e, t, n, r, s, i) {
                 fields: [S]
               }, null, 8, ["step", "sandbox", "paymentConfiguration", "modelValue", "onForm:state", "fields"])
             ]),
-            T("div", nN, [
+            T("div", lN, [
               c(x, {
                 gap: "",
                 center: ""
@@ -32122,7 +32236,7 @@ function uN(e, t, n, r, s, i) {
                           ]),
                           _: 1
                         }, 8, ["onClick", "disabled"])
-                      ], 8, iN)
+                      ], 8, oN)
                     ]),
                     _: 1
                   })) : _("", !0),
@@ -32143,7 +32257,7 @@ function uN(e, t, n, r, s, i) {
                           ]),
                           _: 1
                         }, 8, ["disabled", "onClick", "loading"])
-                      ], 8, rN)
+                      ], 8, uN)
                     ]),
                     _: 1
                   })) : _("", !0)
@@ -32153,7 +32267,7 @@ function uN(e, t, n, r, s, i) {
             ])
           ], 2))), 256))
         ]),
-        T("div", sN, [
+        T("div", dN, [
           O(b(i.displayCurrentPage) + " of " + b(i.displayTotalPages) + " ", 1),
           c(w, { value: i.displayPercentage }, null, 8, ["value"])
         ])
@@ -32168,8 +32282,8 @@ function uN(e, t, n, r, s, i) {
           "onForm:state": i.formStateUpdated,
           fields: i.formFields
         }, null, 8, ["sandbox", "paymentConfiguration", "modelValue", "onForm:state", "fields"]),
-        i.invalidFields.length ? (o(), h("div", aN, [
-          lN,
+        i.invalidFields.length ? (o(), h("div", cN, [
+          fN,
           (o(!0), h(D, null, A(i.invalidFields, (S) => (o(), h("div", {
             key: S.key
           }, b(S.message || `Please provide a valid answer for ${S.title}`), 1))), 128))
@@ -32186,12 +32300,12 @@ function uN(e, t, n, r, s, i) {
             ]),
             _: 1
           }, 8, ["disabled", "onClick", "loading"])
-        ], 8, oN)
+        ], 8, mN)
       ], 64))
     ], 64))
   ], 2);
 }
-const dN = /* @__PURE__ */ M(GA, [["render", uN], ["__scopeId", "data-v-b859ef09"]]), cN = "init", zc = "ready", fN = "processing", mN = "success", hN = "error", pN = {
+const pN = /* @__PURE__ */ M(XA, [["render", hN], ["__scopeId", "data-v-2d75efd5"]]), yN = "init", zc = "ready", gN = "processing", _N = "success", vN = "error", bN = {
   name: "PaymentMethodForm",
   components: {
     StripeElements: mm,
@@ -32295,7 +32409,7 @@ const dN = /* @__PURE__ */ M(GA, [["render", uN], ["__scopeId", "data-v-b859ef09
   data() {
     return {
       initialised: !1,
-      state: cN,
+      state: yN,
       cardholderName: "",
       processing: !1,
       error: null,
@@ -32345,7 +32459,7 @@ const dN = /* @__PURE__ */ M(GA, [["render", uN], ["__scopeId", "data-v-b859ef09
     async submitPaymentMethod() {
       const e = this;
       if (!e.processing) {
-        e.processing = !0, e.state = fN, e.cardError = null;
+        e.processing = !0, e.state = gN, e.cardError = null;
         try {
           const t = await e.startSetup(), { setupIntent: n, key: r, method: s } = t, i = e.$refs.stripeElements, a = e.$refs.stripeCard;
           if (!i || !a)
@@ -32371,9 +32485,9 @@ const dN = /* @__PURE__ */ M(GA, [["render", uN], ["__scopeId", "data-v-b859ef09
           if (u)
             throw console.log("Confirmation Error", u), u;
           const d = await e.confirmSetup(s._id);
-          e.$emit("success", d.method), e.state = mN;
+          e.$emit("success", d.method), e.state = _N;
         } catch (t) {
-          console.error("Error saving payment method:", t), this.error = t, this.state = hN, this.$emit("error", t);
+          console.error("Error saving payment method:", t), this.error = t, this.state = vN, this.$emit("error", t);
         } finally {
           this.processing = !1;
         }
@@ -32406,28 +32520,28 @@ const dN = /* @__PURE__ */ M(GA, [["render", uN], ["__scopeId", "data-v-b859ef09
       this.resetForm(), this.$emit("close");
     }
   }
-}, lo = (e) => (je("data-v-e3ee591f"), e = e(), qe(), e), yN = {
+}, lo = (e) => (je("data-v-e3ee591f"), e = e(), qe(), e), kN = {
   key: 0,
   class: "payment-method"
-}, gN = { class: "payment-method-form" }, _N = /* @__PURE__ */ lo(() => /* @__PURE__ */ T("h3", null, "Add Payment Method", -1)), vN = {
+}, wN = { class: "payment-method-form" }, xN = /* @__PURE__ */ lo(() => /* @__PURE__ */ T("h3", null, "Add Payment Method", -1)), TN = {
   key: 0,
   class: "error-message"
-}, bN = /* @__PURE__ */ lo(() => /* @__PURE__ */ T("h4", null, "An error occurred", -1)), kN = { key: 0 }, wN = { key: 1 }, xN = {
+}, SN = /* @__PURE__ */ lo(() => /* @__PURE__ */ T("h4", null, "An error occurred", -1)), ON = { key: 0 }, DN = { key: 1 }, CN = {
   key: 1,
   class: "success-message"
-}, TN = /* @__PURE__ */ lo(() => /* @__PURE__ */ T("h4", null, "Payment method added successfully!", -1)), SN = { key: 2 }, ON = {
+}, EN = /* @__PURE__ */ lo(() => /* @__PURE__ */ T("h4", null, "Payment method added successfully!", -1)), MN = { key: 2 }, VN = {
   key: 0,
   id: "card-errors",
   class: "error-text"
-}, DN = { class: "form-actions" }, CN = { key: 1 };
-function EN(e, t, n, r, s, i) {
+}, IN = { class: "form-actions" }, FN = { key: 1 };
+function AN(e, t, n, r, s, i) {
   const a = y("ux-icon"), l = y("ux-button"), u = y("ux-form"), d = y("StripeElement"), m = y("StripeElements"), p = y("ux-field-wrapper");
-  return i.allSetup ? (o(), h("div", yN, [
-    T("div", gN, [
-      _N,
-      s.state === "error" ? (o(), h("div", vN, [
-        bN,
-        s.error.message ? (o(), h("div", kN, b(s.error.message), 1)) : (o(), h("div", wN, b(s.error), 1)),
+  return i.allSetup ? (o(), h("div", kN, [
+    T("div", wN, [
+      xN,
+      s.state === "error" ? (o(), h("div", TN, [
+        SN,
+        s.error.message ? (o(), h("div", ON, b(s.error.message), 1)) : (o(), h("div", DN, b(s.error), 1)),
         c(l, {
           color: "primary",
           onClick: i.resetForm
@@ -32441,8 +32555,8 @@ function EN(e, t, n, r, s, i) {
           ]),
           _: 1
         }, 8, ["onClick"])
-      ])) : s.state === "success" ? (o(), h("div", xN, [
-        TN,
+      ])) : s.state === "success" ? (o(), h("div", CN, [
+        EN,
         c(l, {
           color: "primary",
           onClick: i.close
@@ -32456,7 +32570,7 @@ function EN(e, t, n, r, s, i) {
           ]),
           _: 1
         }, 8, ["onClick"])
-      ])) : (o(), h("div", SN, [
+      ])) : (o(), h("div", MN, [
         T("form", {
           onSubmit: t[1] || (t[1] = B((...g) => i.submitPaymentMethod && i.submitPaymentMethod(...g), ["prevent", "stop"]))
         }, [
@@ -32485,11 +32599,11 @@ function EN(e, t, n, r, s, i) {
                 ]),
                 _: 1
               }, 8, ["stripe-key", "instance-options", "elements-options"])),
-              s.cardError ? (o(), h("div", ON, b(s.cardError), 1)) : _("", !0)
+              s.cardError ? (o(), h("div", VN, b(s.cardError), 1)) : _("", !0)
             ]),
             _: 1
           }),
-          T("div", DN, [
+          T("div", IN, [
             c(l, {
               type: "button",
               color: "secondary",
@@ -32516,9 +32630,9 @@ function EN(e, t, n, r, s, i) {
         ], 32)
       ]))
     ])
-  ])) : (o(), h("div", CN, "Initialising secure payment form..."));
+  ])) : (o(), h("div", FN, "Initialising secure payment form..."));
 }
-const MN = /* @__PURE__ */ M(pN, [["render", EN], ["__scopeId", "data-v-e3ee591f"]]), VN = {
+const NN = /* @__PURE__ */ M(bN, [["render", AN], ["__scopeId", "data-v-e3ee591f"]]), $N = {
   name: "UxFieldWrapper",
   props: {
     title: {
@@ -32540,23 +32654,23 @@ const MN = /* @__PURE__ */ M(pN, [["render", EN], ["__scopeId", "data-v-e3ee591f
       return this.error && e.push("ux-field-error"), e;
     }
   }
-}, IN = {
+}, PN = {
   key: 0,
   class: "ux-field-title"
-}, FN = {
+}, LN = {
   key: 1,
   class: "ux-field-description"
 };
-function AN(e, t, n, r, s, i) {
+function RN(e, t, n, r, s, i) {
   return o(), h("div", {
     class: $(["ux-field", i.classes])
   }, [
-    n.title ? (o(), h("label", IN, b(n.title), 1)) : _("", !0),
-    n.description ? (o(), h("div", FN, b(n.description), 1)) : _("", !0),
+    n.title ? (o(), h("label", PN, b(n.title), 1)) : _("", !0),
+    n.description ? (o(), h("div", LN, b(n.description), 1)) : _("", !0),
     z(e.$slots, "default", {}, void 0, !0)
   ], 2);
 }
-const NN = /* @__PURE__ */ M(VN, [["render", AN], ["__scopeId", "data-v-980de6f6"]]), Wc = /* @__PURE__ */ new Set([
+const UN = /* @__PURE__ */ M($N, [["render", RN], ["__scopeId", "data-v-980de6f6"]]), Wc = /* @__PURE__ */ new Set([
   "area",
   "base",
   "br",
@@ -32572,7 +32686,7 @@ const NN = /* @__PURE__ */ M(VN, [["render", AN], ["__scopeId", "data-v-980de6f6
   "track",
   "wbr"
 ]);
-function $N(e) {
+function jN(e) {
   const t = /<\/?([a-zA-Z0-9]+)[^>]*>/g, n = [];
   let r;
   for (; (r = t.exec(e)) !== null; ) {
@@ -32613,14 +32727,14 @@ const Mh = {
     actualTemplate() {
       let e = this.template || "";
       e = e.replaceAll ? e.replaceAll("<br>", "<br/>") : e;
-      var { valid: t, invalid: n } = $N(e);
+      var { valid: t, invalid: n } = jN(e);
       return t || (console.log("Invalid html", e), e = `<div>Invalid HTML. <pre>${n}</pre></div>`), e;
     }
   },
   components: {
     VRuntimeTemplate: bm
   }
-}, PN = {
+}, qN = {
   emits: ["error", "reset"],
   data() {
     return {
@@ -32635,14 +32749,14 @@ const Mh = {
       this.$emit("reset");
     }
   }
-}, LN = {
+}, BN = {
   key: 0,
   class: "error-boundary",
   style: { color: "#b40000", border: "2px solid #fd0000", background: "#ffd6d6", padding: "1em" }
 };
-function RN(e, t, n, r, s, i) {
+function zN(e, t, n, r, s, i) {
   const a = y("ux-button");
-  return s.error ? (o(), h("div", LN, [
+  return s.error ? (o(), h("div", BN, [
     T("pre", null, "COMPILE ERROR: " + b(s.error), 1),
     c(a, { onClick: i.reset }, {
       default: f(() => [
@@ -32652,7 +32766,7 @@ function RN(e, t, n, r, s, i) {
     }, 8, ["onClick"])
   ])) : z(e.$slots, "default", { key: 1 }, void 0, !0);
 }
-const UN = /* @__PURE__ */ M(PN, [["render", RN], ["__scopeId", "data-v-0fd69158"]]), jN = {
+const WN = /* @__PURE__ */ M(qN, [["render", zN], ["__scopeId", "data-v-0fd69158"]]), HN = {
   props: {
     field: {
       type: Object,
@@ -32732,8 +32846,8 @@ const UN = /* @__PURE__ */ M(PN, [["render", RN], ["__scopeId", "data-v-0fd69158
       return isNaN(e) && (e = 0), e = Math.max(e, 0), parseInt(e);
     }
   }
-}, qN = {
-  mixins: [jN],
+}, GN = {
+  mixins: [HN],
   props: {
     modelValue: {
       type: [Object, Array]
@@ -32753,13 +32867,13 @@ const UN = /* @__PURE__ */ M(PN, [["render", RN], ["__scopeId", "data-v-0fd69158
       return `${this.label} ${t + 1}`;
     }
   }
-}, BN = {
+}, YN = {
   key: 0,
   class: "ux-multi-group"
 };
-function zN(e, t, n, r, s, i) {
+function JN(e, t, n, r, s, i) {
   const a = y("flex-cell"), l = y("flex-row"), u = y("ux-panel-header"), d = y("ux-render"), m = y("ux-panel-body"), p = y("ux-panel");
-  return e.multiValue ? (o(), h("div", BN, [
+  return e.multiValue ? (o(), h("div", YN, [
     (o(!0), h(D, null, A(e.model, (g, v) => (o(), k(p, {
       ref_for: !0,
       ref: "row",
@@ -32810,13 +32924,13 @@ function zN(e, t, n, r, s, i) {
     "onUpdate:modelValue": t[0] || (t[0] = (g) => e.model = g)
   }, null, 8, ["submission", "fields", "flex", "parentModel", "modelValue"]));
 }
-const WN = /* @__PURE__ */ M(qN, [["render", zN], ["__scopeId", "data-v-cb997d0e"]]), HN = {
+const KN = /* @__PURE__ */ M(GN, [["render", JN], ["__scopeId", "data-v-cb997d0e"]]), ZN = {
   components: {
     Item: eo,
-    FieldGroup: WN,
+    FieldGroup: KN,
     // Compiler,
     Compile: Mh,
-    ErrorBoundary: UN
+    ErrorBoundary: WN
     // ButtonSelect,
     // NativeSelect,
     // DateField,
@@ -33052,26 +33166,26 @@ const WN = /* @__PURE__ */ M(qN, [["render", zN], ["__scopeId", "data-v-cb997d0e
       return e;
     }
   }
-}, GN = { class: "ux-field-title" }, YN = { class: "signature-view" }, JN = ["src"], KN = {
+}, XN = { class: "ux-field-title" }, QN = { class: "signature-view" }, e$ = ["src"], t$ = {
   key: 1,
   class: "signature-view"
-}, ZN = ["src"], XN = { class: "currency" }, QN = { key: 1 }, e$ = { class: "currency" }, t$ = { key: 1 }, n$ = {
+}, n$ = ["src"], i$ = { class: "currency" }, r$ = { key: 1 }, s$ = { class: "currency" }, a$ = { key: 1 }, l$ = {
   key: 6,
   class: "ux-password-render"
-}, i$ = ["type", "value"], r$ = ["type", "value"], s$ = {
+}, o$ = ["type", "value"], u$ = ["type", "value"], d$ = {
   key: 0,
   class: "display-grid"
-}, a$ = { class: "display-cell" }, l$ = { key: 1 }, o$ = { class: "display-cell" }, u$ = {
+}, c$ = { class: "display-cell" }, f$ = { key: 1 }, m$ = { class: "display-cell" }, h$ = {
   key: 0,
   class: "display-grid"
-}, d$ = { class: "display-cell" }, c$ = { key: 1 }, f$ = { class: "display-cell" }, m$ = ["innerHTML"], h$ = ["innerHTML"], p$ = { key: 1 }, y$ = { key: 1 }, g$ = ["href"], _$ = { key: 1 }, v$ = ["href"], b$ = ["href"], k$ = { key: 1 }, w$ = ["href"], x$ = { key: 1 };
-function T$(e, t, n, r, s, i) {
+}, p$ = { class: "display-cell" }, y$ = { key: 1 }, g$ = { class: "display-cell" }, _$ = ["innerHTML"], v$ = ["innerHTML"], b$ = { key: 1 }, k$ = { key: 1 }, w$ = ["href"], x$ = { key: 1 }, T$ = ["href"], S$ = ["href"], O$ = { key: 1 }, D$ = ["href"], C$ = { key: 1 };
+function E$(e, t, n, r, s, i) {
   const a = y("field-group"), l = y("qik-code-editor"), u = y("flex-cell"), d = y("ux-icon"), m = y("ux-button"), p = y("flex-row"), g = y("ux-image"), v = y("ux-video"), x = y("item"), w = y("error-boundary");
   return i.visible ? (o(), h("div", {
     key: 0,
     class: $(["ux-field-render", i.classes])
   }, [
-    T("label", GN, b(i.title), 1),
+    T("label", XN, b(i.title), 1),
     z(e.$slots, "field-after-title", { field: n.field }, void 0, !0),
     i.widget === "group" ? (o(), h(D, { key: 0 }, [
       i.asObject ? (o(), k(a, {
@@ -33100,18 +33214,18 @@ function T$(e, t, n, r, s, i) {
       modelValue: i.fieldModel,
       "onUpdate:modelValue": t[2] || (t[2] = (S) => i.fieldModel = S)
     }, null, 8, ["submission", "display", "field", "parentModel", "modelValue"])) : i.widget === "signature" ? (o(), h(D, { key: 3 }, [
-      i.multiValue ? (o(!0), h(D, { key: 0 }, A(i.fieldModel, (S, C) => (o(), h("div", YN, [
-        T("img", { src: S }, null, 8, JN)
-      ]))), 256)) : (o(), h("div", KN, [
-        T("img", { src: i.fieldModel }, null, 8, ZN)
+      i.multiValue ? (o(!0), h(D, { key: 0 }, A(i.fieldModel, (S, C) => (o(), h("div", QN, [
+        T("img", { src: S }, null, 8, e$)
+      ]))), 256)) : (o(), h("div", t$, [
+        T("img", { src: i.fieldModel }, null, 8, n$)
       ]))
     ], 64)) : i.widget === "currency" ? (o(), h(D, { key: 4 }, [
       i.multiValue ? (o(!0), h(D, { key: 0 }, A(i.fieldModel, (S, C) => (o(), h("div", null, [
         O(b(i.formatCurrency(S)) + " ", 1),
-        T("span", XN, b(n.field.currency), 1)
-      ]))), 256)) : (o(), h("div", QN, [
+        T("span", i$, b(n.field.currency), 1)
+      ]))), 256)) : (o(), h("div", r$, [
         O(b(i.formatCurrency(i.fieldModel)) + " ", 1),
-        T("span", e$, b(n.field.currency), 1)
+        T("span", s$, b(n.field.currency), 1)
       ]))
     ], 64)) : i.widget === "code" ? (o(), h(D, { key: 5 }, [
       i.multiValue ? (o(!0), h(D, { key: 0 }, A(i.fieldModel, (S, C) => (o(), h("div", null, [
@@ -33122,7 +33236,7 @@ function T$(e, t, n, r, s, i) {
           syntax: n.field.syntax,
           style: { "min-height": "300px" }
         }, null, 8, ["modelValue", "syntax"])
-      ]))), 256)) : (o(), h("div", t$, [
+      ]))), 256)) : (o(), h("div", a$, [
         c(l, {
           readonly: !0,
           class: "editor-wrap",
@@ -33131,7 +33245,7 @@ function T$(e, t, n, r, s, i) {
           style: { "min-height": "300px" }
         }, null, 8, ["modelValue", "syntax"])
       ]))
-    ], 64)) : i.widget === "password" ? (o(), h("div", n$, [
+    ], 64)) : i.widget === "password" ? (o(), h("div", l$, [
       i.multiValue ? (o(!0), h(D, { key: 0 }, A(i.fieldModel, (S, C) => (o(), k(p, {
         gap: "",
         center: ""
@@ -33142,7 +33256,7 @@ function T$(e, t, n, r, s, i) {
               T("input", {
                 type: s.unmaskedLookup[`${C}`] ? "text" : "password",
                 value: S
-              }, null, 8, i$)
+              }, null, 8, o$)
             ]),
             _: 2
           }, 1024),
@@ -33194,7 +33308,7 @@ function T$(e, t, n, r, s, i) {
               T("input", {
                 type: s.unmasked ? "text" : "password",
                 value: i.fieldModel
-              }, null, 8, r$)
+              }, null, 8, u$)
             ]),
             _: 1
           }),
@@ -33238,12 +33352,12 @@ function T$(e, t, n, r, s, i) {
       }))
     ])) : i.displayType === "image" ? (o(), h(D, { key: 7 }, [
       i.multiValue ? (o(), h(D, { key: 0 }, [
-        i.fieldModel.length > 1 ? (o(), h("div", s$, [
-          (o(!0), h(D, null, A(i.fieldModel, (S, C) => (o(), h("div", a$, [
+        i.fieldModel.length > 1 ? (o(), h("div", d$, [
+          (o(!0), h(D, null, A(i.fieldModel, (S, C) => (o(), h("div", c$, [
             c(g, { item: S }, null, 8, ["item"])
           ]))), 256))
-        ])) : (o(), h("div", l$, [
-          (o(!0), h(D, null, A(i.fieldModel, (S, C) => (o(), h("div", o$, [
+        ])) : (o(), h("div", f$, [
+          (o(!0), h(D, null, A(i.fieldModel, (S, C) => (o(), h("div", m$, [
             c(g, { item: S }, null, 8, ["item"])
           ]))), 256))
         ]))
@@ -33253,12 +33367,12 @@ function T$(e, t, n, r, s, i) {
       }, null, 8, ["item"]))
     ], 64)) : i.displayType === "video" ? (o(), h(D, { key: 8 }, [
       i.multiValue ? (o(), h(D, { key: 0 }, [
-        i.fieldModel.length > 1 ? (o(), h("div", u$, [
-          (o(!0), h(D, null, A(i.fieldModel, (S, C) => (o(), h("div", d$, [
+        i.fieldModel.length > 1 ? (o(), h("div", h$, [
+          (o(!0), h(D, null, A(i.fieldModel, (S, C) => (o(), h("div", p$, [
             c(v, { item: S }, null, 8, ["item"])
           ]))), 256))
-        ])) : (o(), h("div", c$, [
-          (o(!0), h(D, null, A(i.fieldModel, (S, C) => (o(), h("div", f$, [
+        ])) : (o(), h("div", y$, [
+          (o(!0), h(D, null, A(i.fieldModel, (S, C) => (o(), h("div", g$, [
             c(v, { item: S }, null, 8, ["item"])
           ]))), 256))
         ]))
@@ -33312,48 +33426,48 @@ function T$(e, t, n, r, s, i) {
         i.multiValue ? (o(!0), h(D, { key: 0 }, A(i.fieldModel, (S, C) => (o(), h("div", null, [
           c(w, null, {
             default: f(() => [
-              T("div", { innerHTML: S }, null, 8, m$)
+              T("div", { innerHTML: S }, null, 8, _$)
             ]),
             _: 2
           }, 1024)
         ]))), 256)) : (o(), k(w, { key: 1 }, {
           default: f(() => [
-            T("div", { innerHTML: i.fieldModel }, null, 8, h$)
+            T("div", { innerHTML: i.fieldModel }, null, 8, v$)
           ]),
           _: 1
         }))
       ], 64)) : _("", !0),
       i.type == "boolean" ? (o(), h(D, { key: 2 }, [
-        i.multiValue ? (o(!0), h(D, { key: 0 }, A(i.fieldModel, (S, C) => (o(), h("div", null, b(!!S), 1))), 256)) : (o(), h("div", p$, b(!!i.fieldModel), 1))
+        i.multiValue ? (o(!0), h(D, { key: 0 }, A(i.fieldModel, (S, C) => (o(), h("div", null, b(!!S), 1))), 256)) : (o(), h("div", b$, b(!!i.fieldModel), 1))
       ], 64)) : _("", !0),
       i.type == "date" ? (o(), h(D, { key: 3 }, [
-        i.multiValue ? (o(!0), h(D, { key: 0 }, A(i.fieldModel, (S, C) => (o(), h("div", null, b(i.renderDate(S)), 1))), 256)) : (o(), h("div", y$, b(i.renderDate(i.fieldModel)), 1))
+        i.multiValue ? (o(!0), h(D, { key: 0 }, A(i.fieldModel, (S, C) => (o(), h("div", null, b(i.renderDate(S)), 1))), 256)) : (o(), h("div", k$, b(i.renderDate(i.fieldModel)), 1))
       ], 64)) : _("", !0),
       i.type == "email" ? (o(), h(D, { key: 4 }, [
         i.multiValue ? (o(!0), h(D, { key: 0 }, A(i.fieldModel, (S, C) => (o(), h("div", null, [
           T("a", {
             href: `mailto:${S}`
-          }, b(S), 9, g$)
-        ]))), 256)) : (o(), h("div", _$, [
+          }, b(S), 9, w$)
+        ]))), 256)) : (o(), h("div", x$, [
           T("a", {
             href: `mailto:${i.fieldModel}`
-          }, b(i.fieldModel), 9, v$)
+          }, b(i.fieldModel), 9, T$)
         ]))
       ], 64)) : _("", !0),
       i.type == "url" ? (o(), h(D, { key: 5 }, [
         i.multiValue ? (o(!0), h(D, { key: 0 }, A(i.fieldModel, (S, C) => (o(), h("div", null, [
-          T("a", { href: S }, b(S), 9, b$)
-        ]))), 256)) : (o(), h("div", k$, [
-          T("a", { href: i.fieldModel }, b(i.fieldModel), 9, w$)
+          T("a", { href: S }, b(S), 9, S$)
+        ]))), 256)) : (o(), h("div", O$, [
+          T("a", { href: i.fieldModel }, b(i.fieldModel), 9, D$)
         ]))
       ], 64)) : _("", !0),
       i.isNumber ? (o(), h(D, { key: 6 }, [
-        i.multiValue ? (o(!0), h(D, { key: 0 }, A(i.fieldModel, (S, C) => (o(), h("div", null, b(S), 1))), 256)) : (o(), h("div", x$, b(i.fieldModel), 1))
+        i.multiValue ? (o(!0), h(D, { key: 0 }, A(i.fieldModel, (S, C) => (o(), h("div", null, b(S), 1))), 256)) : (o(), h("div", C$, b(i.fieldModel), 1))
       ], 64)) : _("", !0)
     ], 64))
   ], 2)) : _("", !0);
 }
-const Vh = /* @__PURE__ */ M(HN, [["render", T$], ["__scopeId", "data-v-20e6bdd4"]]), S$ = {
+const Vh = /* @__PURE__ */ M(ZN, [["render", E$], ["__scopeId", "data-v-20e6bdd4"]]), M$ = {
   props: {
     parentModel: {
       type: Object
@@ -33410,7 +33524,7 @@ const Vh = /* @__PURE__ */ M(HN, [["render", T$], ["__scopeId", "data-v-20e6bdd4
     }
   }
 };
-function O$(e, t, n, r, s, i) {
+function V$(e, t, n, r, s, i) {
   const a = y("ux-field-render");
   return o(), h("div", {
     class: $(["ux-render", i.renderClass])
@@ -33434,8 +33548,8 @@ function O$(e, t, n, r, s, i) {
     ], !0)
   ], 2);
 }
-const D$ = /* @__PURE__ */ M(S$, [["render", O$], ["__scopeId", "data-v-0b434a9f"]]);
-function C$(e) {
+const I$ = /* @__PURE__ */ M(M$, [["render", V$], ["__scopeId", "data-v-0b434a9f"]]);
+function F$(e) {
   e = e || {}, Math.max(parseInt(e.minimum || 0), 0);
   let t = Math.max(parseInt(e.maximum || 0), 0);
   const n = mf({}), r = Gt([]);
@@ -33489,7 +33603,7 @@ function C$(e) {
   }), n;
 }
 var Za, Hc;
-function E$() {
+function A$() {
   if (Hc) return Za;
   Hc = 1;
   var e = "__lodash_hash_undefined__";
@@ -33499,7 +33613,7 @@ function E$() {
   return Za = t, Za;
 }
 var Xa, Gc;
-function M$() {
+function N$() {
   if (Gc) return Xa;
   Gc = 1;
   function e(t) {
@@ -33508,10 +33622,10 @@ function M$() {
   return Xa = e, Xa;
 }
 var Qa, Yc;
-function V$() {
+function $$() {
   if (Yc) return Qa;
   Yc = 1;
-  var e = _m(), t = E$(), n = M$();
+  var e = _m(), t = A$(), n = N$();
   function r(s) {
     var i = -1, a = s == null ? 0 : s.length;
     for (this.__data__ = new e(); ++i < a; )
@@ -33520,7 +33634,7 @@ function V$() {
   return r.prototype.add = r.prototype.push = t, r.prototype.has = n, Qa = r, Qa;
 }
 var el, Jc;
-function I$() {
+function P$() {
   if (Jc) return el;
   Jc = 1;
   var e = vh();
@@ -33531,7 +33645,7 @@ function I$() {
   return el = t, el;
 }
 var tl, Kc;
-function F$() {
+function L$() {
   if (Kc) return tl;
   Kc = 1;
   function e(t, n, r) {
@@ -33543,7 +33657,7 @@ function F$() {
   return tl = e, tl;
 }
 var nl, Zc;
-function A$() {
+function R$() {
   if (Zc) return nl;
   Zc = 1;
   function e(t, n) {
@@ -33552,14 +33666,14 @@ function A$() {
   return nl = e, nl;
 }
 var il, Xc;
-function N$() {
+function U$() {
   if (Xc) return il;
   Xc = 1;
   var e = zl(), t = qn(), n = e(t, "Set");
   return il = n, il;
 }
 var rl, Qc;
-function $$() {
+function j$() {
   if (Qc) return rl;
   Qc = 1;
   function e() {
@@ -33579,19 +33693,19 @@ function Ih() {
   return sl = e, sl;
 }
 var al, tf;
-function P$() {
+function q$() {
   if (tf) return al;
   tf = 1;
-  var e = N$(), t = $$(), n = Ih(), r = 1 / 0, s = e && 1 / n(new e([, -0]))[1] == r ? function(i) {
+  var e = U$(), t = j$(), n = Ih(), r = 1 / 0, s = e && 1 / n(new e([, -0]))[1] == r ? function(i) {
     return new e(i);
   } : t;
   return al = s, al;
 }
 var ll, nf;
-function L$() {
+function B$() {
   if (nf) return ll;
   nf = 1;
-  var e = V$(), t = I$(), n = F$(), r = A$(), s = P$(), i = Ih(), a = 200;
+  var e = $$(), t = P$(), n = L$(), r = R$(), s = q$(), i = Ih(), a = 200;
   function l(u, d, m) {
     var p = -1, g = t, v = u.length, x = !0, w = [], S = w;
     if (m)
@@ -33618,18 +33732,18 @@ function L$() {
   return ll = l, ll;
 }
 var ol, rf;
-function R$() {
+function z$() {
   if (rf) return ol;
   rf = 1;
-  var e = L$();
+  var e = B$();
   function t(n) {
     return n && n.length ? e(n) : [];
   }
   return ol = t, ol;
 }
-var U$ = R$();
-const j$ = /* @__PURE__ */ Kt(U$);
-function q$(e, t) {
+var W$ = z$();
+const H$ = /* @__PURE__ */ Kt(W$);
+function G$(e, t) {
   var n = [], r;
   switch (t) {
     case "image":
@@ -33780,7 +33894,7 @@ function sf() {
   };
 }
 let ul;
-const B$ = {
+const Y$ = {
   emits: ["loading", "loaded", "click:row", "click:actions"],
   props: {
     defaultPage: {
@@ -34284,7 +34398,7 @@ const B$ = {
           t.push("event");
           break;
       }
-      return j$(t);
+      return H$(t);
     },
     columns() {
       let e = [], t = {};
@@ -34299,7 +34413,7 @@ const B$ = {
       }
       var r = this.actualOptions.prefixColumns || [];
       r.forEach(n(!0));
-      var s = this.actualOptions.columns || [], i = s.length ? s : q$(this, this.basicType);
+      var s = this.actualOptions.columns || [], i = s.length ? s : G$(this, this.basicType);
       i.length || i.push({
         title: "Title",
         key: "title"
@@ -34456,7 +34570,7 @@ const B$ = {
   data() {
     var s;
     var e = this.selectionManager;
-    e || (e = new C$({ minimum: this.minimum, maximum: this.maximum })), this.modelValue && e.setSelection(this.modelValue);
+    e || (e = new F$({ minimum: this.minimum, maximum: this.maximum })), this.modelValue && e.setSelection(this.modelValue);
     const t = Math.max(
       isNaN(this.defaultPage) ? 1 : this.defaultPage || 1,
       1
@@ -34499,11 +34613,11 @@ const B$ = {
       actualOptions: this.options
     };
   }
-}, oo = (e) => (je("data-v-a2f7d18b"), e = e(), qe(), e), z$ = /* @__PURE__ */ oo(() => /* @__PURE__ */ T("strong", null, "Select Columns", -1)), W$ = {
+}, oo = (e) => (je("data-v-a2f7d18b"), e = e(), qe(), e), J$ = /* @__PURE__ */ oo(() => /* @__PURE__ */ T("strong", null, "Select Columns", -1)), K$ = {
   key: 0,
   class: "font-sm"
-}, H$ = { class: "footer" }, G$ = /* @__PURE__ */ oo(() => /* @__PURE__ */ T("p", null, null, -1)), Y$ = { key: 0 }, J$ = /* @__PURE__ */ oo(() => /* @__PURE__ */ T("p", null, null, -1));
-function K$(e, t, n, r, s, i) {
+}, Z$ = { class: "footer" }, X$ = /* @__PURE__ */ oo(() => /* @__PURE__ */ T("p", null, null, -1)), Q$ = { key: 0 }, eP = /* @__PURE__ */ oo(() => /* @__PURE__ */ T("p", null, null, -1));
+function tP(e, t, n, r, s, i) {
   const a = y("ux-icon"), l = y("ux-panel-body"), u = y("ux-panel"), d = y("flex-column"), m = y("ux-button"), p = y("flex-header"), g = y("ux-list-item"), v = y("ux-list"), x = y("flex-body"), w = y("ux-menu"), S = y("native-table"), C = y("pager"), V = y("flex-footer"), R = y("flex-row"), G = y("search"), X = y("ux-field"), ne = y("filter-builder"), I = y("spinner");
   return i.actualDefinition ? (o(), k(d, {
     key: 0,
@@ -34608,7 +34722,7 @@ function K$(e, t, n, r, s, i) {
                                                         icon: "fa-plus-minus",
                                                         left: ""
                                                       }),
-                                                      z$
+                                                      J$
                                                     ]),
                                                     _: 1
                                                   })
@@ -34664,7 +34778,7 @@ function K$(e, t, n, r, s, i) {
                                       c(l, null, {
                                         default: f(() => [
                                           T("div", null, b(i.emptyTextString), 1),
-                                          n.dateFilterEnabled ? (o(), h("div", W$, " Try changing your date range or updating your filter. ")) : _("", !0)
+                                          n.dateFilterEnabled ? (o(), h("div", K$, " Try changing your date range or updating your filter. ")) : _("", !0)
                                         ]),
                                         _: 1
                                       })
@@ -34682,7 +34796,7 @@ function K$(e, t, n, r, s, i) {
                       s.dataSource && !i.boundaryMessage ? (o(), k(V, { key: 0 }, {
                         default: f(() => [
                           z(e.$slots, "footera", {}, void 0, !0),
-                          T("div", H$, [
+                          T("div", Z$, [
                             c(C, {
                               page: s.page,
                               "onUpdate:page": t[2] || (t[2] = (H) => s.page = H),
@@ -34714,15 +34828,15 @@ function K$(e, t, n, r, s, i) {
                         debounce: 500,
                         placeholder: "Keyword Search"
                       }, null, 8, ["modelValue", "loading"]),
-                      G$,
-                      n.dateFilterEnabled ? (o(), h("div", Y$, [
+                      X$,
+                      n.dateFilterEnabled ? (o(), h("div", Q$, [
                         c(X, {
                           field: i.dateRangeField,
                           modelValue: s.dateRangeFilter,
                           "onUpdate:modelValue": t[4] || (t[4] = (H) => s.dateRangeFilter = H)
                         }, null, 8, ["field", "modelValue"])
                       ])) : _("", !0),
-                      J$,
+                      eP,
                       c(ne, {
                         definition: i.actualDefinition,
                         modelValue: s.actualFilter,
@@ -34749,7 +34863,7 @@ function K$(e, t, n, r, s, i) {
     _: 3
   })) : _("", !0);
 }
-const Z$ = /* @__PURE__ */ M(B$, [["render", K$], ["__scopeId", "data-v-a2f7d18b"]]), X$ = {
+const nP = /* @__PURE__ */ M(Y$, [["render", tP], ["__scopeId", "data-v-a2f7d18b"]]), iP = {
   props: {
     modal: {
       type: Object,
@@ -34780,9 +34894,9 @@ const Z$ = /* @__PURE__ */ M(B$, [["render", K$], ["__scopeId", "data-v-a2f7d18b
       return this.modal.style && (e = Object.assign(e, this.modal.style)), e;
     }
   }
-}, Q$ = { class: "modal-wrapper" };
-function eP(e, t, n, r, s, i) {
-  return o(), h("div", Q$, [
+}, rP = { class: "modal-wrapper" };
+function sP(e, t, n, r, s, i) {
+  return o(), h("div", rP, [
     T("div", {
       class: "modal-blanket",
       onClick: t[0] || (t[0] = (...a) => i.blanketClick && i.blanketClick(...a))
@@ -34801,7 +34915,7 @@ function eP(e, t, n, r, s, i) {
     ], 4)
   ]);
 }
-const tP = /* @__PURE__ */ M(X$, [["render", eP], ["__scopeId", "data-v-2a319a6b"]]), nP = {
+const aP = /* @__PURE__ */ M(iP, [["render", sP], ["__scopeId", "data-v-2a319a6b"]]), lP = {
   mixins: [wn],
   computed: {
     confirmText() {
@@ -34829,25 +34943,25 @@ const tP = /* @__PURE__ */ M(X$, [["render", eP], ["__scopeId", "data-v-2a319a6b
       }
     }
   }
-}, iP = { class: "padder" }, rP = ["innerHTML"], sP = { class: "padder" };
-function aP(e, t, n, r, s, i) {
+}, oP = { class: "padder" }, uP = ["innerHTML"], dP = { class: "padder" };
+function cP(e, t, n, r, s, i) {
   const a = y("flex-body"), l = y("ux-button"), u = y("flex-cell"), d = y("flex-row"), m = y("flex-footer"), p = y("flex-column");
   return o(), k(p, { class: "wrapper" }, {
     default: f(() => [
       c(a, null, {
         default: f(() => [
-          T("div", iP, [
+          T("div", oP, [
             T("h5", null, b(e.options.title), 1),
             T("div", {
               innerHTML: e.options.description
-            }, null, 8, rP)
+            }, null, 8, uP)
           ])
         ]),
         _: 1
       }),
       c(m, null, {
         default: f(() => [
-          T("div", sP, [
+          T("div", dP, [
             c(d, null, {
               default: f(() => [
                 c(u, null, {
@@ -34889,7 +35003,7 @@ function aP(e, t, n, r, s, i) {
     _: 1
   });
 }
-const lP = /* @__PURE__ */ M(nP, [["render", aP], ["__scopeId", "data-v-ee67e4b1"]]), oP = {
+const fP = /* @__PURE__ */ M(lP, [["render", cP], ["__scopeId", "data-v-ee67e4b1"]]), mP = {
   data() {
     return {
       selected: null,
@@ -34928,21 +35042,21 @@ const lP = /* @__PURE__ */ M(nP, [["render", aP], ["__scopeId", "data-v-ee67e4b1
       this.selected = e, this.close(e);
     }
   }
-}, uP = { class: "options-modal-header" }, dP = { class: "padder" }, cP = { class: "options-modal-header" }, fP = { class: "padder" }, mP = ["onClick"], hP = ["innerHTML"], pP = {
+}, hP = { class: "options-modal-header" }, pP = { class: "padder" }, yP = { class: "options-modal-header" }, gP = { class: "padder" }, _P = ["onClick"], vP = ["innerHTML"], bP = {
   key: 0,
   class: "title"
-}, yP = {
+}, kP = {
   key: 1,
   class: "description"
-}, gP = { class: "padder" };
-function _P(e, t, n, r, s, i) {
+}, wP = { class: "padder" };
+function xP(e, t, n, r, s, i) {
   const a = y("flex-header"), l = y("search"), u = y("flex-cell"), d = y("ux-icon"), m = y("flex-row"), p = y("flex-body"), g = y("ux-button"), v = y("flex-footer"), x = y("flex-column");
   return o(), k(x, { class: "wrapper" }, {
     default: f(() => [
       e.options.title || e.options.description ? (o(), k(a, { key: 0 }, {
         default: f(() => [
-          T("div", uP, [
-            T("div", dP, [
+          T("div", hP, [
+            T("div", pP, [
               T("h5", null, b(e.options.title), 1),
               T("div", null, b(e.options.description), 1)
             ])
@@ -34952,8 +35066,8 @@ function _P(e, t, n, r, s, i) {
       })) : _("", !0),
       i.searchEnabled ? (o(), k(a, { key: 1 }, {
         default: f(() => [
-          T("div", cP, [
-            T("div", fP, [
+          T("div", yP, [
+            T("div", gP, [
               c(l, {
                 modelValue: s.search,
                 "onUpdate:modelValue": t[0] || (t[0] = (w) => s.search = w),
@@ -34988,14 +35102,14 @@ function _P(e, t, n, r, s, i) {
                       T("div", {
                         class: "option-icon",
                         innerHTML: w.icon
-                      }, null, 8, hP)
+                      }, null, 8, vP)
                     ]),
                     _: 2
                   }, 1024)) : _("", !0),
                   c(u, null, {
                     default: f(() => [
-                      w.title ? (o(), h("div", pP, b(w.title), 1)) : _("", !0),
-                      w.description ? (o(), h("div", yP, b(w.description), 1)) : _("", !0)
+                      w.title ? (o(), h("div", bP, b(w.title), 1)) : _("", !0),
+                      w.description ? (o(), h("div", kP, b(w.description), 1)) : _("", !0)
                     ]),
                     _: 2
                   }, 1024),
@@ -35011,14 +35125,14 @@ function _P(e, t, n, r, s, i) {
                 ]),
                 _: 2
               }, 1024)
-            ], 8, mP))), 256))
+            ], 8, _P))), 256))
           ], 2)
         ]),
         _: 1
       }),
       c(v, { class: "options-modal-footer" }, {
         default: f(() => [
-          T("div", gP, [
+          T("div", wP, [
             c(g, {
               size: "sm",
               onClick: e.dismiss
@@ -35036,7 +35150,7 @@ function _P(e, t, n, r, s, i) {
     _: 1
   });
 }
-const vP = /* @__PURE__ */ M(oP, [["render", _P], ["__scopeId", "data-v-79ee703e"]]), bP = {
+const TP = /* @__PURE__ */ M(mP, [["render", xP], ["__scopeId", "data-v-79ee703e"]]), SP = {
   mixins: [wn],
   data() {
     return {
@@ -35069,8 +35183,8 @@ const vP = /* @__PURE__ */ M(oP, [["render", _P], ["__scopeId", "data-v-79ee703e
   created() {
     this.options.model && (this.model = this.options.model);
   }
-}, kP = { class: "padder" }, wP = { key: 0 }, xP = { class: "padder" };
-function TP(e, t, n, r, s, i) {
+}, OP = { class: "padder" }, DP = { key: 0 }, CP = { class: "padder" };
+function EP(e, t, n, r, s, i) {
   const a = y("ux-form"), l = y("flex-body"), u = y("ux-button"), d = y("flex-cell"), m = y("flex-spacer"), p = y("flex-row"), g = y("flex-footer"), v = y("flex-column");
   return o(), h("form", {
     class: "wrapper",
@@ -35080,9 +35194,9 @@ function TP(e, t, n, r, s, i) {
       default: f(() => [
         c(l, null, {
           default: f(() => [
-            T("div", kP, [
+            T("div", OP, [
               T("h5", null, b(e.options.title), 1),
-              e.options.description ? (o(), h("p", wP, b(e.options.description), 1)) : _("", !0),
+              e.options.description ? (o(), h("p", DP, b(e.options.description), 1)) : _("", !0),
               c(a, {
                 ref: "form",
                 "onForm:state": i.formStateUpdated,
@@ -35096,7 +35210,7 @@ function TP(e, t, n, r, s, i) {
         }),
         c(g, { class: "border-top" }, {
           default: f(() => [
-            T("div", xP, [
+            T("div", CP, [
               c(p, null, {
                 default: f(() => [
                   c(d, { shrink: "" }, {
@@ -35142,8 +35256,8 @@ function TP(e, t, n, r, s, i) {
     })
   ], 32);
 }
-const SP = /* @__PURE__ */ M(bP, [["render", TP], ["__scopeId", "data-v-22036a05"]]);
-function OP(e, t) {
+const MP = /* @__PURE__ */ M(SP, [["render", EP], ["__scopeId", "data-v-22036a05"]]);
+function VP(e, t) {
   switch (e) {
     case "systemtask":
     case "comment":
@@ -35166,7 +35280,7 @@ function OP(e, t) {
       break;
   }
 }
-function DP(e, t) {
+function IP(e, t) {
   let n = [];
   switch (e) {
     case "transaction":
@@ -35354,9 +35468,9 @@ function DP(e, t) {
   }
   return n;
 }
-const CP = {
+const FP = {
   components: {
-    ContentBrowser: Z$,
+    ContentBrowser: nP,
     Search: Qt,
     DateRange: Um
   },
@@ -35379,7 +35493,7 @@ const CP = {
     },
     dateShortcuts() {
       const e = this.definition.key, t = this.definition.definesType || e;
-      return DP(t);
+      return IP(t);
     },
     bigData() {
       var e;
@@ -35387,7 +35501,7 @@ const CP = {
     },
     dateFilterEnabled() {
       const e = this.definition.key, t = this.definition.definesType || e;
-      return OP(t, e);
+      return VP(t, e);
     },
     dateSummary() {
       let { startDate: e, endDate: t } = this.dateRange;
@@ -35490,8 +35604,8 @@ const CP = {
       this.close(this.model);
     }
   }
-}, EP = { class: "header" }, MP = { class: "font-muted font-sm" }, VP = { class: "date-range" }, IP = { class: "date-shortcuts" }, FP = ["onClick"], AP = { class: "rolodex" };
-function NP(e, t, n, r, s, i) {
+}, AP = { class: "header" }, NP = { class: "font-muted font-sm" }, $P = { class: "date-range" }, PP = { class: "date-shortcuts" }, LP = ["onClick"], RP = { class: "rolodex" };
+function UP(e, t, n, r, s, i) {
   const a = y("flex-column"), l = y("flex-cell"), u = y("search"), d = y("ux-button"), m = y("date-range"), p = y("flex-row"), g = y("ux-menu"), v = y("ux-icon"), x = y("flex-header"), w = y("content-browser"), S = uf("tippy");
   return o(), k(a, { class: "wrapper" }, {
     default: f(() => [
@@ -35504,7 +35618,7 @@ function NP(e, t, n, r, s, i) {
         s.definition ? (o(), h(D, { key: 0 }, [
           c(x, null, {
             default: f(() => [
-              T("div", EP, [
+              T("div", AP, [
                 c(p, {
                   vcenter: "",
                   gap: ""
@@ -35518,7 +35632,7 @@ function NP(e, t, n, r, s, i) {
                     }),
                     i.maximum ? (o(), k(l, { key: 0 }, {
                       default: f(() => [
-                        T("span", MP, "(" + b(s.model.length) + " of " + b(i.maximum) + ")", 1)
+                        T("span", NP, "(" + b(s.model.length) + " of " + b(i.maximum) + ")", 1)
                       ]),
                       _: 1
                     })) : _("", !0),
@@ -35556,16 +35670,16 @@ function NP(e, t, n, r, s, i) {
                             ])
                           ]),
                           default: f(() => [
-                            T("div", VP, [
+                            T("div", $P, [
                               c(p, { gap: "" }, {
                                 default: f(() => [
                                   c(l, { shrink: "" }, {
                                     default: f(() => [
-                                      T("ul", IP, [
+                                      T("ul", PP, [
                                         (o(!0), h(D, null, A(i.dateShortcuts, (C) => (o(), h("li", null, [
                                           T("a", {
                                             onClick: (V) => i.setDateRange(C)
-                                          }, b(C.title), 9, FP)
+                                          }, b(C.title), 9, LP)
                                         ]))), 256))
                                       ])
                                     ]),
@@ -35649,7 +35763,7 @@ function NP(e, t, n, r, s, i) {
             abovecontent: f(() => [
               i.rolodexEnabled ? (o(), k(x, { key: 0 }, {
                 default: f(() => [
-                  T("div", AP, [
+                  T("div", RP, [
                     c(d, {
                       size: "sm",
                       onClick: t[3] || (t[3] = (C) => i.toggleRolodex("")),
@@ -35685,7 +35799,7 @@ function NP(e, t, n, r, s, i) {
     _: 1
   });
 }
-const $P = /* @__PURE__ */ M(CP, [["render", NP], ["__scopeId", "data-v-aeaca77a"]]), PP = {
+const jP = /* @__PURE__ */ M(FP, [["render", UP], ["__scopeId", "data-v-aeaca77a"]]), qP = {
   components: {
     ScopeSelect: f2
     // Search,
@@ -35759,14 +35873,14 @@ const $P = /* @__PURE__ */ M(CP, [["render", NP], ["__scopeId", "data-v-aeaca77a
       console.log("selection complete", e, this.model), this.close(this.model);
     }
   }
-}, LP = (e) => (je("data-v-c5b42335"), e = e(), qe(), e), RP = { class: "header" }, UP = /* @__PURE__ */ LP(() => /* @__PURE__ */ T("h3", null, "Select Scopes", -1));
-function jP(e, t, n, r, s, i) {
+}, BP = (e) => (je("data-v-c5b42335"), e = e(), qe(), e), zP = { class: "header" }, WP = /* @__PURE__ */ BP(() => /* @__PURE__ */ T("h3", null, "Select Scopes", -1));
+function HP(e, t, n, r, s, i) {
   const a = y("flex-cell"), l = y("ux-button"), u = y("flex-row"), d = y("flex-header"), m = y("scope-select"), p = y("flex-column");
   return o(), k(p, { class: "wrapper" }, {
     default: f(() => [
       c(d, null, {
         default: f(() => [
-          T("div", RP, [
+          T("div", zP, [
             c(u, {
               vcenter: "",
               gap: ""
@@ -35774,7 +35888,7 @@ function jP(e, t, n, r, s, i) {
               default: f(() => [
                 c(a, null, {
                   default: f(() => [
-                    UP
+                    WP
                   ]),
                   _: 1
                 }),
@@ -35811,7 +35925,7 @@ function jP(e, t, n, r, s, i) {
     _: 1
   });
 }
-const qP = /* @__PURE__ */ M(PP, [["render", jP], ["__scopeId", "data-v-c5b42335"]]), BP = {
+const GP = /* @__PURE__ */ M(qP, [["render", HP], ["__scopeId", "data-v-c5b42335"]]), YP = {
   mixins: [wn],
   components: {
     Tagger: PT
@@ -35835,17 +35949,17 @@ const qP = /* @__PURE__ */ M(PP, [["render", jP], ["__scopeId", "data-v-c5b42335
   data() {
     return {};
   }
-}, zP = { class: "header" }, WP = {
+}, JP = { class: "header" }, KP = {
   key: 0,
   class: "font-sm font-muted"
-}, HP = { class: "footer" };
-function GP(e, t, n, r, s, i) {
+}, ZP = { class: "footer" };
+function XP(e, t, n, r, s, i) {
   const a = y("flex-cell"), l = y("flex-row"), u = y("flex-header"), d = y("tagger"), m = y("ux-panel-body"), p = y("flex-body"), g = y("ux-button"), v = y("flex-footer"), x = y("flex-column");
   return o(), k(x, { class: "wrapper" }, {
     default: f(() => [
       c(u, null, {
         default: f(() => [
-          T("div", zP, [
+          T("div", JP, [
             c(l, {
               gap: "",
               center: ""
@@ -35856,7 +35970,7 @@ function GP(e, t, n, r, s, i) {
                     var w;
                     return [
                       T("h3", null, b(i.title), 1),
-                      (w = i.description) != null && w.length ? (o(), h("div", WP, b(i.description), 1)) : _("", !0)
+                      (w = i.description) != null && w.length ? (o(), h("div", KP, b(i.description), 1)) : _("", !0)
                     ];
                   }),
                   _: 1
@@ -35884,7 +35998,7 @@ function GP(e, t, n, r, s, i) {
       }),
       c(v, null, {
         default: f(() => [
-          T("div", HP, [
+          T("div", ZP, [
             c(l, {
               gap: "",
               center: ""
@@ -35927,7 +36041,7 @@ function GP(e, t, n, r, s, i) {
     _: 1
   });
 }
-const YP = /* @__PURE__ */ M(BP, [["render", GP], ["__scopeId", "data-v-da6e77a9"]]), yt = "uploading", zi = "complete", dn = "ready", JP = "error", KP = "upload.cancel", ZP = "upload.start", af = "upload.complete", XP = "upload.progress", QP = "upload.error", eL = {
+const QP = /* @__PURE__ */ M(YP, [["render", XP], ["__scopeId", "data-v-da6e77a9"]]), yt = "uploading", zi = "complete", dn = "ready", eL = "error", tL = "upload.cancel", nL = "upload.start", af = "upload.complete", iL = "upload.progress", rL = "upload.error", sL = {
   props: {
     accept: {
       type: String
@@ -36058,7 +36172,7 @@ const YP = /* @__PURE__ */ M(BP, [["render", GP], ["__scopeId", "data-v-da6e77a9
       return new mf().bootstrap(d), n.queue.unshift(d), d;
     },
     cancelFile(e) {
-      e.state == yt && (e.cancel && e.cancel("Cancelled"), e.bytesLoaded = 0, e.percent = 0, e.state = dn, e.dispatch(KP));
+      e.state == yt && (e.cancel && e.cancel("Cancelled"), e.bytesLoaded = 0, e.percent = 0, e.state = dn, e.dispatch(tL));
     },
     removeFile(e) {
       var t = this.queue.indexOf(e);
@@ -36084,7 +36198,7 @@ const YP = /* @__PURE__ */ M(BP, [["render", GP], ["__scopeId", "data-v-da6e77a9
         case yt:
           return;
       }
-      e.state = yt, e.dispatch(ZP);
+      e.state = yt, e.dispatch(nL);
       {
         const m = e.size, p = e.name, g = e.mime, { data: v } = await t.$sdk.api.post("/file/check", {
           fileSize: m,
@@ -36108,7 +36222,7 @@ const YP = /* @__PURE__ */ M(BP, [["render", GP], ["__scopeId", "data-v-da6e77a9
           let p = Math.floor(
             m.loaded * 100 / m.total
           );
-          e.percent = p, e.bytesLoaded = m.loaded, e.bytesTotal = m.total, e.dispatch(XP, m);
+          e.percent = p, e.bytesLoaded = m.loaded, e.bytesTotal = m.total, e.dispatch(iL, m);
         }
       };
       const l = t.$sdk.api.CancelToken.source();
@@ -36120,7 +36234,7 @@ const YP = /* @__PURE__ */ M(BP, [["render", GP], ["__scopeId", "data-v-da6e77a9
         e.result = m.data, e.state = zi, e.result.meta, t.$sdk.notify(`${e.result.title} was uploaded successfully`), e.dispatch(af, m.data), t.uploadNextFile();
       }), d.catch(function(m) {
         var p = t.$sdk.api.wasCancelled(m);
-        p ? e.state = dn : (e.state = JP, e.dispatch(QP, m), t.uploadNextFile());
+        p ? e.state = dn : (e.state = eL, e.dispatch(rL, m), t.uploadNextFile());
       });
     },
     toggle() {
@@ -36177,9 +36291,9 @@ const YP = /* @__PURE__ */ M(BP, [["render", GP], ["__scopeId", "data-v-da6e77a9
       e.uploading ? e.pause() : (e.queue.length = 0, e.defaultFreeformTags.length = 0, e.defaultScopes.length = 0);
     }
   }
-}, tL = { class: "uploader" }, nL = ["accept"], iL = ["accept"];
-function rL(e, t, n, r, s, i) {
-  return o(), h("div", tL, [
+}, aL = { class: "uploader" }, lL = ["accept"], oL = ["accept"];
+function uL(e, t, n, r, s, i) {
+  return o(), h("div", aL, [
     T("input", {
       style: { display: "none" },
       accept: n.accept,
@@ -36187,13 +36301,13 @@ function rL(e, t, n, r, s, i) {
       type: "file",
       multiple: "",
       onChange: t[0] || (t[0] = (a) => i.filesSelected(a.target.files))
-    }, null, 40, nL),
+    }, null, 40, lL),
     T("input", {
       style: { display: "none" },
       accept: n.accept,
       ref: "immediateFile",
       type: "file"
-    }, null, 8, iL),
+    }, null, 8, oL),
     z(e.$slots, "default", {
       queue: s.queue,
       items: e.items,
@@ -36205,11 +36319,11 @@ function rL(e, t, n, r, s, i) {
     })
   ]);
 }
-const cL = /* @__PURE__ */ M(eL, [["render", rL]]);
-function sL(e, t) {
+const yL = /* @__PURE__ */ M(sL, [["render", uL]]);
+function dL(e, t) {
   return t.reduce((n, r) => Math.abs(r - e) < Math.abs(n - e) ? r : n);
 }
-function fL() {
+function gL() {
   var e = Gt({
     mounted: !1,
     screen: {
@@ -36282,7 +36396,7 @@ function fL() {
       point: 0
     }, a = 0;
     r > e.limits.xs && a++, r > e.limits.sm && a++, r > e.limits.md && a++, r > e.limits.lg && a++, a < 1 && (i.mobile = !0, i.xs = !0, i.xsOnly = !0, i.smAndDown = !0, i.mdAndDown = !0, i.lgAndDown = !0), a == 1 && (i.tablet = !0, i.sm = !0, i.smOnly = !0, i.smAndDown = !0, i.mdAndDown = !0, i.lgAndDown = !0, i.smAndUp = !0), a == 2 && (i.desktop = !0, i.md = !0, i.mdOnly = !0, i.mdAndDown = !0, i.lgAndDown = !0, i.smAndUp = !0, i.mdAndUp = !0), a == 3 && (i.desktop = !0, i.lg = !0, i.lgOnly = !0, i.lgAndDown = !0, i.smAndUp = !0, i.mdAndUp = !0, i.lgAndUp = !0), a > 3 && (i.desktop = !0, i.xl = !0, i.xlOnly = !0, i.smAndUp = !0, i.mdAndUp = !0, i.lgAndUp = !0), e.point = a, e.breakpoint = i;
-    const u = sL(r, [320, 768, 1200, 1800, 2e3]), d = u * 1, m = u * 1.5, p = u * 2;
+    const u = dL(r, [320, 768, 1200, 1800, 2e3]), d = u * 1, m = u * 1.5, p = u * 2;
     e.image = {
       auto: {
         low: d,
@@ -36296,7 +36410,7 @@ function fL() {
     n.removeEventListener("resize", e.resize), n = !1, t = !1, e.mounted = !1;
   }, e;
 }
-const aL = `qik vue ui ${Jh}`, lf = {
+const cL = `qik vue ui ${Jh}`, lf = {
   FlexColumn: ug,
   FlexBody: mg,
   FlexHeader: gg,
@@ -36315,10 +36429,10 @@ const aL = `qik vue ui ${Jh}`, lf = {
   // UxCircle: UXCircle,
   UxForm: Ch,
   UxFormField: ao,
-  UxFieldWrapper: NN,
-  UxSubmissionForm: dN,
-  UxPaymentMethodForm: MN,
-  UxRender: D$,
+  UxFieldWrapper: UN,
+  UxSubmissionForm: pN,
+  UxPaymentMethodForm: NN,
+  UxRender: I$,
   UxRenderField: Vh,
   UxIcon: pk,
   UxMenu: _k,
@@ -36339,12 +36453,12 @@ const aL = `qik vue ui ${Jh}`, lf = {
   UxSpinner: Pn,
   ProgressBar: Yu,
   UxProgressBar: Yu,
-  UxModal: tP,
+  UxModal: aP,
   Compile: Mh
-}, mL = {
+}, _L = {
   install(e, t) {
     var r;
-    if (console.log(aL), t.date = fe, t.global = t.global || Gt({}), (r = t.global) != null && r.cacheKeys || (t.global.cacheKeys = t.global.cacheKeys || Gt({})), !t.global.glossary) {
+    if (console.log(cL), t.date = fe, t.global = t.global || Gt({}), (r = t.global) != null && r.cacheKeys || (t.global.cacheKeys = t.global.cacheKeys || Gt({})), !t.global.glossary) {
       var n = Zy(t);
       e.config.globalProperties.$glossary = n, t.global.glossary = n;
     }
@@ -36354,17 +36468,17 @@ const aL = `qik vue ui ${Jh}`, lf = {
       });
     }, t.prompt = function(s, i) {
       return i = i || {}, i.model = i.model || {}, i.fields = s, t.modal({
-        component: SP,
+        component: MP,
         options: i
       });
     }, t.browse = function(s, i) {
       return i = i || {}, i.type = s, i.model = i.model || [], t.modal({
-        component: $P,
+        component: jP,
         options: i
       });
     }, t.tag = function(s) {
       return s = s || {}, s.model = s.model || [], t.modal({
-        component: YP,
+        component: QP,
         options: s
       });
     }, t.selectScopes = async function(s) {
@@ -36386,17 +36500,17 @@ const aL = `qik vue ui ${Jh}`, lf = {
         );
       }
       return t.modal({
-        component: qP,
+        component: GP,
         options: s
       });
     }, t.confirm = function(s, i) {
       return i = i || {}, i.title = s, t.modal({
-        component: lP,
+        component: fP,
         options: i
       });
     }, t.options = function(s, i, a, l) {
       return l = l || {}, t.modal({
-        component: vP,
+        component: TP,
         options: {
           title: i,
           description: a,
@@ -36419,10 +36533,10 @@ const aL = `qik vue ui ${Jh}`, lf = {
 export {
   Gu as Avatar,
   Dh as CodeEditor,
-  Z$ as ContentBrowser,
+  nP as ContentBrowser,
   Wm as ContentSearch,
   Um as DateRange,
-  fL as Device,
+  gL as Device,
   KM as FileDrop,
   mg as FlexBody,
   Tg as FlexCell,
@@ -36443,12 +36557,12 @@ export {
   Gg as PanelFooter,
   Bg as PanelHeader,
   Yu as ProgressBar,
-  mL as QikUI,
+  _L as QikUI,
   K1 as RememberScrollMixin,
   f2 as ScopeSelect,
   y2 as ScopeSelectButton,
   Qt as Search,
-  C$ as Selection,
+  F$ as Selection,
   Pn as Spinner,
   fm as StripeElement,
   mm as StripeElements,
@@ -36456,7 +36570,7 @@ export {
   sk as UXButton,
   Gl as UXCheckbox,
   Hl as UXCircle,
-  NN as UXFieldWrapper,
+  UN as UXFieldWrapper,
   Ch as UXForm,
   ao as UXFormField,
   pk as UXIcon,
@@ -36465,27 +36579,27 @@ export {
   fk as UXLink,
   zk as UXList,
   Gk as UXListItem,
-  LI as UXLocationSelect,
+  BI as UXLocationSelect,
   vT as UXMap,
   _k as UXMenu,
   kk as UXMenuList,
-  MN as UXPaymentMethodForm,
+  NN as UXPaymentMethodForm,
   Uk as UXPill,
-  D$ as UXRender,
+  I$ as UXRender,
   Vh as UXRenderField,
-  dN as UXSubmissionForm,
+  pN as UXSubmissionForm,
   xm as UXSwitch,
   l_ as UXTab,
   rb as UXTable,
   r_ as UXTabset,
   Ik as UXVideo,
-  cL as UploadService,
-  lP as UxConfirmModal,
-  $P as UxContentModal,
-  tP as UxModal,
-  vP as UxOptionsModal,
-  SP as UxPromptModal,
-  qP as UxScopeModal,
-  YP as UxTaggerModal
+  yL as UploadService,
+  fP as UxConfirmModal,
+  jP as UxContentModal,
+  aP as UxModal,
+  TP as UxOptionsModal,
+  MP as UxPromptModal,
+  GP as UxScopeModal,
+  QP as UxTaggerModal
 };
 //# sourceMappingURL=lib.es.js.map