@qikdev/vue-ui 0.2.21 → 0.2.25

package/dist/lib.es.js

@@ -30,9 +30,9 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
-import { openBlock, createElementBlock, renderSlot, resolveComponent, normalizeClass, Fragment, createVNode, withCtx, renderList, toDisplayString, withDirectives, createBlock, resolveDynamicComponent, vShow, withModifiers, createTextVNode, createCommentVNode, createElementVNode, mergeProps, toHandlers, pushScopeId, popScopeId, normalizeStyle, Teleport, vModelText, vModelSelect, withKeys, TransitionGroup, defineComponent, h, nextTick, vModelDynamic, vModelCheckbox, reactive, watch } from "vue";
+import { openBlock, createElementBlock, renderSlot, resolveComponent, normalizeClass, Fragment, createVNode, withCtx, renderList, toDisplayString, withDirectives, createBlock, resolveDynamicComponent, vShow, withModifiers, createTextVNode, createCommentVNode, createElementVNode, mergeProps, toHandlers, vModelSelect, pushScopeId, popScopeId, normalizeStyle, Teleport, vModelText, withKeys, TransitionGroup, defineComponent, h, nextTick, vModelDynamic, reactive, watch } from "vue";
 import { EventDispatcher } from "@qikdev/sdk";
-const version$1 = "0.2.21";
+const version$1 = "0.2.25";
 var flexColumn_vue_vue_type_style_index_0_scoped_true_lang = "";
 var _export_sfc = (sfc, props2) => {
   const target = sfc.__vccOpts || sfc;
@@ -41,104 +41,104 @@ var _export_sfc = (sfc, props2) => {
   }
   return target;
 };
-const _sfc_main$1m = {};
+const _sfc_main$1n = {};
 const _hoisted_1$12 = { class: "flex-column" };
-function _sfc_render$1m(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1n(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", _hoisted_1$12, [
     renderSlot(_ctx.$slots, "default", {}, void 0, true)
   ]);
 }
-var FlexColumn = /* @__PURE__ */ _export_sfc(_sfc_main$1m, [["render", _sfc_render$1m], ["__scopeId", "data-v-203ea86f"]]);
+var FlexColumn = /* @__PURE__ */ _export_sfc(_sfc_main$1n, [["render", _sfc_render$1n], ["__scopeId", "data-v-203ea86f"]]);
 var flexBody_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _sfc_main$1l = {};
+const _sfc_main$1m = {};
 const _hoisted_1$11 = { class: "flex-column-body" };
-function _sfc_render$1l(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1m(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", _hoisted_1$11, [
     renderSlot(_ctx.$slots, "default", {}, void 0, true)
   ]);
 }
-var FlexBody = /* @__PURE__ */ _export_sfc(_sfc_main$1l, [["render", _sfc_render$1l], ["__scopeId", "data-v-64850355"]]);
+var FlexBody = /* @__PURE__ */ _export_sfc(_sfc_main$1m, [["render", _sfc_render$1m], ["__scopeId", "data-v-64850355"]]);
 var flexHeader_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _sfc_main$1k = {};
+const _sfc_main$1l = {};
 const _hoisted_1$10 = { class: "flex-column-header" };
-function _sfc_render$1k(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1l(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", _hoisted_1$10, [
     renderSlot(_ctx.$slots, "default", {}, void 0, true)
   ]);
 }
-var FlexHeader = /* @__PURE__ */ _export_sfc(_sfc_main$1k, [["render", _sfc_render$1k], ["__scopeId", "data-v-10b28f00"]]);
+var FlexHeader = /* @__PURE__ */ _export_sfc(_sfc_main$1l, [["render", _sfc_render$1l], ["__scopeId", "data-v-10b28f00"]]);
 var flexFooter_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _sfc_main$1j = {};
+const _sfc_main$1k = {};
 const _hoisted_1$$ = { class: "flex-column-footer" };
-function _sfc_render$1j(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1k(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", _hoisted_1$$, [
     renderSlot(_ctx.$slots, "default", {}, void 0, true)
   ]);
 }
-var FlexFooter = /* @__PURE__ */ _export_sfc(_sfc_main$1j, [["render", _sfc_render$1j], ["__scopeId", "data-v-68216a72"]]);
+var FlexFooter = /* @__PURE__ */ _export_sfc(_sfc_main$1k, [["render", _sfc_render$1k], ["__scopeId", "data-v-68216a72"]]);
 var flexCell_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _sfc_main$1i = {};
+const _sfc_main$1j = {};
 const _hoisted_1$_ = { class: "flex-cell" };
-function _sfc_render$1i(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1j(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", _hoisted_1$_, [
     renderSlot(_ctx.$slots, "default", {}, void 0, true)
   ]);
 }
-var FlexCell = /* @__PURE__ */ _export_sfc(_sfc_main$1i, [["render", _sfc_render$1i], ["__scopeId", "data-v-644bb279"]]);
+var FlexCell = /* @__PURE__ */ _export_sfc(_sfc_main$1j, [["render", _sfc_render$1j], ["__scopeId", "data-v-644bb279"]]);
 var flexRow_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _sfc_main$1h = {};
+const _sfc_main$1i = {};
 const _hoisted_1$Z = { class: "flex-row" };
-function _sfc_render$1h(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1i(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", _hoisted_1$Z, [
     renderSlot(_ctx.$slots, "default", {}, void 0, true)
   ]);
 }
-var FlexRow = /* @__PURE__ */ _export_sfc(_sfc_main$1h, [["render", _sfc_render$1h], ["__scopeId", "data-v-5b76ad1f"]]);
+var FlexRow = /* @__PURE__ */ _export_sfc(_sfc_main$1i, [["render", _sfc_render$1i], ["__scopeId", "data-v-5b76ad1f"]]);
 var flexSpacer_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _sfc_main$1g = {};
+const _sfc_main$1h = {};
 const _hoisted_1$Y = { class: "flex-spacer" };
-function _sfc_render$1g(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1h(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", _hoisted_1$Y);
 }
-var FlexSpacer = /* @__PURE__ */ _export_sfc(_sfc_main$1g, [["render", _sfc_render$1g], ["__scopeId", "data-v-35b15579"]]);
+var FlexSpacer = /* @__PURE__ */ _export_sfc(_sfc_main$1h, [["render", _sfc_render$1h], ["__scopeId", "data-v-35b15579"]]);
 var panel_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _sfc_main$1f = {};
+const _sfc_main$1g = {};
 const _hoisted_1$X = { class: "panel" };
-function _sfc_render$1f(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1g(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", _hoisted_1$X, [
     renderSlot(_ctx.$slots, "default", {}, void 0, true)
   ]);
 }
-var Panel = /* @__PURE__ */ _export_sfc(_sfc_main$1f, [["render", _sfc_render$1f], ["__scopeId", "data-v-50ae77fc"]]);
+var Panel = /* @__PURE__ */ _export_sfc(_sfc_main$1g, [["render", _sfc_render$1g], ["__scopeId", "data-v-50ae77fc"]]);
 var panelBody_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _sfc_main$1e = {};
+const _sfc_main$1f = {};
 const _hoisted_1$W = { class: "panel-body" };
-function _sfc_render$1e(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1f(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", _hoisted_1$W, [
     renderSlot(_ctx.$slots, "default", {}, void 0, true)
   ]);
 }
-var PanelBody = /* @__PURE__ */ _export_sfc(_sfc_main$1e, [["render", _sfc_render$1e], ["__scopeId", "data-v-c82dca76"]]);
+var PanelBody = /* @__PURE__ */ _export_sfc(_sfc_main$1f, [["render", _sfc_render$1f], ["__scopeId", "data-v-c82dca76"]]);
 var panelHeader_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _sfc_main$1d = {};
+const _sfc_main$1e = {};
 const _hoisted_1$V = { class: "panel-header" };
-function _sfc_render$1d(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1e(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", _hoisted_1$V, [
     renderSlot(_ctx.$slots, "default", {}, void 0, true)
   ]);
 }
-var PanelHeader = /* @__PURE__ */ _export_sfc(_sfc_main$1d, [["render", _sfc_render$1d], ["__scopeId", "data-v-13bf11da"]]);
+var PanelHeader = /* @__PURE__ */ _export_sfc(_sfc_main$1e, [["render", _sfc_render$1e], ["__scopeId", "data-v-13bf11da"]]);
 var panelFooter_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _sfc_main$1c = {};
+const _sfc_main$1d = {};
 const _hoisted_1$U = { class: "panel-footer" };
-function _sfc_render$1c(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1d(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", _hoisted_1$U, [
     renderSlot(_ctx.$slots, "default", {}, void 0, true)
   ]);
 }
