@qikdev/vue-ui 0.2.20 → 0.2.23

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, pushScopeId, popScopeId, normalizeStyle, Teleport, vModelText, vModelSelect, withKeys, TransitionGroup, defineComponent, h, nextTick, vModelDynamic, reactive, watch } from "vue";
 import { EventDispatcher } from "@qikdev/sdk";
-const version$1 = "0.2.20";
+const version$1 = "0.2.23";
 var flexColumn_vue_vue_type_style_index_0_scoped_true_lang = "";
 var _export_sfc = (sfc, props2) => {
   const target = sfc.__vccOpts || sfc;
@@ -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;
@@ -845,7 +845,7 @@ 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;
     }
   }
@@ -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$17, [["render", _sfc_render$17], ["__scopeId", "data-v-36768853"]]);
 class LuxonError extends Error {
 }
 class InvalidDateTimeError extends LuxonError {
@@ -4734,13 +4734,13 @@ const _hoisted_1$Q = { class: "table-date-cell" };
 const _hoisted_2$I = { key: 0 };
 const _hoisted_3$A = { class: "off" };
 const _hoisted_4$w = { class: "on" };
-const _hoisted_5$o = { class: "spacer" };
+const _hoisted_5$p = { class: "spacer" };
 function _sfc_render$16(_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),
       createElementVNode("span", _hoisted_4$w, toDisplayString($options.timeago), 1),
-      createElementVNode("span", _hoisted_5$o, toDisplayString($options.readable), 1)
+      createElementVNode("span", _hoisted_5$p, toDisplayString($options.readable), 1)
     ])) : createCommentVNode("", true)
   ]);
 }
@@ -5419,7 +5419,7 @@ const _hoisted_3$y = {
   class: "first table-select shrink"
 };
 const _hoisted_4$v = /* @__PURE__ */ createTextVNode(" Select Page ");
-const _hoisted_5$n = /* @__PURE__ */ createTextVNode(" Deselect Page ");
+const _hoisted_5$o = /* @__PURE__ */ createTextVNode(" Deselect Page ");
 const _hoisted_6$j = /* @__PURE__ */ createTextVNode(" Deselect All ");
 const _hoisted_7$g = ["onClick"];
 const _hoisted_8$9 = {
@@ -5460,7 +5460,7 @@ function _sfc_render$$(_ctx, _cache, $props, $setup, $data, $options) {
                         onClick: _cache[1] || (_cache[1] = ($event) => $options.deselectPage())
                       }, {
                         default: withCtx(() => [
-                          _hoisted_5$n
+                          _hoisted_5$o
                         ]),
                         _: 1
                       })) : createCommentVNode("", true),
@@ -6816,7 +6816,7 @@ var InputMixin = {
           val = instance.$sdk.utils.parseURL(val);
           break;
         case "key":
-          val = instance.$sdk.utils.machineName(val);
+          val = String(instance.$sdk.utils.machineName(val)).trim();
           break;
         case "integer":
           val = parseInt(String(val).replace(/[^0-9-]/g, ""));
@@ -7092,7 +7092,7 @@ const _hoisted_4$u = {
   key: 2,
   class: "ui-select-button"
 };
-const _hoisted_5$m = ["multiple"];
+const _hoisted_5$n = ["multiple"];
 const _hoisted_6$i = {
   key: 0,
   value: ""
@@ -7129,7 +7129,7 @@ function _sfc_render$M(_ctx, _cache, $props, $setup, $data, $options) {
           value: option2.value
         }, toDisplayString(option2.title), 9, _hoisted_7$f);
       }), 256))
-    ], 40, _hoisted_5$m), [
+    ], 40, _hoisted_5$n), [
       [vModelSelect, _ctx.model]
     ])
   ], 2);
@@ -7221,7 +7221,7 @@ const _hoisted_3$w = {
   class: "ux-field-description"
 };
 const _hoisted_4$t = { key: 2 };
-const _hoisted_5$l = /* @__PURE__ */ createTextVNode(" Country Code ");
+const _hoisted_5$m = /* @__PURE__ */ createTextVNode(" Country Code ");
 const _hoisted_6$h = { key: 0 };
 const _hoisted_7$e = { key: 1 };
 const _hoisted_8$8 = { class: "ux-text-wrap" };
