@qikdev/vue-ui 0.1.43 → 0.1.47

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.43";
+const version$1 = "0.1.47";
 var flexColumn_vue_vue_type_style_index_0_scoped_true_lang = "";
 var _export_sfc = (sfc, props2) => {
   const target = sfc.__vccOpts || sfc;
@@ -198,7 +198,7 @@ function _sfc_render$_(_ctx, _cache, $props, $setup, $data, $options) {
     _: 1
   });
 }
-var UXTabset = /* @__PURE__ */ _export_sfc(_sfc_main$_, [["render", _sfc_render$_], ["__scopeId", "data-v-1835b512"]]);
+var UXTabset = /* @__PURE__ */ _export_sfc(_sfc_main$_, [["render", _sfc_render$_], ["__scopeId", "data-v-1449f192"]]);
 const _sfc_main$Z = {
   props: {
     heading: {
@@ -240,8 +240,8 @@ const _sfc_main$Y = {
     }
   }
 };
-const _withScopeId$4 = (n2) => (pushScopeId("data-v-27f20370"), n2 = n2(), popScopeId(), n2);
-const _hoisted_1$M = /* @__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$M
 ];
@@ -373,7 +373,7 @@ function _sfc_render$X(_ctx, _cache, $props, $setup, $data, $options) {
     _: 3
   }, 8, ["active", "loading", "to", "href", "target", "style", "class", "disabled"]);
 }
-var UXButton = /* @__PURE__ */ _export_sfc(_sfc_main$X, [["render", _sfc_render$X], ["__scopeId", "data-v-bcaad93a"]]);
+var UXButton = /* @__PURE__ */ _export_sfc(_sfc_main$X, [["render", _sfc_render$X], ["__scopeId", "data-v-ef0c5e26"]]);
 var checkbox_vue_vue_type_style_index_0_scoped_true_lang$1 = "";
 const _sfc_main$W = {
   props: {
@@ -407,7 +407,7 @@ function _sfc_render$W(_ctx, _cache, $props, $setup, $data, $options) {
     })
   ], 2);
 }
-var UXCheckbox = /* @__PURE__ */ _export_sfc(_sfc_main$W, [["render", _sfc_render$W], ["__scopeId", "data-v-7dd035b9"]]);
+var UXCheckbox = /* @__PURE__ */ _export_sfc(_sfc_main$W, [["render", _sfc_render$W], ["__scopeId", "data-v-73f2c6b6"]]);
 var switch_vue_vue_type_style_index_0_scoped_true_lang$1 = "";
 const _sfc_main$V = {
   props: {
@@ -452,7 +452,7 @@ function _sfc_render$V(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ], 2);
 }
-var UXSwitch = /* @__PURE__ */ _export_sfc(_sfc_main$V, [["render", _sfc_render$V], ["__scopeId", "data-v-4063e9b5"]]);
+var UXSwitch = /* @__PURE__ */ _export_sfc(_sfc_main$V, [["render", _sfc_render$V], ["__scopeId", "data-v-57a418e1"]]);
 var link_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _sfc_main$U = {
   props: {
@@ -909,9 +909,9 @@ const _sfc_main$Q = {
     }
   }
 };
-const _withScopeId$3 = (n2) => (pushScopeId("data-v-6581fb86"), n2 = n2(), popScopeId(), n2);
+const _withScopeId$4 = (n2) => (pushScopeId("data-v-317a7690"), n2 = n2(), popScopeId(), n2);
 const _hoisted_1$J = { class: "ux-progress" };
-const _hoisted_2$A = /* @__PURE__ */ _withScopeId$3(() => /* @__PURE__ */ createElementVNode("div", { class: "ux-progress-bg" }, null, -1));
+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$J, [
     _hoisted_2$A,
@@ -921,7 +921,7 @@ function _sfc_render$Q(_ctx, _cache, $props, $setup, $data, $options) {
     }, null, 4)
   ]);
 }
-var ProgressBar = /* @__PURE__ */ _export_sfc(_sfc_main$Q, [["render", _sfc_render$Q], ["__scopeId", "data-v-6581fb86"]]);
+var ProgressBar = /* @__PURE__ */ _export_sfc(_sfc_main$Q, [["render", _sfc_render$Q], ["__scopeId", "data-v-317a7690"]]);
 var list_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _sfc_main$P = {};
 const _hoisted_1$I = { class: "ux-list" };
