@qikdev/vue-ui 0.1.40 → 0.1.43

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.40";
+const version$1 = "0.1.43";
 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
@@ -241,9 +241,9 @@ 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 _hoisted_1$M = /* @__PURE__ */ _withScopeId$4(() => /* @__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"]]);
@@ -910,10 +910,10 @@ 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_1$J = { class: "ux-progress" };
 const _hoisted_2$A = /* @__PURE__ */ _withScopeId$3(() => /* @__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,7 +1443,7 @@ const _hoisted_3$v = {
   key: 1,
   class: "ux-field-description"
 };
-const _hoisted_4$s = {
+const _hoisted_4$r = {
   key: 2,
   class: "ui-select-button"
 };
@@ -1458,12 +1458,12 @@ function _sfc_render$N(_ctx, _cache, $props, $setup, $data, $options) {
   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(() => [
@@ -1563,7 +1563,7 @@ const _sfc_main$M = {
   }
 };
 const _withScopeId$2 = (n2) => (pushScopeId("data-v-856e04c2"), n2 = n2(), popScopeId(), n2);
-const _hoisted_1$E = {
+const _hoisted_1$F = {
   key: 0,
   class: "ux-field-title"
 };
@@ -1575,7 +1575,7 @@ 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 };
@@ -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: "",
@@ -2254,7 +2254,7 @@ const _sfc_main$L = {
     }
   }
 };
-const _hoisted_1$D = {
+const _hoisted_1$E = {
   key: 0,
   class: "ux-field-title"
 };
@@ -2266,7 +2266,7 @@ const _hoisted_3$t = {
   key: 1,
   class: "ux-field-description"
 };
-const _hoisted_4$q = {
+const _hoisted_4$p = {
   key: 2,
   class: "ui-select-button"
 };
@@ -2281,12 +2281,12 @@ function _sfc_render$L(_ctx, _cache, $props, $setup, $data, $options) {
   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(() => [
@@ -5072,7 +5072,8 @@ const _sfc_main$J = {
         maximum: self2.field.maximum,
         browserOptions: {
           columns: self2.field.columns,
-          select: self2.field.select
+          select: self2.field.select,
+          lockFilter: self2.field.lockFilter
         }
       };
       console.log("Modal options", modalOptions);
@@ -5132,7 +5133,7 @@ const _sfc_main$J = {
     }
   }
 };
-const _hoisted_1$C = {
+const _hoisted_1$D = {
   key: 0,
   class: "ux-field-title"
 };
@@ -5144,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"
 };
@@ -5154,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),
@@ -5197,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, {
@@ -5231,7 +5232,7 @@ function _sfc_render$J(_ctx, _cache, $props, $setup, $data, $options) {
     }, 8, ["onClick"])
   ], 64);
 }
-var ContentSelect = /* @__PURE__ */ _export_sfc(_sfc_main$J, [["render", _sfc_render$J], ["__scopeId", "data-v-858ab1cc"]]);
+var ContentSelect = /* @__PURE__ */ _export_sfc(_sfc_main$J, [["render", _sfc_render$J], ["__scopeId", "data-v-41fe69cc"]]);
 var typeSelect_vue_vue_type_style_index_0_scoped_true_lang = "";
 function isUndefined$4(entry) {
   return entry === void 0 || typeof entry === "undefined" || entry === null || String(entry) === "null" || String(entry) === "undefined";
@@ -5345,7 +5346,7 @@ const _sfc_main$I = {
     }
   }
 };
-const _hoisted_1$B = {
+const _hoisted_1$C = {
   key: 0,
   class: "ux-field-title"
 };
@@ -5357,7 +5358,7 @@ const _hoisted_3$r = {
   key: 1,
   class: "ux-field-description"
 };
-const _hoisted_4$o = {
+const _hoisted_4$n = {
   key: 2,
   class: "ui-select-button"
 };
@@ -5372,12 +5373,12 @@ function _sfc_render$I(_ctx, _cache, $props, $setup, $data, $options) {
   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(() => [
@@ -5483,7 +5484,7 @@ const _sfc_main$H = {
     }
   }
 };
-const _hoisted_1$A = {
+const _hoisted_1$B = {
   key: 0,
   class: "ux-field-title"
 };
@@ -5495,7 +5496,7 @@ 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"
@@ -5519,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",
@@ -5686,7 +5687,7 @@ const _sfc_main$G = {
     }
   }
 };
-const _hoisted_1$z = {
+const _hoisted_1$A = {
   key: 0,
   class: "ux-field-title"
 };
@@ -5698,7 +5699,7 @@ 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 = {
   key: 0,
@@ -5730,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",
@@ -5866,7 +5867,7 @@ const _sfc_main$F = {
     }
   }
 };
-const _hoisted_1$y = {
+const _hoisted_1$z = {
   key: 0,
   class: "ux-field-title"
 };
@@ -5878,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");
@@ -5886,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",
@@ -6014,7 +6015,7 @@ const _sfc_main$E = {
     }
   }
 };
-const _hoisted_1$x = {
+const _hoisted_1$y = {
   key: 0,
   class: "ux-field-title"
 };
@@ -6026,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");
@@ -6034,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",
@@ -6149,7 +6150,7 @@ const _sfc_main$D = {
     }
   }
 };
-const _hoisted_1$w = {
+const _hoisted_1$x = {
   key: 0,
   class: "ux-field-title"
 };
@@ -6185,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),
@@ -6212,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) {
@@ -6220,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, {
@@ -6325,6 +6326,7 @@ const _sfc_main$B = {
     keyOptions() {
       return this.fields.reduce(function(set, entry) {
         switch (entry.type) {
+          case "object":
           case "group":
             break;
           default:
@@ -6533,13 +6535,13 @@ 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 ");
@@ -6559,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, {
@@ -6569,7 +6571,8 @@ function _sfc_render$B(_ctx, _cache, $props, $setup, $data, $options) {
               modelValue: $data.model.key,
               "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => $data.model.key = $event),
               field: $options.keyField
-            }, null, 8, ["modelValue", "field"])
+            }, null, 8, ["modelValue", "field"]),
+            createElementVNode("pre", null, toDisplayString($options.keyOptions), 1)
           ]),
           _: 1
         }),
@@ -6605,7 +6608,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,
@@ -6989,21 +6992,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() {
@@ -7032,10 +7067,10 @@ 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" };
@@ -7047,14 +7082,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),
@@ -7236,13 +7271,13 @@ 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");
 function _sfc_render$z(_ctx, _cache, $props, $setup, $data, $options) {
@@ -7255,10 +7290,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),
@@ -7343,7 +7378,7 @@ const _sfc_main$y = {
     }
   }
 };