@@ -7263,7 +7263,7 @@ function _sfc_render$L(_ctx, _cache, $props, $setup, $data, $options) {
                     createVNode(_component_ux_button, { tag: "a" }, {
                       default: withCtx(() => [
                         !entry.countryCode ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-                          _hoisted_5$l
+                          _hoisted_5$m
                         ], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
                           $data.lookup[entry.countryCode] ? (openBlock(), createElementBlock("div", _hoisted_6$h, toDisplayString($data.lookup[entry.countryCode].emoji) + " - " + toDisplayString($data.lookup[entry.countryCode].alpha2), 1)) : (openBlock(), createElementBlock("div", _hoisted_7$e, "Loading"))
                         ], 64))
@@ -7922,7 +7922,7 @@ const _hoisted_4$s = {
   key: 2,
   class: "ui-select-button"
 };
-const _hoisted_5$k = ["multiple"];
+const _hoisted_5$l = ["multiple"];
 const _hoisted_6$g = {
   key: 0,
   value: ""
@@ -7959,7 +7959,7 @@ function _sfc_render$K(_ctx, _cache, $props, $setup, $data, $options) {
           value: option2.value
         }, toDisplayString(option2.title), 9, _hoisted_7$d);
       }), 256))
-    ], 40, _hoisted_5$k), [
+    ], 40, _hoisted_5$l), [
       [vModelSelect, _ctx.model]
     ])
   ], 2);
@@ -10904,7 +10904,7 @@ const _hoisted_4$r = {
   key: 1,
   class: "items"
 };
-const _hoisted_5$j = /* @__PURE__ */ createTextVNode(" Create ");
+const _hoisted_5$k = /* @__PURE__ */ createTextVNode(" Create ");
 function _sfc_render$I(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_ux_icon = resolveComponent("ux-icon");
   const _component_ux_button = resolveComponent("ux-button");
@@ -11011,7 +11011,7 @@ function _sfc_render$I(_ctx, _cache, $props, $setup, $data, $options) {
               onClick: $options.create
             }, {
               default: withCtx(() => [
-                _hoisted_5$j,
+                _hoisted_5$k,
                 createVNode(_component_ux_icon, {
                   right: "",
                   icon: "fa-plus"
@@ -11158,7 +11158,7 @@ const _hoisted_4$q = {
   key: 2,
   class: "ui-select-button"
 };
-const _hoisted_5$i = ["multiple"];
+const _hoisted_5$j = ["multiple"];
 const _hoisted_6$f = {
   key: 0,
   value: ""
@@ -11195,7 +11195,7 @@ function _sfc_render$H(_ctx, _cache, $props, $setup, $data, $options) {
           value: option2.value
         }, toDisplayString(option2.title), 9, _hoisted_7$c);
       }), 256))
-    ], 40, _hoisted_5$i), [
+    ], 40, _hoisted_5$j), [
       [vModelSelect, _ctx.model]
     ])
   ], 2);
@@ -11292,7 +11292,7 @@ const _hoisted_3$s = {
   class: "ux-field-description"
 };
 const _hoisted_4$p = { key: 2 };