@@ -1102,6 +1102,9 @@ var InputMixin = {
     canRemoveValue() {
       return this.numValues > this.minimum;
     },
+    widget() {
+      return this.field.widget;
+    },
     singleValue() {
       if (this.asObject) {
         var isSingle = this.minimum === 1 && this.maximum === 1;
@@ -1448,11 +1451,11 @@ const _hoisted_4$r = {
   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", {
@@ -1478,18 +1481,18 @@ 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]
     ])
   ], 2);
 }
-var NativeSelect = /* @__PURE__ */ _export_sfc(_sfc_main$N, [["render", _sfc_render$N], ["__scopeId", "data-v-6d808434"]]);
+var NativeSelect = /* @__PURE__ */ _export_sfc(_sfc_main$N, [["render", _sfc_render$N], ["__scopeId", "data-v-1d53b270"]]);
 var phoneNumberInput_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _sfc_main$M = {
   props: {
@@ -1562,7 +1565,7 @@ const _sfc_main$M = {
     }
   }
 };
-const _withScopeId$2 = (n2) => (pushScopeId("data-v-856e04c2"), n2 = n2(), popScopeId(), n2);
+const _withScopeId$3 = (n2) => (pushScopeId("data-v-6e2a7569"), n2 = n2(), popScopeId(), n2);
 const _hoisted_1$F = {
   key: 0,
   class: "ux-field-title"
@@ -1577,11 +1580,11 @@ const _hoisted_3$u = {
 };
 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"];
@@ -1616,7 +1619,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 +1629,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 +1638,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 +1693,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
@@ -1724,7 +1727,7 @@ function _sfc_render$M(_ctx, _cache, $props, $setup, $data, $options) {
     }))
   ], 64);
 }
-var PhoneNumberInput = /* @__PURE__ */ _export_sfc(_sfc_main$M, [["render", _sfc_render$M], ["__scopeId", "data-v-856e04c2"]]);
+var PhoneNumberInput = /* @__PURE__ */ _export_sfc(_sfc_main$M, [["render", _sfc_render$M], ["__scopeId", "data-v-6e2a7569"]]);
 var timezone_vue_vue_type_style_index_0_scoped_true_lang = "";
 function isUndefined$5(entry) {
   return entry === void 0 || typeof entry === "undefined" || entry === null || String(entry) === "null" || String(entry) === "undefined";
@@ -2271,11 +2274,11 @@ const _hoisted_4$p = {
   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", {
@@ -2301,18 +2304,18 @@ 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]
     ])
   ], 2);
 }
-var TimezoneSelect = /* @__PURE__ */ _export_sfc(_sfc_main$L, [["render", _sfc_render$L], ["__scopeId", "data-v-2b83f766"]]);
+var TimezoneSelect = /* @__PURE__ */ _export_sfc(_sfc_main$L, [["render", _sfc_render$L], ["__scopeId", "data-v-a15362c8"]]);
 var item_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _sfc_main$K = {
   props: {
@@ -5076,7 +5079,6 @@ const _sfc_main$J = {
           lockFilter: self2.field.lockFilter
         }
       };
-      console.log("Modal options", modalOptions);
       self2.$qik.browse(this.field.referenceType, modalOptions).then(function(newSelection) {
         self2.model = self2.multiValue ? newSelection : newSelection[0];
       }).catch(function(err) {
@@ -5232,7 +5234,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-41fe69cc"]]);
+var ContentSelect = /* @__PURE__ */ _export_sfc(_sfc_main$J, [["render", _sfc_render$J], ["__scopeId", "data-v-62ba944e"]]);
 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";
@@ -5363,11 +5365,11 @@ const _hoisted_4$n = {
   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", {
@@ -5393,18 +5395,18 @@ 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]
     ])
   ], 2);
 }
-var TypeSelect = /* @__PURE__ */ _export_sfc(_sfc_main$I, [["render", _sfc_render$I], ["__scopeId", "data-v-3c487f67"]]);
+var TypeSelect = /* @__PURE__ */ _export_sfc(_sfc_main$I, [["render", _sfc_render$I], ["__scopeId", "data-v-bd09dc46"]]);
 var currency_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _sfc_main$H = {
   props: {
@@ -5450,7 +5452,6 @@ const _sfc_main$H = {
         return this.cleanOutput(this.value);
       },
       set(val) {
-        console.log("SET MODEL", val);
         this.value = this.cleanInput(val);
         this.dispatch();
       }
@@ -5501,16 +5502,16 @@ 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"
 };
@@ -5548,7 +5549,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 +5557,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 +5602,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,11 +5619,11 @@ 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);
 }