-var PanelFooter = /* @__PURE__ */ _export_sfc(_sfc_main$1c, [["render", _sfc_render$1c], ["__scopeId", "data-v-b4f4786a"]]);
+var PanelFooter = /* @__PURE__ */ _export_sfc(_sfc_main$1d, [["render", _sfc_render$1d], ["__scopeId", "data-v-b4f4786a"]]);
 var tabset_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _sfc_main$1b = {
+const _sfc_main$1c = {
   props: {
     vertical: {
       type: Boolean
@@ -169,7 +169,7 @@ const _sfc_main$1b = {
 };
 const _hoisted_1$T = ["onClick"];
 const _hoisted_2$J = ["onClick"];
-function _sfc_render$1b(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1c(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_flex_body = resolveComponent("flex-body");
   const _component_flex_column = resolveComponent("flex-column");
   const _component_flex_row = resolveComponent("flex-row");
@@ -250,8 +250,8 @@ function _sfc_render$1b(_ctx, _cache, $props, $setup, $data, $options) {
     ], 64))
   ], 2);
 }
-var UXTabset = /* @__PURE__ */ _export_sfc(_sfc_main$1b, [["render", _sfc_render$1b], ["__scopeId", "data-v-2a0551fe"]]);
-const _sfc_main$1a = {
+var UXTabset = /* @__PURE__ */ _export_sfc(_sfc_main$1c, [["render", _sfc_render$1c], ["__scopeId", "data-v-2a0551fe"]]);
+const _sfc_main$1b = {
   props: {
     heading: {
       type: String,
@@ -278,7 +278,7 @@ const _sfc_main$1a = {
     }
   }
 };
-function _sfc_render$1a(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1b(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_flex_column = resolveComponent("flex-column");
   return openBlock(), createBlock(_component_flex_column, null, {
     default: withCtx(() => [
@@ -287,7 +287,7 @@ function _sfc_render$1a(_ctx, _cache, $props, $setup, $data, $options) {
     _: 3
   });
 }
-var UXTab = /* @__PURE__ */ _export_sfc(_sfc_main$1a, [["render", _sfc_render$1a]]);
+var UXTab = /* @__PURE__ */ _export_sfc(_sfc_main$1b, [["render", _sfc_render$1b]]);
 var commonjsGlobal = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : {};
 var isArray$5 = Array.isArray;
 var isArray_1 = isArray$5;
@@ -703,16 +703,16 @@ function baseToString$1(value) {
 }
 var _baseToString = baseToString$1;
 var baseToString = _baseToString;
-function toString$1(value) {
+function toString$3(value) {
   return value == null ? "" : baseToString(value);
 }
-var toString_1 = toString$1;
-var isArray$2 = isArray_1, isKey = _isKey, stringToPath = _stringToPath, toString = toString_1;
+var toString_1 = toString$3;
+var isArray$2 = isArray_1, isKey = _isKey, stringToPath = _stringToPath, toString$2 = toString_1;
 function castPath$1(value, object) {
   if (isArray$2(value)) {
     return value;
   }
-  return isKey(value, object) ? [value] : stringToPath(toString(value));
+  return isKey(value, object) ? [value] : stringToPath(toString$2(value));
 }
 var _castPath = castPath$1;
 var isSymbol$1 = isSymbol_1;
@@ -755,7 +755,7 @@ var TableCellMixin = {
   }
 };
 var Thumbnail_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _sfc_main$19 = {
+const _sfc_main$1a = {
   mixins: [TableCellMixin],
   computed: {
     imageSource() {
@@ -773,7 +773,7 @@ const _sfc_main$19 = {
   }
 };
 const _hoisted_1$S = { class: "table-image-cell" };
-function _sfc_render$19(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1a(_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$S, [
@@ -794,9 +794,9 @@ function _sfc_render$19(_ctx, _cache, $props, $setup, $data, $options) {
     }))
   ]);
 }
-var ThumbnailCell = /* @__PURE__ */ _export_sfc(_sfc_main$19, [["render", _sfc_render$19], ["__scopeId", "data-v-246a2688"]]);
+var ThumbnailCell = /* @__PURE__ */ _export_sfc(_sfc_main$1a, [["render", _sfc_render$1a], ["__scopeId", "data-v-246a2688"]]);
 var Currency_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _sfc_main$18 = {
+const _sfc_main$19 = {
   mixins: [TableCellMixin],
   computed: {
     string() {
@@ -819,14 +819,14 @@ const _sfc_main$18 = {
     }
   }
 };
-function _sfc_render$18(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$19(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("td", {
     class: normalizeClass(["table-currency-cell", { credit: $options.credit, empty: $options.empty, debit: $options.debit }])
   }, toDisplayString($options.string), 3);
 }
-var CurrencyCell = /* @__PURE__ */ _export_sfc(_sfc_main$18, [["render", _sfc_render$18], ["__scopeId", "data-v-33a0b926"]]);
+var CurrencyCell = /* @__PURE__ */ _export_sfc(_sfc_main$19, [["render", _sfc_render$19], ["__scopeId", "data-v-33a0b926"]]);
 var Button_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _sfc_main$17 = {
+const _sfc_main$18 = {
   data() {
     return {
       processing: false
@@ -845,13 +845,13 @@ const _sfc_main$17 = {
   methods: {
     async clicked() {
       this.processing = true;
-      await this.button.action(this.row);
+      await this.button.action(this.row, this.column);
       this.processing = false;
     }
   }
 };
 const _hoisted_1$R = { class: "table-button-cell" };
-function _sfc_render$17(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$18(_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$R, [
@@ -875,7 +875,7 @@ function _sfc_render$17(_ctx, _cache, $props, $setup, $data, $options) {
     }, 8, ["color", "size", "loading", "onClick"])
   ]);
 }
-var ButtonCell = /* @__PURE__ */ _export_sfc(_sfc_main$17, [["render", _sfc_render$17], ["__scopeId", "data-v-1c498011"]]);
+var ButtonCell = /* @__PURE__ */ _export_sfc(_sfc_main$18, [["render", _sfc_render$18], ["__scopeId", "data-v-36768853"]]);
 class LuxonError extends Error {
 }
 class InvalidDateTimeError extends LuxonError {
@@ -4709,7 +4709,7 @@ function friendlyDateTime(dateTimeish) {
   }
 }
 var DateCell_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _sfc_main$16 = {
+const _sfc_main$17 = {
   mixins: [TableCellMixin],
   computed: {
     hasValue() {
@@ -4735,7 +4735,7 @@ const _hoisted_2$I = { key: 0 };
 const _hoisted_3$A = { class: "off" };
 const _hoisted_4$w = { class: "on" };
 const _hoisted_5$p = { class: "spacer" };
-function _sfc_render$16(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$17(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("td", _hoisted_1$Q, [
     $options.hasValue ? (openBlock(), createElementBlock("div", _hoisted_2$I, [
       createElementVNode("span", _hoisted_3$A, toDisplayString($options.readable), 1),
@@ -4744,9 +4744,9 @@ function _sfc_render$16(_ctx, _cache, $props, $setup, $data, $options) {
     ])) : createCommentVNode("", true)
   ]);
 }
-var DateCell = /* @__PURE__ */ _export_sfc(_sfc_main$16, [["render", _sfc_render$16], ["__scopeId", "data-v-3687693f"]]);
+var DateCell = /* @__PURE__ */ _export_sfc(_sfc_main$17, [["render", _sfc_render$17], ["__scopeId", "data-v-3687693f"]]);
 var BooleanCell_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _sfc_main$15 = {
+const _sfc_main$16 = {
   mixins: [TableCellMixin],
   computed: {
     boolean() {
@@ -4754,7 +4754,7 @@ const _sfc_main$15 = {
     }
   }
 };
-function _sfc_render$15(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$16(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_ux_icon = resolveComponent("ux-icon");
   return openBlock(), createElementBlock("td", {
     class: normalizeClass(["table-boolean-cell", { true: $options.boolean, false: !$options.boolean }])
@@ -4764,9 +4764,9 @@ function _sfc_render$15(_ctx, _cache, $props, $setup, $data, $options) {
     }, null, 8, ["icon"])
   ], 2);
 }
-var BooleanCell = /* @__PURE__ */ _export_sfc(_sfc_main$15, [["render", _sfc_render$15], ["__scopeId", "data-v-27f127ae"]]);
+var BooleanCell = /* @__PURE__ */ _export_sfc(_sfc_main$16, [["render", _sfc_render$16], ["__scopeId", "data-v-27f127ae"]]);
 var SecurityCell_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _sfc_main$14 = {
+const _sfc_main$15 = {
   mixins: [TableCellMixin],
   computed: {
     public() {
@@ -4777,7 +4777,7 @@ const _sfc_main$14 = {
     }
   }
 };
-function _sfc_render$14(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$15(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_ux_icon = resolveComponent("ux-icon");
   return openBlock(), createElementBlock("td", {
     class: normalizeClass(["table-security-cell", $options.security])
@@ -4787,9 +4787,9 @@ function _sfc_render$14(_ctx, _cache, $props, $setup, $data, $options) {
     }, null, 8, ["icon"])
   ], 2);
 }
-var SecurityCell = /* @__PURE__ */ _export_sfc(_sfc_main$14, [["render", _sfc_render$14], ["__scopeId", "data-v-51f8608e"]]);
+var SecurityCell = /* @__PURE__ */ _export_sfc(_sfc_main$15, [["render", _sfc_render$15], ["__scopeId", "data-v-51f8608e"]]);
 var URLCell_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _sfc_main$13 = {
+const _sfc_main$14 = {
   mixins: [TableCellMixin],
   methods: {
     open() {
@@ -4804,7 +4804,7 @@ const _sfc_main$13 = {
 };
 const _hoisted_1$P = { class: "table-url-cell" };
 const _hoisted_2$H = ["href"];
-function _sfc_render$13(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$14(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_ux_icon = resolveComponent("ux-icon");
   return openBlock(), createElementBlock("td", _hoisted_1$P, [
     createElementVNode("a", {
@@ -4820,9 +4820,9 @@ function _sfc_render$13(_ctx, _cache, $props, $setup, $data, $options) {
     ], 8, _hoisted_2$H)
   ]);
 }
-var URLCell = /* @__PURE__ */ _export_sfc(_sfc_main$13, [["render", _sfc_render$13], ["__scopeId", "data-v-17cf3a86"]]);
+var URLCell = /* @__PURE__ */ _export_sfc(_sfc_main$14, [["render", _sfc_render$14], ["__scopeId", "data-v-17cf3a86"]]);
 var Value_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _sfc_main$12 = {
+const _sfc_main$13 = {
   props: {
     multi: {
       type: Boolean
@@ -4871,7 +4871,7 @@ const _sfc_main$12 = {
   }
 };
 const _hoisted_1$O = /* @__PURE__ */ createTextVNode(",\xA0");
-function _sfc_render$12(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$13(_ctx, _cache, $props, $setup, $data, $options) {
   return $options.reference ? (openBlock(), createElementBlock("a", {
     key: 0,
     onClick: _cache[0] || (_cache[0] = withModifiers(($event) => $options.clicked($props.value), ["stop", "prevent"]))
@@ -4884,7 +4884,7 @@ function _sfc_render$12(_ctx, _cache, $props, $setup, $data, $options) {
     ], 64)) : createCommentVNode("", true)
   ], 64));
 }
-var ValueRenderer = /* @__PURE__ */ _export_sfc(_sfc_main$12, [["render", _sfc_render$12], ["__scopeId", "data-v-255b9ec8"]]);
+var ValueRenderer = /* @__PURE__ */ _export_sfc(_sfc_main$13, [["render", _sfc_render$13], ["__scopeId", "data-v-255b9ec8"]]);
 var TableCell_vue_vue_type_style_index_0_scoped_true_lang = "";
 function extract(row, path) {
   if (!row) {
@@ -4909,7 +4909,7 @@ function extract(row, path) {
     return extract(stub, remainder);
   }
 }
-const _sfc_main$11 = {
+const _sfc_main$12 = {
   data() {
     return {
       component: null
@@ -5007,7 +5007,7 @@ const _hoisted_1$N = {
 };
 const _hoisted_2$G = { class: "value" };
 const _hoisted_3$z = { class: "value" };
-function _sfc_render$11(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$12(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_value_renderer = resolveComponent("value-renderer");
   return $data.component ? (openBlock(), createBlock(resolveDynamicComponent($data.component), {
     key: 0,
@@ -5042,8 +5042,8 @@ function _sfc_render$11(_ctx, _cache, $props, $setup, $data, $options) {
     }, null, 8, ["type", "value"]))
   ]));
 }
-var TableCell = /* @__PURE__ */ _export_sfc(_sfc_main$11, [["render", _sfc_render$11], ["__scopeId", "data-v-44c51175"]]);
-const _sfc_main$10 = {
+var TableCell = /* @__PURE__ */ _export_sfc(_sfc_main$12, [["render", _sfc_render$12], ["__scopeId", "data-v-44c51175"]]);
+const _sfc_main$11 = {
   components: {
     TableCell
   },
@@ -5098,7 +5098,7 @@ const _sfc_main$10 = {
     }
   }
 };
-function _sfc_render$10(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$11(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_ux_checkbox = resolveComponent("ux-checkbox");
   const _component_table_cell = resolveComponent("table-cell");
   const _component_ux_icon = resolveComponent("ux-icon");
@@ -5140,7 +5140,7 @@ function _sfc_render$10(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ], 2);
 }
-var TableRow = /* @__PURE__ */ _export_sfc(_sfc_main$10, [["render", _sfc_render$10]]);
+var TableRow = /* @__PURE__ */ _export_sfc(_sfc_main$11, [["render", _sfc_render$11]]);
 var RememberScrollMixin = {
   data() {
     return {
@@ -5171,7 +5171,7 @@ var RememberScrollMixin = {
   }
 };
 var Table_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _sfc_main$$ = {
+const _sfc_main$10 = {
   mixins: [RememberScrollMixin],
   components: {
     TableRow,
@@ -5426,7 +5426,7 @@ const _hoisted_8$9 = {
   key: 1,
   class: "last shrink"
 };
-function _sfc_render$$(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$10(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_ux_checkbox = resolveComponent("ux-checkbox");
   const _component_ux_list_item = resolveComponent("ux-list-item");
   const _component_ux_list = resolveComponent("ux-list");
@@ -5550,841 +5550,1142 @@ function _sfc_render$$(_ctx, _cache, $props, $setup, $data, $options) {
     ], 512)
   ]);
 }
-var NativeTable = /* @__PURE__ */ _export_sfc(_sfc_main$$, [["render", _sfc_render$$], ["__scopeId", "data-v-03eb874f"]]);
-var avatar_vue_vue_type_style_index_0_lang = "";
-const _sfc_main$_ = {
-  props: {
-    id: {
-      type: [Object, String]
-    }
-  },
-  computed: {
-    stringID() {
-      return this.$sdk.utils.id(this.id);
-    },
-    url() {
+var NativeTable = /* @__PURE__ */ _export_sfc(_sfc_main$10, [["render", _sfc_render$10], ["__scopeId", "data-v-03eb874f"]]);
+var safeJsonStringify$1 = { exports: {} };
+var hasProp = Object.prototype.hasOwnProperty;
+function throwsMessage(err) {
+  return "[Throws: " + (err ? err.message : "?") + "]";
+}
+function safeGetValueFromPropertyOnObject(obj, property) {
+  if (hasProp.call(obj, property)) {
+    try {
+      return obj[property];
+    } catch (err) {
+      return throwsMessage(err);
     }
   }
-};
-const _hoisted_1$L = { class: "avatar" };
-function _sfc_render$_(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("div", _hoisted_1$L);
+  return obj[property];
 }
-var Avatar = /* @__PURE__ */ _export_sfc(_sfc_main$_, [["render", _sfc_render$_]]);
-var spinner_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _sfc_main$Z = {
-  props: {
-    large: {
-      type: Boolean
+function ensureProperties(obj) {
+  var seen = [];
+  function visit(obj2) {
+    if (obj2 === null || typeof obj2 !== "object") {
+      return obj2;
     }
+    if (seen.indexOf(obj2) !== -1) {
+      return "[Circular]";
+    }
+    seen.push(obj2);
+    if (typeof obj2.toJSON === "function") {
+      try {
+        var fResult = visit(obj2.toJSON());
+        seen.pop();
+        return fResult;
+      } catch (err) {
+        return throwsMessage(err);
+      }
+    }
+    if (Array.isArray(obj2)) {
+      var aResult = obj2.map(visit);
+      seen.pop();
+      return aResult;
+    }
+    var result = Object.keys(obj2).reduce(function(result2, prop) {
+      result2[prop] = visit(safeGetValueFromPropertyOnObject(obj2, prop));
+      return result2;
+    }, {});
+    seen.pop();
+    return result;
   }
+  return visit(obj);
+}
+safeJsonStringify$1.exports = function(data, replacer, space) {
+  return JSON.stringify(ensureProperties(data), replacer, space);
 };
-const _withScopeId$7 = (n2) => (pushScopeId("data-v-27f20370"), n2 = n2(), popScopeId(), n2);
-const _hoisted_1$K = /* @__PURE__ */ _withScopeId$7(() => /* @__PURE__ */ createElementVNode("i", { class: "fa fa-spin fa-spinner" }, null, -1));
-const _hoisted_2$E = [
-  _hoisted_1$K
-];
-function _sfc_render$Z(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("div", {
-    class: normalizeClass(["ux-spinner", { large: $props.large }])
-  }, _hoisted_2$E, 2);
+safeJsonStringify$1.exports.ensureProperties = ensureProperties;
+var safeJsonStringify = safeJsonStringify$1.exports;
+function isUndefined$6(v, type) {
+  return v === void 0 || v === null || type == "date" && v.toString && v.toString() === "Invalid Date";
 }
-var Spinner = /* @__PURE__ */ _export_sfc(_sfc_main$Z, [["render", _sfc_render$Z], ["__scopeId", "data-v-27f20370"]]);
-var button_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _sfc_main$Y = {
-  components: {
-    Spinner
-  },
+function isNotEmpty(value) {
+  return value !== void 0 && value !== null;
+}
+var InputMixin = {
   props: {
-    to: {
-      type: [Object, String]
+    field: {
+      type: Object,
+      default() {
+        return {};
+      }
     },
-    icon: {
-      type: Boolean
+    parentModel: {
+      type: Object
+    }
+  },
+  data() {
+    return {
+      value: this.modelValue
+    };
+  },
+  watch: {
+    modelValue(val, old) {
+      var cleanedValue = this.cleanInput(val);
+      var cleanedModel = this.cleanInput(this.model);
+      if (safeJsonStringify(cleanedValue) != safeJsonStringify(cleanedModel)) {
+        this.model = cleanedValue;
+      }
+    }
+  },
+  mounted() {
+    this.checkAutofocus();
+  },
+  inject: ["form", "fieldPath"],
+  computed: {
+    optionLookup() {
+      var self2 = this;
+      return self2.options.reduce(function(set, option2) {
+        const key = self2.getValue(option2);
+        set[key] = option2;
+        return set;
+      }, {});
     },
-    color: {
-      type: String,
-      default: "default"
+    selectableOptions() {
+      return this.options;
     },
-    bgColor: {
-      type: String
+    required() {
+      return this.minimum;
     },
-    fgColor: {
-      type: String
+    model: {
+      get() {
+        var cleaned = this.cleanOutput(this.value);
+        return cleaned;
+      },
+      set(val) {
+        this.value = this.cleanInput(val);
+        this.checkAutofocus();
+        this.dispatch();
+      }
     },
-    tag: {
-      type: String
+    options() {
+      var self2 = this;
+      return (this.field.options || []).reduce(function(set, option2) {
+        if (!option2) {
+          return set;
+        }
+        const value = self2.getValue(option2);
+        const title = option2.title || option2.name || option2.label || value;
+        var output = {
+          title,
+          value,
+          source: option2
+        };
+        if (self2.field.type == "reference") {
+          output._id = value;
+        }
+        set.push(output);
+        return set;
+      }, []);
     },
-    href: {
-      type: String
+    prefix() {
+      return this.field.suffix;
     },
-    target: {
-      type: String
+    suffix() {
+      return this.field.suffix;
     },
-    loading: {
-      type: Boolean
+    type() {
+      return this.field.type || "string";
     },
-    active: {
-      type: Boolean
+    key() {
+      return this.field.key;
     },
-    disabled: {
-      type: Boolean
+    isGroup() {
+      return this.type === "group";
     },
-    block: {
-      type: Boolean
+    asObject() {
+      return this.isGroup && !!this.field.asObject;
     },
-    size: {
-      type: String,
-      default: "md"
-    }
-  },
-  computed: {
-    style() {
-      var object = {};
-      if (this.bgColor) {
-        object["backgroundColor"] = this.bgColor;
-      }
-      if (this.fgColor) {
-        object["color"] = this.fgColor;
-      }
-      return object;
+    layoutGroup() {
+      return this.isGroup && !this.field.asObject;
     },
-    classes() {
-      var array = [];
-      array.push(`ux-btn-${this.size}`);
-      if (this.block) {
-        array.push(`ux-btn-block`);
+    canAddValue() {
+      if (this.singleValue) {
+        return;
       }
-      if (this.loading) {
-        array.push(`ux-btn-loading`);
+      return this.maximum === 0 || this.numValues < this.maximum;
+    },
+    canRemoveValue() {
+      return this.numValues > this.minimum;
+    },
+    widget() {
+      return this.field.widget;
+    },
+    singleValue() {
+      if (this.asObject) {
+        var isSingle = this.minimum === 1 && this.maximum === 1;
+        return isSingle;
+      } else {
+        return this.maximum === 1;
       }
-      if (this.active) {
-        array.push(`ux-btn-active`);
+    },
+    multiValue() {
+      return !this.singleValue;
+    },
+    label() {
+      return this.field.title;
+    },
+    title() {
+      return this.label;
+    },
+    plural() {
+      return this.field.plural;
+    },
+    description() {
+      return this.field.description;
+    },
+    placeholder() {
+      return this.field.placeholder || this.field.hint;
+    },
+    addLabel() {
+      if (this.numValues) {
+        return `Add another ${this.label}`;
+      } else {
+        return `Add ${this.label}`;
       }
-      if (this.icon) {
-        array.push(`ux-btn-icon`);
+    },
+    removeLabel() {
+      return `Remove`;
+    },
+    numValues() {
+      if (this.singleValue) {
+        return 1;
       }
-      array.push(`ux-btn-color-${this.color}`);
-      if (this.disabled) {
-        array.push(`ux-btn-disabled`);
+      return (this.value || []).length || 0;
+    },
+    showLabel() {
+      return this.field.title;
+    },
+    showDescription() {
+      return this.description;
+    },
+    fields() {
+      var subFields = this.field.fields;
+      if (subFields && subFields.length) {
+        return subFields;
       }
-      return array;
     },
-    element() {
-      switch (this.tag) {
-        case "span":
-          return this.tag;
-        case "submit":
-          return "button";
-        default:
-          if (this.to || this.href) {
-            return "ux-link";
-          }
-          return this.tag || "button";
+    minimum() {
+      if (this.layoutGroup) {
+        return 1;
       }
-    }
-  }
-};
-const _hoisted_1$J = { class: "ux-btn-text" };
-function _sfc_render$Y(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_spinner = resolveComponent("spinner");
-  return openBlock(), createBlock(resolveDynamicComponent($options.element), {
-    active: $props.active,
-    loading: $props.loading,
-    to: $props.to,
-    href: $props.href,
-    target: $props.target,
-    style: normalizeStyle($options.style),
-    class: normalizeClass([$options.classes, "ux-btn"]),
-    disabled: $props.disabled
-  }, {
-    default: withCtx(() => [
-      $props.loading ? (openBlock(), createBlock(_component_spinner, { key: 0 })) : createCommentVNode("", true),
-      createElementVNode("span", _hoisted_1$J, [
-        renderSlot(_ctx.$slots, "default", {}, void 0, true)
-      ])
-    ]),
-    _: 3
-  }, 8, ["active", "loading", "to", "href", "target", "style", "class", "disabled"]);
-}
-var UXButton = /* @__PURE__ */ _export_sfc(_sfc_main$Y, [["render", _sfc_render$Y], ["__scopeId", "data-v-56c95efc"]]);
-var checkbox_vue_vue_type_style_index_0_scoped_true_lang$1 = "";
-const _sfc_main$X = {
-  props: {
-    value: {
-      type: Boolean,
-      default() {
-        return false;
+      var int2 = parseInt(this.field.minimum || 0);
+      if (isNaN(int2)) {
+        int2 = 0;
       }
-    }
-  },
-  computed: {
-    classes() {
-      var array = [];
-      if (this.value) {
-        array.push(`ux-checkbox-true`);
-      } else {
-        array.push(`ux-checkbox-false`);
+      int2 = Math.max(int2, 0);
+      int2 = this.maximum ? Math.min(int2, this.maximum) : int2;
+      return parseInt(int2);
+    },
+    maximum() {
+      if (this.layoutGroup) {
+        return 1;
       }
-      return array;
-    }
-  }
-};
-function _sfc_render$X(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_ux_icon = resolveComponent("ux-icon");
-  return openBlock(), createElementBlock("button", {
-    class: normalizeClass(["ux-checkbox", $options.classes])
-  }, [
-    createVNode(_component_ux_icon, {
-      class: "icon",
-      icon: "fa-check"
-    })
-  ], 2);
-}
-var UXCheckbox = /* @__PURE__ */ _export_sfc(_sfc_main$X, [["render", _sfc_render$X], ["__scopeId", "data-v-6b7b7539"]]);
-var switch_vue_vue_type_style_index_0_scoped_true_lang$1 = "";
-const _sfc_main$W = {
-  props: {
-    value: {
-      type: Boolean,
-      default() {
-        return false;
+      var int2 = parseInt(this.field.maximum || 0);
+      if (isNaN(int2)) {
+        int2 = 0;
       }
+      int2 = Math.max(int2, 0);
+      return parseInt(int2);
     },
-    loading: {
-      type: Boolean,
-      default() {
-        return false;
+    ask() {
+      var int2 = parseInt(this.field.ask);
+      int2 = Math.max(int2, this.minimum);
+      if (this.maximum) {
+        int2 = Math.min(int2, this.maximum);
       }
+      return int2;
     }
   },
-  computed: {
-    classes() {
-      var array = [];
-      if (this.value) {
-        array.push(`ux-switch-true`);
-      } else {
-        array.push(`ux-switch-false`);
+  methods: {
+    cleanTextInput(val, type, instance) {
+      switch (type) {
+        case "url":
+          val = instance.$sdk.utils.parseURL(val);
+          break;
+        case "key":
+          val = String(instance.$sdk.utils.machineName(val)).trim();
+          break;
+        case "integer":
+          val = parseInt(String(val).replace(/[^0-9-]/g, ""));
+          if (isNaN(val)) {
+            val = void 0;
+          }
+          break;
+        case "number":
+        case "decimal":
+        case "float":
+          val = Number(String(val).replace(/[^0-9.-]/g, ""));
+          if (isNaN(val)) {
+            val = void 0;
+          }
+          break;
       }
-      if (this.loading) {
-        array.push(`ux-switch-loading`);
+      return val;
+    },
+    checkAutofocus() {
+      if (this.field.autofocus) {
+        if (this.value) {
+          return;
+        }
+        this.$nextTick(function() {
+          this.refocus();
+        });
       }
-      return array;
-    }
-  }
-};
-function _sfc_render$W(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_ux_icon = resolveComponent("ux-icon");
-  return openBlock(), createElementBlock("a", {
-    class: normalizeClass(["ux-switch", $options.classes])
-  }, [
-    createElementVNode("span", null, [
-      createVNode(_component_ux_icon, {
-        spin: "",
-        icon: "fa-spinner"
-      })
-    ])
-  ], 2);
-}
-var UXSwitch = /* @__PURE__ */ _export_sfc(_sfc_main$W, [["render", _sfc_render$W], ["__scopeId", "data-v-57a418e1"]]);
-var link_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _sfc_main$V = {
-  props: {
-    to: {
-      type: [Object, String]
-    },
-    href: {
-      type: String
-    },
-    target: {
-      type: String
     },
-    disabled: {
-      type: Boolean
-    }
-  },
-  methods: {
-    clicked(event) {
-      var self2 = this;
-      if (self2.to) {
-        if (self2.buildMode || self2.nuxtMode) {
-          event.preventDefault();
-          event.stopImmediatePropagation();
-          return self2.$sdk.app.to(self2.to);
-        }
+    getValue(option2) {
+      if (!option2) {
+        return this.cleanTextInput(option2);
       }
-      if (self2.href) {
-        if (self2.buildMode || self2.nuxtMode) {
-          event.preventDefault();
-          event.stopImmediatePropagation();
-          return;
-        }
+      var value = this.cleanTextInput(option2._id || option2.value);
+      var hasValue = isNotEmpty(value);
+      if (!hasValue && option2.title && !this.returnObject) {
+        value = option2.title;
       }
-    }
-  },
-  computed: {
-    actualHref() {
-      if (this.href) {
-        return this.href;
+      value = this.cleanTextInput(value);
+      return isNotEmpty(value) ? value : option2;
+    },
+    getLabel(option2) {
+      if (!option2) {
+        return;
       }
-      if (this.nuxtMode) {
-        return this.$sdk.app.createHref(this.to);
+      var label = option2.title || option2.name || option2.label;
+      if (typeof label == "object") {
+        return "(no title)";
+      } else {
+        return label;
       }
     },
-    nuxtMode() {
-      return this.to && this.$sdk.nuxt && this.$sdk.app && this.$sdk.app.createHref;
+    touch() {
+      this.$emit("touched");
     },
-    buildMode() {
-      return !!this.$sdk && this.$sdk.app && this.$sdk.app.builder;
+    getNewDefaultEntry() {
+      return void 0;
     },
-    class() {
-      var array = [];
-      if (this.disabled) {
-        array.push("disabled");
+    add() {
+      if (!this.canAddValue) {
+        return;
       }
-      if (this.href || this.to) {
-        array.push("haslink");
+      var defaultEntry = this.cleanInputValue(this.getNewDefaultEntry());
+      if (!this.value || !Array.isArray(this.value)) {
+        this.value = [];
       }
-      return array;
+      this.value.push(defaultEntry);
+      this.dispatch();
+      this.$nextTick(function() {
+        this.refocus();
+      });
+      this.touch();
     },
-    element() {
-      if (this.nuxtMode) {
-        return "a";
-      }
-      if (this.buildMode) {
-        return "a";
-      }
-      if (this.to) {
-        return `router-link`;
-      }
-      return "a";
-    }
-  }
-};
-function _sfc_render$V(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createBlock(resolveDynamicComponent($options.element), {
-    onClick: $options.clicked,
-    to: $props.to,
-    href: $options.actualHref,
-    target: $props.target,
-    class: normalizeClass([$options.class, "ux-link"])
-  }, {
-    default: withCtx(() => [
-      renderSlot(_ctx.$slots, "default", {}, void 0, true)
-    ]),
-    _: 3
-  }, 8, ["onClick", "to", "href", "target", "class"]);
-}
-var UXLink = /* @__PURE__ */ _export_sfc(_sfc_main$V, [["render", _sfc_render$V], ["__scopeId", "data-v-8b82829a"]]);
-var icon_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _sfc_main$U = {
-  props: {
-    icon: {
-      type: [Object, String]
+    remove(entry) {
+      var index2 = this.model.indexOf(entry);
+      this.value.splice(index2, 1);
+      this.dispatch();
+      this.touch();
     },
-    spin: {
-      type: Boolean
+    dispatch() {
+      this.$emit("update:modelValue", this.value);
     },
-    left: {
-      type: Boolean
+    cleanInputValue(val) {
+      return val;
     },
-    right: {
-      type: Boolean
-    }
-  },
-  computed: {
-    classes() {
-      var array = [];
-      array.push(this.icon);
-      if (this.spin) {
-        array.push(`fa-spin`);
-      }
-      if (this.left) {
-        array.push("ux-icon-left");
+    cleanOutputValue(val) {
+      return val;
+    },
+    cleanOutput(val) {
+      var self2 = this;
+      if (isUndefined$6(val, self2.field.type)) {
+        if (self2.multiValue) {
+          val = [];
+        } else {
+          val = void 0;
+        }
+      } else {
+        if (self2.multiValue) {
+          if (!Array.isArray(val)) {
+            val = [];
+          }
+          val.forEach(function(v, i2) {
+            val[i2] = self2.cleanOutputValue(v);
+          });
+        } else {
+          val = self2.cleanOutputValue(val);
+        }
       }
-      if (this.right) {
-        array.push("ux-icon-right");
+      return val;
+    },
+    cleanInput(val) {
+      var self2 = this;
+      if (self2.multiValue) {
+        if (!val) {
+          val = [];
+        }
+        if (!Array.isArray(val)) {
+          val = [val];
+        }
+        if (self2.maximum) {
+          if (val.length > self2.maximum) {
+            val.length = self2.maximum;
+          }
+        }
+        while (val.length < self2.minimum) {
+          val.push(self2.cleanInputValue(self2.getNewDefaultEntry()));
+        }
+        val = val.map(function(v) {
+          var d = self2.cleanInputValue(v);
+          return d;
+        });
+      } else {
+        if (val) {
+          val = self2.cleanInputValue(val);
+        }
       }
-      return array;
+      return val;
     },
-    element() {
-      return "i";
+    refocus() {
+      var elements = this.$refs.input;
+      if (!elements) {
+        return;
+      }
+      var input;
+      if (Array.isArray(elements)) {
+        input = elements[elements.length - 1];
+      } else {
+        input = elements;
+      }
+      if (input) {
+        input.focus();
+      }
     }
   }
 };
-function _sfc_render$U(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createBlock(resolveDynamicComponent($options.element), {
-    class: normalizeClass(["ux-icon fa", $options.classes])
-  }, null, 8, ["class"]);
+var select_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";
 }
-var UXIcon = /* @__PURE__ */ _export_sfc(_sfc_main$U, [["render", _sfc_render$U], ["__scopeId", "data-v-1764a3d0"]]);
-var UXMenuService = {
-  cache: {}
-};
-var menu_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _sfc_main$T = {
+const _sfc_main$$ = {
   props: {
-    group: {
+    title: {
       type: String
     },
-    right: {
-      type: Boolean,
-      default: false
-    },
-    bottom: {
-      type: Boolean,
-      default: false
-    },
-    stop: {
-      type: Boolean,
-      default: false
-    },
-    closeOnClick: {
-      type: Boolean,
+    modelValue: {}
+  },
+  mixins: [InputMixin],
+  created() {
+    this.model = this.model;
+  },
+  methods: {
+    cleanOutput(val) {
+      var self2 = this;
+      if (isUndefined$5(val)) {
+        if (self2.multiValue) {
+          val = [];
+        } else {
+          val = void 0;
+        }
+      } else {
+        if (self2.multiValue) {
+          val = (val || []).filter(function(i2) {
+            return i2 !== void 0 && i2 !== null;
+          }).map(function(i2) {
+            return self2.getValue(i2);
+          });
+        } else {
+          val = self2.getValue(val);
+        }
+      }
+      return val;
+    },
+    cleanInput(val) {
+      var self2 = this;
+      if (self2.multiValue) {
+        if (!val) {
+          val = [];
+        }
+        if (!Array.isArray(val)) {
+          val = [val];
+        }
+        if (self2.maximum) {
+          if (val.length > self2.maximum) {
+            val.length = self2.maximum;
+          }
+        }
+        val = val.filter(function(v) {
+          return v !== void 0 && v !== null;
+        }).map(function(v) {
+          var valueKey2 = self2.getValue(v);
+          return self2.returnObject ? self2.optionLookup[valueKey2] : valueKey2;
+        });
+      } else {
+        var valueKey = self2.getValue(val);
+        val = self2.returnObject ? self2.optionLookup[valueKey] : valueKey;
+        switch (val) {
+          case "":
+            switch (self2.type) {
+              case "decimal":
+              case "float":
+              case "number":
+              case "integer":
+                val = void 0;
+                break;
+            }
+            break;
+        }
+      }
+      return val;
+    }
+  },
+  computed: {
+    returnObject() {
+      return this.type == "reference";
+    },
+    classes() {
+      var array = [];
+      if (this.multiValue) {
+        array.push("multiple");
+      } else {
+        array.push("single");
+      }
+      return array;
+    },
+    optionLookup() {
+      var self2 = this;
+      return self2.options.reduce(function(set, option2) {
+        const key = self2.getValue(option2);
+        set[key] = option2;
+        return set;
+      }, {});
+    },
+    summary() {
+      return this.model ? this.getLabel(this.optionLookup[this.model]) : this.title || "Click to select";
+    },
+    selectableOptions() {
+      return this.options;
+    }
+  }
+};
+const _hoisted_1$L = {
+  key: 0,
+  class: "ux-field-title"
+};
+const _hoisted_2$E = {
+  key: 0,
+  class: "ux-required-marker"
+};
+const _hoisted_3$x = {
+  key: 1,
+  class: "ux-field-description"
+};
+const _hoisted_4$u = {
+  key: 2,
+  class: "ui-select-button"
+};
+const _hoisted_5$n = ["multiple"];
+const _hoisted_6$i = {
+  key: 0,
+  value: ""
+};
+const _hoisted_7$f = ["value"];
+function _sfc_render$$(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_ux_button = resolveComponent("ux-button");
+  return openBlock(), createElementBlock("div", {
+    class: normalizeClass(["native-select", $options.classes])
+  }, [
+    _ctx.showLabel ? (openBlock(), createElementBlock("label", _hoisted_1$L, [
+      createTextVNode(toDisplayString(_ctx.label) + " ", 1),
+      _ctx.required ? (openBlock(), createElementBlock("span", _hoisted_2$E, "*")) : createCommentVNode("", true)
+    ])) : createCommentVNode("", true),
+    _ctx.showDescription ? (openBlock(), createElementBlock("div", _hoisted_3$x, toDisplayString(_ctx.description), 1)) : createCommentVNode("", true),
+    _ctx.singleValue ? (openBlock(), createElementBlock("div", _hoisted_4$u, [
+      renderSlot(_ctx.$slots, "default", {}, () => [
+        createVNode(_component_ux_button, { tag: "div" }, {
+          default: withCtx(() => [
+            createTextVNode(toDisplayString($options.summary), 1)
+          ]),
+          _: 1
+        })
+      ], true)
+    ])) : createCommentVNode("", true),
+    withDirectives(createElementVNode("select", {
+      onFocus: _cache[0] || (_cache[0] = (...args) => _ctx.touch && _ctx.touch(...args)),
+      multiple: _ctx.multiValue,
+      "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => _ctx.model = $event)
+    }, [
+      _ctx.singleValue && !_ctx.minimum ? (openBlock(), createElementBlock("option", _hoisted_6$i, "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$f);
+      }), 256))
+    ], 40, _hoisted_5$n), [
+      [vModelSelect, _ctx.model]
+    ])
+  ], 2);
+}
+var NativeSelect = /* @__PURE__ */ _export_sfc(_sfc_main$$, [["render", _sfc_render$$], ["__scopeId", "data-v-a06c20f2"]]);
+var Pager_vue_vue_type_style_index_0_scoped_true_lang = "";
+const _sfc_main$_ = {
+  props: {
+    total: {
+      type: Number,
       default() {
-        return true;
+        return 0;
       }
     },
-    modelValue: {
-      type: Boolean,
+    page: {
+      type: Object,
       default() {
-        return false;
+        return {
+          size: 50,
+          index: 1
+        };
+      }
+    }
+  },
+  components: {
+    NativeSelect
+  },
+  watch: {
+    totalPages() {
+      this.currentPage = 0;
+    }
+  },
+  computed: {
+    perPage: {
+      get() {
+        return this.pageModel.size;
+      },
+      set(i2) {
+        i2 = Math.max(i2, 1);
+        this.pageModel.size = i2;
+        this.dispatch();
+      }
+    },
+    pageField() {
+      return {
+        type: "integer",
+        maximum: 1,
+        minimum: 1,
+        options: Array(this.totalPages).fill(1).map((x, y) => x + y)
+      };
+    },
+    totalPages() {
+      return Math.ceil(this.total / this.perPage);
+    },
+    startIndex() {
+      return (this.currentPage - 1) * this.pageModel.size;
+    },
+    displayStartIndex() {
+      return this.total ? this.startIndex + 1 : 0;
+    },
+    endIndex() {
+      return Math.min(this.startIndex + this.pageModel.size, this.total);
+    },
+    currentPage: {
+      get() {
+        return this.pageModel.index;
+      },
+      set(index2) {
+        if (this.totalPages) {
+          index2 = Math.min(this.totalPages, index2);
+        }
+        index2 = Math.max(index2, 1);
+        this.pageModel.index = index2;
+        this.dispatch();
       }
     }
   },
+  methods: {
+    dispatch() {
+      return this.$emit("update:page", this.pageModel);
+    },
+    previousPage() {
+      this.currentPage--;
+    },
+    nextPage() {
+      this.currentPage++;
+    }
+  },
   data() {
     return {
-      outerStyle: {},
-      innerStyle: {},
-      isExpanded: this.modelValue,
-      triggerEvent: null,
-      refMenu: null,
-      mounted: false
+      pageModel: this.page,
+      perPageField: {
+        minimum: 1,
+        maximum: 1,
+        options: [
+          {
+            title: "50 per page",
+            value: 50
+          },
+          {
+            title: "100 per page",
+            value: 100
+          },
+          {
+            title: "250 per page",
+            value: 250
+          },
+          {
+            title: "500 per page",
+            value: 500
+          }
+        ]
+      }
     };
-  },
-  watch: {
-    modelValue(m) {
-      this.expanded = m;
+  }
+};
+function _sfc_render$_(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_native_select = resolveComponent("native-select");
+  const _component_flex_cell = resolveComponent("flex-cell");
+  const _component_ux_icon = resolveComponent("ux-icon");
+  const _component_ux_button = resolveComponent("ux-button");
+  const _component_flex_row = resolveComponent("flex-row");
+  return openBlock(), createBlock(_component_flex_row, {
+    center: "",
+    gap: ""
+  }, {
+    default: withCtx(() => [
+      createVNode(_component_flex_cell, {
+        shrink: "",
+        class: "text"
+      }, {
+        default: withCtx(() => [
+          createVNode(_component_native_select, {
+            modelValue: $options.perPage,
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => $options.perPage = $event),
+            field: $data.perPageField
+          }, {
+            default: withCtx(() => [
+              _ctx.$device.breakpoint.xs ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+                createTextVNode(toDisplayString($options.displayStartIndex) + "-" + toDisplayString($options.endIndex) + " of " + toDisplayString($props.total), 1)
+              ], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+                createTextVNode("Showing " + toDisplayString($options.displayStartIndex) + " to " + toDisplayString($options.endIndex) + " of " + toDisplayString($props.total) + " total", 1)
+              ], 64))
+            ]),
+            _: 1
+          }, 8, ["modelValue", "field"])
+        ]),
+        _: 1
+      }),
+      createVNode(_component_flex_cell),
+      $options.totalPages > 1 ? (openBlock(), createBlock(_component_flex_cell, {
+        key: 0,
+        shrink: ""
+      }, {
+        default: withCtx(() => [
+          createVNode(_component_flex_row, {
+            gap: "",
+            center: ""
+          }, {
+            default: withCtx(() => [
+              createVNode(_component_flex_cell, {
+                shrink: "",
+                class: "text"
+              }, {
+                default: withCtx(() => [
+                  createVNode(_component_native_select, {
+                    modelValue: $options.currentPage,
+                    "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => $options.currentPage = $event),
+                    field: $options.pageField
+                  }, {
+                    default: withCtx(() => [
+                      _ctx.$device.breakpoint.xs ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+                        createTextVNode(toDisplayString($options.currentPage) + "/" + toDisplayString($options.totalPages), 1)
+                      ], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+                        createTextVNode("Page " + toDisplayString($options.currentPage) + " of " + toDisplayString($options.totalPages), 1)
+                      ], 64))
+                    ]),
+                    _: 1
+                  }, 8, ["modelValue", "field"])
+                ]),
+                _: 1
+              }),
+              createVNode(_component_flex_cell, { shrink: "" }, {
+                default: withCtx(() => [
+                  createVNode(_component_ux_button, {
+                    icon: "",
+                    onClick: _cache[2] || (_cache[2] = ($event) => $options.previousPage())
+                  }, {
+                    default: withCtx(() => [
+                      createVNode(_component_ux_icon, { icon: "fa-arrow-left" })
+                    ]),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              }),
+              createVNode(_component_flex_cell, { shrink: "" }, {
+                default: withCtx(() => [
+                  createVNode(_component_ux_button, {
+                    icon: "",
+                    onClick: _cache[3] || (_cache[3] = ($event) => $options.nextPage())
+                  }, {
+                    default: withCtx(() => [
+                      createVNode(_component_ux_icon, { icon: "fa-arrow-right" })
+                    ]),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      })) : createCommentVNode("", true)
+    ]),
+    _: 1
+  });
+}
+var Pager$1 = /* @__PURE__ */ _export_sfc(_sfc_main$_, [["render", _sfc_render$_], ["__scopeId", "data-v-93d2aed8"]]);
+var avatar_vue_vue_type_style_index_0_lang = "";
+const _sfc_main$Z = {
+  props: {
+    id: {
+      type: [Object, String]
     }
   },
-  mounted() {
-    this.refMenu = this.$refs.menu;
-    this.mounted = true;
+  computed: {
+    stringID() {
+      return this.$sdk.utils.id(this.id);
+    },
+    url() {
+    }
+  }
+};
+const _hoisted_1$K = { class: "avatar" };
+function _sfc_render$Z(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("div", _hoisted_1$K);
+}
+var Avatar = /* @__PURE__ */ _export_sfc(_sfc_main$Z, [["render", _sfc_render$Z]]);
+var spinner_vue_vue_type_style_index_0_scoped_true_lang = "";
+const _sfc_main$Y = {
+  props: {
+    large: {
+      type: Boolean
+    }
+  }
+};
+const _withScopeId$7 = (n2) => (pushScopeId("data-v-27f20370"), n2 = n2(), popScopeId(), n2);
+const _hoisted_1$J = /* @__PURE__ */ _withScopeId$7(() => /* @__PURE__ */ createElementVNode("i", { class: "fa fa-spin fa-spinner" }, null, -1));
+const _hoisted_2$D = [
+  _hoisted_1$J
+];
+function _sfc_render$Y(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("div", {
+    class: normalizeClass(["ux-spinner", { large: $props.large }])
+  }, _hoisted_2$D, 2);
+}
+var Spinner = /* @__PURE__ */ _export_sfc(_sfc_main$Y, [["render", _sfc_render$Y], ["__scopeId", "data-v-27f20370"]]);
+var button_vue_vue_type_style_index_0_scoped_true_lang = "";
+const _sfc_main$X = {
+  components: {
+    Spinner
   },
-  beforeUnmount() {
-    this.removeListeners();
-    this.refMenu = null;
-    this.mounted = false;
-    if (UXMenuService.cache[this.group] === this) {
-      UXMenuService.cache[this.group] = null;
+  props: {
+    to: {
+      type: [Object, String]
+    },
+    icon: {
+      type: Boolean
+    },
+    color: {
+      type: String,
+      default: "default"
+    },
+    bgColor: {
+      type: String
+    },
+    fgColor: {
+      type: String
+    },
+    tag: {
+      type: String
+    },
+    href: {
+      type: String
+    },
+    target: {
+      type: String
+    },
+    loading: {
+      type: Boolean
+    },
+    active: {
+      type: Boolean
+    },
+    disabled: {
+      type: Boolean
+    },
+    block: {
+      type: Boolean
+    },
+    size: {
+      type: String,
+      default: "md"
     }
   },
-  methods: {
-    removeListeners() {
-      document.removeEventListener("click", this.globalClick);
-      if (this.refMenu) {
-        this.refMenu.removeEventListener("click", this.immediateClick);
+  computed: {
+    style() {
+      var object = {};
+      if (this.bgColor) {
+        object["backgroundColor"] = this.bgColor;
       }
-    },
-    addEventListeners() {
-      document.addEventListener("click", this.globalClick);
-      if (this.refMenu) {
-        this.refMenu.addEventListener("click", this.immediateClick);
+      if (this.fgColor) {
+        object["color"] = this.fgColor;
       }
+      return object;
     },
-    immediateClick(event) {
-      if (this.expanded) {
-        if (this.closeOnClick) {
-          event.stopImmediatePropagation();
-          this.expanded = false;
-        }
+    classes() {
+      var array = [];
+      array.push(`ux-btn-${this.size}`);
+      if (this.block) {
+        array.push(`ux-btn-block`);
       }
-    },
-    globalClick(event) {
-      if (this.triggerEvent === event) {
-        return;
+      if (this.loading) {
+        array.push(`ux-btn-loading`);
       }
-      var parentElement = this.$refs.menu;
-      var childElement = event.srcElement;
-      if (parentElement && parentElement.contains(childElement)) {
-        if (this.closeOnClick) {
-          this.expanded = false;
-        }
-      } else {
-        this.expanded = false;
+      if (this.active) {
+        array.push(`ux-btn-active`);
       }
-    },
-    position() {
-      const rect = this.$el.getBoundingClientRect();
-      this.outerStyle.left = `${rect.left + window.scrollX}px`;
-      this.outerStyle.top = `${rect.bottom + window.scrollY}px`;
-      if (this.right) {
-        this.innerStyle.right = `-${rect.width}px`;
+      if (this.icon) {
+        array.push(`ux-btn-icon`);
       }
-      if (this.bottom) {
-        this.innerStyle.bottom = `${rect.height}px`;
+      array.push(`ux-btn-color-${this.color}`);
+      if (this.disabled) {
+        array.push(`ux-btn-disabled`);
       }
-      var zIndex = this.getMaxZIndex();
-      this.outerStyle.zIndex = zIndex;
-    },
-    getMaxZIndex() {
-      return Math.max(...Array.from(document.querySelectorAll("body *"), (el) => parseFloat(window.getComputedStyle(el).zIndex)).filter((zIndex) => !Number.isNaN(zIndex)), 0);
+      return array;
     },
-    close() {
-      this.expanded = false;
+    element() {
+      switch (this.tag) {
+        case "span":
+          return this.tag;
+        case "submit":
+          return "button";
+        default:
+          if (this.to || this.href) {
+            return "ux-link";
+          }
+          return this.tag || "button";
+      }
+    }
+  }
+};
+const _hoisted_1$I = { 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), {
+    active: $props.active,
+    loading: $props.loading,
+    to: $props.to,
+    href: $props.href,
+    target: $props.target,
+    style: normalizeStyle($options.style),
+    class: normalizeClass([$options.classes, "ux-btn"]),
+    disabled: $props.disabled
+  }, {
+    default: withCtx(() => [
+      $props.loading ? (openBlock(), createBlock(_component_spinner, { key: 0 })) : createCommentVNode("", true),
+      createElementVNode("span", _hoisted_1$I, [
+        renderSlot(_ctx.$slots, "default", {}, void 0, true)
+      ])
+    ]),
+    _: 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-56c95efc"]]);
+var checkbox_vue_vue_type_style_index_0_scoped_true_lang$1 = "";
+const _sfc_main$W = {
+  props: {
+    value: {
+      type: Boolean,
+      default() {
+        return false;
+      }
     }
   },
   computed: {
-    expanded: {
-      get() {
-        return this.isExpanded;
-      },
-      set(v) {
-        var previousActivatedEntity;
-        if (this.group) {
-          previousActivatedEntity = UXMenuService.cache[this.group];
-        }
-        if (this.isExpanded != v) {
-          this.isExpanded = v;
-          if (v) {
-            this.position();
-            this.addEventListeners();
-            UXMenuService.cache[this.group] = this;
-            if (previousActivatedEntity && previousActivatedEntity != this) {
-              previousActivatedEntity.expanded = false;
-            }
-          } else {
-            this.removeListeners();
-          }
-          this.$emit("update:modelValue", v);
-        }
+    classes() {
+      var array = [];
+      if (this.value) {
+        array.push(`ux-checkbox-true`);
+      } else {
+        array.push(`ux-checkbox-false`);
       }
-    },
-    on() {
-      var self2 = this;
-      return {
-        click(event) {
-          if (self2.stop) {
-            event.stopImmediatePropagation();
-          }
-          self2.triggerEvent = event;
-          self2.expanded = !self2.expanded;
-        }
-      };
+      return array;
     }
   }
 };
-function _sfc_render$T(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("div", {
-    class: normalizeClass(["ux-menu", { right: $props.right }])
+function _sfc_render$W(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_ux_icon = resolveComponent("ux-icon");
+  return openBlock(), createElementBlock("button", {
+    class: normalizeClass(["ux-checkbox", $options.classes])
   }, [
-    createElementVNode("span", null, [
-      renderSlot(_ctx.$slots, "activator", { on: $options.on }, void 0, true)
-    ]),
-    (openBlock(), createBlock(Teleport, { to: "body" }, [
-      $data.isExpanded ? (openBlock(), createElementBlock("div", {
-        key: 0,
-        class: "ux-menu-outer",
-        style: normalizeStyle($data.outerStyle)
-      }, [
-        createElementVNode("div", {
-          class: "ux-menu-panel",
-          ref: "menu",
-          style: normalizeStyle($data.innerStyle)
-        }, [
-          renderSlot(_ctx.$slots, "default", {}, void 0, true)
-        ], 4)
-      ], 4)) : createCommentVNode("", true)
-    ]))
+    createVNode(_component_ux_icon, {
+      class: "icon",
+      icon: "fa-check"
+    })
   ], 2);
 }
-var UXMenu = /* @__PURE__ */ _export_sfc(_sfc_main$T, [["render", _sfc_render$T], ["__scopeId", "data-v-29d476a2"]]);
-const _sfc_main$S = {
-  name: "menulist",
+var UXCheckbox = /* @__PURE__ */ _export_sfc(_sfc_main$W, [["render", _sfc_render$W], ["__scopeId", "data-v-6b7b7539"]]);
+var switch_vue_vue_type_style_index_0_scoped_true_lang$1 = "";
+const _sfc_main$V = {
   props: {
-    items: {
-      type: Array,
+    value: {
+      type: Boolean,
       default() {
-        return [];
+        return false;
       }
     },
-    expandOn: {
-      type: String,
-      default: "none"
+    loading: {
+      type: Boolean,
+      default() {
+        return false;
+      }
     }
   },
   computed: {
-    filteredItems() {
-      return this.items.filter(function(item) {
-        return !item.disabled;
-      });
-    }
-  },
-  methods: {
-    toggle(item) {
-      item.expanded = !item.expanded;
-      item.collapsed = !item.expanded;
+    classes() {
+      var array = [];
+      if (this.value) {
+        array.push(`ux-switch-true`);
+      } else {
+        array.push(`ux-switch-false`);
+      }
+      if (this.loading) {
+        array.push(`ux-switch-loading`);
+      }
+      return array;
     }
-  },
-  data() {
-    return {};
   }
 };
-function _sfc_render$S(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_ux_link = resolveComponent("ux-link");
-  const _component_menulist = resolveComponent("menulist", true);
-  return openBlock(), createElementBlock("ul", null, [
-    (openBlock(true), createElementBlock(Fragment, null, renderList($options.filteredItems, (item) => {
-      var _a;
-      return openBlock(), createElementBlock("li", {
-        class: normalizeClass({ expanded: item.expanded, collapsed: item.collapsed })
-      }, [
-        $props.expandOn === "click" && ((_a = item.items) == null ? void 0 : _a.length) ? (openBlock(), createBlock(_component_ux_link, {
-          key: 0,
-          onClick: withModifiers(($event) => $options.toggle(item), ["stop", "prevent"]),
-          class: normalizeClass(item.class)
-        }, {
-          default: withCtx(() => [
-            createTextVNode(toDisplayString(item.title), 1)
-          ]),
-          _: 2
-        }, 1032, ["onClick", "class"])) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-          item.type === "url" ? (openBlock(), createBlock(_component_ux_link, {
-            key: 0,
-            class: normalizeClass(item.class),
-            target: item.target,
-            href: item.href || item.url
-          }, {
-            default: withCtx(() => [
-              createTextVNode(toDisplayString(item.title), 1)
-            ]),
-            _: 2
-          }, 1032, ["class", "target", "href"])) : item.type === "route" ? (openBlock(), createBlock(_component_ux_link, {
-            key: 1,
-            class: normalizeClass(item.class),
-            to: { name: item.route }
-          }, {
-            default: withCtx(() => [
-              createTextVNode(toDisplayString(item.title), 1)
-            ]),
-            _: 2
-          }, 1032, ["class", "to"])) : createCommentVNode("", true)
-        ], 64)),
-        item.items && item.items.length ? (openBlock(), createBlock(_component_menulist, {
-          key: 2,
-          items: item.items
-        }, null, 8, ["items"])) : createCommentVNode("", true)
-      ], 2);
-    }), 256))
-  ]);
+function _sfc_render$V(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_ux_icon = resolveComponent("ux-icon");
+  return openBlock(), createElementBlock("a", {
+    class: normalizeClass(["ux-switch", $options.classes])
+  }, [
+    createElementVNode("span", null, [
+      createVNode(_component_ux_icon, {
+        spin: "",
+        icon: "fa-spinner"
+      })
+    ])
+  ], 2);
 }
-var UXMenuList = /* @__PURE__ */ _export_sfc(_sfc_main$S, [["render", _sfc_render$S]]);
-var image_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _sfc_main$R = {
+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: {
-    item: {
-      type: Object
+    to: {
+      type: [Object, String]
     },
-    alt: {
+    href: {
       type: String
     },
-    width: {
-      type: Number
-    },
-    height: {
-      type: Number
-    },
-    inline: {
-      type: Boolean
-    },
-    quality: {
-      type: Number
-    },
-    contain: {
-      type: Boolean,
-      default: true
-    },
-    preview: {
-      type: Boolean,
-      default: false
-    },
-    crop: {
-      type: Boolean
-    },
-    format: {
+    target: {
       type: String
     },
-    upscale: {
-      type: Boolean,
-      default: true
-    },
-    type: {
-      type: String,
-      default: "image"
-    },
-    svg: {
+    disabled: {
       type: Boolean
     }
   },
-  data() {
-    return {
-      model: this.item
-    };
-  },
-  computed: {
-    altText() {
-      return this.alt || this.model.title;
-    },
-    className() {
-      var classes = [];
-      if (this.portrait) {
-        classes.push("img-portrait");
-      }
-      return classes.join(" ");
-    },
-    isSvg() {
-      var _a;
-      if (this.svg) {
-        return true;
-      }
-      switch ((_a = this.item) == null ? void 0 : _a.fileMime) {
-        case "image/svg+xml":
-        case "image/svg":
-          return true;
-      }
-    },
-    portrait() {
-      return this.crop ? this.dimensionHeight > this.dimensionWidth : this.modelHeight > this.modelWidth;
-    },
-    imageWidth() {
-      return parseInt(this.width);
-    },
-    imageHeight() {
-      return parseInt(this.height);
-    },
-    modelWidth() {
-      var _a;
-      return parseInt((_a = this.model) == null ? void 0 : _a.width);
-    },
-    modelHeight() {
-      var _a;
-      return parseInt((_a = this.model) == null ? void 0 : _a.height);
-    },
-    id() {
-      return this.$sdk.utils.id(this.model);
-    },
-    params() {
-      var params = {};
-      params.access_token = this.$sdk.auth.getCurrentToken();
-      if (this.imageWidth) {
-        params.w = this.imageWidth ? this.imageWidth : null;
-      }
-      if (this.imageHeight) {
-        params.h = this.imageHeight ? this.imageHeight : null;
-      }
-      if (this.crop) {
-        params.c = true;
-      } else {
-        if (!this.contain) {
-          params.c = this.imageWidth && this.imageHeight;
+  methods: {
+    clicked(event) {
+      var self2 = this;
+      if (self2.to) {
+        if (self2.buildMode || self2.nuxtMode) {
+          event.preventDefault();
+          event.stopImmediatePropagation();
+          return self2.$sdk.app.to(self2.to);
         }
       }
-      if (this.quality) {
-        params.q = parseInt(this.quality);
+      if (self2.href) {
+        if (self2.buildMode || self2.nuxtMode) {
+          event.preventDefault();
+          event.stopImmediatePropagation();
+          return;
+        }
       }
-      if (this.upscale) {
-        params.u = true;
+    }
+  },
+  computed: {
+    actualHref() {
+      if (this.href) {
+        return this.href;
       }
-      if (this.format) {
-        params.f = this.format;
+      if (this.nuxtMode) {
+        return this.$sdk.app.createHref(this.to);
       }
-      return params;
     },
-    src() {
-      return this.$sdk.api.generateEndpointURL(`/${this.type}/${this.id}`, this.params, { file: true });
+    nuxtMode() {
+      return this.to && this.$sdk.nuxt && this.$sdk.app && this.$sdk.app.createHref;
     },
-    previewSrc() {
-      var params = Object.assign({}, this.params);
-      params.w = 50;
-      delete params.h;
-      return this.$sdk.api.generateEndpointURL(`/${this.type}/${this.id}`, params, { file: true });
+    buildMode() {
+      return !!this.$sdk && this.$sdk.app && this.$sdk.app.builder;
     },
-    imageStyle() {
-      var style = {};
-      if (!this.crop) {
-        style["object-fit"] = "contain";
-      }
-      if (this.inline) {
-        style.maxWidth = "100%";
-      } else {
-        style.width = "100%";
-        style.height = "100%";
-        style.top = `0`;
-        style.left = `0`;
-        style.position = "absolute";
+    class() {
+      var array = [];
+      if (this.disabled) {
+        array.push("disabled");
       }
-      return style;
-    },
-    dimensionWidth() {
-      return this.imageWidth && this.imageHeight ? this.imageWidth : this.modelWidth;
-    },
-    dimensionHeight() {
-      return this.imageWidth && this.imageHeight ? this.imageHeight : this.modelHeight;
+      if (this.href || this.to) {
+        array.push("haslink");
+      }
+      return array;
     },
-    style() {
-      var _a, _b, _c;
-      var style = {};
-      if (this.inline) {
-        style.display = "inline-block";
-      } else {
-        if (this.dimensionHeight && this.dimensionWidth) {
-          style.height = 0;
-          style.overflow = "hidden";
-          style.paddingBottom = `${this.dimensionHeight / this.dimensionWidth * 100}%`;
-          style.position = "relative";
-        }
+    element() {
+      if (this.nuxtMode) {
+        return "a";
       }
-      var colors = (_c = (_b = (_a = this.model) == null ? void 0 : _a.fileMeta) == null ? void 0 : _b.colors) == null ? void 0 : _c.colors;
-      if (colors && colors.length) {
-        style.backgroundColor = colors[0];
+      if (this.buildMode) {
+        return "a";
       }
-      if (this.isSvg)
-        ;
-      else {
-        if (this.preview) {
-          style.backgroundImage = `url(${this.previewSrc})`;
-        }
+      if (this.to) {
+        return `router-link`;
       }
-      return style;
+      return "a";
     }
   }
 };
-const _hoisted_1$I = ["alt", "data"];
-const _hoisted_2$D = ["alt", "src"];
-function _sfc_render$R(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("div", {
-    class: normalizeClass(["ux-image", $options.className]),
-    style: normalizeStyle($options.style)
-  }, [
-    $props.svg ? (openBlock(), createElementBlock("object", {
-      key: 0,
-      alt: $options.altText,
-      type: "image/svg+xml",
-      data: $options.src
-    }, null, 8, _hoisted_1$I)) : (openBlock(), createElementBlock("img", {
-      key: 1,
-      alt: $options.altText,
-      style: normalizeStyle($options.imageStyle),
-      src: $options.src
-    }, null, 12, _hoisted_2$D))
-  ], 6);
+function _sfc_render$U(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createBlock(resolveDynamicComponent($options.element), {
+    onClick: $options.clicked,
+    to: $props.to,
+    href: $options.actualHref,
+    target: $props.target,
+    class: normalizeClass([$options.class, "ux-link"])
+  }, {
+    default: withCtx(() => [
+      renderSlot(_ctx.$slots, "default", {}, void 0, true)
+    ]),
+    _: 3
+  }, 8, ["onClick", "to", "href", "target", "class"]);
 }
-var UXImage = /* @__PURE__ */ _export_sfc(_sfc_main$R, [["render", _sfc_render$R], ["__scopeId", "data-v-a7872864"]]);
-var progressbar_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _sfc_main$Q = {
+var UXLink = /* @__PURE__ */ _export_sfc(_sfc_main$U, [["render", _sfc_render$U], ["__scopeId", "data-v-8b82829a"]]);
+var icon_vue_vue_type_style_index_0_scoped_true_lang = "";
+const _sfc_main$T = {
   props: {
-    value: {
-      type: Number
+    icon: {
+      type: [Object, String]
+    },
+    spin: {
+      type: Boolean
+    },
+    left: {
+      type: Boolean
+    },
+    right: {
+      type: Boolean
     }
   },
   computed: {
@@ -6402,739 +6703,654 @@ const _sfc_main$Q = {
       }
       return array;
     },
-    percent() {
-      return this.value;
-    },
-    barStyle() {
-      return {
-        width: `${this.percent}%`
-      };
-    },
     element() {
       return "i";
     }
   }
 };
-const _withScopeId$6 = (n2) => (pushScopeId("data-v-317a7690"), n2 = n2(), popScopeId(), n2);
-const _hoisted_1$H = { class: "ux-progress" };
-const _hoisted_2$C = /* @__PURE__ */ _withScopeId$6(() => /* @__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$H, [
-    _hoisted_2$C,
-    createElementVNode("div", {
-      class: "ux-progress-fg",
-      style: normalizeStyle($options.barStyle)
-    }, null, 4)
-  ]);
-}
-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$G = { class: "ux-list" };
-function _sfc_render$P(_ctx, _cache) {
-  return openBlock(), createElementBlock("ul", _hoisted_1$G, [
-    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$F = { class: "ux-list-item" };
-function _sfc_render$O(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("div", _hoisted_1$F, [
-    renderSlot(_ctx.$slots, "default", {}, void 0, true)
-  ]);
-}
-var UXListItem = /* @__PURE__ */ _export_sfc(_sfc_main$O, [["render", _sfc_render$O], ["__scopeId", "data-v-0e73c260"]]);
-var daterange_vue_vue_type_style_index_0_scoped_true_lang$1 = "";
-function checkDate(d) {
-  var date = new Date(d);
-  if (date instanceof Date && !isNaN(date)) {
-    return date;
-  }
-  return;
-}
-const _sfc_main$N = {
-  props: {
-    modelValue: {
-      type: Object
-    }
-  },
-  data() {
-    return {
-      model: this.modelValue
-    };
-  },
-  computed: {
-    startDate: {
-      get() {
-        var _a;
-        return (_a = checkDate(this.model.startDate)) == null ? void 0 : _a.toISOString().slice(0, 10);
-      },
-      set(d) {
-        d = checkDate(d);
-        if (d) {
-          this.model.startDate = d;
-        } else {
-          this.model.startDate = void 0;
-        }
-      }
-    },
-    endDate: {
-      get() {
-        var _a;
-        return (_a = checkDate(this.model.endDate)) == null ? void 0 : _a.toISOString().slice(0, 10);
-      },
-      set(d) {
-        d = checkDate(d);
-        if (checkDate(d)) {
-          this.model.endDate = d;
-        } else {
-          this.model.endDate = void 0;
-        }
-      }
-    }
-  },
-  watch: {
-    model(m) {
-      this.$emit("updated:modelValue", m);
-    },
-    modelValue(m) {
-      this.model = m;
-    }
-  }
-};
-const _withScopeId$5 = (n2) => (pushScopeId("data-v-61cbf45e"), n2 = n2(), popScopeId(), n2);
-const _hoisted_1$E = /* @__PURE__ */ _withScopeId$5(() => /* @__PURE__ */ createElementVNode("label", null, "From Date", -1));
-const _hoisted_2$B = /* @__PURE__ */ _withScopeId$5(() => /* @__PURE__ */ createElementVNode("label", null, "To Date", -1));
-function _sfc_render$N(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_flex_cell = resolveComponent("flex-cell");
-  const _component_flex_row = resolveComponent("flex-row");
-  return openBlock(), createElementBlock("div", null, [
-    createVNode(_component_flex_row, {
-      wrap: "",
-      gap: "",
-      vcenter: ""
-    }, {
-      default: withCtx(() => [
-        createVNode(_component_flex_cell, { class: "cell" }, {
-          default: withCtx(() => [
-            createElementVNode("div", null, [
-              _hoisted_1$E,
-              withDirectives(createElementVNode("input", {
-                type: "date",
-                class: "ux-field-focus ux-text-input-multiple",
-                ref: "input",
-                "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => $options.startDate = $event)
-              }, null, 512), [
-                [vModelText, $options.startDate]
-              ])
-            ])
-          ]),
-          _: 1
-        }),
-        createVNode(_component_flex_cell, { class: "cell" }, {
-          default: withCtx(() => [
-            createElementVNode("div", null, [
-              _hoisted_2$B,
-              withDirectives(createElementVNode("input", {
-                type: "date",
-                class: "ux-field-focus ux-text-input-multiple",
-                ref: "input",
-                "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => $options.endDate = $event)
-              }, null, 512), [
-                [vModelText, $options.endDate]
-              ])
-            ])
-          ]),
-          _: 1
-        })
-      ]),
-      _: 1
-    })
-  ]);
-}
-var Daterange = /* @__PURE__ */ _export_sfc(_sfc_main$N, [["render", _sfc_render$N], ["__scopeId", "data-v-61cbf45e"]]);
-var safeJsonStringify$1 = { exports: {} };
-var hasProp = Object.prototype.hasOwnProperty;
-function throwsMessage(err) {
-  return "[Throws: " + (err ? err.message : "?") + "]";
-}
-function safeGetValueFromPropertyOnObject(obj, property) {
-  if (hasProp.call(obj, property)) {
-    try {
-      return obj[property];
-    } catch (err) {
-      return throwsMessage(err);
-    }
-  }
-  return obj[property];
-}
-function ensureProperties(obj) {
-  var seen = [];
-  function visit(obj2) {
-    if (obj2 === null || typeof obj2 !== "object") {
-      return obj2;
-    }
-    if (seen.indexOf(obj2) !== -1) {
-      return "[Circular]";
-    }
-    seen.push(obj2);
-    if (typeof obj2.toJSON === "function") {
-      try {
-        var fResult = visit(obj2.toJSON());
-        seen.pop();
-        return fResult;
-      } catch (err) {
-        return throwsMessage(err);
-      }
-    }
-    if (Array.isArray(obj2)) {
-      var aResult = obj2.map(visit);
-      seen.pop();
-      return aResult;
-    }
-    var result = Object.keys(obj2).reduce(function(result2, prop) {
-      result2[prop] = visit(safeGetValueFromPropertyOnObject(obj2, prop));
-      return result2;
-    }, {});
-    seen.pop();
-    return result;
-  }
-  return visit(obj);
+function _sfc_render$T(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createBlock(resolveDynamicComponent($options.element), {
+    class: normalizeClass(["ux-icon fa", $options.classes])
+  }, null, 8, ["class"]);
 }
-safeJsonStringify$1.exports = function(data, replacer, space) {
-  return JSON.stringify(ensureProperties(data), replacer, space);
+var UXIcon = /* @__PURE__ */ _export_sfc(_sfc_main$T, [["render", _sfc_render$T], ["__scopeId", "data-v-1764a3d0"]]);
+var UXMenuService = {
+  cache: {}
 };
-safeJsonStringify$1.exports.ensureProperties = ensureProperties;
-var safeJsonStringify = safeJsonStringify$1.exports;
-function isUndefined$6(v, type) {
-  return v === void 0 || v === null || type == "date" && v.toString && v.toString() === "Invalid Date";
-}
-function isNotEmpty(value) {
-  return value !== void 0 && value !== null;
-}
-var InputMixin = {
+var menu_vue_vue_type_style_index_0_scoped_true_lang = "";
+const _sfc_main$S = {
   props: {
-    field: {
-      type: Object,
+    group: {
+      type: String
+    },
+    right: {
+      type: Boolean,
+      default: false
+    },
+    bottom: {
+      type: Boolean,
+      default: false
+    },
+    stop: {
+      type: Boolean,
+      default: false
+    },
+    closeOnClick: {
+      type: Boolean,
       default() {
-        return {};
+        return true;
       }
     },
-    parentModel: {
-      type: Object
+    modelValue: {
+      type: Boolean,
+      default() {
+        return false;
+      }
     }
   },
   data() {
     return {
-      value: this.modelValue
+      outerStyle: {},
+      innerStyle: {},
+      isExpanded: this.modelValue,
+      triggerEvent: null,
+      refMenu: null,
+      mounted: false
     };
   },
   watch: {
-    modelValue(val, old) {
-      var cleanedValue = this.cleanInput(val);
-      var cleanedModel = this.cleanInput(this.model);
-      if (safeJsonStringify(cleanedValue) != safeJsonStringify(cleanedModel)) {
-        this.model = cleanedValue;
-      }
+    modelValue(m) {
+      this.expanded = m;
     }
   },
   mounted() {
-    this.checkAutofocus();
+    this.refMenu = this.$refs.menu;
+    this.mounted = true;
+  },
+  beforeUnmount() {
+    this.removeListeners();
+    this.refMenu = null;
+    this.mounted = false;
+    if (UXMenuService.cache[this.group] === this) {
+      UXMenuService.cache[this.group] = null;
+    }
+  },
+  methods: {
+    removeListeners() {
+      document.removeEventListener("click", this.globalClick);
+      if (this.refMenu) {
+        this.refMenu.removeEventListener("click", this.immediateClick);
+      }
+    },
+    addEventListeners() {
+      document.addEventListener("click", this.globalClick);
+      if (this.refMenu) {
+        this.refMenu.addEventListener("click", this.immediateClick);
+      }
+    },
+    immediateClick(event) {
+      if (this.expanded) {
+        if (this.closeOnClick) {
+          event.stopImmediatePropagation();
+          this.expanded = false;
+        }
+      }
+    },
+    globalClick(event) {
+      if (this.triggerEvent === event) {
+        return;
+      }
+      var parentElement = this.$refs.menu;
+      var childElement = event.srcElement;
+      if (parentElement && parentElement.contains(childElement)) {
+        if (this.closeOnClick) {
+          this.expanded = false;
+        }
+      } else {
+        this.expanded = false;
+      }
+    },
+    position() {
+      const rect = this.$el.getBoundingClientRect();
+      this.outerStyle.left = `${rect.left + window.scrollX}px`;
+      this.outerStyle.top = `${rect.bottom + window.scrollY}px`;
+      if (this.right) {
+        this.innerStyle.right = `-${rect.width}px`;
+      }
+      if (this.bottom) {
+        this.innerStyle.bottom = `${rect.height}px`;
+      }
+      var zIndex = this.getMaxZIndex();
+      this.outerStyle.zIndex = zIndex;
+    },
+    getMaxZIndex() {
+      return Math.max(...Array.from(document.querySelectorAll("body *"), (el) => parseFloat(window.getComputedStyle(el).zIndex)).filter((zIndex) => !Number.isNaN(zIndex)), 0);
+    },
+    close() {
+      this.expanded = false;
+    }
   },
-  inject: ["form", "fieldPath"],
   computed: {
-    optionLookup() {
-      var self2 = this;
-      return self2.options.reduce(function(set, option2) {
-        const key = self2.getValue(option2);
-        set[key] = option2;
-        return set;
-      }, {});
+    expanded: {
+      get() {
+        return this.isExpanded;
+      },
+      set(v) {
+        var previousActivatedEntity;
+        if (this.group) {
+          previousActivatedEntity = UXMenuService.cache[this.group];
+        }
+        if (this.isExpanded != v) {
+          this.isExpanded = v;
+          if (v) {
+            this.position();
+            this.addEventListeners();
+            UXMenuService.cache[this.group] = this;
+            if (previousActivatedEntity && previousActivatedEntity != this) {
+              previousActivatedEntity.expanded = false;
+            }
+          } else {
+            this.removeListeners();
+          }
+          this.$emit("update:modelValue", v);
+        }
+      }
     },
-    selectableOptions() {
-      return this.options;
+    on() {
+      var self2 = this;
+      return {
+        click(event) {
+          if (self2.stop) {
+            event.stopImmediatePropagation();
+          }
+          self2.triggerEvent = event;
+          self2.expanded = !self2.expanded;
+        }
+      };
+    }
+  }
+};
+function _sfc_render$S(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("div", {
+    class: normalizeClass(["ux-menu", { right: $props.right }])
+  }, [
+    createElementVNode("span", null, [
+      renderSlot(_ctx.$slots, "activator", { on: $options.on }, void 0, true)
+    ]),
+    (openBlock(), createBlock(Teleport, { to: "body" }, [
+      $data.isExpanded ? (openBlock(), createElementBlock("div", {
+        key: 0,
+        class: "ux-menu-outer",
+        style: normalizeStyle($data.outerStyle)
+      }, [
+        createElementVNode("div", {
+          class: "ux-menu-panel",
+          ref: "menu",
+          style: normalizeStyle($data.innerStyle)
+        }, [
+          renderSlot(_ctx.$slots, "default", {}, void 0, true)
+        ], 4)
+      ], 4)) : createCommentVNode("", true)
+    ]))
+  ], 2);
+}
+var UXMenu = /* @__PURE__ */ _export_sfc(_sfc_main$S, [["render", _sfc_render$S], ["__scopeId", "data-v-29d476a2"]]);
+const _sfc_main$R = {
+  name: "menulist",
+  props: {
+    items: {
+      type: Array,
+      default() {
+        return [];
+      }
     },
-    required() {
-      return this.minimum;
+    expandOn: {
+      type: String,
+      default: "none"
+    }
+  },
+  computed: {
+    filteredItems() {
+      return this.items.filter(function(item) {
+        return !item.disabled;
+      });
+    }
+  },
+  methods: {
+    toggle(item) {
+      item.expanded = !item.expanded;
+      item.collapsed = !item.expanded;
+    }
+  },
+  data() {
+    return {};
+  }
+};
+function _sfc_render$R(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_ux_link = resolveComponent("ux-link");
+  const _component_menulist = resolveComponent("menulist", true);
+  return openBlock(), createElementBlock("ul", null, [
+    (openBlock(true), createElementBlock(Fragment, null, renderList($options.filteredItems, (item) => {
+      var _a;
+      return openBlock(), createElementBlock("li", {
+        class: normalizeClass({ expanded: item.expanded, collapsed: item.collapsed })
+      }, [
+        $props.expandOn === "click" && ((_a = item.items) == null ? void 0 : _a.length) ? (openBlock(), createBlock(_component_ux_link, {
+          key: 0,
+          onClick: withModifiers(($event) => $options.toggle(item), ["stop", "prevent"]),
+          class: normalizeClass(item.class)
+        }, {
+          default: withCtx(() => [
+            createTextVNode(toDisplayString(item.title), 1)
+          ]),
+          _: 2
+        }, 1032, ["onClick", "class"])) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+          item.type === "url" ? (openBlock(), createBlock(_component_ux_link, {
+            key: 0,
+            class: normalizeClass(item.class),
+            target: item.target,
+            href: item.href || item.url
+          }, {
+            default: withCtx(() => [
+              createTextVNode(toDisplayString(item.title), 1)
+            ]),
+            _: 2
+          }, 1032, ["class", "target", "href"])) : item.type === "route" ? (openBlock(), createBlock(_component_ux_link, {
+            key: 1,
+            class: normalizeClass(item.class),
+            to: { name: item.route }
+          }, {
+            default: withCtx(() => [
+              createTextVNode(toDisplayString(item.title), 1)
+            ]),
+            _: 2
+          }, 1032, ["class", "to"])) : createCommentVNode("", true)
+        ], 64)),
+        item.items && item.items.length ? (openBlock(), createBlock(_component_menulist, {
+          key: 2,
+          items: item.items
+        }, null, 8, ["items"])) : createCommentVNode("", true)
+      ], 2);
+    }), 256))
+  ]);
+}
+var UXMenuList = /* @__PURE__ */ _export_sfc(_sfc_main$R, [["render", _sfc_render$R]]);
+var image_vue_vue_type_style_index_0_scoped_true_lang = "";
+const _sfc_main$Q = {
+  props: {
+    item: {
+      type: Object
     },
-    model: {
-      get() {
-        var cleaned = this.cleanOutput(this.value);
-        return cleaned;
-      },
-      set(val) {
-        this.value = this.cleanInput(val);
-        this.checkAutofocus();
-        this.dispatch();
-      }
+    alt: {
+      type: String
     },
-    options() {
-      var self2 = this;
-      return (this.field.options || []).reduce(function(set, option2) {
-        if (!option2) {
-          return set;
-        }
-        const value = self2.getValue(option2);
-        const title = option2.title || option2.name || option2.label || value;
-        var output = {
-          title,
-          value,
-          source: option2
-        };
-        if (self2.field.type == "reference") {
-          output._id = value;
-        }
-        set.push(output);
-        return set;
-      }, []);
+    width: {
+      type: Number
     },
-    prefix() {
-      return this.field.suffix;
+    height: {
+      type: Number
     },
-    suffix() {
-      return this.field.suffix;
+    inline: {
+      type: Boolean
     },
-    type() {
-      return this.field.type || "string";
+    quality: {
+      type: Number
     },
-    key() {
-      return this.field.key;
+    contain: {
+      type: Boolean,
+      default: true
     },
-    isGroup() {
-      return this.type === "group";
+    preview: {
+      type: Boolean,
+      default: false
     },
-    asObject() {
-      return this.isGroup && !!this.field.asObject;
+    crop: {
+      type: Boolean
     },
-    layoutGroup() {
-      return this.isGroup && !this.field.asObject;
+    format: {
+      type: String
     },
-    canAddValue() {
-      if (this.singleValue) {
-        return;
-      }
-      return this.maximum === 0 || this.numValues < this.maximum;
+    upscale: {
+      type: Boolean,
+      default: true
     },
-    canRemoveValue() {
-      return this.numValues > this.minimum;
+    type: {
+      type: String,
+      default: "image"
     },
-    widget() {
-      return this.field.widget;
+    svg: {
+      type: Boolean
+    }
+  },
+  data() {
+    return {
+      model: this.item
+    };
+  },
+  computed: {
+    altText() {
+      return this.alt || this.model.title;
     },
-    singleValue() {
-      if (this.asObject) {
-        var isSingle = this.minimum === 1 && this.maximum === 1;
-        return isSingle;
-      } else {
-        return this.maximum === 1;
+    className() {
+      var classes = [];
+      if (this.portrait) {
+        classes.push("img-portrait");
       }
+      return classes.join(" ");
     },
-    multiValue() {
-      return !this.singleValue;
-    },
-    label() {
-      return this.field.title;
-    },
-    title() {
-      return this.label;
-    },
-    plural() {
-      return this.field.plural;
-    },
-    description() {
-      return this.field.description;
-    },
-    placeholder() {
-      return this.field.placeholder || this.field.hint;
-    },
-    addLabel() {
-      if (this.numValues) {
-        return `Add another ${this.label}`;
-      } else {
-        return `Add ${this.label}`;
+    isSvg() {
+      var _a;
+      if (this.svg) {
+        return true;
       }
-    },
-    removeLabel() {
-      return `Remove`;
-    },
-    numValues() {
-      if (this.singleValue) {
-        return 1;
+      switch ((_a = this.item) == null ? void 0 : _a.fileMime) {
+        case "image/svg+xml":
+        case "image/svg":
+          return true;
       }
-      return (this.value || []).length || 0;
     },
-    showLabel() {
-      return this.field.title;
+    portrait() {
+      return this.crop ? this.dimensionHeight > this.dimensionWidth : this.modelHeight > this.modelWidth;
     },
-    showDescription() {
-      return this.description;
+    imageWidth() {
+      return parseInt(this.width);
     },
-    fields() {
-      var subFields = this.field.fields;
-      if (subFields && subFields.length) {
-        return subFields;
-      }
+    imageHeight() {
+      return parseInt(this.height);
     },
-    minimum() {
-      if (this.layoutGroup) {
-        return 1;
-      }
-      var int2 = parseInt(this.field.minimum || 0);
-      if (isNaN(int2)) {
-        int2 = 0;
-      }
-      int2 = Math.max(int2, 0);
-      int2 = this.maximum ? Math.min(int2, this.maximum) : int2;
-      return parseInt(int2);
+    modelWidth() {
+      var _a;
+      return parseInt((_a = this.model) == null ? void 0 : _a.width);
     },
-    maximum() {
-      if (this.layoutGroup) {
-        return 1;
-      }
-      var int2 = parseInt(this.field.maximum || 0);
-      if (isNaN(int2)) {
-        int2 = 0;
-      }
-      int2 = Math.max(int2, 0);
-      return parseInt(int2);
+    modelHeight() {
+      var _a;
+      return parseInt((_a = this.model) == null ? void 0 : _a.height);
     },
-    ask() {
-      var int2 = parseInt(this.field.ask);
-      int2 = Math.max(int2, this.minimum);
-      if (this.maximum) {
-        int2 = Math.min(int2, this.maximum);
-      }
-      return int2;
-    }
-  },
-  methods: {
-    cleanTextInput(val, type, instance) {
-      switch (type) {
-        case "url":
-          val = instance.$sdk.utils.parseURL(val);
-          break;
-        case "key":
-          val = instance.$sdk.utils.machineName(val);
-          break;
-        case "integer":
-          val = parseInt(String(val).replace(/[^0-9-]/g, ""));
-          if (isNaN(val)) {
-            val = void 0;
-          }
-          break;
-        case "number":
-        case "decimal":
-        case "float":
-          val = Number(String(val).replace(/[^0-9.-]/g, ""));
-          if (isNaN(val)) {
-            val = void 0;
-          }
-          break;
-      }
-      return val;
+    id() {
+      return this.$sdk.utils.id(this.model);
     },
-    checkAutofocus() {
-      if (this.field.autofocus) {
-        if (this.value) {
-          return;
-        }
-        this.$nextTick(function() {
-          this.refocus();
-        });
+    params() {
+      var params = {};
+      params.access_token = this.$sdk.auth.getCurrentToken();
+      if (this.imageWidth) {
+        params.w = this.imageWidth ? this.imageWidth : null;
       }
-    },
-    getValue(option2) {
-      if (!option2) {
-        return this.cleanTextInput(option2);
+      if (this.imageHeight) {
+        params.h = this.imageHeight ? this.imageHeight : null;
       }
-      var value = this.cleanTextInput(option2._id || option2.value);
-      var hasValue = isNotEmpty(value);
-      if (!hasValue && option2.title && !this.returnObject) {
-        value = option2.title;
+      if (this.crop) {
+        params.c = true;
+      } else {
+        if (!this.contain) {
+          params.c = this.imageWidth && this.imageHeight;
+        }
       }
-      value = this.cleanTextInput(value);
-      return isNotEmpty(value) ? value : option2;
-    },
-    getLabel(option2) {
-      if (!option2) {
-        return;
+      if (this.quality) {
+        params.q = parseInt(this.quality);
       }
-      var label = option2.title || option2.name || option2.label;
-      if (typeof label == "object") {
-        return "(no title)";
-      } else {
-        return label;
+      if (this.upscale) {
+        params.u = true;
+      }
+      if (this.format) {
+        params.f = this.format;
       }
+      return params;
     },
-    touch() {
-      this.$emit("touched");
+    src() {
+      return this.$sdk.api.generateEndpointURL(`/${this.type}/${this.id}`, this.params, { file: true });
     },
-    getNewDefaultEntry() {
-      return void 0;
+    previewSrc() {
+      var params = Object.assign({}, this.params);
+      params.w = 50;
+      delete params.h;
+      return this.$sdk.api.generateEndpointURL(`/${this.type}/${this.id}`, params, { file: true });
     },
-    add() {
-      if (!this.canAddValue) {
-        return;
+    imageStyle() {
+      var style = {};
+      if (!this.crop) {
+        style["object-fit"] = "contain";
       }
-      var defaultEntry = this.cleanInputValue(this.getNewDefaultEntry());
-      if (!this.value || !Array.isArray(this.value)) {
-        this.value = [];
+      if (this.inline) {
+        style.maxWidth = "100%";
+      } else {
+        style.width = "100%";
+        style.height = "100%";
+        style.top = `0`;
+        style.left = `0`;
+        style.position = "absolute";
       }
-      this.value.push(defaultEntry);
-      this.dispatch();
-      this.$nextTick(function() {
-        this.refocus();
-      });
-      this.touch();
-    },
-    remove(entry) {
-      var index2 = this.model.indexOf(entry);
-      this.value.splice(index2, 1);
-      this.dispatch();
-      this.touch();
-    },
-    dispatch() {
-      this.$emit("update:modelValue", this.value);
-    },
-    cleanInputValue(val) {
-      return val;
+      return style;
     },
-    cleanOutputValue(val) {
-      return val;
+    dimensionWidth() {
+      return this.imageWidth && this.imageHeight ? this.imageWidth : this.modelWidth;
     },
-    cleanOutput(val) {
-      var self2 = this;
-      if (isUndefined$6(val, self2.field.type)) {
-        if (self2.multiValue) {
-          val = [];
-        } else {
-          val = void 0;
-        }
-      } else {
-        if (self2.multiValue) {
-          if (!Array.isArray(val)) {
-            val = [];
-          }
-          val.forEach(function(v, i2) {
-            val[i2] = self2.cleanOutputValue(v);
-          });
-        } else {
-          val = self2.cleanOutputValue(val);
-        }
-      }
-      return val;
+    dimensionHeight() {
+      return this.imageWidth && this.imageHeight ? this.imageHeight : this.modelHeight;
     },
-    cleanInput(val) {
-      var self2 = this;
-      if (self2.multiValue) {
-        if (!val) {
-          val = [];
-        }
-        if (!Array.isArray(val)) {
-          val = [val];
-        }
-        if (self2.maximum) {
-          if (val.length > self2.maximum) {
-            val.length = self2.maximum;
-          }
-        }
-        while (val.length < self2.minimum) {
-          val.push(self2.cleanInputValue(self2.getNewDefaultEntry()));
-        }
-        val = val.map(function(v) {
-          var d = self2.cleanInputValue(v);
-          return d;
-        });
+    style() {
+      var _a, _b, _c;
+      var style = {};
+      if (this.inline) {
+        style.display = "inline-block";
       } else {
-        if (val) {
-          val = self2.cleanInputValue(val);
+        if (this.dimensionHeight && this.dimensionWidth) {
+          style.height = 0;
+          style.overflow = "hidden";
+          style.paddingBottom = `${this.dimensionHeight / this.dimensionWidth * 100}%`;
+          style.position = "relative";
         }
       }
-      return val;
-    },
-    refocus() {
-      var elements = this.$refs.input;
-      if (!elements) {
-        return;
-      }
-      var input;
-      if (Array.isArray(elements)) {
-        input = elements[elements.length - 1];
-      } else {
-        input = elements;
+      var colors = (_c = (_b = (_a = this.model) == null ? void 0 : _a.fileMeta) == null ? void 0 : _b.colors) == null ? void 0 : _c.colors;
+      if (colors && colors.length) {
+        style.backgroundColor = colors[0];
       }
-      if (input) {
-        input.focus();
+      if (this.isSvg)
+        ;
+      else {
+        if (this.preview) {
+          style.backgroundImage = `url(${this.previewSrc})`;
+        }
       }
+      return style;
     }
   }
 };
-var select_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";
+const _hoisted_1$H = ["alt", "data"];
+const _hoisted_2$C = ["alt", "src"];
+function _sfc_render$Q(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("div", {
+    class: normalizeClass(["ux-image", $options.className]),
+    style: normalizeStyle($options.style)
+  }, [
+    $props.svg ? (openBlock(), createElementBlock("object", {
+      key: 0,
+      alt: $options.altText,
+      type: "image/svg+xml",
+      data: $options.src
+    }, null, 8, _hoisted_1$H)) : (openBlock(), createElementBlock("img", {
+      key: 1,
+      alt: $options.altText,
+      style: normalizeStyle($options.imageStyle),
+      src: $options.src
+    }, null, 12, _hoisted_2$C))
+  ], 6);
 }
-const _sfc_main$M = {
-  props: {
-    title: {
-      type: String
-    },
-    modelValue: {}
-  },
-  mixins: [InputMixin],
-  created() {
-    this.model = this.model;
-  },
-  methods: {
-    cleanOutput(val) {
-      var self2 = this;
-      if (isUndefined$5(val)) {
-        if (self2.multiValue) {
-          val = [];
-        } else {
-          val = void 0;
-        }
-      } else {
-        if (self2.multiValue) {
-          val = (val || []).filter(function(i2) {
-            return i2 !== void 0 && i2 !== null;
-          }).map(function(i2) {
-            return self2.getValue(i2);
-          });
-        } else {
-          val = self2.getValue(val);
-        }
-      }
-      return val;
-    },
-    cleanInput(val) {
-      var self2 = this;
-      if (self2.multiValue) {
-        if (!val) {
-          val = [];
-        }
-        if (!Array.isArray(val)) {
-          val = [val];
-        }
-        if (self2.maximum) {
-          if (val.length > self2.maximum) {
-            val.length = self2.maximum;
-          }
-        }
-        val = val.filter(function(v) {
-          return v !== void 0 && v !== null;
-        }).map(function(v) {
-          var valueKey2 = self2.getValue(v);
-          return self2.returnObject ? self2.optionLookup[valueKey2] : valueKey2;
-        });
-      } else {
-        var valueKey = self2.getValue(val);
-        val = self2.returnObject ? self2.optionLookup[valueKey] : valueKey;
-        switch (val) {
-          case "":
-            switch (self2.type) {
-              case "decimal":
-              case "float":
-              case "number":
-              case "integer":
-                val = void 0;
-                break;
-            }
-            break;
-        }
-      }
-      return val;
+var UXImage = /* @__PURE__ */ _export_sfc(_sfc_main$Q, [["render", _sfc_render$Q], ["__scopeId", "data-v-a7872864"]]);
+var progressbar_vue_vue_type_style_index_0_scoped_true_lang = "";
+const _sfc_main$P = {
+  props: {
+    value: {
+      type: Number
     }
   },
   computed: {
-    returnObject() {
-      return this.type == "reference";
-    },
     classes() {
       var array = [];
-      if (this.multiValue) {
-        array.push("multiple");
-      } else {
-        array.push("single");
+      array.push(this.icon);
+      if (this.spin) {
+        array.push(`fa-spin`);
+      }
+      if (this.left) {
+        array.push("ux-icon-left");
+      }
+      if (this.right) {
+        array.push("ux-icon-right");
       }
       return array;
     },
-    optionLookup() {
-      var self2 = this;
-      return self2.options.reduce(function(set, option2) {
-        const key = self2.getValue(option2);
-        set[key] = option2;
-        return set;
-      }, {});
+    percent() {
+      return this.value;
     },
-    summary() {
-      return this.model ? this.getLabel(this.optionLookup[this.model]) : this.title || "Click to select";
+    barStyle() {
+      return {
+        width: `${this.percent}%`
+      };
     },
-    selectableOptions() {
-      return this.options;
+    element() {
+      return "i";
     }
   }
 };
-const _hoisted_1$D = {
-  key: 0,
-  class: "ux-field-title"
-};
-const _hoisted_2$A = {
-  key: 0,
-  class: "ux-required-marker"
-};
-const _hoisted_3$x = {
-  key: 1,
-  class: "ux-field-description"
-};
-const _hoisted_4$u = {
-  key: 2,
-  class: "ui-select-button"
-};
-const _hoisted_5$n = ["multiple"];
-const _hoisted_6$i = {
-  key: 0,
-  value: ""
+const _withScopeId$6 = (n2) => (pushScopeId("data-v-317a7690"), n2 = n2(), popScopeId(), n2);
+const _hoisted_1$G = { class: "ux-progress" };
+const _hoisted_2$B = /* @__PURE__ */ _withScopeId$6(() => /* @__PURE__ */ createElementVNode("div", { class: "ux-progress-bg" }, null, -1));
+function _sfc_render$P(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("div", _hoisted_1$G, [
+    _hoisted_2$B,
+    createElementVNode("div", {
+      class: "ux-progress-fg",
+      style: normalizeStyle($options.barStyle)
+    }, null, 4)
+  ]);
+}
+var ProgressBar = /* @__PURE__ */ _export_sfc(_sfc_main$P, [["render", _sfc_render$P], ["__scopeId", "data-v-317a7690"]]);
+var list_vue_vue_type_style_index_0_scoped_true_lang = "";
+const _sfc_main$O = {};
+const _hoisted_1$F = { class: "ux-list" };
+function _sfc_render$O(_ctx, _cache) {
+  return openBlock(), createElementBlock("ul", _hoisted_1$F, [
+    renderSlot(_ctx.$slots, "default", {}, void 0, true)
+  ]);
+}
+var UXList = /* @__PURE__ */ _export_sfc(_sfc_main$O, [["render", _sfc_render$O], ["__scopeId", "data-v-98e1e4e2"]]);
+var listItem_vue_vue_type_style_index_0_scoped_true_lang = "";
+const _sfc_main$N = {};
+const _hoisted_1$E = { class: "ux-list-item" };
+function _sfc_render$N(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("div", _hoisted_1$E, [
+    renderSlot(_ctx.$slots, "default", {}, void 0, true)
+  ]);
+}
+var UXListItem = /* @__PURE__ */ _export_sfc(_sfc_main$N, [["render", _sfc_render$N], ["__scopeId", "data-v-0e73c260"]]);
+var daterange_vue_vue_type_style_index_0_scoped_true_lang$1 = "";
+function checkDate(d) {
+  var date = new Date(d);
+  if (date instanceof Date && !isNaN(date)) {
+    return date;
+  }
+  return;
+}
+const _sfc_main$M = {
+  props: {
+    modelValue: {
+      type: Object
+    }
+  },
+  data() {
+    return {
+      model: this.modelValue
+    };
+  },
+  computed: {
+    startDate: {
+      get() {
+        var _a;
+        return (_a = checkDate(this.model.startDate)) == null ? void 0 : _a.toISOString().slice(0, 10);
+      },
+      set(d) {
+        d = checkDate(d);
+        if (d) {
+          this.model.startDate = d;
+        } else {
+          this.model.startDate = void 0;
+        }
+      }
+    },
+    endDate: {
+      get() {
+        var _a;
+        return (_a = checkDate(this.model.endDate)) == null ? void 0 : _a.toISOString().slice(0, 10);
+      },
+      set(d) {
+        d = checkDate(d);
+        if (checkDate(d)) {
+          this.model.endDate = d;
+        } else {
+          this.model.endDate = void 0;
+        }
+      }
+    }
+  },
+  watch: {
+    model(m) {
+      this.$emit("updated:modelValue", m);
+    },
+    modelValue(m) {
+      this.model = m;
+    }
+  }
 };
-const _hoisted_7$f = ["value"];
+const _withScopeId$5 = (n2) => (pushScopeId("data-v-61cbf45e"), n2 = n2(), popScopeId(), n2);
+const _hoisted_1$D = /* @__PURE__ */ _withScopeId$5(() => /* @__PURE__ */ createElementVNode("label", null, "From Date", -1));
+const _hoisted_2$A = /* @__PURE__ */ _withScopeId$5(() => /* @__PURE__ */ createElementVNode("label", null, "To Date", -1));
 function _sfc_render$M(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_ux_button = resolveComponent("ux-button");
-  return openBlock(), createElementBlock("div", {
-    class: normalizeClass(["native-select", $options.classes])
-  }, [
-    _ctx.showLabel ? (openBlock(), createElementBlock("label", _hoisted_1$D, [
-      createTextVNode(toDisplayString(_ctx.label) + " ", 1),
-      _ctx.required ? (openBlock(), createElementBlock("span", _hoisted_2$A, "*")) : createCommentVNode("", true)
-    ])) : createCommentVNode("", true),
-    _ctx.showDescription ? (openBlock(), createElementBlock("div", _hoisted_3$x, toDisplayString(_ctx.description), 1)) : createCommentVNode("", true),
-    _ctx.singleValue ? (openBlock(), createElementBlock("div", _hoisted_4$u, [
-      renderSlot(_ctx.$slots, "default", {}, () => [
-        createVNode(_component_ux_button, { tag: "div" }, {
+  const _component_flex_cell = resolveComponent("flex-cell");
+  const _component_flex_row = resolveComponent("flex-row");
+  return openBlock(), createElementBlock("div", null, [
+    createVNode(_component_flex_row, {
+      wrap: "",
+      gap: "",
+      vcenter: ""
+    }, {
+      default: withCtx(() => [
+        createVNode(_component_flex_cell, { class: "cell" }, {
           default: withCtx(() => [
-            createTextVNode(toDisplayString($options.summary), 1)
+            createElementVNode("div", null, [
+              _hoisted_1$D,
+              withDirectives(createElementVNode("input", {
+                type: "date",
+                class: "ux-field-focus ux-text-input-multiple",
+                ref: "input",
+                "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => $options.startDate = $event)
+              }, null, 512), [
+                [vModelText, $options.startDate]
+              ])
+            ])
+          ]),
+          _: 1
+        }),
+        createVNode(_component_flex_cell, { class: "cell" }, {
+          default: withCtx(() => [
+            createElementVNode("div", null, [
+              _hoisted_2$A,
+              withDirectives(createElementVNode("input", {
+                type: "date",
+                class: "ux-field-focus ux-text-input-multiple",
+                ref: "input",
+                "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => $options.endDate = $event)
+              }, null, 512), [
+                [vModelText, $options.endDate]
+              ])
+            ])
           ]),
           _: 1
         })
-      ], true)
-    ])) : createCommentVNode("", true),
-    withDirectives(createElementVNode("select", {
-      onFocus: _cache[0] || (_cache[0] = (...args) => _ctx.touch && _ctx.touch(...args)),
-      multiple: _ctx.multiValue,
-      "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => _ctx.model = $event)
-    }, [
-      _ctx.singleValue && !_ctx.minimum ? (openBlock(), createElementBlock("option", _hoisted_6$i, "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$f);
-      }), 256))
-    ], 40, _hoisted_5$n), [
-      [vModelSelect, _ctx.model]
-    ])
-  ], 2);
+      ]),
+      _: 1
+    })
+  ]);
 }
-var NativeSelect = /* @__PURE__ */ _export_sfc(_sfc_main$M, [["render", _sfc_render$M], ["__scopeId", "data-v-a06c20f2"]]);
+var Daterange = /* @__PURE__ */ _export_sfc(_sfc_main$M, [["render", _sfc_render$M], ["__scopeId", "data-v-61cbf45e"]]);
 var phoneNumberInput_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _sfc_main$L = {
   props: {
@@ -12288,6 +12504,10 @@ const _sfc_main$z = {
         case "range":
         case "daterange":
         case "daterelative":
+        case "integer":
+        case "decimal":
+        case "float":
+        case "number":
           break;
         case "array":
           switch (this.fieldType) {
@@ -12389,12 +12609,22 @@ const _sfc_main$z = {
         ]
       };
     },
+    inputPlaceholder() {
+      switch (this.model.comparator) {
+        case "valuesgreater":
+        case "valuesgreaterequal":
+        case "valueslesser":
+        case "valueslesserequal":
+          return "0";
+      }
+      return this.field.title;
+    },
     dateField() {
       return {
         type: this.fieldType,
         maximum: 1,
         minimum: 1,
-        placeholder: this.field.title
+        placeholder: this.inputPlaceholder
       };
     },
     multiOptionsField() {
@@ -12404,7 +12634,7 @@ const _sfc_main$z = {
         type: this.fieldType,
         maximum: 0,
         minimum: 1,
-        placeholder: this.field.title
+        placeholder: this.inputPlaceholder
       };
     },
     singleOptionsField() {
@@ -12415,7 +12645,7 @@ const _sfc_main$z = {
         type: this.fieldType,
         maximum: 1,
         minimum: 0,
-        placeholder: this.field.title
+        placeholder: this.inputPlaceholder
       };
     },
     normalField() {
@@ -12423,7 +12653,7 @@ const _sfc_main$z = {
         type: this.fieldType,
         maximum: 1,
         minimum: 1,
-        placeholder: this.field.title
+        placeholder: this.inputPlaceholder
       };
     },
     arrayField() {
@@ -12487,6 +12717,7 @@ function _sfc_render$z(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_flex_row = resolveComponent("flex-row");
   const _component_date_field = resolveComponent("date-field");
   const _component_content_select = resolveComponent("content-select");
+  const _component_ux_switch = resolveComponent("ux-switch");
   const _component_ux_icon = resolveComponent("ux-icon");
   const _component_ux_button = resolveComponent("ux-button");
   return $data.comparators ? (openBlock(), createElementBlock("div", _hoisted_1$r, [
@@ -12607,12 +12838,29 @@ function _sfc_render$z(_ctx, _cache, $props, $setup, $data, $options) {
               }, null, 8, ["field", "modelValue"])
             ])) : createCommentVNode("", true),
             $options.inputType == "boolean" ? (openBlock(), createElementBlock("div", _hoisted_11$2, [
-              withDirectives(createElementVNode("input", {
-                type: "checkbox",
-                "onUpdate:modelValue": _cache[13] || (_cache[13] = ($event) => $data.model.value = $event)
-              }, null, 512), [
-                [vModelCheckbox, $data.model.value]
-              ])
+              createVNode(_component_flex_row, {
+                gap: "",
+                center: ""
+              }, {
+                default: withCtx(() => [
+                  createVNode(_component_flex_cell, { shrink: "" }, {
+                    default: withCtx(() => [
+                      createVNode(_component_ux_switch, {
+                        onClick: _cache[13] || (_cache[13] = ($event) => $data.model.value = !$data.model.value),
+                        value: $data.model.value
+                      }, null, 8, ["value"])
+                    ]),
+                    _: 1
+                  }),
+                  createVNode(_component_flex_cell, null, {
+                    default: withCtx(() => [
+                      createTextVNode(toDisplayString($data.model.value ? "True" : "False"), 1)
+                    ]),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              })
             ])) : createCommentVNode("", true),
             $options.inputType == "none" ? (openBlock(), createElementBlock("div", _hoisted_12$2)) : createCommentVNode("", true),
             $options.inputType == "number" ? (openBlock(), createElementBlock("div", _hoisted_13$2, [
@@ -13242,7 +13490,9 @@ const _sfc_main$w = {
   },
   computed: {
     definitionTitle() {
-      return this.definition ? this.definition.title : "";
+      const singular = this.definition ? this.definition.title : "";
+      const plural = this.definition ? this.definition.plural : "";
+      return plural || singular;
     }
   },
   methods: {
@@ -13337,7 +13587,7 @@ function _sfc_render$w(_ctx, _cache, $props, $setup, $data, $options) {
     }, null, 8, ["definition", "modelValue"]))
   ], 64);
 }
-var FilterInput = /* @__PURE__ */ _export_sfc(_sfc_main$w, [["render", _sfc_render$w], ["__scopeId", "data-v-4aae9a4a"]]);
+var FilterInput = /* @__PURE__ */ _export_sfc(_sfc_main$w, [["render", _sfc_render$w], ["__scopeId", "data-v-a43e06e8"]]);
 var switch_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _sfc_main$v = {
   mixins: [InputMixin],
@@ -13911,10 +14161,14 @@ function _sfc_render$s(_ctx, _cache, $props, $setup, $data, $options) {
                   default: withCtx(() => [
                     $options.reorderable ? (openBlock(), createBlock(_component_flex_cell, {
                       key: 0,
+                      class: "arrows",
                       shrink: ""
                     }, {
                       default: withCtx(() => [
-                        createVNode(_component_ux_icon, { icon: "fa-arrows" })
+                        createVNode(_component_ux_icon, {
+                          left: "",
+                          icon: "fa-arrows"
+                        })
                       ]),
                       _: 1
                     })) : createCommentVNode("", true),
@@ -14242,7 +14496,7 @@ function _sfc_render$s(_ctx, _cache, $props, $setup, $data, $options) {
     ], 64))
   ], 64));
 }
-var FieldGroup$1 = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["render", _sfc_render$s], ["__scopeId", "data-v-500e8025"]]);
+var FieldGroup$1 = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["render", _sfc_render$s], ["__scopeId", "data-v-190cfc06"]]);
 const _sfc_main$r = {
   props: {
     option: {
@@ -17424,7 +17678,280 @@ function _sfc_render$h(_ctx, _cache, $props, $setup, $data, $options) {
     $options.error && $data.validateResults.message ? (openBlock(), createElementBlock("div", _hoisted_1$c, toDisplayString($data.validateResults.message), 1)) : createCommentVNode("", true)
   ], 34)) : createCommentVNode("", true);
 }
-var UXFormField = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["render", _sfc_render$h], ["__scopeId", "data-v-04b49e9e"]]);
+var UXFormField = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["render", _sfc_render$h], ["__scopeId", "data-v-299e79b2"]]);
+function arrayReduce$1(array, iteratee, accumulator, initAccum) {
+  var index2 = -1, length = array == null ? 0 : array.length;
+  if (initAccum && length) {
+    accumulator = array[++index2];
+  }
+  while (++index2 < length) {
+    accumulator = iteratee(accumulator, array[index2], index2, array);
+  }
+  return accumulator;
+}
+var _arrayReduce = arrayReduce$1;
+function basePropertyOf$1(object) {
+  return function(key) {
+    return object == null ? void 0 : object[key];
+  };
+}
+var _basePropertyOf = basePropertyOf$1;
+var basePropertyOf = _basePropertyOf;
+var deburredLetters = {
+  "\xC0": "A",
+  "\xC1": "A",
+  "\xC2": "A",
+  "\xC3": "A",
+  "\xC4": "A",
+  "\xC5": "A",
+  "\xE0": "a",
+  "\xE1": "a",
+  "\xE2": "a",
+  "\xE3": "a",
+  "\xE4": "a",
+  "\xE5": "a",
+  "\xC7": "C",
+  "\xE7": "c",
+  "\xD0": "D",
+  "\xF0": "d",
+  "\xC8": "E",
+  "\xC9": "E",
+  "\xCA": "E",
+  "\xCB": "E",
+  "\xE8": "e",
+  "\xE9": "e",
+  "\xEA": "e",
+  "\xEB": "e",
+  "\xCC": "I",
+  "\xCD": "I",
+  "\xCE": "I",
+  "\xCF": "I",
+  "\xEC": "i",
+  "\xED": "i",
+  "\xEE": "i",
+  "\xEF": "i",
+  "\xD1": "N",
+  "\xF1": "n",
+  "\xD2": "O",
+  "\xD3": "O",
+  "\xD4": "O",
+  "\xD5": "O",
+  "\xD6": "O",
+  "\xD8": "O",
+  "\xF2": "o",
+  "\xF3": "o",
+  "\xF4": "o",
+  "\xF5": "o",
+  "\xF6": "o",
+  "\xF8": "o",
+  "\xD9": "U",
+  "\xDA": "U",
+  "\xDB": "U",
+  "\xDC": "U",
+  "\xF9": "u",
+  "\xFA": "u",
+  "\xFB": "u",
+  "\xFC": "u",
+  "\xDD": "Y",
+  "\xFD": "y",
+  "\xFF": "y",
+  "\xC6": "Ae",
+  "\xE6": "ae",
+  "\xDE": "Th",
+  "\xFE": "th",
+  "\xDF": "ss",
+  "\u0100": "A",
+  "\u0102": "A",
+  "\u0104": "A",
+  "\u0101": "a",
+  "\u0103": "a",
+  "\u0105": "a",
+  "\u0106": "C",
+  "\u0108": "C",
+  "\u010A": "C",
+  "\u010C": "C",
+  "\u0107": "c",
+  "\u0109": "c",
+  "\u010B": "c",
+  "\u010D": "c",
+  "\u010E": "D",
+  "\u0110": "D",
+  "\u010F": "d",
+  "\u0111": "d",
+  "\u0112": "E",
+  "\u0114": "E",
+  "\u0116": "E",
+  "\u0118": "E",
+  "\u011A": "E",
+  "\u0113": "e",
+  "\u0115": "e",
+  "\u0117": "e",
+  "\u0119": "e",
+  "\u011B": "e",
+  "\u011C": "G",
+  "\u011E": "G",
+  "\u0120": "G",
+  "\u0122": "G",
+  "\u011D": "g",
+  "\u011F": "g",
+  "\u0121": "g",
+  "\u0123": "g",
+  "\u0124": "H",
+  "\u0126": "H",
+  "\u0125": "h",
+  "\u0127": "h",
+  "\u0128": "I",
+  "\u012A": "I",
+  "\u012C": "I",
+  "\u012E": "I",
+  "\u0130": "I",
+  "\u0129": "i",
+  "\u012B": "i",
+  "\u012D": "i",
+  "\u012F": "i",
+  "\u0131": "i",
+  "\u0134": "J",
+  "\u0135": "j",
+  "\u0136": "K",
+  "\u0137": "k",
+  "\u0138": "k",
+  "\u0139": "L",
+  "\u013B": "L",
+  "\u013D": "L",
+  "\u013F": "L",
+  "\u0141": "L",
+  "\u013A": "l",
+  "\u013C": "l",
+  "\u013E": "l",
+  "\u0140": "l",
+  "\u0142": "l",
+  "\u0143": "N",
+  "\u0145": "N",
+  "\u0147": "N",
+  "\u014A": "N",
+  "\u0144": "n",
+  "\u0146": "n",
+  "\u0148": "n",
+  "\u014B": "n",
+  "\u014C": "O",
+  "\u014E": "O",
+  "\u0150": "O",
+  "\u014D": "o",
+  "\u014F": "o",
+  "\u0151": "o",
+  "\u0154": "R",
+  "\u0156": "R",
+  "\u0158": "R",
+  "\u0155": "r",
+  "\u0157": "r",
+  "\u0159": "r",
+  "\u015A": "S",
+  "\u015C": "S",
+  "\u015E": "S",
+  "\u0160": "S",
+  "\u015B": "s",
+  "\u015D": "s",
+  "\u015F": "s",
+  "\u0161": "s",
+  "\u0162": "T",
+  "\u0164": "T",
+  "\u0166": "T",
+  "\u0163": "t",
+  "\u0165": "t",
+  "\u0167": "t",
+  "\u0168": "U",
+  "\u016A": "U",
+  "\u016C": "U",
+  "\u016E": "U",
+  "\u0170": "U",
+  "\u0172": "U",
+  "\u0169": "u",
+  "\u016B": "u",
+  "\u016D": "u",
+  "\u016F": "u",
+  "\u0171": "u",
+  "\u0173": "u",
+  "\u0174": "W",
+  "\u0175": "w",
+  "\u0176": "Y",
+  "\u0177": "y",
+  "\u0178": "Y",
+  "\u0179": "Z",
+  "\u017B": "Z",
+  "\u017D": "Z",
+  "\u017A": "z",
+  "\u017C": "z",
+  "\u017E": "z",
+  "\u0132": "IJ",
+  "\u0133": "ij",
+  "\u0152": "Oe",
+  "\u0153": "oe",
+  "\u0149": "'n",
+  "\u017F": "s"
+};
+var deburrLetter$1 = basePropertyOf(deburredLetters);
+var _deburrLetter = deburrLetter$1;
+var deburrLetter = _deburrLetter, toString$1 = toString_1;
+var reLatin = /[\xc0-\xd6\xd8-\xf6\xf8-\xff\u0100-\u017f]/g;
+var rsComboMarksRange$1 = "\\u0300-\\u036f", reComboHalfMarksRange$1 = "\\ufe20-\\ufe2f", rsComboSymbolsRange$1 = "\\u20d0-\\u20ff", rsComboRange$1 = rsComboMarksRange$1 + reComboHalfMarksRange$1 + rsComboSymbolsRange$1;
+var rsCombo$1 = "[" + rsComboRange$1 + "]";
+var reComboMark = RegExp(rsCombo$1, "g");
+function deburr$1(string) {
+  string = toString$1(string);
+  return string && string.replace(reLatin, deburrLetter).replace(reComboMark, "");
+}
+var deburr_1 = deburr$1;
+var reAsciiWord = /[^\x00-\x2f\x3a-\x40\x5b-\x60\x7b-\x7f]+/g;
+function asciiWords$1(string) {
+  return string.match(reAsciiWord) || [];
+}
+var _asciiWords = asciiWords$1;
+var reHasUnicodeWord = /[a-z][A-Z]|[A-Z]{2}[a-z]|[0-9][a-zA-Z]|[a-zA-Z][0-9]|[^a-zA-Z0-9 ]/;
+function hasUnicodeWord$1(string) {
+  return reHasUnicodeWord.test(string);
+}
+var _hasUnicodeWord = hasUnicodeWord$1;
+var rsAstralRange = "\\ud800-\\udfff", rsComboMarksRange = "\\u0300-\\u036f", reComboHalfMarksRange = "\\ufe20-\\ufe2f", rsComboSymbolsRange = "\\u20d0-\\u20ff", rsComboRange = rsComboMarksRange + reComboHalfMarksRange + rsComboSymbolsRange, rsDingbatRange = "\\u2700-\\u27bf", rsLowerRange = "a-z\\xdf-\\xf6\\xf8-\\xff", rsMathOpRange = "\\xac\\xb1\\xd7\\xf7", rsNonCharRange = "\\x00-\\x2f\\x3a-\\x40\\x5b-\\x60\\x7b-\\xbf", rsPunctuationRange = "\\u2000-\\u206f", rsSpaceRange = " \\t\\x0b\\f\\xa0\\ufeff\\n\\r\\u2028\\u2029\\u1680\\u180e\\u2000\\u2001\\u2002\\u2003\\u2004\\u2005\\u2006\\u2007\\u2008\\u2009\\u200a\\u202f\\u205f\\u3000", rsUpperRange = "A-Z\\xc0-\\xd6\\xd8-\\xde", rsVarRange = "\\ufe0e\\ufe0f", rsBreakRange = rsMathOpRange + rsNonCharRange + rsPunctuationRange + rsSpaceRange;
+var rsApos$1 = "['\u2019]", rsBreak = "[" + rsBreakRange + "]", rsCombo = "[" + rsComboRange + "]", rsDigits = "\\d+", rsDingbat = "[" + rsDingbatRange + "]", rsLower = "[" + rsLowerRange + "]", rsMisc = "[^" + rsAstralRange + rsBreakRange + rsDigits + rsDingbatRange + rsLowerRange + rsUpperRange + "]", rsFitz = "\\ud83c[\\udffb-\\udfff]", rsModifier = "(?:" + rsCombo + "|" + rsFitz + ")", rsNonAstral = "[^" + rsAstralRange + "]", rsRegional = "(?:\\ud83c[\\udde6-\\uddff]){2}", rsSurrPair = "[\\ud800-\\udbff][\\udc00-\\udfff]", rsUpper = "[" + rsUpperRange + "]", rsZWJ = "\\u200d";
+var rsMiscLower = "(?:" + rsLower + "|" + rsMisc + ")", rsMiscUpper = "(?:" + rsUpper + "|" + rsMisc + ")", rsOptContrLower = "(?:" + rsApos$1 + "(?:d|ll|m|re|s|t|ve))?", rsOptContrUpper = "(?:" + rsApos$1 + "(?:D|LL|M|RE|S|T|VE))?", reOptMod = rsModifier + "?", rsOptVar = "[" + rsVarRange + "]?", rsOptJoin = "(?:" + rsZWJ + "(?:" + [rsNonAstral, rsRegional, rsSurrPair].join("|") + ")" + rsOptVar + reOptMod + ")*", rsOrdLower = "\\d*(?:1st|2nd|3rd|(?![123])\\dth)(?=\\b|[A-Z_])", rsOrdUpper = "\\d*(?:1ST|2ND|3RD|(?![123])\\dTH)(?=\\b|[a-z_])", rsSeq = rsOptVar + reOptMod + rsOptJoin, rsEmoji = "(?:" + [rsDingbat, rsRegional, rsSurrPair].join("|") + ")" + rsSeq;
+var reUnicodeWord = RegExp([
+  rsUpper + "?" + rsLower + "+" + rsOptContrLower + "(?=" + [rsBreak, rsUpper, "$"].join("|") + ")",
+  rsMiscUpper + "+" + rsOptContrUpper + "(?=" + [rsBreak, rsUpper + rsMiscLower, "$"].join("|") + ")",
+  rsUpper + "?" + rsMiscLower + "+" + rsOptContrLower,
+  rsUpper + "+" + rsOptContrUpper,
+  rsOrdUpper,
+  rsOrdLower,
+  rsDigits,
+  rsEmoji
+].join("|"), "g");
+function unicodeWords$1(string) {
+  return string.match(reUnicodeWord) || [];
+}
+var _unicodeWords = unicodeWords$1;
+var asciiWords = _asciiWords, hasUnicodeWord = _hasUnicodeWord, toString = toString_1, unicodeWords = _unicodeWords;
+function words$1(string, pattern, guard) {
+  string = toString(string);
+  pattern = guard ? void 0 : pattern;
+  if (pattern === void 0) {
+    return hasUnicodeWord(string) ? unicodeWords(string) : asciiWords(string);
+  }
+  return string.match(pattern) || [];
+}
+var words_1 = words$1;
+var arrayReduce = _arrayReduce, deburr = deburr_1, words = words_1;
+var rsApos = "['\u2019]";
+var reApos = RegExp(rsApos, "g");
+function createCompounder$1(callback) {
+  return function(string) {
+    return arrayReduce(words(deburr(string).replace(reApos, "")), callback, "");
+  };
+}
+var _createCompounder = createCompounder$1;
+var createCompounder = _createCompounder;
+var kebabCase = createCompounder(function(result, word, index2) {
+  return result + (index2 ? "-" : "") + word.toLowerCase();
+});
+var kebabCase_1 = kebabCase;
 var form_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _sfc_main$g = {
   props: {
@@ -17494,6 +18021,13 @@ const _sfc_main$g = {
     self2.mounted = false;
   },
   methods: {
+    getFieldKey(field) {
+      let key = kebabCase_1(`${field.title}-${field.key}`);
+      if (field.incrementor) {
+        key = `${key}-${field.incrementor}`;
+      }
+      return key;
+    },
     touch() {
       (this.childFormElements || []).forEach(function(field) {
         field.touch();
@@ -17683,13 +18217,13 @@ function _sfc_render$g(_ctx, _cache, $props, $setup, $data, $options) {
           "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => $options.formModel = $event),
           parentModel: $props.parentModel || $options.formModel,
           class: normalizeClass($options.fieldClass),
-          key: `ux-form-field-${field.key}-${index2}`
+          key: `ux-form-field-${$options.getFieldKey(field)}-${index2}`
         }, null, 8, ["trail", "submission", "onField:mount", "onField:unmount", "onField:dirty", "onField:invalid", "onField:valid", "onField:error", "onField:focus", "onField:blur", "onField:touched", "field", "modelValue", "parentModel", "class"]);
       }), 128))
     ], true)
   ], 2);
 }
-var UXForm = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["render", _sfc_render$g], ["__scopeId", "data-v-c0e7d104"]]);
+var UXForm = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["render", _sfc_render$g], ["__scopeId", "data-v-6f9751aa"]]);
 var submissionform_vue_vue_type_style_index_0_scoped_true_lang = "";
 const STATE_READY = "form.ready";
 const STATE_PROCESSING = "form.processing";
@@ -17982,7 +18516,7 @@ function _sfc_render$e(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ]);
 }
-var Search = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["render", _sfc_render$e], ["__scopeId", "data-v-303d6348"]]);
+var Search = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["render", _sfc_render$e], ["__scopeId", "data-v-17abf7d1"]]);
 var RenderMixin = {
   props: {
     field: {
@@ -18201,6 +18735,9 @@ const _sfc_main$c = {
     };
   },
   methods: {
+    renderDate(d) {
+      return DateTime.fromJSDate(new Date(d)).toFormat("h:mma - ccc, DD");
+    },
     formatCurrency(val) {
       return `${this.$sdk.utils.formatCurrency(val, this.field.currency)}`.toUpperCase();
     },
@@ -18455,8 +18992,8 @@ function _sfc_render$c(_ctx, _cache, $props, $setup, $data, $options) {
       ], 64)) : createCommentVNode("", true),
       $options.type == "date" ? (openBlock(), createElementBlock(Fragment, { key: 3 }, [
         $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_8, toDisplayString($options.fieldModel), 1))
+          return openBlock(), createElementBlock("div", null, toDisplayString($options.renderDate(value)), 1);
+        }), 256)) : (openBlock(), createElementBlock("div", _hoisted_8, toDisplayString($options.renderDate($options.fieldModel)), 1))
       ], 64)) : createCommentVNode("", true),
       $options.type == "email" ? (openBlock(), createElementBlock(Fragment, { key: 4 }, [
         $options.multiValue ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList($options.fieldModel, (value, index2) => {
@@ -18488,7 +19025,7 @@ function _sfc_render$c(_ctx, _cache, $props, $setup, $data, $options) {
     ], 64))
   ], 2)) : createCommentVNode("", true);
 }
-var UXRenderField = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["render", _sfc_render$c], ["__scopeId", "data-v-240bc28f"]]);
+var UXRenderField = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["render", _sfc_render$c], ["__scopeId", "data-v-59217434"]]);
 var render_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _sfc_main$b = {
   props: {
@@ -18679,6 +19216,15 @@ const _sfc_main$a = {
       default() {
         return 0;
       }
+    },
+    page: {
+      type: Object,
+      default() {
+        return {
+          size: 50,
+          index: 1
+        };
+      }
     }
   },
   components: {
@@ -18692,11 +19238,11 @@ const _sfc_main$a = {
   computed: {
     perPage: {
       get() {
-        return this.page.size;
+        return this.pageModel.size;
       },
       set(i2) {
         i2 = Math.max(i2, 1);
-        this.page.size = i2;
+        this.pageModel.size = i2;
         this.dispatch();
       }
     },
@@ -18712,31 +19258,31 @@ const _sfc_main$a = {
       return Math.ceil(this.total / this.perPage);
     },
     startIndex() {
-      return (this.currentPage - 1) * this.page.size;
+      return (this.currentPage - 1) * this.pageModel.size;
     },
     displayStartIndex() {
       return this.total ? this.startIndex + 1 : 0;
     },
     endIndex() {
-      return Math.min(this.startIndex + this.page.size, this.total);
+      return Math.min(this.startIndex + this.pageModel.size, this.total);
     },
     currentPage: {
       get() {
-        return this.page.index;
+        return this.pageModel.index;
       },
       set(index2) {
         if (this.totalPages) {
           index2 = Math.min(this.totalPages, index2);
         }
         index2 = Math.max(index2, 1);
-        this.page.index = index2;
+        this.pageModel.index = index2;
         this.dispatch();
       }
     }
   },
   methods: {
     dispatch() {
-      return this.$emit("update:page", this.page);
+      return this.$emit("update:page", this.pageModel);
     },
     previousPage() {
       this.currentPage--;
@@ -18747,10 +19293,7 @@ const _sfc_main$a = {
   },
   data() {
     return {
-      page: {
-        size: 50,
-        index: 1
-      },
+      pageModel: this.page,
       perPageField: {
         minimum: 1,
         maximum: 1,
@@ -18880,7 +19423,7 @@ function _sfc_render$a(_ctx, _cache, $props, $setup, $data, $options) {
     _: 1
   });
 }
-var Pager = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["render", _sfc_render$a], ["__scopeId", "data-v-25ef1240"]]);
+var Pager = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["render", _sfc_render$a], ["__scopeId", "data-v-492058b4"]]);
 var browser_vue_vue_type_style_index_0_scoped_true_lang = "";
 function defaultColumns(self2, type) {
   var columns = [];
@@ -19083,6 +19626,10 @@ const _sfc_main$9 = {
       type: Boolean,
       default: false
     },
+    enableSelection: {
+      type: Boolean,
+      default: true
+    },
     trash: {
       type: Boolean,
       default: false
@@ -19391,7 +19938,6 @@ const _sfc_main$9 = {
     },
     loadCriteria() {
       var self2 = this;
-      console.log("Load Criteria now", self2.sort);
       var sort2 = self2.sort || self2.defaultSort;
       var search = self2.keywords;
       var select = self2.selectFields;
@@ -19563,7 +20109,7 @@ const _sfc_main$9 = {
     };
   }
 };
-const _withScopeId$1 = (n2) => (pushScopeId("data-v-7a05893b"), n2 = n2(), popScopeId(), n2);
+const _withScopeId$1 = (n2) => (pushScopeId("data-v-2dc4a071"), n2 = n2(), popScopeId(), n2);
 const _hoisted_1$7 = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ createElementVNode("p", null, null, -1));
 const _hoisted_2$6 = { key: 0 };
 const _hoisted_3$5 = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ createElementVNode("p", null, null, -1));
@@ -19612,6 +20158,7 @@ function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
                       key: 1,
                       sort: $data.sort,
                       "onUpdate:sort": _cache[0] || (_cache[0] = ($event) => $data.sort = $event),
+                      enableSelection: $props.enableSelection,
                       enableActions: $props.enableActions,
                       total: $options.totalItems,
                       selectAll: $options.selectAll,
@@ -19661,7 +20208,7 @@ function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
                         })
                       ]),
                       _: 1
-                    }, 8, ["sort", "enableActions", "total", "selectAll", "deselectAll", "selection", "onClick:row", "onClick:actions", "onSelect:row:toggle", "onSelect:multiple", "onDeselect:multiple", "rows", "columns"]))
+                    }, 8, ["sort", "enableSelection", "enableActions", "total", "selectAll", "deselectAll", "selection", "onClick:row", "onClick:actions", "onSelect:row:toggle", "onSelect:multiple", "onDeselect:multiple", "rows", "columns"]))
                   ]),
                   _: 1
                 })) : !$data.loading ? (openBlock(), createBlock(_component_flex_column, {
@@ -19753,7 +20300,7 @@ function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
     _: 3
   })) : createCommentVNode("", true);
 }
-var ContentBrowser = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["render", _sfc_render$9], ["__scopeId", "data-v-7a05893b"]]);
+var ContentBrowser = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["render", _sfc_render$9], ["__scopeId", "data-v-2dc4a071"]]);
 var ScopeItem_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _sfc_main$8 = {
   props: {
@@ -20923,5 +21470,5 @@ const QikUI = {
     }
   }
 };
-export { Avatar, CodeEditor, ContentBrowser, Daterange as DateRange, device as Device, FileDrop, FlexBody, FlexCell, FlexColumn, FlexFooter, FlexHeader, FlexRow, FlexSpacer, ModalMixin, NativeSelect, Panel, PanelBody, PanelFooter, PanelHeader, ProgressBar, QikUI, RememberScrollMixin, ScopeSelect, ScopeSelectButton, Search, Selection, Spinner, UXButton, UXCheckbox, UXForm, UXFormField, UXIcon, UXImage, UXLink, UXList, UXListItem, UXMenu, UXMenuList, UXRender, UXRenderField, UXSubmissionForm, UXSwitch, UXTab, NativeTable as UXTable, UXTabset, UxConfirmModal, UxContentModal, UxModal, UxOptionsModal, UxPromptModal, UxScopeModal };
+export { Avatar, CodeEditor, ContentBrowser, Daterange as DateRange, device as Device, FileDrop, FlexBody, FlexCell, FlexColumn, FlexFooter, FlexHeader, FlexRow, FlexSpacer, ModalMixin, NativeSelect, Pager$1 as Pager, Panel, PanelBody, PanelFooter, PanelHeader, ProgressBar, QikUI, RememberScrollMixin, ScopeSelect, ScopeSelectButton, Search, Selection, Spinner, UXButton, UXCheckbox, UXForm, UXFormField, UXIcon, UXImage, UXLink, UXList, UXListItem, UXMenu, UXMenuList, UXRender, UXRenderField, UXSubmissionForm, UXSwitch, UXTab, NativeTable as UXTable, UXTabset, UxConfirmModal, UxContentModal, UxModal, UxOptionsModal, UxPromptModal, UxScopeModal };
 //# sourceMappingURL=lib.es.js.map