-const _hoisted_5$h = {
+const _hoisted_5$i = {
   key: 0,
   class: "ux-text-prefix"
 };
@@ -11332,7 +11332,7 @@ function _sfc_render$G(_ctx, _cache, $props, $setup, $data, $options) {
                 createElementVNode("div", {
                   class: normalizeClass(["ux-text-wrap", { prefixed: $options.prefix, suffixed: $options.suffix }])
                 }, [
-                  $options.prefix ? (openBlock(), createElementBlock("span", _hoisted_5$h, toDisplayString($options.prefix), 1)) : createCommentVNode("", true),
+                  $options.prefix ? (openBlock(), createElementBlock("span", _hoisted_5$i, toDisplayString($options.prefix), 1)) : createCommentVNode("", true),
                   withDirectives((openBlock(), createElementBlock("input", {
                     class: "ux-field-focus ux-text-input-multiple",
                     ref_for: true,
@@ -11495,7 +11495,7 @@ const _hoisted_3$r = {
   class: "ux-field-description"
 };
 const _hoisted_4$o = { key: 2 };
-const _hoisted_5$g = { class: "ux-text-wrap" };
+const _hoisted_5$h = { class: "ux-text-wrap" };
 const _hoisted_6$d = {
   key: 0,
   class: "ux-text-prefix"
@@ -11540,7 +11540,7 @@ function _sfc_render$F(_ctx, _cache, $props, $setup, $data, $options) {
           default: withCtx(() => [
             createVNode(_component_flex_cell, null, {
               default: withCtx(() => [
-                createElementVNode("div", _hoisted_5$g, [
+                createElementVNode("div", _hoisted_5$h, [
                   _ctx.prefix ? (openBlock(), createElementBlock("span", _hoisted_6$d, toDisplayString(_ctx.prefix), 1)) : createCommentVNode("", true),
                   $options.lazy ? withDirectives((openBlock(), createElementBlock("input", {
                     key: 1,
@@ -11675,7 +11675,7 @@ const _hoisted_3$q = {
   class: "ux-field-description"
 };
 const _hoisted_4$n = { key: 2 };
-const _hoisted_5$f = ["onUpdate:modelValue"];
+const _hoisted_5$g = ["onUpdate:modelValue"];
 function _sfc_render$E(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_flex_cell = resolveComponent("flex-cell");
   const _component_ux_icon = resolveComponent("ux-icon");
@@ -11703,7 +11703,7 @@ function _sfc_render$E(_ctx, _cache, $props, $setup, $data, $options) {
                   ref: "input",
                   "onUpdate:modelValue": ($event) => _ctx.model[index2] = $event,
                   class: "ux-textarea ux-field-focus ux-text-area-multiple"
-                }, null, 40, _hoisted_5$f), [
+                }, null, 40, _hoisted_5$g), [
                   [vModelText, _ctx.model[index2]]
                 ])
               ]),
@@ -11823,7 +11823,7 @@ const _hoisted_3$p = {
   class: "ux-field-description"
 };
 const _hoisted_4$m = { key: 2 };
-const _hoisted_5$e = ["onUpdate:modelValue"];
+const _hoisted_5$f = ["onUpdate:modelValue"];
 function _sfc_render$D(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_flex_cell = resolveComponent("flex-cell");
   const _component_ux_icon = resolveComponent("ux-icon");
@@ -11852,7 +11852,7 @@ function _sfc_render$D(_ctx, _cache, $props, $setup, $data, $options) {
                   ref: "input",
                   onKeydown: _cache[1] || (_cache[1] = withKeys(withModifiers(($event) => _ctx.add(), ["stop", "prevent"]), ["enter"])),
                   "onUpdate:modelValue": ($event) => $options.model[index2] = $event
-                }, null, 40, _hoisted_5$e), [
+                }, null, 40, _hoisted_5$f), [
                   [vModelText, $options.model[index2]]
                 ])
               ]),
@@ -12470,7 +12470,7 @@ const _hoisted_1$r = {
 const _hoisted_2$o = { key: 0 };
 const _hoisted_3$l = { key: 1 };
 const _hoisted_4$k = /* @__PURE__ */ createTextVNode(" And ");
-const _hoisted_5$d = { key: 2 };
+const _hoisted_5$e = { key: 2 };
 const _hoisted_6$c = { key: 3 };
 const _hoisted_7$9 = /* @__PURE__ */ createTextVNode(" And ");
 const _hoisted_8$5 = { key: 4 };
@@ -12487,6 +12487,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, [
@@ -12545,7 +12546,7 @@ function _sfc_render$z(_ctx, _cache, $props, $setup, $data, $options) {
                 "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => $data.model.value2 = $event)
               }, null, 8, ["field", "modelValue"])
             ])) : createCommentVNode("", true),
-            $options.inputType == "daterelative" ? (openBlock(), createElementBlock("div", _hoisted_5$d, [
+            $options.inputType == "daterelative" ? (openBlock(), createElementBlock("div", _hoisted_5$e, [
               createVNode(_component_flex_row, null, {
                 default: withCtx(() => [
                   createVNode(_component_flex_cell, { style: { "width": "80px" } }, {
@@ -12607,12 +12608,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, [
@@ -12940,7 +12958,7 @@ const _hoisted_1$q = {
 const _hoisted_2$n = { class: "top" };
 const _hoisted_3$k = { class: "summary" };
 const _hoisted_4$j = /* @__PURE__ */ createTextVNode(" Match ");
-const _hoisted_5$c = /* @__PURE__ */ createTextVNode(" of the following conditions ");
+const _hoisted_5$d = /* @__PURE__ */ createTextVNode(" of the following conditions ");
 const _hoisted_6$b = /* @__PURE__ */ createElementVNode("span", { class: "line" }, null, -1);
 const _hoisted_7$8 = { class: "operator" };
 const _hoisted_8$4 = /* @__PURE__ */ createTextVNode(" Add Condition ");
@@ -12969,7 +12987,7 @@ function _sfc_render$y(_ctx, _cache, $props, $setup, $data, $options) {
                   ]),
                   _: 1
                 }, 8, ["modelValue", "field"]),
-                _hoisted_5$c
+                _hoisted_5$d
               ])
             ]),
             _: 1
@@ -13154,7 +13172,7 @@ const _hoisted_2$m = {
 };
 const _hoisted_3$j = { class: "summary" };
 const _hoisted_4$i = /* @__PURE__ */ createTextVNode(" Match ");
-const _hoisted_5$b = /* @__PURE__ */ createTextVNode(" of the following rules ");
+const _hoisted_5$c = /* @__PURE__ */ createTextVNode(" of the following rules ");
 const _hoisted_6$a = /* @__PURE__ */ createTextVNode("Add Filter Rule");
 function _sfc_render$x(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_native_select = resolveComponent("native-select");
@@ -13180,7 +13198,7 @@ function _sfc_render$x(_ctx, _cache, $props, $setup, $data, $options) {
                   ]),
                   _: 1
                 }, 8, ["modelValue", "field"]),
-                _hoisted_5$b
+                _hoisted_5$c
               ])
             ])) : createCommentVNode("", true),
             (openBlock(true), createElementBlock(Fragment, null, renderList($data.model.filters, (rule, index2) => {
@@ -13665,7 +13683,7 @@ const _hoisted_4$g = {
   key: 2,
   class: "files"
 };
-const _hoisted_5$a = { class: "size" };
+const _hoisted_5$b = { class: "size" };
 const _hoisted_6$9 = /* @__PURE__ */ createTextVNode("Select Files");
 const _hoisted_7$7 = /* @__PURE__ */ createTextVNode("Select File");
 function _sfc_render$t(_ctx, _cache, $props, $setup, $data, $options) {
@@ -13692,7 +13710,7 @@ function _sfc_render$t(_ctx, _cache, $props, $setup, $data, $options) {
               createVNode(_component_flex_cell, null, {
                 default: withCtx(() => [
                   createElementVNode("strong", null, toDisplayString(file.name), 1),
-                  createElementVNode("div", _hoisted_5$a, toDisplayString($options.filesize(file.size)), 1),
+                  createElementVNode("div", _hoisted_5$b, toDisplayString($options.filesize(file.size)), 1),
                   createVNode(_component_progress_bar, {
                     value: file.progress
                   }, null, 8, ["value"])
@@ -13856,7 +13874,7 @@ const _hoisted_4$f = {
   key: 0,
   class: "ux-required-marker"
 };
-const _hoisted_5$9 = {
+const _hoisted_5$a = {
   key: 1,
   class: "ux-field-description"
 };
@@ -13889,7 +13907,7 @@ function _sfc_render$s(_ctx, _cache, $props, $setup, $data, $options) {
         createTextVNode(toDisplayString(_ctx.plural || _ctx.title) + " ", 1),
         _ctx.required ? (openBlock(), createElementBlock("span", _hoisted_4$f, "*")) : createCommentVNode("", true)
       ])) : createCommentVNode("", true),
-      _ctx.showDescription ? (openBlock(), createElementBlock("div", _hoisted_5$9, toDisplayString(_ctx.description), 1)) : createCommentVNode("", true)
+      _ctx.showDescription ? (openBlock(), createElementBlock("div", _hoisted_5$a, toDisplayString(_ctx.description), 1)) : createCommentVNode("", true)
     ])) : createCommentVNode("", true),
     $options.reorderable ? (openBlock(), createBlock(_component_draggable, {
       key: 1,
@@ -13911,10 +13929,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 +14264,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: {
@@ -14462,7 +14484,7 @@ const _hoisted_3$d = {
   class: "ux-field-description"
 };
 const _hoisted_4$d = { key: 2 };
-const _hoisted_5$8 = { key: 3 };
+const _hoisted_5$9 = { key: 3 };
 function _sfc_render$p(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_flex_cell = resolveComponent("flex-cell");
   const _component_ux_icon = resolveComponent("ux-icon");
@@ -14523,7 +14545,7 @@ function _sfc_render$p(_ctx, _cache, $props, $setup, $data, $options) {
         ]),
         _: 1
       })) : createCommentVNode("", true)
-    ])) : (openBlock(), createElementBlock("pre", _hoisted_5$8, toDisplayString(_ctx.model), 1))
+    ])) : (openBlock(), createElementBlock("pre", _hoisted_5$9, toDisplayString(_ctx.model), 1))
   ], 64);
 }
 var ObjectField = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["render", _sfc_render$p], ["__scopeId", "data-v-6b3fc2f2"]]);
@@ -14636,7 +14658,7 @@ const _hoisted_3$c = {
   class: "ux-field-description"
 };
 const _hoisted_4$c = { key: 2 };
-const _hoisted_5$7 = { class: "ux-text-wrap prefixed" };
+const _hoisted_5$8 = { class: "ux-text-wrap prefixed" };
 const _hoisted_6$7 = /* @__PURE__ */ _withScopeId$3(() => /* @__PURE__ */ createElementVNode("span", { class: "ux-text-prefix" }, "Label", -1));
 const _hoisted_7$5 = ["onBlur", "on:update:modelValue", "onUpdate:modelValue"];
 const _hoisted_8$2 = ["onBlur", "on:update:modelValue", "onUpdate:modelValue"];
@@ -14668,7 +14690,7 @@ function _sfc_render$o(_ctx, _cache, $props, $setup, $data, $options) {
           default: withCtx(() => [
             createVNode(_component_flex_cell, null, {
               default: withCtx(() => [
-                createElementVNode("div", _hoisted_5$7, [
+                createElementVNode("div", _hoisted_5$8, [
                   _hoisted_6$7,
                   $options.lazy ? withDirectives((openBlock(), createElementBlock("input", {
                     key: 0,
@@ -15000,7 +15022,7 @@ const _hoisted_3$b = {
   class: "ux-field-description"
 };
 const _hoisted_4$b = { key: 2 };
-const _hoisted_5$6 = { class: "code-editor-field-wrap" };
+const _hoisted_5$7 = { class: "code-editor-field-wrap" };
 const _hoisted_6$6 = {
   key: 3,
   class: "code-editor-field-wrap"
@@ -15028,7 +15050,7 @@ function _sfc_render$m(_ctx, _cache, $props, $setup, $data, $options) {
           default: withCtx(() => [
             createVNode(_component_flex_cell, null, {
               default: withCtx(() => [
-                createElementVNode("div", _hoisted_5$6, [
+                createElementVNode("div", _hoisted_5$7, [
                   createVNode(_component_code_editor, {
                     lang: $options.syntax,
                     onFocus: _ctx.touch,
@@ -15168,7 +15190,7 @@ const _hoisted_3$a = {
   class: "ux-field-description"
 };
 const _hoisted_4$a = { key: 2 };
-const _hoisted_5$5 = { class: "richtext-field-wrap" };
+const _hoisted_5$6 = { class: "richtext-field-wrap" };
 const _hoisted_6$5 = {
   key: 3,
   class: "richtext-field-wrap"
@@ -15194,7 +15216,7 @@ function _sfc_render$k(_ctx, _cache, $props, $setup, $data, $options) {
           default: withCtx(() => [
             createVNode(_component_flex_cell, null, {
               default: withCtx(() => [
-                createElementVNode("div", _hoisted_5$5, [
+                createElementVNode("div", _hoisted_5$6, [
                   createVNode(_component_richtext, {
                     onFocus: _ctx.touch,
                     ref_for: true,
@@ -15389,7 +15411,7 @@ const _hoisted_4$9 = {
   key: 2,
   class: "ui-select-button"
 };
-const _hoisted_5$4 = ["multiple"];
+const _hoisted_5$5 = ["multiple"];
 const _hoisted_6$4 = {
   key: 0,
   value: ""
@@ -15426,7 +15448,7 @@ function _sfc_render$j(_ctx, _cache, $props, $setup, $data, $options) {
           value: option2.value
         }, toDisplayString(option2.title), 9, _hoisted_7$4);
       }), 256))
-    ], 40, _hoisted_5$4), [
+    ], 40, _hoisted_5$5), [
       [vModelSelect, _ctx.model]
     ])
   ], 2);
@@ -15555,7 +15577,7 @@ const _hoisted_4$8 = {
   key: 2,
   class: "ui-select-button"
 };
-const _hoisted_5$3 = ["multiple"];
+const _hoisted_5$4 = ["multiple"];
 const _hoisted_6$3 = {
   key: 0,
   value: ""
@@ -15592,7 +15614,7 @@ function _sfc_render$i(_ctx, _cache, $props, $setup, $data, $options) {
           value: option2.value
         }, toDisplayString(option2.title), 9, _hoisted_7$3);
       }), 256))
-    ], 40, _hoisted_5$3), [
+    ], 40, _hoisted_5$4), [
       [vModelSelect, _ctx.model]
     ])
   ], 2);
@@ -17424,7 +17446,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 +17789,13 @@ const _sfc_main$g = {
     self2.mounted = false;
   },
   methods: {
+    getFieldKey(field) {
+      const key = kebabCase_1(`${field.title}-${field.key}`);
+      if (field.incrementor) {
+        key = `${key}-${field.incrementor}`;
+      }
+      return key;
+    },
     touch() {
       (this.childFormElements || []).forEach(function(field) {
         field.touch();
@@ -17640,7 +17942,17 @@ const _sfc_main$g = {
       }
     },
     renderFields() {
-      return this.fields.filter(Boolean);
+      return this.fields.filter(function(entry) {
+        if (!entry) {
+          return;
+        }
+        if (entry.includeIf && typeof entry.includeIf === "function") {
+          return entry.includeIf(entry);
+        } else if (entry.excludeIf && typeof entry.excludeIf === "function") {
+          return !entry.excludeIf(entry);
+        }
+        return true;
+      });
     }
   }
 };
@@ -17673,13 +17985,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-f463bb0c"]]);
+var UXForm = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["render", _sfc_render$g], ["__scopeId", "data-v-d200c51c"]]);
 var submissionform_vue_vue_type_style_index_0_scoped_true_lang = "";
 const STATE_READY = "form.ready";
 const STATE_PROCESSING = "form.processing";
@@ -17815,7 +18127,7 @@ const _hoisted_1$b = { class: "ux-submission-form" };
 const _hoisted_2$9 = /* @__PURE__ */ _withScopeId$2(() => /* @__PURE__ */ createElementVNode("h3", null, "An error occurred", -1));
 const _hoisted_3$7 = { key: 0 };
 const _hoisted_4$7 = { key: 1 };
-const _hoisted_5$2 = { key: 2 };
+const _hoisted_5$3 = { key: 2 };
 const _hoisted_6$2 = /* @__PURE__ */ createTextVNode(" Try again ");
 const _hoisted_7$2 = /* @__PURE__ */ createTextVNode(" Thank you ");
 const _hoisted_8$1 = /* @__PURE__ */ createTextVNode(" Back to form ");
@@ -17836,7 +18148,7 @@ function _sfc_render$f(_ctx, _cache, $props, $setup, $data, $options) {
             key: field.path
           }, toDisplayString(field.message), 1);
         }), 128))
-      ])) : (openBlock(), createElementBlock("pre", _hoisted_5$2, toDisplayString($data.error), 1)),
+      ])) : (openBlock(), createElementBlock("pre", _hoisted_5$3, toDisplayString($data.error), 1)),
       createVNode(_component_ux_button, {
         color: "primary",
         onClick: $options.softReset
@@ -18191,6 +18503,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();
     },
@@ -18364,7 +18679,7 @@ const _hoisted_1$8 = { class: "ux-field-title" };
 const _hoisted_2$7 = { class: "currency" };
 const _hoisted_3$6 = { key: 1 };
 const _hoisted_4$6 = { class: "currency" };
-const _hoisted_5$1 = ["innerHTML"];
+const _hoisted_5$2 = ["innerHTML"];
 const _hoisted_6$1 = ["innerHTML"];
 const _hoisted_7$1 = { key: 1 };
 const _hoisted_8 = { key: 1 };
@@ -18432,7 +18747,7 @@ function _sfc_render$c(_ctx, _cache, $props, $setup, $data, $options) {
       ], 64)) : createCommentVNode("", true),
       $options.type == "string" ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
         $options.multiValue ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList($options.fieldModel, (value, index2) => {
-          return openBlock(), createElementBlock("div", { innerHTML: value }, null, 8, _hoisted_5$1);
+          return openBlock(), createElementBlock("div", { innerHTML: value }, null, 8, _hoisted_5$2);
         }), 256)) : (openBlock(), createElementBlock("div", {
           key: 1,
           innerHTML: $options.fieldModel
@@ -18445,8 +18760,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) => {
@@ -18478,7 +18793,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: {
@@ -19073,6 +19388,10 @@ const _sfc_main$9 = {
       type: Boolean,
       default: false
     },
+    enableSelection: {
+      type: Boolean,
+      default: true
+    },
     trash: {
       type: Boolean,
       default: false
@@ -19553,7 +19872,7 @@ const _sfc_main$9 = {
     };
   }
 };
-const _withScopeId$1 = (n2) => (pushScopeId("data-v-7a05893b"), n2 = n2(), popScopeId(), n2);
+const _withScopeId$1 = (n2) => (pushScopeId("data-v-50180812"), 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));
@@ -19602,6 +19921,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,
@@ -19651,7 +19971,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, {
@@ -19743,7 +20063,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-50180812"]]);
 var ScopeItem_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _sfc_main$8 = {
   props: {
@@ -20164,9 +20484,10 @@ const _sfc_main$4 = {
   mixins: [ModalMixin]
 };
 const _hoisted_1$4 = { class: "padder" };
-const _hoisted_2$4 = { class: "padder" };
-const _hoisted_3$4 = /* @__PURE__ */ createTextVNode("Cancel");
-const _hoisted_4$4 = /* @__PURE__ */ createTextVNode("Confirm");
+const _hoisted_2$4 = ["innerHTML"];
+const _hoisted_3$4 = { class: "padder" };
+const _hoisted_4$4 = /* @__PURE__ */ createTextVNode("Cancel");
+const _hoisted_5$1 = /* @__PURE__ */ createTextVNode("Confirm");
 function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_flex_body = resolveComponent("flex-body");
   const _component_ux_button = resolveComponent("ux-button");
@@ -20180,21 +20501,23 @@ function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
         default: withCtx(() => [
           createElementVNode("div", _hoisted_1$4, [
             createElementVNode("h5", null, toDisplayString(_ctx.options.title), 1),
-            createElementVNode("div", null, toDisplayString(_ctx.options.description), 1)
+            createElementVNode("div", {
+              innerHTML: _ctx.options.description
+            }, null, 8, _hoisted_2$4)
           ])
         ]),
         _: 1
       }),
       createVNode(_component_flex_footer, null, {
         default: withCtx(() => [
-          createElementVNode("div", _hoisted_2$4, [
+          createElementVNode("div", _hoisted_3$4, [
             createVNode(_component_flex_row, null, {
               default: withCtx(() => [
                 createVNode(_component_flex_cell, null, {
                   default: withCtx(() => [
                     createVNode(_component_ux_button, { onClick: _ctx.dismiss }, {
                       default: withCtx(() => [
-                        _hoisted_3$4
+                        _hoisted_4$4
                       ]),
                       _: 1
                     }, 8, ["onClick"])
@@ -20205,7 +20528,7 @@ function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
                   default: withCtx(() => [
                     createVNode(_component_ux_button, { onClick: _ctx.close }, {
                       default: withCtx(() => [
-                        _hoisted_4$4
+                        _hoisted_5$1
                       ]),
                       _: 1
                     }, 8, ["onClick"])
@@ -20223,7 +20546,7 @@ function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
     _: 1
   });
 }
-var UxConfirmModal = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["render", _sfc_render$4], ["__scopeId", "data-v-20b62981"]]);
+var UxConfirmModal = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["render", _sfc_render$4], ["__scopeId", "data-v-f9a36fea"]]);
 var OptionsModal_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _sfc_main$3 = {
   data() {