-const _hoisted_1$r = {
+const _hoisted_1$s = {
   key: 0,
   class: "ux-field-title"
 };
@@ -7355,7 +7390,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");
@@ -7363,12 +7398,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",
@@ -7466,7 +7501,7 @@ const _sfc_main$x = {
     }
   }
 };
-const _hoisted_1$q = {
+const _hoisted_1$r = {
   key: 0,
   class: "ux-field-title"
 };
@@ -7502,7 +7537,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),
@@ -7551,7 +7586,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");
@@ -7565,7 +7600,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))
@@ -7714,7 +7749,7 @@ const _sfc_main$v = {
   },
   computed: {}
 };
-const _hoisted_1$o = {
+const _hoisted_1$p = {
   key: 0,
   class: "ux-field-title"
 };
@@ -7726,7 +7761,7 @@ const _hoisted_3$f = {
   key: 1,
   class: "ux-field-description"
 };
-const _hoisted_4$f = {
+const _hoisted_4$e = {
   key: 2,
   class: "files"
 };
@@ -7741,12 +7776,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",
@@ -7889,7 +7924,7 @@ const _sfc_main$u = {
     }
   }
 };
-const _hoisted_1$n = {
+const _hoisted_1$o = {
   key: 0,
   class: "ux-multi-group"
 };
@@ -7903,7 +7938,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,
@@ -8133,7 +8168,7 @@ function _sfc_render$u(_ctx, _cache, $props, $setup, $data, $options) {
     fields: _ctx.field.fields
   }, null, 8, ["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-121d7a2c"]]);
 const _sfc_main$t = {
   props: {
     option: {
@@ -8277,7 +8312,7 @@ const _sfc_main$s = {
     }
   }
 };
-const _hoisted_1$m = {
+const _hoisted_1$n = {
   key: 0,
   class: "ux-field-title"
 };
@@ -8289,18 +8324,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 }) => [
@@ -8340,7 +8375,7 @@ const _sfc_main$r = {
     }
   }
 };