-var CurrencyField = /* @__PURE__ */ _export_sfc(_sfc_main$H, [["render", _sfc_render$H], ["__scopeId", "data-v-5afb1a86"]]);
+var CurrencyField = /* @__PURE__ */ _export_sfc(_sfc_main$H, [["render", _sfc_render$H], ["__scopeId", "data-v-0f0203d4"]]);
 var textfield_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _sfc_main$G = {
   props: {
@@ -5701,17 +5702,17 @@ const _hoisted_3$p = {
 };
 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"
 };
@@ -5746,7 +5747,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 +5758,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 +5776,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 +5820,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,
@@ -5852,7 +5853,7 @@ function _sfc_render$G(_ctx, _cache, $props, $setup, $data, $options) {
     ]))
   ], 64);
 }
-var TextField = /* @__PURE__ */ _export_sfc(_sfc_main$G, [["render", _sfc_render$G], ["__scopeId", "data-v-8f2cb452"]]);
+var TextField = /* @__PURE__ */ _export_sfc(_sfc_main$G, [["render", _sfc_render$G], ["__scopeId", "data-v-d9e8503e"]]);
 var textarea_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _sfc_main$F = {
   props: {
@@ -5958,7 +5959,7 @@ function _sfc_render$F(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ], 64);
 }
-var TextArea = /* @__PURE__ */ _export_sfc(_sfc_main$F, [["render", _sfc_render$F], ["__scopeId", "data-v-72eafde6"]]);
+var TextArea = /* @__PURE__ */ _export_sfc(_sfc_main$F, [["render", _sfc_render$F], ["__scopeId", "data-v-777c0703"]]);
 var datefield_vue_vue_type_style_index_0_scoped_true_lang = "";
 function zero(input) {
   if (String(input).length < 2) {
@@ -6106,7 +6107,7 @@ function _sfc_render$E(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ], 64);
 }
-var DateField = /* @__PURE__ */ _export_sfc(_sfc_main$E, [["render", _sfc_render$E], ["__scopeId", "data-v-578af064"]]);
+var DateField = /* @__PURE__ */ _export_sfc(_sfc_main$E, [["render", _sfc_render$E], ["__scopeId", "data-v-1c86b484"]]);
 var checkbox_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _sfc_main$D = {
   computed: {
@@ -6199,7 +6200,7 @@ function _sfc_render$D(_ctx, _cache, $props, $setup, $data, $options) {
     _: 1
   });
 }
-var Checkbox = /* @__PURE__ */ _export_sfc(_sfc_main$D, [["render", _sfc_render$D], ["__scopeId", "data-v-a346dafc"]]);
+var Checkbox = /* @__PURE__ */ _export_sfc(_sfc_main$D, [["render", _sfc_render$D], ["__scopeId", "data-v-046b9e38"]]);
 const _sfc_main$C = {
   props: {
     modelValue: {
@@ -6543,11 +6544,11 @@ const _hoisted_2$o = { key: 0 };
 const _hoisted_3$k = { key: 1 };
 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 };
@@ -6571,8 +6572,7 @@ 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"]),
-            createElementVNode("pre", null, toDisplayString($options.keyOptions), 1)
+            }, null, 8, ["modelValue", "field"])
           ]),
           _: 1
         }),
@@ -6642,34 +6642,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,
@@ -6952,7 +6952,6 @@ const _sfc_main$A = {
       this.model.filters.push({});
     },
     removeCondition(index2) {
-      console.log("remove index", index2);
       this.model.filters.splice(index2, 1);
     }
   },
@@ -7072,9 +7071,9 @@ const _hoisted_2$n = { class: "top" };
 const _hoisted_3$j = { class: "summary" };
 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");
@@ -7139,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),
@@ -7162,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"])
@@ -7279,7 +7278,7 @@ const _hoisted_2$m = {
 const _hoisted_3$i = { class: "summary" };
 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");
@@ -7322,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
             })
@@ -7334,7 +7333,7 @@ function _sfc_render$z(_ctx, _cache, $props, $setup, $data, $options) {
     _: 1
   });
 }
-var FilterBuilder = /* @__PURE__ */ _export_sfc(_sfc_main$z, [["render", _sfc_render$z], ["__scopeId", "data-v-30449bfc"]]);
+var FilterBuilder = /* @__PURE__ */ _export_sfc(_sfc_main$z, [["render", _sfc_render$z], ["__scopeId", "data-v-2a26bc0c"]]);
 var filter_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _sfc_main$y = {
   mixins: [InputMixin],
@@ -7370,7 +7369,6 @@ const _sfc_main$y = {
   },
   methods: {
     getNewDefaultEntry() {
-      console.log("GET DEFAULT ENTRY");
       return {
         operator: "and",
         filters: []
@@ -7460,7 +7458,7 @@ function _sfc_render$y(_ctx, _cache, $props, $setup, $data, $options) {
     }, null, 8, ["definition", "modelValue"]))
   ], 64);
 }
