@qikdev/vue-ui 0.1.42 → 0.1.46

package/dist/lib.es.js

@@ -32,7 +32,7 @@ var __objRest = (source, exclude) => {
 };
 import { openBlock, createElementBlock, renderSlot, resolveComponent, createBlock, withCtx, createVNode, Fragment, renderList, normalizeClass, toDisplayString, withDirectives, resolveDynamicComponent, vShow, pushScopeId, popScopeId, createElementVNode, normalizeStyle, createCommentVNode, Teleport, createTextVNode, vModelSelect, withKeys, withModifiers, vModelText, TransitionGroup, defineComponent, h, nextTick, vModelDynamic, vModelCheckbox, mergeProps, toHandlers, reactive, watch } from "vue";
 import { EventDispatcher } from "@qikdev/sdk";
-const version$1 = "0.1.42";
+const version$1 = "0.1.46";
 var flexColumn_vue_vue_type_style_index_0_scoped_true_lang = "";
 var _export_sfc = (sfc, props2) => {
   const target = sfc.__vccOpts || sfc;
@@ -42,97 +42,97 @@ var _export_sfc = (sfc, props2) => {
   return target;
 };
 const _sfc_main$19 = {};
-const _hoisted_1$X = { class: "flex-column" };
+const _hoisted_1$Y = { class: "flex-column" };
 function _sfc_render$19(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("div", _hoisted_1$X, [
+  return openBlock(), createElementBlock("div", _hoisted_1$Y, [
     renderSlot(_ctx.$slots, "default", {}, void 0, true)
   ]);
 }
 var FlexColumn = /* @__PURE__ */ _export_sfc(_sfc_main$19, [["render", _sfc_render$19], ["__scopeId", "data-v-203ea86f"]]);
 var flexBody_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _sfc_main$18 = {};
-const _hoisted_1$W = { class: "flex-column-body" };
+const _hoisted_1$X = { class: "flex-column-body" };
 function _sfc_render$18(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("div", _hoisted_1$W, [
+  return openBlock(), createElementBlock("div", _hoisted_1$X, [
     renderSlot(_ctx.$slots, "default", {}, void 0, true)
   ]);
 }
 var FlexBody = /* @__PURE__ */ _export_sfc(_sfc_main$18, [["render", _sfc_render$18], ["__scopeId", "data-v-64850355"]]);
 var flexHeader_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _sfc_main$17 = {};
-const _hoisted_1$V = { class: "flex-column-header" };
+const _hoisted_1$W = { class: "flex-column-header" };
 function _sfc_render$17(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("div", _hoisted_1$V, [
+  return openBlock(), createElementBlock("div", _hoisted_1$W, [
     renderSlot(_ctx.$slots, "default", {}, void 0, true)
   ]);
 }
 var FlexHeader = /* @__PURE__ */ _export_sfc(_sfc_main$17, [["render", _sfc_render$17], ["__scopeId", "data-v-10b28f00"]]);
 var flexFooter_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _sfc_main$16 = {};
-const _hoisted_1$U = { class: "flex-column-footer" };
+const _hoisted_1$V = { class: "flex-column-footer" };
 function _sfc_render$16(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("div", _hoisted_1$U, [
+  return openBlock(), createElementBlock("div", _hoisted_1$V, [
     renderSlot(_ctx.$slots, "default", {}, void 0, true)
   ]);
 }
 var FlexFooter = /* @__PURE__ */ _export_sfc(_sfc_main$16, [["render", _sfc_render$16], ["__scopeId", "data-v-68216a72"]]);
 var flexCell_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _sfc_main$15 = {};
-const _hoisted_1$T = { class: "flex-cell" };
+const _hoisted_1$U = { class: "flex-cell" };
 function _sfc_render$15(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("div", _hoisted_1$T, [
+  return openBlock(), createElementBlock("div", _hoisted_1$U, [
     renderSlot(_ctx.$slots, "default", {}, void 0, true)
   ]);
 }
 var FlexCell = /* @__PURE__ */ _export_sfc(_sfc_main$15, [["render", _sfc_render$15], ["__scopeId", "data-v-644bb279"]]);
 var flexRow_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _sfc_main$14 = {};
-const _hoisted_1$S = { class: "flex-row" };
+const _hoisted_1$T = { class: "flex-row" };
 function _sfc_render$14(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("div", _hoisted_1$S, [
+  return openBlock(), createElementBlock("div", _hoisted_1$T, [
     renderSlot(_ctx.$slots, "default", {}, void 0, true)
   ]);
 }
 var FlexRow = /* @__PURE__ */ _export_sfc(_sfc_main$14, [["render", _sfc_render$14], ["__scopeId", "data-v-5b76ad1f"]]);
 var flexSpacer_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _sfc_main$13 = {};
-const _hoisted_1$R = { class: "flex-spacer" };
+const _hoisted_1$S = { class: "flex-spacer" };
 function _sfc_render$13(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("div", _hoisted_1$R);
+  return openBlock(), createElementBlock("div", _hoisted_1$S);
 }
 var FlexSpacer = /* @__PURE__ */ _export_sfc(_sfc_main$13, [["render", _sfc_render$13], ["__scopeId", "data-v-35b15579"]]);
 var panel_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _sfc_main$12 = {};
-const _hoisted_1$Q = { class: "panel" };
+const _hoisted_1$R = { class: "panel" };
 function _sfc_render$12(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("div", _hoisted_1$Q, [
+  return openBlock(), createElementBlock("div", _hoisted_1$R, [
     renderSlot(_ctx.$slots, "default", {}, void 0, true)
   ]);
 }
 var Panel = /* @__PURE__ */ _export_sfc(_sfc_main$12, [["render", _sfc_render$12], ["__scopeId", "data-v-50ae77fc"]]);
 var panelBody_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _sfc_main$11 = {};
-const _hoisted_1$P = { class: "panel-body" };
+const _hoisted_1$Q = { class: "panel-body" };
 function _sfc_render$11(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("div", _hoisted_1$P, [
+  return openBlock(), createElementBlock("div", _hoisted_1$Q, [
     renderSlot(_ctx.$slots, "default", {}, void 0, true)
   ]);
 }
 var PanelBody = /* @__PURE__ */ _export_sfc(_sfc_main$11, [["render", _sfc_render$11], ["__scopeId", "data-v-c82dca76"]]);
 var panelHeader_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _sfc_main$10 = {};
-const _hoisted_1$O = { class: "panel-header" };
+const _hoisted_1$P = { class: "panel-header" };
 function _sfc_render$10(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("div", _hoisted_1$O, [
+  return openBlock(), createElementBlock("div", _hoisted_1$P, [
     renderSlot(_ctx.$slots, "default", {}, void 0, true)
   ]);
 }
 var PanelHeader = /* @__PURE__ */ _export_sfc(_sfc_main$10, [["render", _sfc_render$10], ["__scopeId", "data-v-13bf11da"]]);
 var panelFooter_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _sfc_main$$ = {};
-const _hoisted_1$N = { class: "panel-footer" };
+const _hoisted_1$O = { class: "panel-footer" };
 function _sfc_render$$(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("div", _hoisted_1$N, [
+  return openBlock(), createElementBlock("div", _hoisted_1$O, [
     renderSlot(_ctx.$slots, "default", {}, void 0, true)
   ]);
 }
@@ -156,7 +156,7 @@ const _sfc_main$_ = {
     }
   }
 };
-const _hoisted_1$M = ["onClick"];
+const _hoisted_1$N = ["onClick"];
 function _sfc_render$_(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_flex_row = resolveComponent("flex-row");
   const _component_flex_header = resolveComponent("flex-header");
@@ -171,7 +171,7 @@ function _sfc_render$_(_ctx, _cache, $props, $setup, $data, $options) {
                 return openBlock(), createElementBlock("a", {
                   class: normalizeClass({ active: index2 === $data.activeIndex }),
                   onClick: ($event) => $options.select(index2)
-                }, toDisplayString(tab.props.heading), 11, _hoisted_1$M);
+                }, toDisplayString(tab.props.heading), 11, _hoisted_1$N);
               }), 256))
             ]),
             _: 1
@@ -240,10 +240,10 @@ const _sfc_main$Y = {
     }
   }
 };
-const _withScopeId$4 = (n2) => (pushScopeId("data-v-27f20370"), n2 = n2(), popScopeId(), n2);
-const _hoisted_1$L = /* @__PURE__ */ _withScopeId$4(() => /* @__PURE__ */ createElementVNode("i", { class: "fa fa-spin fa-spinner" }, null, -1));
+const _withScopeId$5 = (n2) => (pushScopeId("data-v-27f20370"), n2 = n2(), popScopeId(), n2);
+const _hoisted_1$M = /* @__PURE__ */ _withScopeId$5(() => /* @__PURE__ */ createElementVNode("i", { class: "fa fa-spin fa-spinner" }, null, -1));
 const _hoisted_2$B = [
-  _hoisted_1$L
+  _hoisted_1$M
 ];
 function _sfc_render$Y(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
@@ -351,7 +351,7 @@ const _sfc_main$X = {
     }
   }
 };
-const _hoisted_1$K = { class: "ux-btn-text" };
+const _hoisted_1$L = { class: "ux-btn-text" };
 function _sfc_render$X(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_spinner = resolveComponent("spinner");
   return openBlock(), createBlock(resolveDynamicComponent($options.element), {
@@ -366,7 +366,7 @@ function _sfc_render$X(_ctx, _cache, $props, $setup, $data, $options) {
   }, {
     default: withCtx(() => [
       $props.loading ? (openBlock(), createBlock(_component_spinner, { key: 0 })) : createCommentVNode("", true),
-      createElementVNode("span", _hoisted_1$K, [
+      createElementVNode("span", _hoisted_1$L, [
         renderSlot(_ctx.$slots, "default", {}, void 0, true)
       ])
     ]),
@@ -864,13 +864,13 @@ const _sfc_main$R = {
     }
   }
 };
-const _hoisted_1$J = ["src"];
+const _hoisted_1$K = ["src"];
 function _sfc_render$R(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     class: "ux-image",
     style: normalizeStyle($options.style)
   }, [
-    createElementVNode("img", { src: $options.src }, null, 8, _hoisted_1$J)
+    createElementVNode("img", { src: $options.src }, null, 8, _hoisted_1$K)
   ], 4);
 }
 var UXImage = /* @__PURE__ */ _export_sfc(_sfc_main$R, [["render", _sfc_render$R], ["__scopeId", "data-v-7b68ec1a"]]);
@@ -909,11 +909,11 @@ const _sfc_main$Q = {
     }
   }
 };
-const _withScopeId$3 = (n2) => (pushScopeId("data-v-6581fb86"), n2 = n2(), popScopeId(), n2);
-const _hoisted_1$I = { class: "ux-progress" };
-const _hoisted_2$A = /* @__PURE__ */ _withScopeId$3(() => /* @__PURE__ */ createElementVNode("div", { class: "ux-progress-bg" }, null, -1));
+const _withScopeId$4 = (n2) => (pushScopeId("data-v-6581fb86"), n2 = n2(), popScopeId(), n2);
+const _hoisted_1$J = { class: "ux-progress" };
+const _hoisted_2$A = /* @__PURE__ */ _withScopeId$4(() => /* @__PURE__ */ createElementVNode("div", { class: "ux-progress-bg" }, null, -1));
 function _sfc_render$Q(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("div", _hoisted_1$I, [
+  return openBlock(), createElementBlock("div", _hoisted_1$J, [
     _hoisted_2$A,
     createElementVNode("div", {
       class: "ux-progress-fg",
@@ -924,18 +924,18 @@ function _sfc_render$Q(_ctx, _cache, $props, $setup, $data, $options) {
 var ProgressBar = /* @__PURE__ */ _export_sfc(_sfc_main$Q, [["render", _sfc_render$Q], ["__scopeId", "data-v-6581fb86"]]);
 var list_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _sfc_main$P = {};
-const _hoisted_1$H = { class: "ux-list" };
+const _hoisted_1$I = { class: "ux-list" };
 function _sfc_render$P(_ctx, _cache) {
-  return openBlock(), createElementBlock("ul", _hoisted_1$H, [
+  return openBlock(), createElementBlock("ul", _hoisted_1$I, [
     renderSlot(_ctx.$slots, "default", {}, void 0, true)
   ]);
 }
 var UXList = /* @__PURE__ */ _export_sfc(_sfc_main$P, [["render", _sfc_render$P], ["__scopeId", "data-v-98e1e4e2"]]);
 var listItem_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _sfc_main$O = {};
-const _hoisted_1$G = { class: "ux-list-item" };
+const _hoisted_1$H = { class: "ux-list-item" };
 function _sfc_render$O(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("div", _hoisted_1$G, [
+  return openBlock(), createElementBlock("div", _hoisted_1$H, [
     renderSlot(_ctx.$slots, "default", {}, void 0, true)
   ]);
 }
@@ -1431,7 +1431,7 @@ const _sfc_main$N = {
     }
   }
 };
-const _hoisted_1$F = {
+const _hoisted_1$G = {
   key: 0,
   class: "ux-field-title"
 };
@@ -1443,27 +1443,27 @@ const _hoisted_3$v = {
   key: 1,
   class: "ux-field-description"
 };
-const _hoisted_4$s = {
+const _hoisted_4$r = {
   key: 2,
   class: "ui-select-button"
 };
 const _hoisted_5$k = ["multiple"];
-const _hoisted_6$g = {
+const _hoisted_6$h = {
   key: 0,
   value: ""
 };
-const _hoisted_7$e = ["value"];
+const _hoisted_7$f = ["value"];
 function _sfc_render$N(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_ux_button = resolveComponent("ux-button");
   return openBlock(), createElementBlock("div", {
     class: normalizeClass(["native-select", $options.classes])
   }, [
-    _ctx.showLabel ? (openBlock(), createElementBlock("label", _hoisted_1$F, [
+    _ctx.showLabel ? (openBlock(), createElementBlock("label", _hoisted_1$G, [
       createTextVNode(toDisplayString(_ctx.label) + " ", 1),
       _ctx.required ? (openBlock(), createElementBlock("span", _hoisted_2$z, "*")) : createCommentVNode("", true)
     ])) : createCommentVNode("", true),
     _ctx.showDescription ? (openBlock(), createElementBlock("div", _hoisted_3$v, toDisplayString(_ctx.description), 1)) : createCommentVNode("", true),
-    _ctx.singleValue ? (openBlock(), createElementBlock("div", _hoisted_4$s, [
+    _ctx.singleValue ? (openBlock(), createElementBlock("div", _hoisted_4$r, [
       renderSlot(_ctx.$slots, "default", {}, () => [
         createVNode(_component_ux_button, { tag: "div" }, {
           default: withCtx(() => [
@@ -1478,11 +1478,11 @@ function _sfc_render$N(_ctx, _cache, $props, $setup, $data, $options) {
       multiple: _ctx.multiValue,
       "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => _ctx.model = $event)
     }, [
-      _ctx.singleValue && !_ctx.minimum ? (openBlock(), createElementBlock("option", _hoisted_6$g, "None")) : createCommentVNode("", true),
+      _ctx.singleValue && !_ctx.minimum ? (openBlock(), createElementBlock("option", _hoisted_6$h, "None")) : createCommentVNode("", true),
       (openBlock(true), createElementBlock(Fragment, null, renderList($options.selectableOptions, (option2) => {
         return openBlock(), createElementBlock("option", {
           value: option2.value
-        }, toDisplayString(option2.title), 9, _hoisted_7$e);
+        }, toDisplayString(option2.title), 9, _hoisted_7$f);
       }), 256))
     ], 40, _hoisted_5$k), [
       [vModelSelect, _ctx.model]
@@ -1562,8 +1562,8 @@ const _sfc_main$M = {
     }
   }
 };
-const _withScopeId$2 = (n2) => (pushScopeId("data-v-856e04c2"), n2 = n2(), popScopeId(), n2);
-const _hoisted_1$E = {
+const _withScopeId$3 = (n2) => (pushScopeId("data-v-856e04c2"), n2 = n2(), popScopeId(), n2);
+const _hoisted_1$F = {
   key: 0,
   class: "ux-field-title"
 };
@@ -1575,13 +1575,13 @@ const _hoisted_3$u = {
   key: 1,
   class: "ux-field-description"
 };
-const _hoisted_4$r = { key: 2 };
+const _hoisted_4$q = { key: 2 };
 const _hoisted_5$j = /* @__PURE__ */ createTextVNode(" Country Code ");
-const _hoisted_6$f = { key: 0 };
-const _hoisted_7$d = { key: 1 };
-const _hoisted_8$7 = { class: "ux-text-wrap" };
-const _hoisted_9$5 = ["placeholder", "onUpdate:modelValue"];
-const _hoisted_10$4 = /* @__PURE__ */ _withScopeId$2(() => /* @__PURE__ */ createElementVNode("option", { value: "" }, "None", -1));
+const _hoisted_6$g = { key: 0 };
+const _hoisted_7$e = { key: 1 };
+const _hoisted_8$8 = { class: "ux-text-wrap" };
+const _hoisted_9$6 = ["placeholder", "onUpdate:modelValue"];
+const _hoisted_10$5 = /* @__PURE__ */ _withScopeId$3(() => /* @__PURE__ */ createElementVNode("option", { value: "" }, "None", -1));
 const _hoisted_11$4 = ["value"];
 const _hoisted_12$4 = { class: "ux-text-wrap" };
 const _hoisted_13$3 = ["placeholder"];
@@ -1592,12 +1592,12 @@ function _sfc_render$M(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_ux_button = resolveComponent("ux-button");
   const _component_flex_row = resolveComponent("flex-row");
   return openBlock(), createElementBlock(Fragment, null, [
-    _ctx.showLabel ? (openBlock(), createElementBlock("label", _hoisted_1$E, [
+    _ctx.showLabel ? (openBlock(), createElementBlock("label", _hoisted_1$F, [
       createTextVNode(toDisplayString(_ctx.label) + " ", 1),
       _ctx.required ? (openBlock(), createElementBlock("span", _hoisted_2$y, "*")) : createCommentVNode("", true)
     ])) : createCommentVNode("", true),
     _ctx.showDescription ? (openBlock(), createElementBlock("div", _hoisted_3$u, toDisplayString(_ctx.description), 1)) : createCommentVNode("", true),
-    _ctx.multiValue ? (openBlock(), createElementBlock("div", _hoisted_4$r, [
+    _ctx.multiValue ? (openBlock(), createElementBlock("div", _hoisted_4$q, [
       (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.model, (entry, index2) => {
         return openBlock(), createBlock(_component_flex_row, {
           wrap: "",
@@ -1616,7 +1616,7 @@ function _sfc_render$M(_ctx, _cache, $props, $setup, $data, $options) {
                     !entry.countryCode ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
                       _hoisted_5$j
                     ], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-                      $data.lookup[entry.countryCode] ? (openBlock(), createElementBlock("div", _hoisted_6$f, toDisplayString($data.lookup[entry.countryCode].emoji) + " - " + toDisplayString($data.lookup[entry.countryCode].alpha2), 1)) : (openBlock(), createElementBlock("div", _hoisted_7$d, "Loading"))
+                      $data.lookup[entry.countryCode] ? (openBlock(), createElementBlock("div", _hoisted_6$g, toDisplayString($data.lookup[entry.countryCode].emoji) + " - " + toDisplayString($data.lookup[entry.countryCode].alpha2), 1)) : (openBlock(), createElementBlock("div", _hoisted_7$e, "Loading"))
                     ], 64))
                   ]),
                   _: 2
@@ -1626,7 +1626,7 @@ function _sfc_render$M(_ctx, _cache, $props, $setup, $data, $options) {
             }, 1024),
             createVNode(_component_flex_cell, null, {
               default: withCtx(() => [
-                createElementVNode("div", _hoisted_8$7, [
+                createElementVNode("div", _hoisted_8$8, [
                   withDirectives(createElementVNode("input", {
                     class: "ux-field-focus ux-text-input-multiple",
                     placeholder: $options.actualPlaceholder,
@@ -1635,7 +1635,7 @@ function _sfc_render$M(_ctx, _cache, $props, $setup, $data, $options) {
                     ref: "input",
                     onKeydown: _cache[1] || (_cache[1] = withKeys(withModifiers(($event) => _ctx.add(), ["stop", "prevent"]), ["enter"])),
                     "onUpdate:modelValue": ($event) => entry.number = $event
-                  }, null, 40, _hoisted_9$5), [
+                  }, null, 40, _hoisted_9$6), [
                     [vModelText, entry.number]
                   ])
                 ])
@@ -1690,7 +1690,7 @@ function _sfc_render$M(_ctx, _cache, $props, $setup, $data, $options) {
               class: "ux-country-code-select",
               "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => _ctx.model.countryCode = $event)
             }, [
-              _hoisted_10$4,
+              _hoisted_10$5,
               (openBlock(true), createElementBlock(Fragment, null, renderList($data.countryCodes, (country) => {
                 return openBlock(), createElementBlock("option", {
                   value: country.value
@@ -2254,7 +2254,7 @@ const _sfc_main$L = {
     }
   }
 };
-const _hoisted_1$D = {
+const _hoisted_1$E = {
   key: 0,
   class: "ux-field-title"
 };
@@ -2266,27 +2266,27 @@ const _hoisted_3$t = {
   key: 1,
   class: "ux-field-description"
 };
-const _hoisted_4$q = {
+const _hoisted_4$p = {
   key: 2,
   class: "ui-select-button"
 };
 const _hoisted_5$i = ["multiple"];
-const _hoisted_6$e = {
+const _hoisted_6$f = {
   key: 0,
   value: ""
 };
-const _hoisted_7$c = ["value"];
+const _hoisted_7$d = ["value"];
 function _sfc_render$L(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_ux_button = resolveComponent("ux-button");
   return openBlock(), createElementBlock("div", {
     class: normalizeClass(["native-select", $options.classes])
   }, [
-    _ctx.showLabel ? (openBlock(), createElementBlock("label", _hoisted_1$D, [
+    _ctx.showLabel ? (openBlock(), createElementBlock("label", _hoisted_1$E, [
       createTextVNode(toDisplayString(_ctx.label) + " ", 1),
       _ctx.required ? (openBlock(), createElementBlock("span", _hoisted_2$x, "*")) : createCommentVNode("", true)
     ])) : createCommentVNode("", true),
     _ctx.showDescription ? (openBlock(), createElementBlock("div", _hoisted_3$t, toDisplayString(_ctx.description), 1)) : createCommentVNode("", true),
-    _ctx.singleValue ? (openBlock(), createElementBlock("div", _hoisted_4$q, [
+    _ctx.singleValue ? (openBlock(), createElementBlock("div", _hoisted_4$p, [
       renderSlot(_ctx.$slots, "default", {}, () => [
         createVNode(_component_ux_button, { tag: "div" }, {
           default: withCtx(() => [
@@ -2301,11 +2301,11 @@ function _sfc_render$L(_ctx, _cache, $props, $setup, $data, $options) {
       multiple: _ctx.multiValue,
       "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => _ctx.model = $event)
     }, [
-      _ctx.singleValue && !_ctx.minimum ? (openBlock(), createElementBlock("option", _hoisted_6$e, "None")) : createCommentVNode("", true),
+      _ctx.singleValue && !_ctx.minimum ? (openBlock(), createElementBlock("option", _hoisted_6$f, "None")) : createCommentVNode("", true),
       (openBlock(true), createElementBlock(Fragment, null, renderList($options.selectableOptions, (option2) => {
         return openBlock(), createElementBlock("option", {
           value: option2.value
-        }, toDisplayString(option2.title), 9, _hoisted_7$c);
+        }, toDisplayString(option2.title), 9, _hoisted_7$d);
       }), 256))
     ], 40, _hoisted_5$i), [
       [vModelSelect, _ctx.model]
@@ -5133,7 +5133,7 @@ const _sfc_main$J = {
     }
   }
 };
-const _hoisted_1$C = {
+const _hoisted_1$D = {
   key: 0,
   class: "ux-field-title"
 };
@@ -5145,7 +5145,7 @@ const _hoisted_3$s = {
   key: 1,
   class: "ux-field-description"
 };
-const _hoisted_4$p = {
+const _hoisted_4$o = {
   key: 3,
   class: "items"
 };
@@ -5155,7 +5155,7 @@ function _sfc_render$J(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_item = resolveComponent("item");
   const _component_draggable = resolveComponent("draggable");
   return openBlock(), createElementBlock(Fragment, null, [
-    _ctx.showLabel ? (openBlock(), createElementBlock("label", _hoisted_1$C, [
+    _ctx.showLabel ? (openBlock(), createElementBlock("label", _hoisted_1$D, [
       createTextVNode(toDisplayString(_ctx.label) + " ", 1),
       _ctx.required ? (openBlock(), createElementBlock("span", _hoisted_2$w, "*")) : createCommentVNode("", true)
     ])) : createCommentVNode("", true),
@@ -5198,7 +5198,7 @@ function _sfc_render$J(_ctx, _cache, $props, $setup, $data, $options) {
         ]),
         _: 1
       }, 8, ["modelValue"])) : createCommentVNode("", true)
-    ], 64)) : _ctx.model ? (openBlock(), createElementBlock("div", _hoisted_4$p, [
+    ], 64)) : _ctx.model ? (openBlock(), createElementBlock("div", _hoisted_4$o, [
       createVNode(_component_item, { item: _ctx.model }, {
         actions: withCtx(() => [
           $options.canEdit(_ctx.model) ? (openBlock(), createBlock(_component_ux_button, {
@@ -5346,7 +5346,7 @@ const _sfc_main$I = {
     }
   }
 };
-const _hoisted_1$B = {
+const _hoisted_1$C = {
   key: 0,
   class: "ux-field-title"
 };
@@ -5358,27 +5358,27 @@ const _hoisted_3$r = {
   key: 1,
   class: "ux-field-description"
 };
-const _hoisted_4$o = {
+const _hoisted_4$n = {
   key: 2,
   class: "ui-select-button"
 };
 const _hoisted_5$h = ["multiple"];
-const _hoisted_6$d = {
+const _hoisted_6$e = {
   key: 0,
   value: ""
 };
-const _hoisted_7$b = ["value"];
+const _hoisted_7$c = ["value"];
 function _sfc_render$I(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_ux_button = resolveComponent("ux-button");
   return openBlock(), createElementBlock("div", {
     class: normalizeClass(["native-select", $options.classes])
   }, [
-    _ctx.showLabel ? (openBlock(), createElementBlock("label", _hoisted_1$B, [
+    _ctx.showLabel ? (openBlock(), createElementBlock("label", _hoisted_1$C, [
       createTextVNode(toDisplayString(_ctx.label) + " ", 1),
       _ctx.required ? (openBlock(), createElementBlock("span", _hoisted_2$v, "*")) : createCommentVNode("", true)
     ])) : createCommentVNode("", true),
     _ctx.showDescription ? (openBlock(), createElementBlock("div", _hoisted_3$r, toDisplayString(_ctx.description), 1)) : createCommentVNode("", true),
-    _ctx.singleValue ? (openBlock(), createElementBlock("div", _hoisted_4$o, [
+    _ctx.singleValue ? (openBlock(), createElementBlock("div", _hoisted_4$n, [
       renderSlot(_ctx.$slots, "default", {}, () => [
         createVNode(_component_ux_button, { tag: "div" }, {
           default: withCtx(() => [
@@ -5393,11 +5393,11 @@ function _sfc_render$I(_ctx, _cache, $props, $setup, $data, $options) {
       multiple: _ctx.multiValue,
       "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => _ctx.model = $event)
     }, [
-      _ctx.singleValue && !_ctx.minimum ? (openBlock(), createElementBlock("option", _hoisted_6$d, "None")) : createCommentVNode("", true),
+      _ctx.singleValue && !_ctx.minimum ? (openBlock(), createElementBlock("option", _hoisted_6$e, "None")) : createCommentVNode("", true),
       (openBlock(true), createElementBlock(Fragment, null, renderList($options.selectableOptions, (option2) => {
         return openBlock(), createElementBlock("option", {
           value: option2.value
-        }, toDisplayString(option2.title), 9, _hoisted_7$b);
+        }, toDisplayString(option2.title), 9, _hoisted_7$c);
       }), 256))
     ], 40, _hoisted_5$h), [
       [vModelSelect, _ctx.model]
@@ -5484,7 +5484,7 @@ const _sfc_main$H = {
     }
   }
 };
-const _hoisted_1$A = {
+const _hoisted_1$B = {
   key: 0,
   class: "ux-field-title"
 };
@@ -5496,21 +5496,21 @@ const _hoisted_3$q = {
   key: 1,
   class: "ux-field-description"
 };
-const _hoisted_4$n = { key: 2 };
+const _hoisted_4$m = { key: 2 };
 const _hoisted_5$g = {
   key: 0,
   class: "ux-text-prefix"
 };
-const _hoisted_6$c = ["onBlur", "onUpdate:modelValue"];
-const _hoisted_7$a = {
+const _hoisted_6$d = ["onBlur", "onUpdate:modelValue"];
+const _hoisted_7$b = {
   key: 1,
   class: "ux-text-suffix"
 };
-const _hoisted_8$6 = {
+const _hoisted_8$7 = {
   key: 0,
   class: "ux-text-prefix"
 };
-const _hoisted_9$4 = {
+const _hoisted_9$5 = {
   key: 1,
   class: "ux-text-suffix"
 };
@@ -5520,12 +5520,12 @@ function _sfc_render$H(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_ux_button = resolveComponent("ux-button");
   const _component_flex_row = resolveComponent("flex-row");
   return openBlock(), createElementBlock(Fragment, null, [
-    _ctx.showLabel ? (openBlock(), createElementBlock("label", _hoisted_1$A, [
+    _ctx.showLabel ? (openBlock(), createElementBlock("label", _hoisted_1$B, [
       createTextVNode(toDisplayString(_ctx.label) + " ", 1),
       _ctx.required ? (openBlock(), createElementBlock("span", _hoisted_2$u, "*")) : createCommentVNode("", true)
     ])) : createCommentVNode("", true),
     _ctx.showDescription ? (openBlock(), createElementBlock("div", _hoisted_3$q, toDisplayString(_ctx.description), 1)) : createCommentVNode("", true),
-    _ctx.multiValue ? (openBlock(), createElementBlock("div", _hoisted_4$n, [
+    _ctx.multiValue ? (openBlock(), createElementBlock("div", _hoisted_4$m, [
       (openBlock(true), createElementBlock(Fragment, null, renderList($options.model, (entry, index2) => {
         return openBlock(), createBlock(_component_flex_row, {
           class: "ux-text-row",
@@ -5548,7 +5548,7 @@ function _sfc_render$H(_ctx, _cache, $props, $setup, $data, $options) {
                     onBlur: ($event) => $options.update($event, index2),
                     "onUpdate:modelValue": ($event) => $options.proxy[index2] = $event,
                     onFocus: _cache[1] || (_cache[1] = (...args) => _ctx.touch && _ctx.touch(...args))
-                  }, null, 40, _hoisted_6$c)), [
+                  }, null, 40, _hoisted_6$d)), [
                     [
                       vModelText,
                       $options.proxy[index2],
@@ -5556,7 +5556,7 @@ function _sfc_render$H(_ctx, _cache, $props, $setup, $data, $options) {
                       { lazy: true }
                     ]
                   ]),
-                  $options.suffix ? (openBlock(), createElementBlock("span", _hoisted_7$a, toDisplayString($options.suffix), 1)) : createCommentVNode("", true)
+                  $options.suffix ? (openBlock(), createElementBlock("span", _hoisted_7$b, toDisplayString($options.suffix), 1)) : createCommentVNode("", true)
                 ], 2)
               ]),
               _: 2
@@ -5601,7 +5601,7 @@ function _sfc_render$H(_ctx, _cache, $props, $setup, $data, $options) {
       key: 3,
       class: normalizeClass(["ux-text-wrap", { prefixed: $options.prefix, suffixed: $options.suffix }])
     }, [
-      $options.prefix ? (openBlock(), createElementBlock("span", _hoisted_8$6, toDisplayString($options.prefix), 1)) : createCommentVNode("", true),
+      $options.prefix ? (openBlock(), createElementBlock("span", _hoisted_8$7, toDisplayString($options.prefix), 1)) : createCommentVNode("", true),
       withDirectives((openBlock(), createElementBlock("input", {
         class: "ux-field-focus ux-text-input-single",
         ref: "input",
@@ -5618,7 +5618,7 @@ function _sfc_render$H(_ctx, _cache, $props, $setup, $data, $options) {
           { lazy: true }
         ]
       ]),
-      $options.suffix ? (openBlock(), createElementBlock("span", _hoisted_9$4, toDisplayString($options.suffix), 1)) : createCommentVNode("", true)
+      $options.suffix ? (openBlock(), createElementBlock("span", _hoisted_9$5, toDisplayString($options.suffix), 1)) : createCommentVNode("", true)
     ], 2))
   ], 64);
 }
@@ -5687,7 +5687,7 @@ const _sfc_main$G = {
     }
   }
 };
-const _hoisted_1$z = {
+const _hoisted_1$A = {
   key: 0,
   class: "ux-field-title"
 };
@@ -5699,19 +5699,19 @@ const _hoisted_3$p = {
   key: 1,
   class: "ux-field-description"
 };
-const _hoisted_4$m = { key: 2 };
+const _hoisted_4$l = { key: 2 };
 const _hoisted_5$f = { class: "ux-text-wrap" };
-const _hoisted_6$b = {
+const _hoisted_6$c = {
   key: 0,
   class: "ux-text-prefix"
 };
-const _hoisted_7$9 = ["type", "placeholder", "onUpdate:modelValue"];
-const _hoisted_8$5 = ["type", "placeholder", "onUpdate:modelValue"];
-const _hoisted_9$3 = {
+const _hoisted_7$a = ["type", "placeholder", "onUpdate:modelValue"];
+const _hoisted_8$6 = ["type", "placeholder", "onUpdate:modelValue"];
+const _hoisted_9$4 = {
   key: 3,
   class: "ux-text-suffix"
 };
-const _hoisted_10$3 = {
+const _hoisted_10$4 = {
   key: 3,
   class: "ux-text-wrap"
 };
@@ -5731,12 +5731,12 @@ function _sfc_render$G(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_ux_button = resolveComponent("ux-button");
   const _component_flex_row = resolveComponent("flex-row");
   return openBlock(), createElementBlock(Fragment, null, [
-    _ctx.showLabel ? (openBlock(), createElementBlock("label", _hoisted_1$z, [
+    _ctx.showLabel ? (openBlock(), createElementBlock("label", _hoisted_1$A, [
       createTextVNode(toDisplayString(_ctx.label) + " ", 1),
       _ctx.required ? (openBlock(), createElementBlock("span", _hoisted_2$t, "*")) : createCommentVNode("", true)
     ])) : createCommentVNode("", true),
     _ctx.showDescription ? (openBlock(), createElementBlock("div", _hoisted_3$p, toDisplayString(_ctx.description), 1)) : createCommentVNode("", true),
-    _ctx.multiValue ? (openBlock(), createElementBlock("div", _hoisted_4$m, [
+    _ctx.multiValue ? (openBlock(), createElementBlock("div", _hoisted_4$l, [
       (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.model, (entry, index2) => {
         return openBlock(), createBlock(_component_flex_row, {
           class: "ux-text-row",
@@ -5746,7 +5746,7 @@ function _sfc_render$G(_ctx, _cache, $props, $setup, $data, $options) {
             createVNode(_component_flex_cell, null, {
               default: withCtx(() => [
                 createElementVNode("div", _hoisted_5$f, [
-                  _ctx.prefix ? (openBlock(), createElementBlock("span", _hoisted_6$b, toDisplayString(_ctx.prefix), 1)) : createCommentVNode("", true),
+                  _ctx.prefix ? (openBlock(), createElementBlock("span", _hoisted_6$c, toDisplayString(_ctx.prefix), 1)) : createCommentVNode("", true),
                   $options.lazy ? withDirectives((openBlock(), createElementBlock("input", {
                     key: 1,
                     type: $options.inputType,
@@ -5757,7 +5757,7 @@ function _sfc_render$G(_ctx, _cache, $props, $setup, $data, $options) {
                     ref: "input",
                     onKeydown: _cache[1] || (_cache[1] = withKeys(withModifiers(($event) => _ctx.add(), ["stop", "prevent"]), ["enter"])),
                     "onUpdate:modelValue": ($event) => _ctx.model[index2] = $event
-                  }, null, 40, _hoisted_7$9)), [
+                  }, null, 40, _hoisted_7$a)), [
                     [
                       vModelDynamic,
                       _ctx.model[index2],
@@ -5775,10 +5775,10 @@ function _sfc_render$G(_ctx, _cache, $props, $setup, $data, $options) {
                     ref: "input",
                     onKeydown: _cache[3] || (_cache[3] = withKeys(withModifiers(($event) => _ctx.add(), ["stop", "prevent"]), ["enter"])),
                     "onUpdate:modelValue": ($event) => _ctx.model[index2] = $event
-                  }, null, 40, _hoisted_8$5)), [
+                  }, null, 40, _hoisted_8$6)), [
                     [vModelDynamic, _ctx.model[index2]]
                   ]) : createCommentVNode("", true),
-                  _ctx.suffix ? (openBlock(), createElementBlock("span", _hoisted_9$3, toDisplayString(_ctx.suffix), 1)) : createCommentVNode("", true)
+                  _ctx.suffix ? (openBlock(), createElementBlock("span", _hoisted_9$4, toDisplayString(_ctx.suffix), 1)) : createCommentVNode("", true)
                 ])
               ]),
               _: 2
@@ -5819,7 +5819,7 @@ function _sfc_render$G(_ctx, _cache, $props, $setup, $data, $options) {
         ]),
         _: 1
       })) : createCommentVNode("", true)
-    ])) : (openBlock(), createElementBlock("div", _hoisted_10$3, [
+    ])) : (openBlock(), createElementBlock("div", _hoisted_10$4, [
       _ctx.prefix ? (openBlock(), createElementBlock("span", _hoisted_11$3, toDisplayString(_ctx.prefix), 1)) : createCommentVNode("", true),
       $options.lazy ? withDirectives((openBlock(), createElementBlock("input", {
         key: 1,
@@ -5867,7 +5867,7 @@ const _sfc_main$F = {
     }
   }
 };
-const _hoisted_1$y = {
+const _hoisted_1$z = {
   key: 0,
   class: "ux-field-title"
 };
@@ -5879,7 +5879,7 @@ const _hoisted_3$o = {
   key: 1,
   class: "ux-field-description"
 };
-const _hoisted_4$l = { key: 2 };
+const _hoisted_4$k = { key: 2 };
 const _hoisted_5$e = ["onUpdate:modelValue"];
 function _sfc_render$F(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_flex_cell = resolveComponent("flex-cell");
@@ -5887,12 +5887,12 @@ function _sfc_render$F(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_ux_button = resolveComponent("ux-button");
   const _component_flex_row = resolveComponent("flex-row");
   return openBlock(), createElementBlock(Fragment, null, [
-    _ctx.showLabel ? (openBlock(), createElementBlock("label", _hoisted_1$y, [
+    _ctx.showLabel ? (openBlock(), createElementBlock("label", _hoisted_1$z, [
       createTextVNode(toDisplayString(_ctx.label) + " ", 1),
       _ctx.required ? (openBlock(), createElementBlock("span", _hoisted_2$s, "*")) : createCommentVNode("", true)
     ])) : createCommentVNode("", true),
     _ctx.showDescription ? (openBlock(), createElementBlock("div", _hoisted_3$o, toDisplayString(_ctx.description), 1)) : createCommentVNode("", true),
-    _ctx.multiValue ? (openBlock(), createElementBlock("div", _hoisted_4$l, [
+    _ctx.multiValue ? (openBlock(), createElementBlock("div", _hoisted_4$k, [
       (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.model, (entry, index2) => {
         return openBlock(), createBlock(_component_flex_row, {
           class: "ux-text-row",
@@ -6015,7 +6015,7 @@ const _sfc_main$E = {
     }
   }
 };
-const _hoisted_1$x = {
+const _hoisted_1$y = {
   key: 0,
   class: "ux-field-title"
 };
@@ -6027,7 +6027,7 @@ const _hoisted_3$n = {
   key: 1,
   class: "ux-field-description"
 };
-const _hoisted_4$k = { key: 2 };
+const _hoisted_4$j = { key: 2 };
 const _hoisted_5$d = ["onUpdate:modelValue"];
 function _sfc_render$E(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_flex_cell = resolveComponent("flex-cell");
@@ -6035,12 +6035,12 @@ function _sfc_render$E(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_ux_button = resolveComponent("ux-button");
   const _component_flex_row = resolveComponent("flex-row");
   return openBlock(), createElementBlock(Fragment, null, [
-    _ctx.showLabel ? (openBlock(), createElementBlock("label", _hoisted_1$x, [
+    _ctx.showLabel ? (openBlock(), createElementBlock("label", _hoisted_1$y, [
       createTextVNode(toDisplayString(_ctx.label) + " ", 1),
       _ctx.required ? (openBlock(), createElementBlock("span", _hoisted_2$r, "*")) : createCommentVNode("", true)
     ])) : createCommentVNode("", true),
     _ctx.showDescription ? (openBlock(), createElementBlock("div", _hoisted_3$n, toDisplayString(_ctx.description), 1)) : createCommentVNode("", true),
-    _ctx.multiValue ? (openBlock(), createElementBlock("div", _hoisted_4$k, [
+    _ctx.multiValue ? (openBlock(), createElementBlock("div", _hoisted_4$j, [
       (openBlock(true), createElementBlock(Fragment, null, renderList($options.model, (entry, index2) => {
         return openBlock(), createBlock(_component_flex_row, {
           class: "ux-text-row",
@@ -6150,7 +6150,7 @@ const _sfc_main$D = {
     }
   }
 };
-const _hoisted_1$w = {
+const _hoisted_1$x = {
   key: 0,
   class: "ux-field-title"
 };
@@ -6186,7 +6186,7 @@ function _sfc_render$D(_ctx, _cache, $props, $setup, $data, $options) {
       createVNode(_component_flex_cell, { vcenter: "" }, {
         default: withCtx(() => [
           createElementVNode("div", null, [
-            _ctx.showLabel ? (openBlock(), createElementBlock("label", _hoisted_1$w, [
+            _ctx.showLabel ? (openBlock(), createElementBlock("label", _hoisted_1$x, [
               createTextVNode(toDisplayString(_ctx.label) + " ", 1),
               _ctx.required ? (openBlock(), createElementBlock("span", _hoisted_2$q, "*")) : createCommentVNode("", true)
             ])) : createCommentVNode("", true),
@@ -6213,7 +6213,7 @@ const _sfc_main$C = {
     }
   }
 };
-const _hoisted_1$v = { key: 0 };
+const _hoisted_1$w = { key: 0 };
 const _hoisted_2$p = ["innerHTML"];
 const _hoisted_3$l = ["innerHTML"];
 function _sfc_render$C(_ctx, _cache, $props, $setup, $data, $options) {
@@ -6221,7 +6221,7 @@ function _sfc_render$C(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_ux_icon = resolveComponent("ux-icon");
   const _component_ux_button = resolveComponent("ux-button");
   const _component_flex_row = resolveComponent("flex-row");
-  return _ctx.multiValue ? (openBlock(), createElementBlock("div", _hoisted_1$v, [
+  return _ctx.multiValue ? (openBlock(), createElementBlock("div", _hoisted_1$w, [
     createVNode(_component_flex_row, { class: "ux-text-row" }, {
       default: withCtx(() => [
         createVNode(_component_flex_cell, null, {
@@ -6326,6 +6326,7 @@ const _sfc_main$B = {
     keyOptions() {
       return this.fields.reduce(function(set, entry) {
         switch (entry.type) {
+          case "object":
           case "group":
             break;
           default:
@@ -6534,19 +6535,19 @@ const _sfc_main$B = {
     NativeSelect
   }
 };
-const _hoisted_1$u = {
+const _hoisted_1$v = {
   key: 0,
   class: "filter-condition"
 };
 const _hoisted_2$o = { key: 0 };
 const _hoisted_3$k = { key: 1 };
-const _hoisted_4$j = /* @__PURE__ */ createTextVNode(" And ");
+const _hoisted_4$i = /* @__PURE__ */ createTextVNode(" And ");
 const _hoisted_5$c = { key: 2 };
-const _hoisted_6$a = { key: 3 };
-const _hoisted_7$8 = /* @__PURE__ */ createTextVNode(" And ");
-const _hoisted_8$4 = { key: 4 };
-const _hoisted_9$2 = { key: 5 };
-const _hoisted_10$2 = { key: 6 };
+const _hoisted_6$b = { key: 3 };
+const _hoisted_7$9 = /* @__PURE__ */ createTextVNode(" And ");
+const _hoisted_8$5 = { key: 4 };
+const _hoisted_9$3 = { key: 5 };
+const _hoisted_10$3 = { key: 6 };
 const _hoisted_11$2 = { key: 7 };
 const _hoisted_12$2 = { key: 8 };
 const _hoisted_13$1 = { key: 9 };
@@ -6560,7 +6561,7 @@ function _sfc_render$B(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_content_select = resolveComponent("content-select");
   const _component_ux_icon = resolveComponent("ux-icon");
   const _component_ux_button = resolveComponent("ux-button");
-  return $data.comparators ? (openBlock(), createElementBlock("div", _hoisted_1$u, [
+  return $data.comparators ? (openBlock(), createElementBlock("div", _hoisted_1$v, [
     createVNode(_component_flex_row, null, {
       default: withCtx(() => [
         createVNode(_component_flex_cell, null, {
@@ -6606,7 +6607,7 @@ function _sfc_render$B(_ctx, _cache, $props, $setup, $data, $options) {
                 modelValue: $data.model.value,
                 "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => $data.model.value = $event)
               }, null, 8, ["field", "modelValue"]),
-              _hoisted_4$j,
+              _hoisted_4$i,
               createVNode(_component_text_field, {
                 field: $options.normalField,
                 modelValue: $data.model.value2,
@@ -6640,34 +6641,34 @@ function _sfc_render$B(_ctx, _cache, $props, $setup, $data, $options) {
                 _: 1
               })
             ])) : createCommentVNode("", true),
-            $options.inputType == "daterange" ? (openBlock(), createElementBlock("div", _hoisted_6$a, [
+            $options.inputType == "daterange" ? (openBlock(), createElementBlock("div", _hoisted_6$b, [
               createVNode(_component_date_field, {
                 field: $options.dateField,
                 modelValue: $data.model.value,
                 "onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => $data.model.value = $event)
               }, null, 8, ["field", "modelValue"]),
-              _hoisted_7$8,
+              _hoisted_7$9,
               createVNode(_component_date_field, {
                 field: $options.dateField,
                 modelValue: $data.model.value2,
                 "onUpdate:modelValue": _cache[9] || (_cache[9] = ($event) => $data.model.value2 = $event)
               }, null, 8, ["field", "modelValue"])
             ])) : createCommentVNode("", true),
-            $options.inputType == "date" ? (openBlock(), createElementBlock("div", _hoisted_8$4, [
+            $options.inputType == "date" ? (openBlock(), createElementBlock("div", _hoisted_8$5, [
               createVNode(_component_date_field, {
                 field: $options.dateField,
                 modelValue: $data.model.value,
                 "onUpdate:modelValue": _cache[10] || (_cache[10] = ($event) => $data.model.value = $event)
               }, null, 8, ["field", "modelValue"])
             ])) : createCommentVNode("", true),
-            $options.inputType == "reference" ? (openBlock(), createElementBlock("div", _hoisted_9$2, [
+            $options.inputType == "reference" ? (openBlock(), createElementBlock("div", _hoisted_9$3, [
               createVNode(_component_content_select, {
                 field: $options.singleReferenceField,
                 modelValue: $data.model.value,
                 "onUpdate:modelValue": _cache[11] || (_cache[11] = ($event) => $data.model.value = $event)
               }, null, 8, ["field", "modelValue"])
             ])) : createCommentVNode("", true),
-            $options.inputType == "multireference" ? (openBlock(), createElementBlock("div", _hoisted_10$2, [
+            $options.inputType == "multireference" ? (openBlock(), createElementBlock("div", _hoisted_10$3, [
               createVNode(_component_content_select, {
                 field: $options.multiReferenceField,
                 modelValue: $data.model.values,
@@ -6990,21 +6991,53 @@ const _sfc_main$A = {
       }
     },
     fields() {
-      var allFields = this.definition && this.definition.fields ? [...this.definition.fields] : [];
-      var definedFields = this.definition && this.definition.definedFields ? this.definition.definedFields : [];
+      const self2 = this;
+      var allFields = self2.definition && self2.definition.fields ? [...self2.definition.fields] : [];
+      var definedFields = self2.definition && self2.definition.definedFields ? self2.definition.definedFields : [];
+      const isFormSubmission = self2.definition.definesType === "submission";
       if (definedFields.length) {
-        var customFields = {
-          title: `${this.definition.title}`,
-          minimum: 1,
-          maximum: 1,
-          key: "data",
-          asObject: true,
-          type: "group",
-          fields: definedFields
-        };
-        allFields.push(customFields);
+        if (isFormSubmission) {
+          var formDataFields = {
+            title: `Form Data`,
+            minimum: 1,
+            maximum: 1,
+            key: "formData",
+            asObject: true,
+            type: "group",
+            fields: definedFields
+          };
+          allFields.push(formDataFields);
+          const cleanedDataFields = definedFields.map(function(field) {
+            if (field.type === "reference") {
+              field = JSON.parse(JSON.stringify(field));
+              delete field.fields;
+            }
+            return field;
+          });
+          var dataFields = {
+            title: `Data`,
+            minimum: 1,
+            maximum: 1,
+            key: "data",
+            asObject: true,
+            type: "group",
+            fields: cleanedDataFields
+          };
+          allFields.push(dataFields);
+        } else {
+          var dataFields = {
+            title: `${self2.definition.title}`,
+            minimum: 1,
+            maximum: 1,
+            key: "data",
+            asObject: true,
+            type: "group",
+            fields: definedFields
+          };
+          allFields.push(dataFields);
+        }
       }
-      var mapped = this.$qik.utils.mapFields(allFields);
+      var mapped = self2.$qik.utils.mapFields(allFields, { includeArrayDelimeter: true });
       return mapped;
     },
     operatorField() {
@@ -7033,14 +7066,14 @@ const _sfc_main$A = {
     NativeSelect
   }
 };
-const _hoisted_1$t = { class: "filter-rule" };
+const _hoisted_1$u = { class: "filter-rule" };
 const _hoisted_2$n = { class: "top" };
 const _hoisted_3$j = { class: "summary" };
-const _hoisted_4$i = /* @__PURE__ */ createTextVNode(" Match ");
+const _hoisted_4$h = /* @__PURE__ */ createTextVNode(" Match ");
 const _hoisted_5$b = /* @__PURE__ */ createTextVNode(" of the following conditions ");
-const _hoisted_6$9 = /* @__PURE__ */ createElementVNode("span", { class: "line" }, null, -1);
-const _hoisted_7$7 = { class: "operator" };
-const _hoisted_8$3 = /* @__PURE__ */ createTextVNode("Add Condition");
+const _hoisted_6$a = /* @__PURE__ */ createElementVNode("span", { class: "line" }, null, -1);
+const _hoisted_7$8 = { class: "operator" };
+const _hoisted_8$4 = /* @__PURE__ */ createTextVNode("Add Condition");
 function _sfc_render$A(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_native_select = resolveComponent("native-select");
   const _component_flex_cell = resolveComponent("flex-cell");
@@ -7048,14 +7081,14 @@ function _sfc_render$A(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_ux_button = resolveComponent("ux-button");
   const _component_flex_row = resolveComponent("flex-row");
   const _component_filter_condition = resolveComponent("filter-condition");
-  return openBlock(), createElementBlock("div", _hoisted_1$t, [
+  return openBlock(), createElementBlock("div", _hoisted_1$u, [
     createElementVNode("div", _hoisted_2$n, [
       createVNode(_component_flex_row, null, {
         default: withCtx(() => [
           createVNode(_component_flex_cell, null, {
             default: withCtx(() => [
               createElementVNode("div", _hoisted_3$j, [
-                _hoisted_4$i,
+                _hoisted_4$h,
                 createVNode(_component_native_select, {
                   modelValue: $data.model.operator,
                   "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => $data.model.operator = $event),
@@ -7105,8 +7138,8 @@ function _sfc_render$A(_ctx, _cache, $props, $setup, $data, $options) {
             shrink: ""
           }, {
             default: withCtx(() => [
-              _hoisted_6$9,
-              createElementVNode("div", _hoisted_7$7, toDisplayString($data.model.operator), 1)
+              _hoisted_6$a,
+              createElementVNode("div", _hoisted_7$8, toDisplayString($data.model.operator), 1)
             ]),
             _: 2
           }, 1032, ["class"])) : createCommentVNode("", true),
@@ -7128,7 +7161,7 @@ function _sfc_render$A(_ctx, _cache, $props, $setup, $data, $options) {
     }), 128)),
     createVNode(_component_ux_button, { onClick: $options.addCondition }, {
       default: withCtx(() => [
-        _hoisted_8$3
+        _hoisted_8$4
       ]),
       _: 1
     }, 8, ["onClick"])
@@ -7237,15 +7270,15 @@ const _sfc_main$z = {
     };
   }
 };
-const _hoisted_1$s = { class: "filters" };
+const _hoisted_1$t = { class: "filters" };
 const _hoisted_2$m = {
   key: 0,
   class: "top"
 };
 const _hoisted_3$i = { class: "summary" };
-const _hoisted_4$h = /* @__PURE__ */ createTextVNode(" Match ");
+const _hoisted_4$g = /* @__PURE__ */ createTextVNode(" Match ");
 const _hoisted_5$a = /* @__PURE__ */ createTextVNode(" of the following rules ");
-const _hoisted_6$8 = /* @__PURE__ */ createTextVNode("Add Filter Rule");
+const _hoisted_6$9 = /* @__PURE__ */ createTextVNode("Add Filter Rule");
 function _sfc_render$z(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_native_select = resolveComponent("native-select");
   const _component_filter_rule = resolveComponent("filter-rule");
@@ -7256,10 +7289,10 @@ function _sfc_render$z(_ctx, _cache, $props, $setup, $data, $options) {
     default: withCtx(() => [
       createVNode(_component_flex_body, null, {
         default: withCtx(() => [
-          createElementVNode("div", _hoisted_1$s, [
+          createElementVNode("div", _hoisted_1$t, [
             $data.model && $data.model.filters && $data.model.filters.length ? (openBlock(), createElementBlock("div", _hoisted_2$m, [
               createElementVNode("div", _hoisted_3$i, [
-                _hoisted_4$h,
+                _hoisted_4$g,
                 createVNode(_component_native_select, {
                   modelValue: $data.model.operator,
                   "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => $data.model.operator = $event),
@@ -7288,7 +7321,7 @@ function _sfc_render$z(_ctx, _cache, $props, $setup, $data, $options) {
               onClick: _cache[1] || (_cache[1] = ($event) => $options.addRule())
             }, {
               default: withCtx(() => [
-                _hoisted_6$8
+                _hoisted_6$9
               ]),
               _: 1
             })
@@ -7344,7 +7377,7 @@ const _sfc_main$y = {
     }
   }
 };
-const _hoisted_1$r = {
+const _hoisted_1$s = {
   key: 0,
   class: "ux-field-title"
 };
@@ -7356,7 +7389,7 @@ const _hoisted_3$h = {
   key: 1,
   class: "ux-field-description"
 };
-const _hoisted_4$g = { key: 2 };
+const _hoisted_4$f = { key: 2 };
 function _sfc_render$y(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_filter_builder = resolveComponent("filter-builder");
   const _component_flex_cell = resolveComponent("flex-cell");
@@ -7364,12 +7397,12 @@ function _sfc_render$y(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_ux_button = resolveComponent("ux-button");
   const _component_flex_row = resolveComponent("flex-row");
   return openBlock(), createElementBlock(Fragment, null, [
-    _ctx.showLabel ? (openBlock(), createElementBlock("label", _hoisted_1$r, [
+    _ctx.showLabel ? (openBlock(), createElementBlock("label", _hoisted_1$s, [
       createTextVNode(toDisplayString(_ctx.label) + " (" + toDisplayString($options.definitionTitle) + ") ", 1),
       _ctx.required ? (openBlock(), createElementBlock("span", _hoisted_2$l, "*")) : createCommentVNode("", true)
     ])) : createCommentVNode("", true),
     _ctx.showDescription ? (openBlock(), createElementBlock("div", _hoisted_3$h, toDisplayString(_ctx.description), 1)) : createCommentVNode("", true),
-    _ctx.multiValue ? (openBlock(), createElementBlock("div", _hoisted_4$g, [
+    _ctx.multiValue ? (openBlock(), createElementBlock("div", _hoisted_4$f, [
       (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.model, (entry, index2) => {
         return openBlock(), createBlock(_component_flex_row, {
           class: "ux-text-row",
@@ -7467,7 +7500,7 @@ const _sfc_main$x = {
     }
   }
 };
-const _hoisted_1$q = {
+const _hoisted_1$r = {
   key: 0,
   class: "ux-field-title"
 };
@@ -7503,7 +7536,7 @@ function _sfc_render$x(_ctx, _cache, $props, $setup, $data, $options) {
       createVNode(_component_flex_cell, { vcenter: "" }, {
         default: withCtx(() => [
           createElementVNode("div", null, [
-            _ctx.showLabel ? (openBlock(), createElementBlock("label", _hoisted_1$q, [
+            _ctx.showLabel ? (openBlock(), createElementBlock("label", _hoisted_1$r, [
               createTextVNode(toDisplayString(_ctx.label) + " ", 1),
               _ctx.required ? (openBlock(), createElementBlock("span", _hoisted_2$k, "*")) : createCommentVNode("", true)
             ])) : createCommentVNode("", true),
@@ -7552,7 +7585,7 @@ const _sfc_main$w = {
     }
   }
 };
-const _hoisted_1$p = ["multiple"];
+const _hoisted_1$q = ["multiple"];
 const _hoisted_2$j = /* @__PURE__ */ createTextVNode("Select Files");
 function _sfc_render$w(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_ux_button = resolveComponent("ux-button");
@@ -7566,7 +7599,7 @@ function _sfc_render$w(_ctx, _cache, $props, $setup, $data, $options) {
       type: "file",
       multiple: $props.multiple,
       onChange: _cache[0] || (_cache[0] = ($event) => $options.filesSelected($event.target.files))
-    }, null, 40, _hoisted_1$p),
+    }, null, 40, _hoisted_1$q),
     createElementVNode("div", {
       class: "file-drop-ux",
       onClick: _cache[1] || (_cache[1] = (...args) => $options.clicked && $options.clicked(...args))
@@ -7715,7 +7748,7 @@ const _sfc_main$v = {
   },
   computed: {}
 };
-const _hoisted_1$o = {
+const _hoisted_1$p = {
   key: 0,
   class: "ux-field-title"
 };
@@ -7727,13 +7760,13 @@ const _hoisted_3$f = {
   key: 1,
   class: "ux-field-description"
 };
-const _hoisted_4$f = {
+const _hoisted_4$e = {
   key: 2,
   class: "files"
 };
 const _hoisted_5$9 = { class: "size" };
-const _hoisted_6$7 = /* @__PURE__ */ createTextVNode("Select Files");
-const _hoisted_7$6 = /* @__PURE__ */ createTextVNode("Select File");
+const _hoisted_6$8 = /* @__PURE__ */ createTextVNode("Select Files");
+const _hoisted_7$7 = /* @__PURE__ */ createTextVNode("Select File");
 function _sfc_render$v(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_progress_bar = resolveComponent("progress-bar");
   const _component_flex_cell = resolveComponent("flex-cell");
@@ -7742,12 +7775,12 @@ function _sfc_render$v(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_flex_row = resolveComponent("flex-row");
   const _component_file_drop = resolveComponent("file-drop");
   return openBlock(), createElementBlock(Fragment, null, [
-    _ctx.showLabel ? (openBlock(), createElementBlock("label", _hoisted_1$o, [
+    _ctx.showLabel ? (openBlock(), createElementBlock("label", _hoisted_1$p, [
       createTextVNode(toDisplayString(_ctx.label) + " ", 1),
       _ctx.required ? (openBlock(), createElementBlock("span", _hoisted_2$i, "*")) : createCommentVNode("", true)
     ])) : createCommentVNode("", true),
     _ctx.showDescription ? (openBlock(), createElementBlock("div", _hoisted_3$f, toDisplayString(_ctx.description), 1)) : createCommentVNode("", true),
-    $data.files && $data.files.length ? (openBlock(), createElementBlock("div", _hoisted_4$f, [
+    $data.files && $data.files.length ? (openBlock(), createElementBlock("div", _hoisted_4$e, [
       (openBlock(true), createElementBlock(Fragment, null, renderList($data.files, (file, index2) => {
         return openBlock(), createElementBlock("div", {
           class: "file-item",
@@ -7794,7 +7827,7 @@ function _sfc_render$v(_ctx, _cache, $props, $setup, $data, $options) {
         default: withCtx(() => [
           createVNode(_component_ux_button, null, {
             default: withCtx(() => [
-              _hoisted_6$7
+              _hoisted_6$8
             ]),
             _: 1
           })
@@ -7808,7 +7841,7 @@ function _sfc_render$v(_ctx, _cache, $props, $setup, $data, $options) {
       default: withCtx(() => [
         createVNode(_component_ux_button, null, {
           default: withCtx(() => [
-            _hoisted_7$6
+            _hoisted_7$7
           ]),
           _: 1
         })
@@ -7823,6 +7856,10 @@ const _sfc_main$u = {
   mixins: [InputMixin],
   components: { draggable: draggableComponent },
   props: {
+    submission: {
+      type: Boolean,
+      default: false
+    },
     modelValue: {
       type: [Object, Array]
     }
@@ -7890,7 +7927,7 @@ const _sfc_main$u = {
     }
   }
 };
-const _hoisted_1$n = {
+const _hoisted_1$o = {
   key: 0,
   class: "ux-multi-group"
 };
@@ -7904,7 +7941,7 @@ function _sfc_render$u(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_ux_panel_body = resolveComponent("ux-panel-body");
   const _component_ux_panel = resolveComponent("ux-panel");
   const _component_draggable = resolveComponent("draggable");
-  return _ctx.multiValue ? (openBlock(), createElementBlock("div", _hoisted_1$n, [
+  return _ctx.multiValue ? (openBlock(), createElementBlock("div", _hoisted_1$o, [
     $options.reorderable ? (openBlock(), createBlock(_component_draggable, {
       key: 0,
       modelValue: _ctx.model,
@@ -7993,13 +8030,14 @@ function _sfc_render$u(_ctx, _cache, $props, $setup, $data, $options) {
               default: withCtx(() => [
                 createVNode(_component_ux_form, {
                   ref: "form",
+                  submission: $props.submission,
                   "onForm:state": $options.stateChange,
                   parentModel: _ctx.parentModel,
                   modelValue: _ctx.model[index2],
                   "onUpdate:modelValue": ($event) => _ctx.model[index2] = $event,
                   flex: $options.sameLine,
                   fields: _ctx.field.fields
-                }, null, 8, ["onForm:state", "parentModel", "modelValue", "onUpdate:modelValue", "flex", "fields"])
+                }, null, 8, ["submission", "onForm:state", "parentModel", "modelValue", "onUpdate:modelValue", "flex", "fields"])
               ]),
               _: 2
             }, 1536), [
@@ -8094,13 +8132,14 @@ function _sfc_render$u(_ctx, _cache, $props, $setup, $data, $options) {
               createVNode(_component_ux_form, {
                 ref_for: true,
                 ref: "form",
+                submission: $props.submission,
                 "onForm:state": $options.stateChange,
                 parentModel: _ctx.parentModel,
                 modelValue: _ctx.model[index2],
                 "onUpdate:modelValue": ($event) => _ctx.model[index2] = $event,
                 flex: $options.sameLine,
                 fields: _ctx.field.fields
-              }, null, 8, ["onForm:state", "parentModel", "modelValue", "onUpdate:modelValue", "flex", "fields"])
+              }, null, 8, ["submission", "onForm:state", "parentModel", "modelValue", "onUpdate:modelValue", "flex", "fields"])
             ]),
             _: 2
           }, 1536), [
@@ -8126,15 +8165,16 @@ function _sfc_render$u(_ctx, _cache, $props, $setup, $data, $options) {
   ])) : (openBlock(), createBlock(_component_ux_form, {
     key: 1,
     ref: "form",
+    submission: $props.submission,
     "onForm:state": $options.stateChange,
     parentModel: _ctx.parentModel,
     modelValue: _ctx.model,
     "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => _ctx.model = $event),
     flex: $options.sameLine,
     fields: _ctx.field.fields
-  }, null, 8, ["onForm:state", "parentModel", "modelValue", "flex", "fields"]));
+  }, null, 8, ["submission", "onForm:state", "parentModel", "modelValue", "flex", "fields"]));
 }
-var FieldGroup$1 = /* @__PURE__ */ _export_sfc(_sfc_main$u, [["render", _sfc_render$u], ["__scopeId", "data-v-67669f46"]]);
+var FieldGroup$1 = /* @__PURE__ */ _export_sfc(_sfc_main$u, [["render", _sfc_render$u], ["__scopeId", "data-v-106e1cf4"]]);
 const _sfc_main$t = {
   props: {
     option: {
@@ -8278,7 +8318,7 @@ const _sfc_main$s = {
     }
   }
 };
-const _hoisted_1$m = {
+const _hoisted_1$n = {
   key: 0,
   class: "ux-field-title"
 };
@@ -8290,18 +8330,18 @@ const _hoisted_3$e = {
   key: 1,
   class: "ux-field-description"
 };
-const _hoisted_4$e = { class: "buttons" };
+const _hoisted_4$d = { class: "buttons" };
 function _sfc_render$s(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_ux_icon = resolveComponent("ux-icon");
   const _component_ux_button = resolveComponent("ux-button");
   const _component_option_slot = resolveComponent("option-slot");
   return openBlock(), createElementBlock(Fragment, null, [
-    _ctx.showLabel ? (openBlock(), createElementBlock("label", _hoisted_1$m, [
+    _ctx.showLabel ? (openBlock(), createElementBlock("label", _hoisted_1$n, [
       createTextVNode(toDisplayString(_ctx.label) + " ", 1),
       _ctx.required ? (openBlock(), createElementBlock("span", _hoisted_2$h, "*")) : createCommentVNode("", true)
     ])) : createCommentVNode("", true),
     _ctx.showDescription ? (openBlock(), createElementBlock("div", _hoisted_3$e, toDisplayString(_ctx.description), 1)) : createCommentVNode("", true),
-    createElementVNode("div", _hoisted_4$e, [
+    createElementVNode("div", _hoisted_4$d, [
       (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.selectableOptions, (option2) => {
         return openBlock(), createBlock(_component_option_slot, { option: option2 }, {
           default: withCtx(({ plainValue }) => [
@@ -8341,7 +8381,7 @@ const _sfc_main$r = {
     }
   }
 };
-const _hoisted_1$l = {
+const _hoisted_1$m = {
   key: 0,
   class: "ux-field-title"
 };
@@ -8353,7 +8393,7 @@ const _hoisted_3$d = {
   key: 1,
   class: "ux-field-description"
 };
-const _hoisted_4$d = { key: 2 };
+const _hoisted_4$c = { key: 2 };
 const _hoisted_5$8 = { key: 3 };
 function _sfc_render$r(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_flex_cell = resolveComponent("flex-cell");
@@ -8361,12 +8401,12 @@ function _sfc_render$r(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_ux_button = resolveComponent("ux-button");
   const _component_flex_row = resolveComponent("flex-row");
   return openBlock(), createElementBlock(Fragment, null, [
-    _ctx.showLabel ? (openBlock(), createElementBlock("label", _hoisted_1$l, [
+    _ctx.showLabel ? (openBlock(), createElementBlock("label", _hoisted_1$m, [
       createTextVNode(toDisplayString(_ctx.label) + " ", 1),
       _ctx.required ? (openBlock(), createElementBlock("span", _hoisted_2$g, "*")) : createCommentVNode("", true)
     ])) : createCommentVNode("", true),
     _ctx.showDescription ? (openBlock(), createElementBlock("div", _hoisted_3$d, toDisplayString(_ctx.description), 1)) : createCommentVNode("", true),
-    _ctx.multiValue ? (openBlock(), createElementBlock("div", _hoisted_4$d, [
+    _ctx.multiValue ? (openBlock(), createElementBlock("div", _hoisted_4$c, [
       (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.model, (entry, index2) => {
         return openBlock(), createBlock(_component_flex_row, {
           class: "ux-text-row",
@@ -8514,8 +8554,8 @@ const _sfc_main$q = {
     }
   }
 };
-const _withScopeId$1 = (n2) => (pushScopeId("data-v-42a51394"), n2 = n2(), popScopeId(), n2);
-const _hoisted_1$k = {
+const _withScopeId$2 = (n2) => (pushScopeId("data-v-42a51394"), n2 = n2(), popScopeId(), n2);
+const _hoisted_1$l = {
   key: 0,
   class: "ux-field-title"
 };
@@ -8527,31 +8567,31 @@ const _hoisted_3$c = {
   key: 1,
   class: "ux-field-description"
 };
-const _hoisted_4$c = { key: 2 };
+const _hoisted_4$b = { key: 2 };
 const _hoisted_5$7 = { class: "ux-text-wrap prefixed" };
-const _hoisted_6$6 = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ createElementVNode("span", { class: "ux-text-prefix" }, "Label", -1));
-const _hoisted_7$5 = ["onBlur", "onUpdate:modelValue"];
-const _hoisted_8$2 = ["onBlur", "onUpdate:modelValue"];
-const _hoisted_9$1 = { class: "ux-text-wrap prefixed" };
-const _hoisted_10$1 = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ createElementVNode("span", { class: "ux-text-prefix" }, "Value", -1));
+const _hoisted_6$7 = /* @__PURE__ */ _withScopeId$2(() => /* @__PURE__ */ createElementVNode("span", { class: "ux-text-prefix" }, "Label", -1));
+const _hoisted_7$6 = ["onBlur", "onUpdate:modelValue"];
+const _hoisted_8$3 = ["onBlur", "onUpdate:modelValue"];
+const _hoisted_9$2 = { class: "ux-text-wrap prefixed" };
+const _hoisted_10$2 = /* @__PURE__ */ _withScopeId$2(() => /* @__PURE__ */ createElementVNode("span", { class: "ux-text-prefix" }, "Value", -1));
 const _hoisted_11$1 = ["onFocus", "onUpdate:modelValue"];
 const _hoisted_12$1 = ["onFocus", "onUpdate:modelValue"];
 const _hoisted_13 = { class: "ux-text-wrap prefixed" };
-const _hoisted_14 = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ createElementVNode("span", { class: "ux-text-prefix" }, "Label", -1));
+const _hoisted_14 = /* @__PURE__ */ _withScopeId$2(() => /* @__PURE__ */ createElementVNode("span", { class: "ux-text-prefix" }, "Label", -1));
 const _hoisted_15 = { class: "ux-text-wrap prefixed" };
-const _hoisted_16 = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ createElementVNode("span", { class: "ux-text-prefix" }, "Value", -1));
+const _hoisted_16 = /* @__PURE__ */ _withScopeId$2(() => /* @__PURE__ */ createElementVNode("span", { class: "ux-text-prefix" }, "Value", -1));
 function _sfc_render$q(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_flex_cell = resolveComponent("flex-cell");
   const _component_ux_icon = resolveComponent("ux-icon");
   const _component_ux_button = resolveComponent("ux-button");
   const _component_flex_row = resolveComponent("flex-row");
   return openBlock(), createElementBlock(Fragment, null, [
-    _ctx.showLabel ? (openBlock(), createElementBlock("label", _hoisted_1$k, [
+    _ctx.showLabel ? (openBlock(), createElementBlock("label", _hoisted_1$l, [
       createTextVNode(toDisplayString(_ctx.label) + " ", 1),
       _ctx.required ? (openBlock(), createElementBlock("span", _hoisted_2$f, "*")) : createCommentVNode("", true)
     ])) : createCommentVNode("", true),
     _ctx.showDescription ? (openBlock(), createElementBlock("div", _hoisted_3$c, toDisplayString(_ctx.description), 1)) : createCommentVNode("", true),
-    _ctx.multiValue ? (openBlock(), createElementBlock("div", _hoisted_4$c, [
+    _ctx.multiValue ? (openBlock(), createElementBlock("div", _hoisted_4$b, [
       (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.model, (entry, index2) => {
         return openBlock(), createBlock(_component_flex_row, {
           class: "ux-text-row",
@@ -8561,7 +8601,7 @@ function _sfc_render$q(_ctx, _cache, $props, $setup, $data, $options) {
             createVNode(_component_flex_cell, null, {
               default: withCtx(() => [
                 createElementVNode("div", _hoisted_5$7, [
-                  _hoisted_6$6,
+                  _hoisted_6$7,
                   $options.lazy ? withDirectives((openBlock(), createElementBlock("input", {
                     key: 0,
                     class: "ux-field-focus ux-text-input-multiple",
@@ -8572,7 +8612,7 @@ function _sfc_render$q(_ctx, _cache, $props, $setup, $data, $options) {
                     onKeydown: _cache[1] || (_cache[1] = withKeys(withModifiers(($event) => _ctx.add(), ["stop", "prevent"]), ["enter"])),
                     onBlur: ($event) => $options.titleBlurred(index2),
                     "onUpdate:modelValue": [($event) => $options.entryTitleChanged(index2), ($event) => _ctx.model[index2].title = $event]
-                  }, null, 40, _hoisted_7$5)), [
+                  }, null, 40, _hoisted_7$6)), [
                     [
                       vModelText,
                       _ctx.model[index2].title,
@@ -8590,7 +8630,7 @@ function _sfc_render$q(_ctx, _cache, $props, $setup, $data, $options) {
                     onKeydown: _cache[3] || (_cache[3] = withKeys(withModifiers(($event) => _ctx.add(), ["stop", "prevent"]), ["enter"])),
                     onBlur: ($event) => $options.titleBlurred(index2),
                     "onUpdate:modelValue": [($event) => $options.entryTitleChanged(index2), ($event) => _ctx.model[index2].title = $event]
-                  }, null, 40, _hoisted_8$2)), [
+                  }, null, 40, _hoisted_8$3)), [
                     [vModelText, _ctx.model[index2].title]
                   ]) : createCommentVNode("", true)
                 ])
@@ -8599,8 +8639,8 @@ function _sfc_render$q(_ctx, _cache, $props, $setup, $data, $options) {
             }, 1024),
             createVNode(_component_flex_cell, null, {
               default: withCtx(() => [
-                createElementVNode("div", _hoisted_9$1, [
-                  _hoisted_10$1,
+                createElementVNode("div", _hoisted_9$2, [
+                  _hoisted_10$2,
                   $options.lazy ? withDirectives((openBlock(), createElementBlock("input", {
                     key: 0,
                     class: "ux-field-focus ux-text-input-multiple",
@@ -8837,7 +8877,7 @@ const _sfc_main$o = {
     }
   }
 };
-const _hoisted_1$j = {
+const _hoisted_1$k = {
   key: 0,
   class: "ux-field-title"
 };
@@ -8849,9 +8889,9 @@ const _hoisted_3$b = {
   key: 1,
   class: "ux-field-description"
 };
-const _hoisted_4$b = { key: 2 };
+const _hoisted_4$a = { key: 2 };
 const _hoisted_5$6 = { class: "code-editor-field-wrap" };
-const _hoisted_6$5 = {
+const _hoisted_6$6 = {
   key: 3,
   class: "code-editor-field-wrap"
 };
@@ -8862,12 +8902,12 @@ function _sfc_render$o(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_ux_button = resolveComponent("ux-button");
   const _component_flex_row = resolveComponent("flex-row");
   return openBlock(), createElementBlock(Fragment, null, [
-    _ctx.showLabel ? (openBlock(), createElementBlock("label", _hoisted_1$j, [
+    _ctx.showLabel ? (openBlock(), createElementBlock("label", _hoisted_1$k, [
       createTextVNode(toDisplayString(_ctx.label) + " ", 1),
       _ctx.required ? (openBlock(), createElementBlock("span", _hoisted_2$e, "*")) : createCommentVNode("", true)
     ])) : createCommentVNode("", true),
     _ctx.showDescription ? (openBlock(), createElementBlock("div", _hoisted_3$b, toDisplayString(_ctx.description), 1)) : createCommentVNode("", true),
-    _ctx.multiValue ? (openBlock(), createElementBlock("div", _hoisted_4$b, [
+    _ctx.multiValue ? (openBlock(), createElementBlock("div", _hoisted_4$a, [
       (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.model, (entry, index2) => {
         return openBlock(), createBlock(_component_flex_row, {
           class: "ux-text-row",
@@ -8922,7 +8962,7 @@ function _sfc_render$o(_ctx, _cache, $props, $setup, $data, $options) {
         ]),
         _: 1
       })) : createCommentVNode("", true)
-    ])) : (openBlock(), createElementBlock("div", _hoisted_6$5, [
+    ])) : (openBlock(), createElementBlock("div", _hoisted_6$6, [
       createVNode(_component_code_editor, {
         lang: $options.syntax,
         class: "ux-code-editor ux-field-focus ux-text-area-single",
@@ -9057,7 +9097,7 @@ const _sfc_main$n = {
     }
   }
 };
-const _hoisted_1$i = {
+const _hoisted_1$j = {
   key: 0,
   class: "ux-field-title"
 };
@@ -9069,27 +9109,27 @@ const _hoisted_3$a = {
   key: 1,
   class: "ux-field-description"
 };
-const _hoisted_4$a = {
+const _hoisted_4$9 = {
   key: 2,
   class: "ui-select-button"
 };
 const _hoisted_5$5 = ["multiple"];
-const _hoisted_6$4 = {
+const _hoisted_6$5 = {
   key: 0,
   value: ""
 };
-const _hoisted_7$4 = ["value"];
+const _hoisted_7$5 = ["value"];
 function _sfc_render$n(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_ux_button = resolveComponent("ux-button");
   return openBlock(), createElementBlock("div", {
     class: normalizeClass(["native-select", $options.classes])
   }, [
-    _ctx.showLabel ? (openBlock(), createElementBlock("label", _hoisted_1$i, [
+    _ctx.showLabel ? (openBlock(), createElementBlock("label", _hoisted_1$j, [
       createTextVNode(toDisplayString(_ctx.label) + " ", 1),
       _ctx.required ? (openBlock(), createElementBlock("span", _hoisted_2$d, "*")) : createCommentVNode("", true)
     ])) : createCommentVNode("", true),
     _ctx.showDescription ? (openBlock(), createElementBlock("div", _hoisted_3$a, toDisplayString(_ctx.description), 1)) : createCommentVNode("", true),
-    _ctx.singleValue ? (openBlock(), createElementBlock("div", _hoisted_4$a, [
+    _ctx.singleValue ? (openBlock(), createElementBlock("div", _hoisted_4$9, [
       renderSlot(_ctx.$slots, "default", {}, () => [
         createVNode(_component_ux_button, { tag: "div" }, {
           default: withCtx(() => [
@@ -9104,11 +9144,11 @@ function _sfc_render$n(_ctx, _cache, $props, $setup, $data, $options) {
       multiple: _ctx.multiValue,
       "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => _ctx.model = $event)
     }, [
-      _ctx.singleValue && !_ctx.minimum ? (openBlock(), createElementBlock("option", _hoisted_6$4, "None")) : createCommentVNode("", true),
+      _ctx.singleValue && !_ctx.minimum ? (openBlock(), createElementBlock("option", _hoisted_6$5, "None")) : createCommentVNode("", true),
       (openBlock(true), createElementBlock(Fragment, null, renderList($options.selectableOptions, (option2) => {
         return openBlock(), createElementBlock("option", {
           value: option2.value
-        }, toDisplayString(option2.title), 9, _hoisted_7$4);
+        }, toDisplayString(option2.title), 9, _hoisted_7$5);
       }), 256))
     ], 40, _hoisted_5$5), [
       [vModelSelect, _ctx.model]
@@ -9223,7 +9263,7 @@ const _sfc_main$m = {
     }
   }
 };
-const _hoisted_1$h = {
+const _hoisted_1$i = {
   key: 0,
   class: "ux-field-title"
 };
@@ -9235,27 +9275,27 @@ const _hoisted_3$9 = {
   key: 1,
   class: "ux-field-description"
 };
-const _hoisted_4$9 = {
+const _hoisted_4$8 = {
   key: 2,
   class: "ui-select-button"
 };
 const _hoisted_5$4 = ["multiple"];
-const _hoisted_6$3 = {
+const _hoisted_6$4 = {
   key: 0,
   value: ""
 };
-const _hoisted_7$3 = ["value"];
+const _hoisted_7$4 = ["value"];
 function _sfc_render$m(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_ux_button = resolveComponent("ux-button");
   return openBlock(), createElementBlock("div", {
     class: normalizeClass(["native-select", $options.classes])
   }, [
-    _ctx.showLabel ? (openBlock(), createElementBlock("label", _hoisted_1$h, [
+    _ctx.showLabel ? (openBlock(), createElementBlock("label", _hoisted_1$i, [
       createTextVNode(toDisplayString(_ctx.label) + " ", 1),
       _ctx.required ? (openBlock(), createElementBlock("span", _hoisted_2$c, "*")) : createCommentVNode("", true)
     ])) : createCommentVNode("", true),
     _ctx.showDescription ? (openBlock(), createElementBlock("div", _hoisted_3$9, toDisplayString(_ctx.description), 1)) : createCommentVNode("", true),
-    _ctx.singleValue ? (openBlock(), createElementBlock("div", _hoisted_4$9, [
+    _ctx.singleValue ? (openBlock(), createElementBlock("div", _hoisted_4$8, [
       renderSlot(_ctx.$slots, "default", {}, () => [
         createVNode(_component_ux_button, { tag: "div" }, {
           default: withCtx(() => [
@@ -9270,11 +9310,11 @@ function _sfc_render$m(_ctx, _cache, $props, $setup, $data, $options) {
       multiple: _ctx.multiValue,
       "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => _ctx.model = $event)
     }, [
-      _ctx.singleValue && !_ctx.minimum ? (openBlock(), createElementBlock("option", _hoisted_6$3, "None")) : createCommentVNode("", true),
+      _ctx.singleValue && !_ctx.minimum ? (openBlock(), createElementBlock("option", _hoisted_6$4, "None")) : createCommentVNode("", true),
       (openBlock(true), createElementBlock(Fragment, null, renderList($options.selectableOptions, (option2) => {
         return openBlock(), createElementBlock("option", {
           value: option2.value
-        }, toDisplayString(option2.title), 9, _hoisted_7$3);
+        }, toDisplayString(option2.title), 9, _hoisted_7$4);
       }), 256))
     ], 40, _hoisted_5$4), [
       [vModelSelect, _ctx.model]
@@ -9917,7 +9957,10 @@ function getDefaultValue(fieldData, currentValue) {
   var ask = parseInt(fieldData.ask || 0);
   ask = Math.max(ask, minimum);
   ask = maximum ? Math.min(ask, maximum) : ask;
-  var singleValue = maximum == 1;
+  var singleValue = maximum === 1;
+  if (fieldData.asObject && fieldData.type === "group") {
+    singleValue = maximum === minimum === 1;
+  }
   var multiValue = !singleValue;
   var defaultValues = (fieldData.type === "reference" ? fieldData.defaultReferences : fieldData.defaultValues) || [];
   var firstDefaultValue = defaultValues[0];
@@ -10195,12 +10238,12 @@ const _sfc_main$l = {
         this.fieldModel = this.getExpressionValue;
       }
     },
-    reset() {
-      this.touched = false;
-    },
     touch() {
       this.touched = true;
     },
+    reset() {
+      this.touched = false;
+    },
     cleanInput(val) {
       return this.fieldCleanInput(val);
     },
@@ -10291,7 +10334,10 @@ const _sfc_main$l = {
   },
   computed: {
     fieldDefaultValue() {
-      return this.cleanInput(this.expressions && this.expressions.defaultValue ? this.getExpressionDefaultValue : getDefaultValue(this.actualField));
+      var expressionDefaultValue = this.expressions && this.expressions.defaultValue ? this.getExpressionDefaultValue : void 0;
+      var normalDefaultValue = getDefaultValue(this.actualField);
+      var defaultValue = this.cleanInput(expressionDefaultValue || normalDefaultValue);
+      return defaultValue;
     },
     title() {
       return this.field.title;
@@ -10514,7 +10560,7 @@ const _sfc_main$l = {
     }
   }
 };
-const _hoisted_1$g = {
+const _hoisted_1$h = {
   key: 24,
   class: "ux-field-message"
 };
@@ -10736,10 +10782,10 @@ function _sfc_render$l(_ctx, _cache, $props, $setup, $data, $options) {
       ]),
       _: 1
     })) : createCommentVNode("", true),
-    $options.error && $data.validateResults.message ? (openBlock(), createElementBlock("div", _hoisted_1$g, toDisplayString($data.validateResults.message), 1)) : createCommentVNode("", true)
+    $options.error && $data.validateResults.message ? (openBlock(), createElementBlock("div", _hoisted_1$h, toDisplayString($data.validateResults.message), 1)) : createCommentVNode("", true)
   ], 34)) : createCommentVNode("", true);
 }
-var UXFormField = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["render", _sfc_render$l], ["__scopeId", "data-v-54e7b3ce"]]);
+var UXFormField = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["render", _sfc_render$l], ["__scopeId", "data-v-3e31f9aa"]]);
 var form_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _sfc_main$k = {
   props: {
@@ -10790,7 +10836,20 @@ const _sfc_main$k = {
     this.mounted = false;
   },
   methods: {
+    touch() {
+      this.childFields.forEach(function(field) {
+        field.touch();
+      });
+      this.touched = true;
+    },
     reset() {
+      this.childFields.forEach(function(field) {
+        field.reset();
+      });
+      this.touched = false;
+    },
+    validate() {
+      console.log("VALIDATE FORM");
     },
     fieldUnmounted(field) {
       this.fieldStateChange(field, "unmount");
@@ -10845,7 +10904,8 @@ const _sfc_main$k = {
             invalid = true;
             invalidFields.push({
               title: field.field.title,
-              key: field.field.key
+              key: field.field.key,
+              message: field.invalidMessage
             });
           }
           if (field.error) {
@@ -10988,37 +11048,62 @@ function _sfc_render$k(_ctx, _cache, $props, $setup, $data, $options) {
     ], true)
   ], 2);
 }
-var UXForm = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["render", _sfc_render$k], ["__scopeId", "data-v-03d1fed4"]]);
+var UXForm = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["render", _sfc_render$k], ["__scopeId", "data-v-30496a0c"]]);
+var submissionform_vue_vue_type_style_index_0_scoped_true_lang = "";
 const STATE_READY = "form.ready";
 const STATE_PROCESSING = "form.processing";
 const STATE_COMPLETE = "form.complete";
 const STATE_ERROR = "form.error";
 const _sfc_main$j = {
   methods: {
+    formStateUpdated(state) {
+      this.formState = state;
+    },
     softReset() {
       this.state = STATE_READY;
     },
+    touch() {
+      if (this.$refs.form) {
+        this.$refs.form.touch();
+      }
+    },
+    untouch() {
+      if (this.$refs.form) {
+        this.$refs.form.reset();
+      }
+    },
     reset() {
       this.model = {};
+      this.untouch();
       this.state = STATE_READY;
       this.error = null;
+      this.submitAttempted = false;
     },
     async submit() {
       const self2 = this;
+      self2.touch();
+      if (!self2.submitAttempted) {
+        self2.submitAttempted = true;
+        self2.touch();
+      }
+      if (self2.buttonDisabled) {
+        console.log("Form is invalid", this.formState);
+        return;
+      }
       self2.state = STATE_PROCESSING;
       await self2.preSubmit();
       const submission = JSON.parse(JSON.stringify(self2.model));
-      await new Promise(function(resolve, reject) {
-        self2.$qik.api.post(`/form/${self2.formID}`, submission).then(function(res) {
-          return resolve(res.data);
-        }, function(err) {
-          self2.error = err;
-          self2.state = STATE_ERROR;
-          return reject(err);
-        });
-      });
-      await self2.postSubmit();
-      self2.state = STATE_COMPLETE;
+      self2.$qik.api.post(`/form/${self2.formID}`, submission).then(submissionComplete, submissionFailed);
+      async function submissionComplete(res) {
+        await self2.postSubmit();
+        self2.state = STATE_COMPLETE;
+      }
+      async function submissionFailed(err) {
+        var _a;
+        err = ((_a = err.response) == null ? void 0 : _a.data) || err;
+        self2.error = err;
+        self2.state = STATE_ERROR;
+      }
     },
     async preSubmit() {
     },
@@ -11047,6 +11132,8 @@ const _sfc_main$j = {
   },
   data() {
     return {
+      submitAttempted: false,
+      formState: null,
       state: STATE_READY,
       mounted: false,
       model: this.modelValue,
@@ -11060,6 +11147,16 @@ const _sfc_main$j = {
     this.mounted = false;
   },
   computed: {
+    tooltip() {
+      return this.buttonDisabled ? "Please check the errors in your form" : void 0;
+    },
+    buttonDisabled() {
+      return this.submitAttempted && this.invalid;
+    },
+    invalid() {
+      var _a;
+      return (_a = this.formState) == null ? void 0 : _a.invalid;
+    },
     formID() {
       return this.$qik.utils.id(this.form);
     },
@@ -11068,52 +11165,80 @@ const _sfc_main$j = {
     }
   }
 };
-const _hoisted_1$f = { class: "ux-submission-form" };
-const _hoisted_2$b = /* @__PURE__ */ createTextVNode(" Try again ");
-const _hoisted_3$8 = /* @__PURE__ */ createTextVNode(" Complete! ");
-const _hoisted_4$8 = /* @__PURE__ */ createTextVNode(" Back to form ");
-const _hoisted_5$3 = /* @__PURE__ */ createTextVNode(" Submit ");
+const _withScopeId$1 = (n2) => (pushScopeId("data-v-227974b0"), n2 = n2(), popScopeId(), n2);
+const _hoisted_1$g = { class: "ux-submission-form" };
+const _hoisted_2$b = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ createElementVNode("h3", null, "An error occurred", -1));
+const _hoisted_3$8 = { key: 0 };
+const _hoisted_4$7 = { key: 1 };
+const _hoisted_5$3 = { key: 2 };
+const _hoisted_6$3 = /* @__PURE__ */ createTextVNode(" Try again ");
+const _hoisted_7$3 = /* @__PURE__ */ createTextVNode(" Complete! ");
+const _hoisted_8$2 = /* @__PURE__ */ createTextVNode(" Back to form ");
+const _hoisted_9$1 = ["tooltip"];
+const _hoisted_10$1 = /* @__PURE__ */ createTextVNode(" Submit ");
 function _sfc_render$j(_ctx, _cache, $props, $setup, $data, $options) {
+  var _a;
+  const _component_ux_icon = resolveComponent("ux-icon");
   const _component_ux_button = resolveComponent("ux-button");
   const _component_ux_form = resolveComponent("ux-form");
-  return openBlock(), createElementBlock("div", _hoisted_1$f, [
+  return openBlock(), createElementBlock("div", _hoisted_1$g, [
     $data.state === "form.error" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-      createElementVNode("pre", null, toDisplayString($data.error), 1),
-      createVNode(_component_ux_button, { onClick: $options.softReset }, {
+      _hoisted_2$b,
+      $data.error.message ? (openBlock(), createElementBlock("pre", _hoisted_3$8, toDisplayString($data.error.message), 1)) : createCommentVNode("", true),
+      ((_a = $data.error.data) == null ? void 0 : _a.errors) ? (openBlock(), createElementBlock("div", _hoisted_4$7, [
+        (openBlock(true), createElementBlock(Fragment, null, renderList($data.error.data.errors, (field) => {
+          return openBlock(), createElementBlock("pre", {
+            key: field.path
+          }, toDisplayString(field.message), 1);
+        }), 128))
+      ])) : (openBlock(), createElementBlock("pre", _hoisted_5$3, toDisplayString($data.error), 1)),
+      createVNode(_component_ux_button, {
+        color: "primary",
+        onClick: $options.softReset
+      }, {
         default: withCtx(() => [
-          _hoisted_2$b
+          _hoisted_6$3,
+          createVNode(_component_ux_icon, {
+            right: "",
+            icon: "fa-undo"
+          })
         ]),
         _: 1
       }, 8, ["onClick"])
     ], 64)) : $data.state === "form.complete" ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-      _hoisted_3$8,
+      _hoisted_7$3,
       createVNode(_component_ux_button, { onClick: $options.reset }, {
         default: withCtx(() => [
-          _hoisted_4$8
+          _hoisted_8$2
         ]),
         _: 1
       }, 8, ["onClick"])
     ], 64)) : (openBlock(), createElementBlock(Fragment, { key: 2 }, [
       createVNode(_component_ux_form, {
         submission: "",
+        ref: "form",
         modelValue: $data.model,
         "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => $data.model = $event),
+        "onForm:state": $options.formStateUpdated,
         fields: $options.fields
-      }, null, 8, ["modelValue", "fields"]),
-      createVNode(_component_ux_button, {
-        color: "primary",
-        onClick: $options.submit,
-        loading: $data.state === "form.processing"
-      }, {
-        default: withCtx(() => [
-          _hoisted_5$3
-        ]),
-        _: 1
-      }, 8, ["onClick", "loading"])
+      }, null, 8, ["modelValue", "onForm:state", "fields"]),
+      createElementVNode("span", { tooltip: $options.tooltip }, [
+        createVNode(_component_ux_button, {
+          disabled: $options.buttonDisabled,
+          color: "primary",
+          onClick: $options.submit,
+          loading: $data.state === "form.processing"
+        }, {
+          default: withCtx(() => [
+            _hoisted_10$1
+          ]),
+          _: 1
+        }, 8, ["disabled", "onClick", "loading"])
+      ], 8, _hoisted_9$1)
     ], 64))
   ]);
 }
-var UXSubmissionForm = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["render", _sfc_render$j]]);
+var UXSubmissionForm = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["render", _sfc_render$j], ["__scopeId", "data-v-227974b0"]]);
 var search_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _sfc_main$i = {
   props: {
@@ -11180,11 +11305,11 @@ const _sfc_main$i = {
     }
   }
 };
-const _hoisted_1$e = { class: "search" };
+const _hoisted_1$f = { class: "search" };
 const _hoisted_2$a = ["placeholder"];
 function _sfc_render$i(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_ux_icon = resolveComponent("ux-icon");
-  return openBlock(), createElementBlock("div", _hoisted_1$e, [
+  return openBlock(), createElementBlock("div", _hoisted_1$f, [
     withDirectives(createElementVNode("input", {
       "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => $options.model = $event),
       placeholder: $props.placeholder
@@ -11239,10 +11364,18 @@ var RenderMixin = {
       return this.field.description;
     },
     singleValue() {
-      return this.maximum == 1;
+      if (this.asObject) {
+        var isSingle = this.minimum === 1 && this.maximum === 1;
+        return isSingle;
+      } else {
+        return this.maximum === 1;
+      }
+    },
+    type() {
+      return this.field.type || "string";
     },
     multiValue() {
-      return this.maximum != 1;
+      return !this.singleValue;
     },
     key() {
       return this.field.key;
@@ -11325,7 +11458,7 @@ const _sfc_main$h = {
     }
   }
 };
-const _hoisted_1$d = {
+const _hoisted_1$e = {
   key: 0,
   class: "ux-multi-group"
 };
@@ -11336,7 +11469,7 @@ function _sfc_render$h(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_ux_render = resolveComponent("ux-render");
   const _component_ux_panel_body = resolveComponent("ux-panel-body");
   const _component_ux_panel = resolveComponent("ux-panel");
-  return _ctx.multiValue ? (openBlock(), createElementBlock("div", _hoisted_1$d, [
+  return _ctx.multiValue ? (openBlock(), createElementBlock("div", _hoisted_1$e, [
     (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.model, (entry, index2) => {
       return openBlock(), createBlock(_component_ux_panel, {
         ref_for: true,
@@ -11389,7 +11522,7 @@ function _sfc_render$h(_ctx, _cache, $props, $setup, $data, $options) {
     "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.model = $event)
   }, null, 8, ["submission", "fields", "flex", "parentModel", "modelValue"]));
 }
-var FieldGroup = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["render", _sfc_render$h], ["__scopeId", "data-v-1d1202c5"]]);
+var FieldGroup = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["render", _sfc_render$h], ["__scopeId", "data-v-5d97d5ca"]]);
 var field_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _sfc_main$g = {
   components: {
@@ -11581,10 +11714,10 @@ const _sfc_main$g = {
     }
   }
 };
-const _hoisted_1$c = { class: "ux-field-title" };
+const _hoisted_1$d = { class: "ux-field-title" };
 const _hoisted_2$9 = { class: "ux-field-description" };
 const _hoisted_3$7 = { key: 1 };
-const _hoisted_4$7 = { key: 1 };
+const _hoisted_4$6 = { key: 1 };
 const _hoisted_5$2 = { key: 1 };
 const _hoisted_6$2 = ["href"];
 const _hoisted_7$2 = { key: 1 };
@@ -11600,7 +11733,7 @@ function _sfc_render$g(_ctx, _cache, $props, $setup, $data, $options) {
     key: 0,
     class: normalizeClass(["ux-field-render", $options.classes])
   }, [
-    createElementVNode("label", _hoisted_1$c, toDisplayString($options.title), 1),
+    createElementVNode("label", _hoisted_1$d, toDisplayString($options.title), 1),
     createElementVNode("div", _hoisted_2$9, toDisplayString($props.field.description), 1),
     $options.widget === "group" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
       $options.asObject ? (openBlock(), createBlock(_component_field_group, {
@@ -11647,7 +11780,7 @@ function _sfc_render$g(_ctx, _cache, $props, $setup, $data, $options) {
       $options.type == "boolean" ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [
         $options.multiValue ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList($options.fieldModel, (value, index2) => {
           return openBlock(), createElementBlock("div", null, toDisplayString(!!value), 1);
-        }), 256)) : (openBlock(), createElementBlock("div", _hoisted_4$7, toDisplayString(!!$options.fieldModel), 1))
+        }), 256)) : (openBlock(), createElementBlock("div", _hoisted_4$6, toDisplayString(!!$options.fieldModel), 1))
       ], 64)) : createCommentVNode("", true),
       $options.type == "date" ? (openBlock(), createElementBlock(Fragment, { key: 3 }, [
         $options.multiValue ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList($options.fieldModel, (value, index2) => {
@@ -11684,7 +11817,7 @@ function _sfc_render$g(_ctx, _cache, $props, $setup, $data, $options) {
     ], 64))
   ], 2)) : createCommentVNode("", true);
 }
-var UXRenderField = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["render", _sfc_render$g], ["__scopeId", "data-v-28427b70"]]);
+var UXRenderField = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["render", _sfc_render$g], ["__scopeId", "data-v-05569ffc"]]);
 var render_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _sfc_main$f = {
   props: {
@@ -12178,11 +12311,11 @@ const _sfc_main$e = {
     }
   }
 };
-const _hoisted_1$b = { class: "table-image-cell" };
+const _hoisted_1$c = { class: "table-image-cell" };
 function _sfc_render$e(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_ux_image = resolveComponent("ux-image");
   const _component_ux_icon = resolveComponent("ux-icon");
-  return openBlock(), createElementBlock("td", _hoisted_1$b, [
+  return openBlock(), createElementBlock("td", _hoisted_1$c, [
     $options.type == "image" || $options.type == "video" ? (openBlock(), createBlock(_component_ux_image, {
       key: 0,
       item: _ctx.row,
@@ -12220,11 +12353,11 @@ const _sfc_main$d = {
     }
   }
 };
-const _hoisted_1$a = { class: "table-button-cell" };
+const _hoisted_1$b = { class: "table-button-cell" };
 function _sfc_render$d(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_ux_icon = resolveComponent("ux-icon");
   const _component_ux_button = resolveComponent("ux-button");
-  return openBlock(), createElementBlock("td", _hoisted_1$a, [
+  return openBlock(), createElementBlock("td", _hoisted_1$b, [
     createVNode(_component_ux_button, {
       size: $options.button.size,
       loading: $data.processing,
@@ -12834,7 +12967,7 @@ class Formatter {
     return this.loc.numberFormatter(opts).format(n2);
   }
   formatDateTimeFromString(dt, fmt) {
-    const knownEnglish = this.loc.listingMode() === "en", useDateTimeFormatter = this.loc.outputCalendar && this.loc.outputCalendar !== "gregory", string = (opts, extract) => this.loc.extract(dt, opts, extract), formatOffset2 = (opts) => {
+    const knownEnglish = this.loc.listingMode() === "en", useDateTimeFormatter = this.loc.outputCalendar && this.loc.outputCalendar !== "gregory", string = (opts, extract2) => this.loc.extract(dt, opts, extract2), formatOffset2 = (opts) => {
       if (dt.isOffsetFixed && dt.offset === 0 && opts.allowZ) {
         return "Z";
       }
@@ -16096,16 +16229,16 @@ const _sfc_main$c = {
     }
   }
 };
-const _hoisted_1$9 = { class: "table-date-cell" };
+const _hoisted_1$a = { class: "table-date-cell" };
 const _hoisted_2$8 = { class: "off" };
 const _hoisted_3$6 = { class: "on" };
-const _hoisted_4$6 = { class: "spacer" };
+const _hoisted_4$5 = { class: "spacer" };
 function _sfc_render$c(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("td", _hoisted_1$9, [
+  return openBlock(), createElementBlock("td", _hoisted_1$a, [
     createElementVNode("div", null, [
       createElementVNode("span", _hoisted_2$8, toDisplayString($options.readable), 1),
       createElementVNode("span", _hoisted_3$6, toDisplayString($options.timeago), 1),
-      createElementVNode("span", _hoisted_4$6, toDisplayString($options.readable), 1)
+      createElementVNode("span", _hoisted_4$5, toDisplayString($options.readable), 1)
     ])
   ]);
 }
@@ -16124,11 +16257,11 @@ const _sfc_main$b = {
     }
   }
 };
-const _hoisted_1$8 = { class: "table-url-cell" };
+const _hoisted_1$9 = { class: "table-url-cell" };
 const _hoisted_2$7 = ["href"];
 function _sfc_render$b(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_ux_icon = resolveComponent("ux-icon");
-  return openBlock(), createElementBlock("td", _hoisted_1$8, [
+  return openBlock(), createElementBlock("td", _hoisted_1$9, [
     createElementVNode("a", {
       href: $options.href,
       onClick: _cache[0] || (_cache[0] = withModifiers((...args) => $options.open && $options.open(...args), ["stop", "prevent"])),
@@ -16146,6 +16279,12 @@ var URLCell = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["render", _sfc_render$b
 var Value_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _sfc_main$a = {
   props: {
+    multi: {
+      type: Boolean
+    },
+    last: {
+      type: Boolean
+    },
     value: {
       required: true
     },
@@ -16186,6 +16325,7 @@ const _sfc_main$a = {
     }
   }
 };
+const _hoisted_1$8 = /* @__PURE__ */ createTextVNode(",\xA0");
 function _sfc_render$a(_ctx, _cache, $props, $setup, $data, $options) {
   return $options.reference ? (openBlock(), createElementBlock("a", {
     key: 0,
@@ -16193,11 +16333,37 @@ function _sfc_render$a(_ctx, _cache, $props, $setup, $data, $options) {
   }, toDisplayString($options.renderValue), 1)) : $props.type == "date" ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
     createTextVNode(toDisplayString($options.date), 1)
   ], 64)) : (openBlock(), createElementBlock(Fragment, { key: 2 }, [
-    createTextVNode(toDisplayString($options.renderValue), 1)
+    createTextVNode(toDisplayString($options.renderValue), 1),
+    $props.multi && !$props.last ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+      _hoisted_1$8
+    ], 64)) : createCommentVNode("", true)
   ], 64));
 }
-var ValueRenderer = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["render", _sfc_render$a], ["__scopeId", "data-v-1d4b9bcb"]]);
+var ValueRenderer = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["render", _sfc_render$a], ["__scopeId", "data-v-ff63e962"]]);
 var TableCell_vue_vue_type_style_index_0_scoped_true_lang = "";
+function extract(row, path) {
+  if (!row) {
+    return;
+  }
+  if (!path) {
+    return;
+  }
+  var pathValue = get_1(row, path);
+  if (pathValue) {
+    return pathValue;
+  }
+  const pieces = path.split(".");
+  const key = pieces.shift();
+  const remainder = pieces.join(".");
+  const stub = get_1(row, key);
+  if (Array.isArray(stub)) {
+    return stub.map(function(r) {
+      return extract(r, remainder);
+    }).flat().filter(Boolean);
+  } else {
+    return extract(stub, remainder);
+  }
+}
 const _sfc_main$9 = {
   data() {
     return {
@@ -16268,7 +16434,7 @@ const _sfc_main$9 = {
       return value.title || value.name || value;
     },
     value() {
-      var v = get_1(this.row, this.column.key);
+      var v = extract(this.row, this.column.key);
       return v;
     }
   }
@@ -16279,7 +16445,6 @@ const _hoisted_1$7 = {
 };
 const _hoisted_2$6 = { class: "value" };
 const _hoisted_3$5 = { class: "value" };
-const _hoisted_4$5 = /* @__PURE__ */ createTextVNode(", ");
 function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_value_renderer = resolveComponent("value-renderer");
   return $data.component ? (openBlock(), createBlock(resolveDynamicComponent($data.component), {
@@ -16289,20 +16454,23 @@ function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
     value: $options.value
   }, null, 8, ["column", "row", "value"])) : (openBlock(), createElementBlock("td", _hoisted_1$7, [
     $options.multiValue ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-      $options.complex ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList($options.value, (entry) => {
+      $options.complex ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList($options.value, (entry, index2) => {
         return openBlock(), createElementBlock("span", _hoisted_2$6, [
           createVNode(_component_value_renderer, {
             type: $props.column.type,
+            multi: "",
+            last: index2 === $options.value.length - 1,
             value: entry
-          }, null, 8, ["type", "value"])
+          }, null, 8, ["type", "last", "value"])
         ]);
-      }), 256)) : (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList($options.value, (entry) => {
+      }), 256)) : (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList($options.value, (entry, index2) => {
         return openBlock(), createElementBlock("span", _hoisted_3$5, [
           createVNode(_component_value_renderer, {
             type: $props.column.type,
+            multi: "",
+            last: index2 === $options.value.length - 1,
             value: entry
-          }, null, 8, ["type", "value"]),
-          _hoisted_4$5
+          }, null, 8, ["type", "last", "value"])
         ]);
       }), 256))
     ], 64)) : (openBlock(), createBlock(_component_value_renderer, {
@@ -16312,7 +16480,7 @@ function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
     }, null, 8, ["type", "value"]))
   ]));
 }
-var TableCell = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["render", _sfc_render$9], ["__scopeId", "data-v-b65aded4"]]);
+var TableCell = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["render", _sfc_render$9], ["__scopeId", "data-v-054965d2"]]);
 const _sfc_main$8 = {
   components: {
     TableCell
@@ -16692,7 +16860,7 @@ function _sfc_render$7(_ctx, _cache, $props, $setup, $data, $options) {
     ], 512)
   ]);
 }
-var NativeTable = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["render", _sfc_render$7], ["__scopeId", "data-v-6a2e9dbe"]]);
+var NativeTable = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["render", _sfc_render$7], ["__scopeId", "data-v-e626ef3a"]]);
 function Selection(options) {
   options = options || {};
   Math.max(parseInt(options.minimum || 0), 0);
@@ -17315,6 +17483,13 @@ const _sfc_main$5 = {
             fields: definedFields
           };
           allFields.push(formDataFields);
+          const cleanedDataFields = definedFields.map(function(field) {
+            if (field.type === "reference") {
+              field = JSON.parse(JSON.stringify(field));
+              delete field.fields;
+            }
+            return field;
+          });
           var dataFields = {
             title: `Data`,
             minimum: 1,
@@ -17322,7 +17497,7 @@ const _sfc_main$5 = {
             key: "data",
             asObject: true,
             type: "group",
-            fields: definedFields
+            fields: cleanedDataFields
           };
           allFields.push(dataFields);
         } else {
@@ -17356,7 +17531,18 @@ const _sfc_main$5 = {
       return this.manager.items.slice();
     },
     activeFilters() {
-      var activeFilters = this.$qik.filter.activeFilters(this.filter);
+      var activeFilters = this.$qik.filter.activeFilters(this.filter).reduce(function(set, filter) {
+        if (!filter.key) {
+          return set;
+        }
+        filter = __spreadValues({}, filter);
+        filter.title = `Filter ${set.length + 1}`;
+        filter.key = filter.key.split("[]").join("");
+        filter.class = "active-filter";
+        filter.shrink = true;
+        set.push(filter);
+        return set;
+      }, []);
       return activeFilters;
     },
     searching() {
@@ -17372,7 +17558,9 @@ const _sfc_main$5 = {
       const self2 = this;
       var fields = self2.columns.map(function(column) {
         return column.path || column.key;
-      }).flat();
+      }).flat().filter(Boolean).map(function(string) {
+        return string.split("[]").join("");
+      });
       if (self2.options.select) {
         fields = [...fields, ...self2.options.select];
       }
@@ -17567,7 +17755,7 @@ const _sfc_main$5 = {
     };
   }
 };
-const _withScopeId = (n2) => (pushScopeId("data-v-04072c44"), n2 = n2(), popScopeId(), n2);
+const _withScopeId = (n2) => (pushScopeId("data-v-93998f7a"), n2 = n2(), popScopeId(), n2);
 const _hoisted_1$5 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("p", null, null, -1));
 const _hoisted_2$4 = { class: "footer" };
 function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
@@ -17681,9 +17869,13 @@ function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
                     })
                   ]),
                   _: 1
-                })) : createCommentVNode("", true),
-                $props.showFilters ? (openBlock(), createBlock(_component_flex_column, {
+                })) : (openBlock(), createBlock(_component_flex_column, {
                   key: 2,
+                  class: "empty",
+                  center: ""
+                })),
+                $props.showFilters ? (openBlock(), createBlock(_component_flex_column, {
+                  key: 3,
                   class: "filter-column"
                 }, {
                   default: withCtx(() => [
@@ -17737,7 +17929,7 @@ function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
     _: 3
   })) : createCommentVNode("", true);
 }
-var ContentBrowser = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["render", _sfc_render$5], ["__scopeId", "data-v-04072c44"]]);
+var ContentBrowser = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["render", _sfc_render$5], ["__scopeId", "data-v-93998f7a"]]);
 var ModalMixin = {
   props: {
     options: {