-const _hoisted_1$l = {
+const _hoisted_1$m = {
   key: 0,
   class: "ux-field-title"
 };
@@ -8352,7 +8387,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");
@@ -8360,12 +8395,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,7 +8549,7 @@ const _sfc_main$q = {
   }
 };
 const _withScopeId$1 = (n2) => (pushScopeId("data-v-42a51394"), n2 = n2(), popScopeId(), n2);
-const _hoisted_1$k = {
+const _hoisted_1$l = {
   key: 0,
   class: "ux-field-title"
 };
@@ -8526,7 +8561,7 @@ 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"];
@@ -8545,12 +8580,12 @@ function _sfc_render$q(_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$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",
@@ -8836,7 +8871,7 @@ const _sfc_main$o = {
     }
   }
 };
-const _hoisted_1$j = {
+const _hoisted_1$k = {
   key: 0,
   class: "ux-field-title"
 };
@@ -8848,7 +8883,7 @@ 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 = {
   key: 3,
@@ -8861,12 +8896,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",
@@ -9056,7 +9091,7 @@ const _sfc_main$n = {
     }
   }
 };
-const _hoisted_1$i = {
+const _hoisted_1$j = {
   key: 0,
   class: "ux-field-title"
 };
@@ -9068,7 +9103,7 @@ const _hoisted_3$a = {
   key: 1,
   class: "ux-field-description"
 };
-const _hoisted_4$a = {
+const _hoisted_4$9 = {
   key: 2,
   class: "ui-select-button"
 };
@@ -9083,12 +9118,12 @@ function _sfc_render$n(_ctx, _cache, $props, $setup, $data, $options) {
   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(() => [
@@ -9222,7 +9257,7 @@ const _sfc_main$m = {
     }
   }
 };
-const _hoisted_1$h = {
+const _hoisted_1$i = {
   key: 0,
   class: "ux-field-title"
 };
@@ -9234,7 +9269,7 @@ const _hoisted_3$9 = {
   key: 1,
   class: "ux-field-description"
 };
-const _hoisted_4$9 = {
+const _hoisted_4$8 = {
   key: 2,
   class: "ui-select-button"
 };
@@ -9249,12 +9284,12 @@ function _sfc_render$m(_ctx, _cache, $props, $setup, $data, $options) {
   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(() => [
@@ -10023,14 +10058,29 @@ function getDefaultValue(fieldData, currentValue) {
       }
       break;
     case "reference":
-      if (multiValue) {
-        if (defaultValues.length) {
-          output = defaultValues.slice(0, maximum);
+      if (fieldData.widget === "form") {
+        var number = ask;
+        if (multiValue) {
+          if (number > 0) {
+            output = Array(number).fill().map(function() {
+              return {};
+            });
+          } else {
+            output = [];
+          }
         } else {
-          output = [];
+          output = isUndefined2(firstDefaultValue) ? {} : firstDefaultValue;
         }
       } else {
-        output = isUndefined2(firstDefaultValue) ? void 0 : firstDefaultValue;
+        if (multiValue) {
+          if (defaultValues.length) {
+            output = defaultValues.slice(0, maximum);
+          } else {
+            output = [];
+          }
+        } else {
+          output = isUndefined2(firstDefaultValue) ? void 0 : firstDefaultValue;
+        }
       }
       break;
     case "string":
@@ -10498,7 +10548,7 @@ const _sfc_main$l = {
     }
   }
 };
-const _hoisted_1$g = {
+const _hoisted_1$h = {
   key: 24,
   class: "ux-field-message"
 };
@@ -10720,7 +10770,7 @@ 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"]]);
@@ -11052,15 +11102,15 @@ const _sfc_main$j = {
     }
   }
 };
-const _hoisted_1$f = { class: "ux-submission-form" };
+const _hoisted_1$g = { 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_4$7 = /* @__PURE__ */ createTextVNode(" Back to form ");
 const _hoisted_5$3 = /* @__PURE__ */ createTextVNode(" Submit ");
 function _sfc_render$j(_ctx, _cache, $props, $setup, $data, $options) {
   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 }, {
@@ -11073,7 +11123,7 @@ function _sfc_render$j(_ctx, _cache, $props, $setup, $data, $options) {
       _hoisted_3$8,
       createVNode(_component_ux_button, { onClick: $options.reset }, {
         default: withCtx(() => [
-          _hoisted_4$8
+          _hoisted_4$7
         ]),
         _: 1
       }, 8, ["onClick"])
@@ -11164,11 +11214,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
@@ -11223,10 +11273,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;
@@ -11309,7 +11367,7 @@ const _sfc_main$h = {
     }
   }
 };
-const _hoisted_1$d = {
+const _hoisted_1$e = {
   key: 0,
   class: "ux-multi-group"
 };
@@ -11320,7 +11378,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,
@@ -11373,7 +11431,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: {
@@ -11565,10 +11623,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 };
@@ -11584,7 +11642,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, {
@@ -11631,7 +11689,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) => {
@@ -11668,7 +11726,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: {
@@ -12162,11 +12220,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,
@@ -12204,11 +12262,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,
@@ -12818,7 +12876,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";
       }
@@ -16080,16 +16138,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)
     ])
   ]);
 }
@@ -16108,11 +16166,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"])),
@@ -16130,6 +16188,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
     },
@@ -16170,6 +16234,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,
@@ -16177,11 +16242,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 {
@@ -16252,7 +16343,10 @@ 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);
+      if (!v) {
+        console.log(this.row, this.column.key);
+      }
       return v;
     }
   }
@@ -16263,7 +16357,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), {
@@ -16273,20 +16366,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, {
@@ -16296,7 +16392,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-0e44bd7f"]]);
 const _sfc_main$8 = {
   components: {
     TableCell
@@ -16676,7 +16772,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);
@@ -17237,6 +17333,25 @@ const _sfc_main$5 = {
     }
   },
   computed: {
+    combinedFilter() {
+      const self2 = this;
+      let userSelectedFilters = self2.filter;
+      let lockFilter = self2.options.lockFilter;
+      if (!lockFilter) {
+        return userSelectedFilters;
+      }
+      userSelectedFilters = JSON.parse(JSON.stringify(userSelectedFilters));
+      lockFilter = JSON.parse(JSON.stringify(lockFilter));
+      let combinedFilter;
+      if (userSelectedFilters.operator === "and") {
+        combinedFilter = userSelectedFilters;
+        combinedFilter.filters.push(lockFilter);
+      } else {
+        combinedFilter = lockFilter;
+        lockFilter.filters.push(userSelectedFilters);
+      }
+      return combinedFilter;
+    },
     viewMode() {
       var view = this.view;
       switch (view.key) {
@@ -17280,6 +17395,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,
@@ -17287,7 +17409,7 @@ const _sfc_main$5 = {
             key: "data",
             asObject: true,
             type: "group",
-            fields: definedFields
+            fields: cleanedDataFields
           };
           allFields.push(dataFields);
         } else {
@@ -17398,7 +17520,7 @@ const _sfc_main$5 = {
       var search = self2.keywords;
       var select = self2.selectFields;
       var page = self2.page;
-      var filter = self2.filter;
+      var filter = self2.combinedFilter;
       return {
         sort: sort2,
         search,
@@ -17532,7 +17654,7 @@ const _sfc_main$5 = {
     };
   }
 };
-const _withScopeId = (n2) => (pushScopeId("data-v-685be52b"), n2 = n2(), popScopeId(), n2);
+const _withScopeId = (n2) => (pushScopeId("data-v-ca158dc8"), 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) {
@@ -17702,7 +17824,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-685be52b"]]);
+var ContentBrowser = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["render", _sfc_render$5], ["__scopeId", "data-v-ca158dc8"]]);
 var ModalMixin = {
   props: {
     options: {