-var FilterInput = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["render", _sfc_render$y], ["__scopeId", "data-v-5a049062"]]);
+var FilterInput = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["render", _sfc_render$y], ["__scopeId", "data-v-514ca0dc"]]);
 var switch_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _sfc_main$x = {
   mixins: [InputMixin],
@@ -7550,7 +7548,7 @@ function _sfc_render$x(_ctx, _cache, $props, $setup, $data, $options) {
     _: 1
   });
 }
-var Switch = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["render", _sfc_render$x], ["__scopeId", "data-v-7ee9d4cd"]]);
+var Switch = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["render", _sfc_render$x], ["__scopeId", "data-v-5994d322"]]);
 var filedrop_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _sfc_main$w = {
   props: {
@@ -7766,8 +7764,8 @@ const _hoisted_4$e = {
   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");
@@ -7828,7 +7826,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
           })
@@ -7842,7 +7840,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
         })
@@ -7857,6 +7855,10 @@ const _sfc_main$u = {
   mixins: [InputMixin],
   components: { draggable: draggableComponent },
   props: {
+    submission: {
+      type: Boolean,
+      default: false
+    },
     modelValue: {
       type: [Object, Array]
     }
@@ -7883,6 +7885,9 @@ const _sfc_main$u = {
     }
   },
   methods: {
+    createSingleObject() {
+      this.model = {};
+    },
     stateChange(details) {
       this.$emit("form:state", details);
     },
@@ -8027,13 +8032,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), [
@@ -8128,13 +8134,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), [
@@ -8157,18 +8164,105 @@ function _sfc_render$u(_ctx, _cache, $props, $setup, $data, $options) {
       ]),
       _: 1
     })) : createCommentVNode("", true)
-  ])) : (openBlock(), createBlock(_component_ux_form, {
-    key: 1,
-    ref: "form",
-    "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"]));
+  ])) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+    _ctx.widget === "form" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+      _ctx.model ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+        _ctx.minimum === 0 ? (openBlock(), createBlock(_component_ux_panel, { key: 0 }, {
+          default: withCtx(() => [
+            createVNode(_component_ux_panel_header, null, {
+              default: withCtx(() => [
+                createVNode(_component_flex_row, {
+                  vcenter: "",
+                  gap: ""
+                }, {
+                  default: withCtx(() => [
+                    createVNode(_component_flex_cell, { vcenter: "" }, {
+                      default: withCtx(() => [
+                        createElementVNode("div", null, [
+                          createElementVNode("strong", null, toDisplayString(_ctx.label), 1)
+                        ])
+                      ]),
+                      _: 1
+                    }),
+                    createVNode(_component_flex_cell, {
+                      vcenter: "",
+                      shrink: ""
+                    }, {
+                      default: withCtx(() => [
+                        createVNode(_component_ux_button, {
+                          icon: "",
+                          tag: "a",
+                          onClick: _cache[6] || (_cache[6] = ($event) => _ctx.model = void 0)
+                        }, {
+                          default: withCtx(() => [
+                            createVNode(_component_ux_icon, { icon: "fa-times" })
+                          ]),
+                          _: 1
+                        })
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            }),
+            createVNode(_component_ux_panel_body, null, {
+              default: withCtx(() => [
+                createVNode(_component_ux_form, {
+                  ref: "form",
+                  submission: $props.submission,
+                  "onForm:state": $options.stateChange,
+                  parentModel: _ctx.parentModel,
+                  modelValue: _ctx.model,
+                  "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => _ctx.model = $event),
+                  flex: $options.sameLine,
+                  fields: _ctx.field.fields
+                }, null, 8, ["submission", "onForm:state", "parentModel", "modelValue", "flex", "fields"])
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        })) : (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[8] || (_cache[8] = ($event) => _ctx.model = $event),
+          flex: $options.sameLine,
+          fields: _ctx.field.fields
+        }, null, 8, ["submission", "onForm:state", "parentModel", "modelValue", "flex", "fields"]))
+      ], 64)) : (openBlock(), createBlock(_component_ux_button, {
+        key: 1,
+        onClick: _cache[9] || (_cache[9] = ($event) => $options.createSingleObject())
+      }, {
+        default: withCtx(() => [
+          createTextVNode("Add " + toDisplayString(_ctx.label) + " ", 1),
+          createVNode(_component_ux_icon, {
+            icon: "fa-plus",
+            right: ""
+          })
+        ]),
+        _: 1
+      }))
+    ], 64)) : (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[10] || (_cache[10] = ($event) => _ctx.model = $event),
+      flex: $options.sameLine,
+      fields: _ctx.field.fields
+    }, null, 8, ["submission", "onForm:state", "parentModel", "modelValue", "flex", "fields"]))
+  ], 64));
 }
-var FieldGroup$1 = /* @__PURE__ */ _export_sfc(_sfc_main$u, [["render", _sfc_render$u], ["__scopeId", "data-v-121d7a2c"]]);
+var FieldGroup$1 = /* @__PURE__ */ _export_sfc(_sfc_main$u, [["render", _sfc_render$u], ["__scopeId", "data-v-582bfb1a"]]);
 const _sfc_main$t = {
   props: {
     option: {
@@ -8359,7 +8453,7 @@ function _sfc_render$s(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ], 64);
 }
-var ButtonSelect = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["render", _sfc_render$s], ["__scopeId", "data-v-4b69def8"]]);
+var ButtonSelect = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["render", _sfc_render$s], ["__scopeId", "data-v-f0acfde4"]]);
 var objectField_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _sfc_main$r = {
   props: {
@@ -8548,7 +8642,7 @@ const _sfc_main$q = {
     }
   }
 };
-const _withScopeId$1 = (n2) => (pushScopeId("data-v-42a51394"), n2 = n2(), popScopeId(), n2);
+const _withScopeId$2 = (n2) => (pushScopeId("data-v-076c3da8"), n2 = n2(), popScopeId(), n2);
 const _hoisted_1$l = {
   key: 0,
   class: "ux-field-title"
@@ -8563,17 +8657,17 @@ const _hoisted_3$c = {
 };
 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");
@@ -8595,7 +8689,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",
@@ -8606,7 +8700,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,
@@ -8624,7 +8718,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)
                 ])
@@ -8633,8 +8727,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",
@@ -8792,7 +8886,7 @@ function _sfc_render$q(_ctx, _cache, $props, $setup, $data, $options) {
     }))
   ], 64);
 }
-var OptionsManager = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["render", _sfc_render$q], ["__scopeId", "data-v-42a51394"]]);
+var OptionsManager = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["render", _sfc_render$q], ["__scopeId", "data-v-076c3da8"]]);
 var codeEditor_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _sfc_main$p = {
   components: {},
@@ -8885,7 +8979,7 @@ const _hoisted_3$b = {
 };
 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"
 };
@@ -8956,7 +9050,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",
@@ -9108,11 +9202,11 @@ const _hoisted_4$9 = {
   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", {
@@ -9138,18 +9232,18 @@ 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]
     ])
   ], 2);
 }
-var InternalRouteSelect = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["render", _sfc_render$n], ["__scopeId", "data-v-7662837a"]]);
+var InternalRouteSelect = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["render", _sfc_render$n], ["__scopeId", "data-v-bfeface6"]]);
 var InternalMenuSelect_vue_vue_type_style_index_0_scoped_true_lang = "";
 function isUndefined$1(entry) {
   return entry === void 0 || typeof entry === "undefined" || entry === null || String(entry) === "null" || String(entry) === "undefined";
@@ -9274,11 +9368,11 @@ const _hoisted_4$8 = {
   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", {
@@ -9304,18 +9398,18 @@ 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]
     ])
   ], 2);
 }
-var InternalMenuSelect = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["render", _sfc_render$m], ["__scopeId", "data-v-a9c8bb64"]]);
+var InternalMenuSelect = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["render", _sfc_render$m], ["__scopeId", "data-v-2002cd50"]]);
 var jsep = { exports: {} };
 (function(module, exports) {
   (function(root2) {
@@ -9930,9 +10024,6 @@ function ensureMinimum(field, array, min, ask, max, func) {
   var length = array.length;
   var meetsMinimum = length >= min;
   if (!meetsMinimum) {
-    if (field.key == "multiNumber") {
-      console.log(field.key, min);
-    }
     var difference = min - length;
     var extras = Array(difference).fill().map(func);
     return [...array, ...extras];
@@ -9951,7 +10042,14 @@ 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") {
+    if (maximum === 1 && minimum === 1) {
+      singleValue = true;
+    } else {
+      singleValue = false;
+    }
+  }
   var multiValue = !singleValue;
   var defaultValues = (fieldData.type === "reference" ? fieldData.defaultReferences : fieldData.defaultValues) || [];
   var firstDefaultValue = defaultValues[0];
@@ -10069,7 +10167,11 @@ function getDefaultValue(fieldData, currentValue) {
             output = [];
           }
         } else {
-          output = isUndefined2(firstDefaultValue) ? {} : firstDefaultValue;
+          if (!minimum) {
+            output = void 0;
+          } else {
+            output = isUndefined2(firstDefaultValue) ? {} : firstDefaultValue;
+          }
         }
       } else {
         if (multiValue) {
@@ -10180,6 +10282,7 @@ const _sfc_main$l = {
   },
   data() {
     return {
+      watching: true,
       defaultValue: null,
       model: this.modelValue,
       touched: false,
@@ -10191,20 +10294,36 @@ const _sfc_main$l = {
       isDirtyBeforeInput: false
     };
   },
+  inject: ["parentFormElement"],
   created() {
     this.checkDirtyState();
   },
   mounted() {
-    this.mounted = true;
+    const self2 = this;
+    self2.mounted = true;
+    if (self2.parentFormElement && self2.parentFormElement.childFormElements) {
+      self2.parentFormElement.childFormElements.push(self2);
+    }
   },
   beforeUnmount() {
-    this.mounted = false;
+    const self2 = this;
+    self2.mounted = false;
+    if (self2.parentFormElement) {
+      var index2 = self2.parentFormElement.childFormElements.indexOf(self2);
+      self2.parentFormElement.childFormElements.splice(index2, 1);
+    }
   },
   methods: {
+    fieldDefaultValue() {
+      var expressionDefaultValue = this.expressions && this.expressions.defaultValue ? this.getExpressionDefaultValue : void 0;
+      var normalDefaultValue = getDefaultValue(this.actualField);
+      var defaultValue = this.cleanInput(expressionDefaultValue || normalDefaultValue);
+      return defaultValue;
+    },
     checkDirtyState() {
       var existingData = this.fieldModel;
       var hasExistingData = existingData || existingData === false || existingData === 0;
-      var proposedDefaultValue = this.fieldDefaultValue;
+      var proposedDefaultValue = this.fieldDefaultValue();
       var existingString = JSON.stringify(this.cleanOutput(existingData));
       var proposedString = JSON.stringify(this.cleanOutput(proposedDefaultValue));
       if (hasExistingData && existingString != proposedString) {
@@ -10229,12 +10348,24 @@ const _sfc_main$l = {
         this.fieldModel = this.getExpressionValue;
       }
     },
-    reset() {
-      this.touched = false;
-    },
     touch() {
       this.touched = true;
     },
+    untouch() {
+      this.touched = false;
+    },
+    reset() {
+      this.untouch();
+      this.watching = false;
+      var defaultValue = this.fieldDefaultValue();
+      if (Array.isArray(defaultValue)) {
+        defaultValue = [];
+      }
+      this.model[this.key] = defaultValue;
+      this.$nextTick(function() {
+        this.watching = true;
+      });
+    },
     cleanInput(val) {
       return this.fieldCleanInput(val);
     },
@@ -10277,7 +10408,7 @@ const _sfc_main$l = {
           this.fieldModel = void 0;
         }
       } else {
-        this.reset();
+        this.untouch();
       }
     },
     focussed(val) {
@@ -10306,9 +10437,11 @@ const _sfc_main$l = {
       this.validateResults = this.$qik.content.validateField(this.fieldModel, this.actualField);
     },
     modelValue(val, old) {
-      this.model = val;
-      this.touched = false;
-      this.checkDirtyState();
+      if (this.watching) {
+        this.model = val;
+        this.touched = false;
+        this.checkDirtyState();
+      }
     },
     getExpressionHide(result) {
     },
@@ -10324,9 +10457,6 @@ const _sfc_main$l = {
     }
   },
   computed: {
-    fieldDefaultValue() {
-      return this.cleanInput(this.expressions && this.expressions.defaultValue ? this.getExpressionDefaultValue : getDefaultValue(this.actualField));
-    },
     title() {
       return this.field.title;
     },
@@ -10348,6 +10478,9 @@ const _sfc_main$l = {
       if (this.getExpressionSyntax) {
         actual = Object.assign({}, actual, { syntax: this.getExpressionSyntax });
       }
+      if (this.getExpressionCurrency) {
+        actual = Object.assign({}, actual, { currency: this.getExpressionCurrency });
+      }
       return actual;
     },
     changeString() {
@@ -10372,20 +10505,6 @@ const _sfc_main$l = {
     dirty() {
       return this.isDirty;
     },
-    hasData() {
-      if (typeof this.fieldModel === "undefined") {
-        return false;
-      }
-      if (this.multiValue) {
-        if (!this.fieldModel || !this.fieldModel.length) {
-          return false;
-        }
-      }
-      if (this.fieldModel == "") {
-        return false;
-      }
-      return true;
-    },
     getExpressionHide() {
       if (!this.expressions) {
         return;
@@ -10406,6 +10525,7 @@ const _sfc_main$l = {
     getExpressionWidgetType: computedExpression("widget"),
     getExpressionOptions: computedExpression("options"),
     getExpressionSyntax: computedExpression("syntax"),
+    getExpressionCurrency: computedExpression("currency"),
     hasExpressionDefaultValue: hasExpression("defaultValue"),
     expressions() {
       return this.field.expressions;
@@ -10773,7 +10893,7 @@ function _sfc_render$l(_ctx, _cache, $props, $setup, $data, $options) {
     $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-84a6cd12"]]);
 var form_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _sfc_main$k = {
   props: {
@@ -10814,17 +10934,44 @@ const _sfc_main$k = {
       invalid: false,
       error: false,
       dirty: false,
-      focussed: false
+      focussed: false,
+      childFormElements: []
+    };
+  },
+  provide() {
+    const parentFormElement = this.parentFormElement || this;
+    return {
+      parentFormElement
     };
   },
+  inject: ["parentFormElement"],
   mounted() {
-    this.mounted = true;
+    const self2 = this;
+    self2.mounted = true;
   },
   beforeUnmount() {
-    this.mounted = false;
+    const self2 = this;
+    self2.mounted = false;
   },
   methods: {
+    touch() {
+      (this.childFormElements || []).forEach(function(field) {
+        field.touch();
+      });
+      this.touched = true;
+    },
+    untouch() {
+      (this.childFormElements || []).forEach(function(field) {
+        field.untouch();
+      });
+      this.touched = false;
+    },
     reset() {
+      this.untouch();
+      (this.childFormElements || []).forEach(function(field) {
+        field.reset();
+      });
+      this.model = {};
     },
     fieldUnmounted(field) {
       this.fieldStateChange(field, "unmount");
@@ -10871,7 +11018,7 @@ const _sfc_main$k = {
         var touched = false;
         var focussed = false;
         var invalidFields = [];
-        self2.childFields.forEach(function(field) {
+        self2.childFormElements.forEach(function(field) {
           if (field.dirty) {
             dirty = true;
           }
@@ -10879,7 +11026,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) {
@@ -10925,41 +11073,6 @@ const _sfc_main$k = {
     valid() {
       return !this.invalid;
     },
-    childFields() {
-      var self2 = this;
-      var directRefs = [];
-      if (!self2.mounted) {
-        return [];
-      }
-      findRecursive(this.$refs, directRefs);
-      function findRecursive($refs, collection) {
-        var fields = $refs.field ? $refs.field : [];
-        var groups = $refs.group ? $refs.group : [];
-        var forms = $refs.form ? $refs.form : [];
-        if (fields && !Array.isArray(fields)) {
-          fields = [fields];
-        }
-        if (groups && !Array.isArray(groups)) {
-          groups = [groups];
-        }
-        if (forms && !Array.isArray(forms)) {
-          forms = [forms];
-        }
-        fields.forEach(function(field) {
-          if (field.visible) {
-            collection.push(field);
-            findRecursive(field.$refs, collection);
-          }
-        });
-        groups.forEach(function(group) {
-          findRecursive(group.$refs, collection);
-        });
-        forms.forEach(function(form) {
-          findRecursive(form.$refs, collection);
-        });
-      }
-      return directRefs;
-    },
     formClass() {
       var array = [];
       if (this.flex) {
@@ -11022,37 +11135,64 @@ 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-6296f844"]]);
+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.untouch();
+      }
+    },
     reset() {
       this.model = {};
+      if (this.$refs.form) {
+        this.$refs.form.reset();
+      }
       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() {
     },
@@ -11081,6 +11221,8 @@ const _sfc_main$j = {
   },
   data() {
     return {
+      submitAttempted: false,
+      formState: null,
       state: STATE_READY,
       mounted: false,
       model: this.modelValue,
@@ -11094,6 +11236,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);
     },
@@ -11102,52 +11254,80 @@ const _sfc_main$j = {
     }
   }
 };
+const _withScopeId$1 = (n2) => (pushScopeId("data-v-165f973d"), n2 = n2(), popScopeId(), n2);
 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$7 = /* @__PURE__ */ createTextVNode(" Back to form ");
-const _hoisted_5$3 = /* @__PURE__ */ createTextVNode(" Submit ");
+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$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$7
+          _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-165f973d"]]);
 var search_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _sfc_main$i = {
   props: {
@@ -11233,7 +11413,7 @@ function _sfc_render$i(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ]);
 }
-var Search = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["render", _sfc_render$i], ["__scopeId", "data-v-0a1831cd"]]);
+var Search = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["render", _sfc_render$i], ["__scopeId", "data-v-53fd0043"]]);
 var RenderMixin = {
   props: {
     field: {
@@ -16344,9 +16524,6 @@ const _sfc_main$9 = {
     },
     value() {
       var v = extract(this.row, this.column.key);
-      if (!v) {
-        console.log(this.row, this.column.key);
-      }
       return v;
     }
   }
@@ -16392,7 +16569,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-0e44bd7f"]]);
+var TableCell = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["render", _sfc_render$9], ["__scopeId", "data-v-d2ef28aa"]]);
 const _sfc_main$8 = {
   components: {
     TableCell
@@ -16428,11 +16605,9 @@ const _sfc_main$8 = {
       this.$emit("click:row", this.row);
     },
     clickActions(row) {
-      console.log("click actions");
       this.$emit("click:actions", row);
     },
     clickSelect(row) {
-      console.log("click select");
       this.$emit("click:select", row);
     }
   },
@@ -17443,7 +17618,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() {
@@ -17459,7 +17645,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];
       }
@@ -17543,7 +17731,6 @@ const _sfc_main$5 = {
       var index2 = this.additionalFields.findIndex(function(f) {
         return f.path === key || f.key === key;
       });
-      console.log("index", index2, key);
       if (index2 === -1) {
         this.additionalFields.push(field);
       } else {
@@ -17554,8 +17741,12 @@ const _sfc_main$5 = {
       if (!row.meta) {
         row.meta = {};
       }
-      row.meta.type = this.basicType;
-      row.meta.definition = this.definition.key;
+      if (!row.meta.type) {
+        row.meta.type = this.basicType;
+      }
+      if (!row.meta.definition) {
+        row.meta.definition = this.definition.key;
+      }
       if (this.trash) {
         row.meta.deleted = true;
       }
@@ -17654,7 +17845,7 @@ const _sfc_main$5 = {
     };
   }
 };
-const _withScopeId = (n2) => (pushScopeId("data-v-ca158dc8"), n2 = n2(), popScopeId(), n2);
+const _withScopeId = (n2) => (pushScopeId("data-v-3e12c643"), 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) {
@@ -17768,9 +17959,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(() => [
@@ -17824,7 +18019,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-ca158dc8"]]);
+var ContentBrowser = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["render", _sfc_render$5], ["__scopeId", "data-v-3e12c643"]]);
 var ModalMixin = {
   props: {
     options: {
@@ -18066,7 +18261,7 @@ function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
     _: 1
   });
 }
-var QikOptionsModal = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["render", _sfc_render$2], ["__scopeId", "data-v-52f8951e"]]);
+var QikOptionsModal = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["render", _sfc_render$2], ["__scopeId", "data-v-09008c8a"]]);
 var PromptModal_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _sfc_main$1 = {
   mixins: [ModalMixin],
@@ -18075,11 +18270,7 @@ const _sfc_main$1 = {
       model: {}
     };
   },
-  methods: {
-    submit() {
-      console.log("SUBMIT");
-    }
-  },
+  methods: {},
   computed: {
     fields() {
       return this.options.fields || [];
@@ -18106,7 +18297,7 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_flex_column = resolveComponent("flex-column");
   return openBlock(), createElementBlock("form", {
     class: "wrapper",
-    onSubmit: _cache[2] || (_cache[2] = withModifiers((...args) => $options.submit && $options.submit(...args), ["prevent", "stop"]))
+    onSubmit: _cache[2] || (_cache[2] = withModifiers((...args) => _ctx.submit && _ctx.submit(...args), ["prevent", "stop"]))
   }, [
     createVNode(_component_flex_column, null, {
       default: withCtx(() => [
@@ -18171,7 +18362,7 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
     })
   ], 32);
 }
-var QikPromptModal = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render$1], ["__scopeId", "data-v-3d30139e"]]);
+var QikPromptModal = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render$1], ["__scopeId", "data-v-4af3c888"]]);
 var ContentModal_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _sfc_main = {
   components: {