npm - @qikdev/vue-ui - Versions diffs - 0.2.42 → 0.2.46 - Mend

@qikdev/vue-ui 0.2.42 → 0.2.46

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (6) hide show

package/dist/lib.es.js CHANGED Viewed

@@ -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, vModelSelect, pushScopeId, popScopeId, normalizeStyle, Teleport, vModelText, withKeys, TransitionGroup, defineComponent, h, nextTick, vModelDynamic, reactive, watch } from "vue";
+import { openBlock, createElementBlock, renderSlot, resolveComponent, normalizeClass, Fragment, createVNode, withCtx, renderList, toDisplayString, withDirectives, createBlock, resolveDynamicComponent, vShow, withModifiers, createTextVNode, createCommentVNode, createElementVNode, h, mergeProps, toHandlers, vModelSelect, pushScopeId, popScopeId, normalizeStyle, Teleport, vModelText, withKeys, TransitionGroup, defineComponent, nextTick, vModelDynamic, reactive, watch } from "vue";
 import { EventDispatcher } from "@qikdev/sdk";
-const version$1 = "0.2.42";
+const version$1 = "0.2.46";
 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$1r = {};
+const _hoisted_1$15 = { class: "flex-column" };
+function _sfc_render$1r(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("div", _hoisted_1$15, [
+    renderSlot(_ctx.$slots, "default", {}, void 0, true)
+  ]);
+}
+var FlexColumn = /* @__PURE__ */ _export_sfc(_sfc_main$1r, [["render", _sfc_render$1r], ["__scopeId", "data-v-203ea86f"]]);
+var flexBody_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _sfc_main$1q = {};
-const _hoisted_1$14 = { class: "flex-column" };
+const _hoisted_1$14 = { class: "flex-column-body" };
 function _sfc_render$1q(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", _hoisted_1$14, [
     renderSlot(_ctx.$slots, "default", {}, void 0, true)
   ]);
 }
-var FlexColumn = /* @__PURE__ */ _export_sfc(_sfc_main$1q, [["render", _sfc_render$1q], ["__scopeId", "data-v-203ea86f"]]);
-var flexBody_vue_vue_type_style_index_0_scoped_true_lang = "";
+var FlexBody = /* @__PURE__ */ _export_sfc(_sfc_main$1q, [["render", _sfc_render$1q], ["__scopeId", "data-v-64850355"]]);
+var flexHeader_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _sfc_main$1p = {};
-const _hoisted_1$13 = { class: "flex-column-body" };
+const _hoisted_1$13 = { class: "flex-column-header" };
 function _sfc_render$1p(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", _hoisted_1$13, [
     renderSlot(_ctx.$slots, "default", {}, void 0, true)
   ]);
 }
-var FlexBody = /* @__PURE__ */ _export_sfc(_sfc_main$1p, [["render", _sfc_render$1p], ["__scopeId", "data-v-64850355"]]);
-var flexHeader_vue_vue_type_style_index_0_scoped_true_lang = "";
+var FlexHeader = /* @__PURE__ */ _export_sfc(_sfc_main$1p, [["render", _sfc_render$1p], ["__scopeId", "data-v-10b28f00"]]);
+var flexFooter_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _sfc_main$1o = {};
-const _hoisted_1$12 = { class: "flex-column-header" };
+const _hoisted_1$12 = { class: "flex-column-footer" };
 function _sfc_render$1o(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", _hoisted_1$12, [
     renderSlot(_ctx.$slots, "default", {}, void 0, true)
   ]);
 }
-var FlexHeader = /* @__PURE__ */ _export_sfc(_sfc_main$1o, [["render", _sfc_render$1o], ["__scopeId", "data-v-10b28f00"]]);
-var flexFooter_vue_vue_type_style_index_0_scoped_true_lang = "";
+var FlexFooter = /* @__PURE__ */ _export_sfc(_sfc_main$1o, [["render", _sfc_render$1o], ["__scopeId", "data-v-68216a72"]]);
+var flexCell_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _sfc_main$1n = {};
-const _hoisted_1$11 = { class: "flex-column-footer" };
+const _hoisted_1$11 = { class: "flex-cell" };
 function _sfc_render$1n(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", _hoisted_1$11, [
     renderSlot(_ctx.$slots, "default", {}, void 0, true)
   ]);
 }
-var FlexFooter = /* @__PURE__ */ _export_sfc(_sfc_main$1n, [["render", _sfc_render$1n], ["__scopeId", "data-v-68216a72"]]);
-var flexCell_vue_vue_type_style_index_0_scoped_true_lang = "";
+var FlexCell = /* @__PURE__ */ _export_sfc(_sfc_main$1n, [["render", _sfc_render$1n], ["__scopeId", "data-v-644bb279"]]);
+var flexRow_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _sfc_main$1m = {};
-const _hoisted_1$10 = { class: "flex-cell" };
+const _hoisted_1$10 = { class: "flex-row" };
 function _sfc_render$1m(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", _hoisted_1$10, [
     renderSlot(_ctx.$slots, "default", {}, void 0, true)
   ]);
 }
-var FlexCell = /* @__PURE__ */ _export_sfc(_sfc_main$1m, [["render", _sfc_render$1m], ["__scopeId", "data-v-644bb279"]]);
-var flexRow_vue_vue_type_style_index_0_scoped_true_lang = "";
+var FlexRow = /* @__PURE__ */ _export_sfc(_sfc_main$1m, [["render", _sfc_render$1m], ["__scopeId", "data-v-5b76ad1f"]]);
+var flexSpacer_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _sfc_main$1l = {};
-const _hoisted_1$$ = { class: "flex-row" };
+const _hoisted_1$$ = { class: "flex-spacer" };
 function _sfc_render$1l(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("div", _hoisted_1$$, [
-    renderSlot(_ctx.$slots, "default", {}, void 0, true)
-  ]);
+  return openBlock(), createElementBlock("div", _hoisted_1$$);
 }
-var FlexRow = /* @__PURE__ */ _export_sfc(_sfc_main$1l, [["render", _sfc_render$1l], ["__scopeId", "data-v-5b76ad1f"]]);
-var flexSpacer_vue_vue_type_style_index_0_scoped_true_lang = "";
+var FlexSpacer = /* @__PURE__ */ _export_sfc(_sfc_main$1l, [["render", _sfc_render$1l], ["__scopeId", "data-v-35b15579"]]);
+var panel_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _sfc_main$1k = {};
-const _hoisted_1$_ = { class: "flex-spacer" };
+const _hoisted_1$_ = { class: "panel" };
 function _sfc_render$1k(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("div", _hoisted_1$_);
+  return openBlock(), createElementBlock("div", _hoisted_1$_, [
+    renderSlot(_ctx.$slots, "default", {}, void 0, true)
+  ]);
 }
-var FlexSpacer = /* @__PURE__ */ _export_sfc(_sfc_main$1k, [["render", _sfc_render$1k], ["__scopeId", "data-v-35b15579"]]);
-var panel_vue_vue_type_style_index_0_scoped_true_lang = "";
+var Panel = /* @__PURE__ */ _export_sfc(_sfc_main$1k, [["render", _sfc_render$1k], ["__scopeId", "data-v-50ae77fc"]]);
+var panelBody_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _sfc_main$1j = {};
-const _hoisted_1$Z = { class: "panel" };
+const _hoisted_1$Z = { class: "panel-body" };
 function _sfc_render$1j(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", _hoisted_1$Z, [
     renderSlot(_ctx.$slots, "default", {}, void 0, true)
   ]);
 }
-var Panel = /* @__PURE__ */ _export_sfc(_sfc_main$1j, [["render", _sfc_render$1j], ["__scopeId", "data-v-50ae77fc"]]);
-var panelBody_vue_vue_type_style_index_0_scoped_true_lang = "";
+var PanelBody = /* @__PURE__ */ _export_sfc(_sfc_main$1j, [["render", _sfc_render$1j], ["__scopeId", "data-v-c82dca76"]]);
+var panelHeader_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _sfc_main$1i = {};
-const _hoisted_1$Y = { class: "panel-body" };
+const _hoisted_1$Y = { class: "panel-header" };
 function _sfc_render$1i(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", _hoisted_1$Y, [
     renderSlot(_ctx.$slots, "default", {}, void 0, true)
   ]);
 }
-var PanelBody = /* @__PURE__ */ _export_sfc(_sfc_main$1i, [["render", _sfc_render$1i], ["__scopeId", "data-v-c82dca76"]]);
-var panelHeader_vue_vue_type_style_index_0_scoped_true_lang = "";
+var PanelHeader = /* @__PURE__ */ _export_sfc(_sfc_main$1i, [["render", _sfc_render$1i], ["__scopeId", "data-v-13bf11da"]]);
+var panelFooter_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _sfc_main$1h = {};
-const _hoisted_1$X = { class: "panel-header" };
+const _hoisted_1$X = { class: "panel-footer" };
 function _sfc_render$1h(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", _hoisted_1$X, [
     renderSlot(_ctx.$slots, "default", {}, void 0, true)
   ]);
 }
-var PanelHeader = /* @__PURE__ */ _export_sfc(_sfc_main$1h, [["render", _sfc_render$1h], ["__scopeId", "data-v-13bf11da"]]);
-var panelFooter_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _sfc_main$1g = {};
-const _hoisted_1$W = { class: "panel-footer" };
-function _sfc_render$1g(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("div", _hoisted_1$W, [
-    renderSlot(_ctx.$slots, "default", {}, void 0, true)
-  ]);
-}
-var PanelFooter = /* @__PURE__ */ _export_sfc(_sfc_main$1g, [["render", _sfc_render$1g], ["__scopeId", "data-v-b4f4786a"]]);
+var PanelFooter = /* @__PURE__ */ _export_sfc(_sfc_main$1h, [["render", _sfc_render$1h], ["__scopeId", "data-v-b4f4786a"]]);
 var tabset_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _sfc_main$1f = {
+const _sfc_main$1g = {
   props: {
     vertical: {
       type: Boolean
@@ -171,9 +171,9 @@ const _sfc_main$1f = {
     }
   }
 };
-const _hoisted_1$V = ["onClick"];
+const _hoisted_1$W = ["onClick"];
 const _hoisted_2$L = ["onClick"];
-function _sfc_render$1f(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1g(_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");
@@ -191,7 +191,7 @@ function _sfc_render$1f(_ctx, _cache, $props, $setup, $data, $options) {
                   class: normalizeClass({ active: index2 === $data.activeIndex }),
                   key: `tab-link-${tab.props.heading}`,
                   onClick: ($event) => $options.select(index2)
-                }, toDisplayString(tab.props.heading), 11, _hoisted_1$V);
+                }, toDisplayString(tab.props.heading), 11, _hoisted_1$W);
               }), 128))
             ]),
             _: 1
@@ -254,8 +254,8 @@ function _sfc_render$1f(_ctx, _cache, $props, $setup, $data, $options) {
     ], 64))
   ], 2);
 }
-var UXTabset = /* @__PURE__ */ _export_sfc(_sfc_main$1f, [["render", _sfc_render$1f], ["__scopeId", "data-v-621f2a2f"]]);
-const _sfc_main$1e = {
+var UXTabset = /* @__PURE__ */ _export_sfc(_sfc_main$1g, [["render", _sfc_render$1g], ["__scopeId", "data-v-621f2a2f"]]);
+const _sfc_main$1f = {
   props: {
     heading: {
       type: String,
@@ -282,7 +282,7 @@ const _sfc_main$1e = {
     }
   }
 };
-function _sfc_render$1e(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1f(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_flex_column = resolveComponent("flex-column");
   return openBlock(), createBlock(_component_flex_column, null, {
     default: withCtx(() => [
@@ -291,7 +291,7 @@ function _sfc_render$1e(_ctx, _cache, $props, $setup, $data, $options) {
     _: 3
   });
 }
-var UXTab = /* @__PURE__ */ _export_sfc(_sfc_main$1e, [["render", _sfc_render$1e]]);
+var UXTab = /* @__PURE__ */ _export_sfc(_sfc_main$1f, [["render", _sfc_render$1f]]);
 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;
@@ -759,7 +759,7 @@ var TableCellMixin = {
   }
 };
 var Thumbnail_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _sfc_main$1d = {
+const _sfc_main$1e = {
   mixins: [TableCellMixin],
   computed: {
     imageSource() {
@@ -776,11 +776,11 @@ const _sfc_main$1d = {
     }
   }
 };
-const _hoisted_1$U = { class: "table-image-cell" };
-function _sfc_render$1d(_ctx, _cache, $props, $setup, $data, $options) {
+const _hoisted_1$V = { class: "table-image-cell" };
+function _sfc_render$1e(_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$U, [
+  return openBlock(), createElementBlock("td", _hoisted_1$V, [
     $options.type == "image" || $options.type == "video" ? (openBlock(), createElementBlock("div", {
       key: 0,
       onClick: _cache[0] || (_cache[0] = withModifiers(($event) => $options.clicked(_ctx.value), ["stop", "prevent"])),
@@ -798,9 +798,9 @@ function _sfc_render$1d(_ctx, _cache, $props, $setup, $data, $options) {
     }))
   ]);
 }
-var ThumbnailCell = /* @__PURE__ */ _export_sfc(_sfc_main$1d, [["render", _sfc_render$1d], ["__scopeId", "data-v-246a2688"]]);
+var ThumbnailCell = /* @__PURE__ */ _export_sfc(_sfc_main$1e, [["render", _sfc_render$1e], ["__scopeId", "data-v-246a2688"]]);
 var Currency_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _sfc_main$1c = {
+const _sfc_main$1d = {
   mixins: [TableCellMixin],
   computed: {
     string() {
@@ -823,14 +823,14 @@ const _sfc_main$1c = {
     }
   }
 };
-function _sfc_render$1c(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1d(_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$1c, [["render", _sfc_render$1c], ["__scopeId", "data-v-33a0b926"]]);
+var CurrencyCell = /* @__PURE__ */ _export_sfc(_sfc_main$1d, [["render", _sfc_render$1d], ["__scopeId", "data-v-33a0b926"]]);
 var Button_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _sfc_main$1b = {
+const _sfc_main$1c = {
   data() {
     return {
       processing: false
@@ -854,11 +854,11 @@ const _sfc_main$1b = {
     }
   }
 };
-const _hoisted_1$T = { class: "table-button-cell" };
-function _sfc_render$1b(_ctx, _cache, $props, $setup, $data, $options) {
+const _hoisted_1$U = { class: "table-button-cell" };
+function _sfc_render$1c(_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$T, [
+  return openBlock(), createElementBlock("td", _hoisted_1$U, [
     createVNode(_component_ux_button, {
       color: $options.button.color,
       size: $options.button.size,
@@ -879,7 +879,7 @@ function _sfc_render$1b(_ctx, _cache, $props, $setup, $data, $options) {
     }, 8, ["color", "size", "loading", "onClick"])
   ]);
 }
-var ButtonCell = /* @__PURE__ */ _export_sfc(_sfc_main$1b, [["render", _sfc_render$1b], ["__scopeId", "data-v-36768853"]]);
+var ButtonCell = /* @__PURE__ */ _export_sfc(_sfc_main$1c, [["render", _sfc_render$1c], ["__scopeId", "data-v-36768853"]]);
 class LuxonError extends Error {
 }
 class InvalidDateTimeError extends LuxonError {
@@ -4713,7 +4713,7 @@ function friendlyDateTime(dateTimeish) {
   }
 }
 var DateCell_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _sfc_main$1a = {
+const _sfc_main$1b = {
   mixins: [TableCellMixin],
   computed: {
     hasValue() {
@@ -4734,23 +4734,23 @@ const _sfc_main$1a = {
     }
   }
 };
-const _hoisted_1$S = { class: "table-date-cell" };
+const _hoisted_1$T = { class: "table-date-cell" };
 const _hoisted_2$K = { key: 0 };
-const _hoisted_3$C = { class: "off" };
+const _hoisted_3$D = { class: "off" };
 const _hoisted_4$t = { class: "on" };
 const _hoisted_5$o = { class: "spacer" };
-function _sfc_render$1a(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("td", _hoisted_1$S, [
+function _sfc_render$1b(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("td", _hoisted_1$T, [
     $options.hasValue ? (openBlock(), createElementBlock("div", _hoisted_2$K, [
-      createElementVNode("span", _hoisted_3$C, toDisplayString($options.readable), 1),
+      createElementVNode("span", _hoisted_3$D, toDisplayString($options.readable), 1),
       createElementVNode("span", _hoisted_4$t, toDisplayString($options.timeago), 1),
       createElementVNode("span", _hoisted_5$o, toDisplayString($options.readable), 1)
     ])) : createCommentVNode("", true)
   ]);
 }
-var DateCell = /* @__PURE__ */ _export_sfc(_sfc_main$1a, [["render", _sfc_render$1a], ["__scopeId", "data-v-3687693f"]]);
+var DateCell = /* @__PURE__ */ _export_sfc(_sfc_main$1b, [["render", _sfc_render$1b], ["__scopeId", "data-v-3687693f"]]);
 var BooleanCell_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _sfc_main$19 = {
+const _sfc_main$1a = {
   mixins: [TableCellMixin],
   computed: {
     boolean() {
@@ -4758,7 +4758,7 @@ const _sfc_main$19 = {
     }
   }
 };
-function _sfc_render$19(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1a(_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 }])
@@ -4768,32 +4768,76 @@ function _sfc_render$19(_ctx, _cache, $props, $setup, $data, $options) {
     }, null, 8, ["icon"])
   ], 2);
 }
-var BooleanCell = /* @__PURE__ */ _export_sfc(_sfc_main$19, [["render", _sfc_render$19], ["__scopeId", "data-v-27f127ae"]]);
+var BooleanCell = /* @__PURE__ */ _export_sfc(_sfc_main$1a, [["render", _sfc_render$1a], ["__scopeId", "data-v-27f127ae"]]);
 var SecurityCell_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _sfc_main$18 = {
+const _sfc_main$19 = {
   mixins: [TableCellMixin],
+  methods: {
+    async clicked() {
+      const self2 = this;
+      const id = self2.$sdk.utils.id(self2.row);
+      const security = self2.public ? "secure" : "public";
+      self2.processing = true;
+      self2.$sdk.content.patch(id, {
+        meta: {
+          security
+        }
+      }).catch(function(err) {
+        self2.$sdk.error(err);
+        self2.processing = false;
+      }).then(function(res) {
+        self2.v = security;
+        self2.processing = false;
+        self2.$sdk.notify(`Set security to ${security}`);
+      });
+    }
+  },
+  data() {
+    return {
+      processing: false,
+      v: this.value
+    };
+  },
   computed: {
+    canEdit() {
+      var user = this.user;
+      return this.$sdk.access.canEditItem(user, this.row);
+    },
     public() {
       return this.security === "public";
     },
     security() {
-      return this.value || "secure";
+      return this.v || "secure";
     }
   }
 };
-function _sfc_render$18(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$19(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_ux_icon = resolveComponent("ux-icon");
+  const _component_ux_button = resolveComponent("ux-button");
   return openBlock(), createElementBlock("td", {
     class: normalizeClass(["table-security-cell", $options.security])
   }, [
-    createVNode(_component_ux_icon, {
+    $options.canEdit ? (openBlock(), createBlock(_component_ux_button, {
+      key: 0,
+      size: "sm",
+      loading: $data.processing,
+      onClick: withModifiers($options.clicked, ["stop", "prevent"])
+    }, {
+      default: withCtx(() => [
+        createVNode(_component_ux_icon, {
+          icon: $options.public ? `fa-lock-open` : `fa-lock`
+        }, null, 8, ["icon"])
+      ]),
+      _: 1
+    }, 8, ["loading", "onClick"])) : (openBlock(), createBlock(_component_ux_icon, {
+      key: 1,
       icon: $options.public ? `fa-lock-open` : `fa-lock`
-    }, null, 8, ["icon"])
+    }, null, 8, ["icon"]))
   ], 2);
 }
-var SecurityCell = /* @__PURE__ */ _export_sfc(_sfc_main$18, [["render", _sfc_render$18], ["__scopeId", "data-v-51f8608e"]]);
+var SecurityCell = /* @__PURE__ */ _export_sfc(_sfc_main$19, [["render", _sfc_render$19], ["__scopeId", "data-v-8845b144"]]);
 var URLCell_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _sfc_main$17 = {
+const _sfc_main$18 = {
   mixins: [TableCellMixin],
   methods: {
     open() {
@@ -4806,11 +4850,11 @@ const _sfc_main$17 = {
     }
   }
 };
-const _hoisted_1$R = { class: "table-url-cell" };
+const _hoisted_1$S = { class: "table-url-cell" };
 const _hoisted_2$J = ["href"];
-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");
-  return openBlock(), createElementBlock("td", _hoisted_1$R, [
+  return openBlock(), createElementBlock("td", _hoisted_1$S, [
     createElementVNode("a", {
       href: $options.href,
       onClick: _cache[0] || (_cache[0] = withModifiers((...args) => $options.open && $options.open(...args), ["stop", "prevent"])),
@@ -4824,7 +4868,84 @@ function _sfc_render$17(_ctx, _cache, $props, $setup, $data, $options) {
     ], 8, _hoisted_2$J)
   ]);
 }
-var URLCell = /* @__PURE__ */ _export_sfc(_sfc_main$17, [["render", _sfc_render$17], ["__scopeId", "data-v-17cf3a86"]]);
+var URLCell = /* @__PURE__ */ _export_sfc(_sfc_main$18, [["render", _sfc_render$18], ["__scopeId", "data-v-17cf3a86"]]);
+var o = function(t, o2, e) {
+  if (!o2.hasOwnProperty(e)) {
+    var r = Object.getOwnPropertyDescriptor(t, e);
+    Object.defineProperty(o2, e, r);
+  }
+};
+var Compile = { props: { template: String, parent: Object, templateProps: { type: Object, default: function() {
+  return {};
+} } }, render: function() {
+  if (this.template) {
+    var e = this.parent || this.$parent, r = e.$data;
+    r === void 0 && (r = {});
+    var n2 = e.$props;
+    n2 === void 0 && (n2 = {});
+    var a2 = e.$options;
+    a2 === void 0 && (a2 = {});
+    var p = a2.components;
+    p === void 0 && (p = {});
+    var i2 = a2.computed;
+    i2 === void 0 && (i2 = {});
+    var c2 = a2.methods;
+    c2 === void 0 && (c2 = {});
+    var s2 = this.$data;
+    s2 === void 0 && (s2 = {});
+    var d = this.$props;
+    d === void 0 && (d = {});
+    var v = this.$options;
+    v === void 0 && (v = {});
+    var m = v.methods;
+    m === void 0 && (m = {});
+    var f = v.computed;
+    f === void 0 && (f = {});
+    var u2 = v.components;
+    u2 === void 0 && (u2 = {});
+    var h$1 = { $data: {}, $props: {}, $options: {}, components: {}, computed: {}, methods: {} };
+    Object.keys(r).forEach(function(t) {
+      s2[t] === void 0 && (h$1.$data[t] = r[t]);
+    }), Object.keys(n2).forEach(function(t) {
+      d[t] === void 0 && (h$1.$props[t] = n2[t]);
+    }), Object.keys(c2).forEach(function(t) {
+      m[t] === void 0 && (h$1.methods[t] = c2[t]);
+    }), Object.keys(i2).forEach(function(t) {
+      f[t] === void 0 && (h$1.computed[t] = i2[t]);
+    }), Object.keys(p).forEach(function(t) {
+      u2[t] === void 0 && (h$1.components[t] = p[t]);
+    });
+    var $ = Object.keys(h$1.methods || {}), O = Object.keys(h$1.$data || {}), b = Object.keys(h$1.$props || {}), j = Object.keys(this.templateProps), y = O.concat(b).concat($).concat(j), k = (E = e, P = {}, $.forEach(function(t) {
+      return o(E, P, t);
+    }), P), l2 = function(t) {
+      var e2 = {};
+      return t.forEach(function(t2) {
+        t2 && Object.getOwnPropertyNames(t2).forEach(function(r2) {
+          return o(t2, e2, r2);
+        });
+      }), e2;
+    }([h$1.$data, h$1.$props, k, this.templateProps]);
+    return h({ template: this.template || "<div></div>", props: y, computed: h$1.computed, components: h$1.components, provide: this.$parent.$.provides ? this.$parent.$.provides : {} }, Object.assign({}, l2));
+  }
+  var E, P;
+} };
+var ComputedCell_vue_vue_type_style_index_0_scoped_true_lang = "";
+const _sfc_main$17 = {
+  components: {
+    Compile
+  },
+  mixins: [TableCellMixin]
+};
+const _hoisted_1$R = { class: "table-computed-cell" };
+function _sfc_render$17(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_compile = resolveComponent("compile");
+  return openBlock(), createElementBlock("td", _hoisted_1$R, [
+    createVNode(_component_compile, {
+      template: this.column.code
+    }, null, 8, ["template"])
+  ]);
+}
+var ComputedCell = /* @__PURE__ */ _export_sfc(_sfc_main$17, [["render", _sfc_render$17], ["__scopeId", "data-v-5f42b10c"]]);
 var Value_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _sfc_main$16 = {
   props: {
@@ -4945,6 +5066,9 @@ const _sfc_main$15 = {
       case "datetime":
         component = DateCell;
         break;
+      case "computed":
+        component = ComputedCell;
+        break;
       case "url":
         component = URLCell;
         break;
@@ -5009,7 +5133,7 @@ const _hoisted_1$Q = {
   class: "table-cell"
 };
 const _hoisted_2$I = { class: "value" };
-const _hoisted_3$B = { class: "value" };
+const _hoisted_3$C = { class: "value" };
 function _sfc_render$15(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_value_renderer = resolveComponent("value-renderer");
   return $data.component ? (openBlock(), createBlock(resolveDynamicComponent($data.component), {
@@ -5029,7 +5153,7 @@ function _sfc_render$15(_ctx, _cache, $props, $setup, $data, $options) {
           }, null, 8, ["type", "last", "value"])
         ]);
       }), 256)) : (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList($options.value, (entry, index2) => {
-        return openBlock(), createElementBlock("span", _hoisted_3$B, [
+        return openBlock(), createElementBlock("span", _hoisted_3$C, [
           createVNode(_component_value_renderer, {
             type: $props.column.type,
             multi: "",
@@ -5045,7 +5169,7 @@ function _sfc_render$15(_ctx, _cache, $props, $setup, $data, $options) {
     }, null, 8, ["type", "value"]))
   ]));
 }
-var TableCell = /* @__PURE__ */ _export_sfc(_sfc_main$15, [["render", _sfc_render$15], ["__scopeId", "data-v-44c51175"]]);
+var TableCell = /* @__PURE__ */ _export_sfc(_sfc_main$15, [["render", _sfc_render$15], ["__scopeId", "data-v-342f534a"]]);
 const _sfc_main$14 = {
   components: {
     TableCell
@@ -5417,7 +5541,7 @@ const _hoisted_2$H = {
   class: "table-scroll",
   ref: "scroll"
 };
-const _hoisted_3$A = {
+const _hoisted_3$B = {
   key: 0,
   class: "first table-select shrink"
 };
@@ -5439,7 +5563,7 @@ function _sfc_render$13(_ctx, _cache, $props, $setup, $data, $options) {
       createElementVNode("table", null, [
         createElementVNode("thead", null, [
           createElementVNode("tr", null, [
-            $props.enableSelection ? (openBlock(), createElementBlock("th", _hoisted_3$A, [
+            $props.enableSelection ? (openBlock(), createElementBlock("th", _hoisted_3$B, [
               createVNode(_component_ux_menu, null, {
                 activator: withCtx(({ on: on2 }) => [
                   createVNode(_component_ux_checkbox, mergeProps(toHandlers(on2), { value: $options.pageSelected }), null, 16, ["value"])
@@ -6080,7 +6204,7 @@ const _hoisted_2$G = {
   key: 0,
   class: "ux-required-marker"
 };
-const _hoisted_3$z = {
+const _hoisted_3$A = {
   key: 1,
   class: "ux-field-description"
 };
@@ -6103,7 +6227,7 @@ function _sfc_render$12(_ctx, _cache, $props, $setup, $data, $options) {
       createTextVNode(toDisplayString(_ctx.label) + " ", 1),
       _ctx.required ? (openBlock(), createElementBlock("span", _hoisted_2$G, "*")) : createCommentVNode("", true)
     ])) : createCommentVNode("", true),
-    _ctx.showDescription ? (openBlock(), createElementBlock("div", _hoisted_3$z, toDisplayString(_ctx.description), 1)) : createCommentVNode("", true),
+    _ctx.showDescription ? (openBlock(), createElementBlock("div", _hoisted_3$A, toDisplayString(_ctx.description), 1)) : createCommentVNode("", true),
     _ctx.singleValue ? (openBlock(), createElementBlock("div", _hoisted_4$r, [
       renderSlot(_ctx.$slots, "default", {}, () => [
         createVNode(_component_ux_button, { tag: "div" }, {
@@ -7432,7 +7556,7 @@ const _hoisted_2$B = {
   key: 0,
   class: "ux-required-marker"
 };
-const _hoisted_3$y = {
+const _hoisted_3$z = {
   key: 1,
   class: "ux-field-description"
 };
@@ -7456,7 +7580,7 @@ function _sfc_render$O(_ctx, _cache, $props, $setup, $data, $options) {
       createTextVNode(toDisplayString(_ctx.label) + " ", 1),
       _ctx.required ? (openBlock(), createElementBlock("span", _hoisted_2$B, "*")) : createCommentVNode("", true)
     ])) : createCommentVNode("", true),
-    _ctx.showDescription ? (openBlock(), createElementBlock("div", _hoisted_3$y, toDisplayString(_ctx.description), 1)) : createCommentVNode("", true),
+    _ctx.showDescription ? (openBlock(), createElementBlock("div", _hoisted_3$z, toDisplayString(_ctx.description), 1)) : createCommentVNode("", true),
     _ctx.multiValue ? (openBlock(), createElementBlock("div", _hoisted_4$q, [
       (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.model, (entry, index2) => {
         return openBlock(), createBlock(_component_flex_row, {
@@ -8129,7 +8253,7 @@ const _hoisted_2$A = {
   key: 0,
   class: "ux-required-marker"
 };
-const _hoisted_3$x = {
+const _hoisted_3$y = {
   key: 1,
   class: "ux-field-description"
 };
@@ -8152,7 +8276,7 @@ function _sfc_render$N(_ctx, _cache, $props, $setup, $data, $options) {
       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.showDescription ? (openBlock(), createElementBlock("div", _hoisted_3$y, toDisplayString(_ctx.description), 1)) : createCommentVNode("", true),
     _ctx.singleValue ? (openBlock(), createElementBlock("div", _hoisted_4$p, [
       renderSlot(_ctx.$slots, "default", {}, () => [
         createVNode(_component_ux_button, { tag: "div" }, {
@@ -11111,7 +11235,7 @@ const _hoisted_2$z = {
   key: 0,
   class: "ux-required-marker"
 };
-const _hoisted_3$w = {
+const _hoisted_3$x = {
   key: 1,
   class: "ux-field-description"
 };
@@ -11132,14 +11256,14 @@ function _sfc_render$L(_ctx, _cache, $props, $setup, $data, $options) {
       createTextVNode(toDisplayString(_ctx.label) + " ", 1),
       _ctx.required ? (openBlock(), createElementBlock("span", _hoisted_2$z, "*")) : createCommentVNode("", true)
     ])) : createCommentVNode("", true),
-    _ctx.showDescription ? (openBlock(), createElementBlock("div", _hoisted_3$w, toDisplayString(_ctx.description), 1)) : createCommentVNode("", true),
+    _ctx.showDescription ? (openBlock(), createElementBlock("div", _hoisted_3$x, toDisplayString(_ctx.description), 1)) : createCommentVNode("", true),
     $options.showList ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [
       _ctx.multiValue ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
         _ctx.model && _ctx.model.length ? (openBlock(), createBlock(_component_draggable, {
           key: 0,
           class: "items",
           modelValue: _ctx.model,
-          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.model = $event)
+          "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => _ctx.model = $event)
         }, {
           item: withCtx(({ element, index: index2 }) => [
             (openBlock(), createBlock(_component_item, {
@@ -11147,9 +11271,19 @@ function _sfc_render$L(_ctx, _cache, $props, $setup, $data, $options) {
               item: element
             }, {
               actions: withCtx(() => [
-                $options.canEdit(element) ? (openBlock(), createBlock(_component_ux_button, {
+                _ctx.$actions ? (openBlock(), createBlock(_component_ux_button, {
                   key: 0,
                   icon: "",
+                  onClick: _cache[0] || (_cache[0] = withModifiers(($event) => _ctx.$actions.open([_ctx.model]), ["stop", "prevent"]))
+                }, {
+                  default: withCtx(() => [
+                    createVNode(_component_ux_icon, { icon: "fa-ellipsis" })
+                  ]),
+                  _: 1
+                })) : createCommentVNode("", true),
+                $options.canEdit(element) ? (openBlock(), createBlock(_component_ux_button, {
+                  key: 1,
+                  icon: "",
                   onClick: withModifiers(($event) => $options.edit(element), ["stop", "prevent"])
                 }, {
                   default: withCtx(() => [
@@ -11175,10 +11309,20 @@ function _sfc_render$L(_ctx, _cache, $props, $setup, $data, $options) {
       ], 64)) : _ctx.model ? (openBlock(), createElementBlock("div", _hoisted_4$o, [
         createVNode(_component_item, { item: _ctx.model }, {
           actions: withCtx(() => [
-            $options.canEdit(_ctx.model) ? (openBlock(), createBlock(_component_ux_button, {
+            _ctx.$actions ? (openBlock(), createBlock(_component_ux_button, {
               key: 0,
               icon: "",
-              onClick: _cache[1] || (_cache[1] = withModifiers(($event) => $options.edit(_ctx.model), ["stop", "prevent"]))
+              onClick: _cache[2] || (_cache[2] = withModifiers(($event) => _ctx.$actions.open([_ctx.model]), ["stop", "prevent"]))
+            }, {
+              default: withCtx(() => [
+                createVNode(_component_ux_icon, { icon: "fa-ellipsis" })
+              ]),
+              _: 1
+            })) : createCommentVNode("", true),
+            $options.canEdit(_ctx.model) ? (openBlock(), createBlock(_component_ux_button, {
+              key: 1,
+              icon: "",
+              onClick: _cache[3] || (_cache[3] = withModifiers(($event) => $options.edit(_ctx.model), ["stop", "prevent"]))
             }, {
               default: withCtx(() => [
                 createVNode(_component_ux_icon, { icon: "fa-pencil" })
@@ -11242,7 +11386,7 @@ function _sfc_render$L(_ctx, _cache, $props, $setup, $data, $options) {
     })) : createCommentVNode("", true)
   ], 64);
 }
-var ContentSelect = /* @__PURE__ */ _export_sfc(_sfc_main$L, [["render", _sfc_render$L], ["__scopeId", "data-v-236b5d48"]]);
+var ContentSelect = /* @__PURE__ */ _export_sfc(_sfc_main$L, [["render", _sfc_render$L], ["__scopeId", "data-v-391cbaa6"]]);
 var typeSelect_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";
@@ -11364,7 +11508,7 @@ const _hoisted_2$y = {
   key: 0,
   class: "ux-required-marker"
 };
-const _hoisted_3$v = {
+const _hoisted_3$w = {
   key: 1,
   class: "ux-field-description"
 };
@@ -11387,7 +11531,7 @@ function _sfc_render$K(_ctx, _cache, $props, $setup, $data, $options) {
       createTextVNode(toDisplayString(_ctx.label) + " ", 1),
       _ctx.required ? (openBlock(), createElementBlock("span", _hoisted_2$y, "*")) : createCommentVNode("", true)
     ])) : createCommentVNode("", true),
-    _ctx.showDescription ? (openBlock(), createElementBlock("div", _hoisted_3$v, toDisplayString(_ctx.description), 1)) : createCommentVNode("", true),
+    _ctx.showDescription ? (openBlock(), createElementBlock("div", _hoisted_3$w, toDisplayString(_ctx.description), 1)) : createCommentVNode("", true),
     _ctx.singleValue ? (openBlock(), createElementBlock("div", _hoisted_4$n, [
       renderSlot(_ctx.$slots, "default", {}, () => [
         createVNode(_component_ux_button, { tag: "div" }, {
@@ -11942,7 +12086,7 @@ const _hoisted_2$w = {
   key: 0,
   class: "ux-required-marker"
 };
-const _hoisted_3$u = {
+const _hoisted_3$v = {
   key: 1,
   class: "ux-field-description"
 };
@@ -11955,7 +12099,7 @@ function _sfc_render$G(_ctx, _cache, $props, $setup, $data, $options) {
       createTextVNode(toDisplayString(_ctx.label) + " ", 1),
       _ctx.required ? (openBlock(), createElementBlock("span", _hoisted_2$w, "*")) : createCommentVNode("", true)
     ])) : createCommentVNode("", true),
-    _ctx.showDescription ? (openBlock(), createElementBlock("div", _hoisted_3$u, toDisplayString(_ctx.description), 1)) : createCommentVNode("", true),
+    _ctx.showDescription ? (openBlock(), createElementBlock("div", _hoisted_3$v, toDisplayString(_ctx.description), 1)) : createCommentVNode("", true),
     createVNode(_component_scope_select_button, {
       type: $options.contextReferenceType,
       action: $options.contextReferenceAction,
@@ -12151,7 +12295,7 @@ const _hoisted_2$v = {
   key: 0,
   class: "ux-required-marker"
 };
-const _hoisted_3$t = {
+const _hoisted_3$u = {
   key: 1,
   class: "ux-field-description"
 };
@@ -12174,7 +12318,7 @@ function _sfc_render$F(_ctx, _cache, $props, $setup, $data, $options) {
       createTextVNode(toDisplayString(_ctx.label) + " ", 1),
       _ctx.required ? (openBlock(), createElementBlock("span", _hoisted_2$v, "*")) : createCommentVNode("", true)
     ])) : createCommentVNode("", true),
-    _ctx.showDescription ? (openBlock(), createElementBlock("div", _hoisted_3$t, toDisplayString(_ctx.description), 1)) : createCommentVNode("", true),
+    _ctx.showDescription ? (openBlock(), createElementBlock("div", _hoisted_3$u, toDisplayString(_ctx.description), 1)) : createCommentVNode("", true),
     _ctx.singleValue ? (openBlock(), createElementBlock("div", _hoisted_4$m, [
       renderSlot(_ctx.$slots, "default", {}, () => [
         createVNode(_component_ux_button, { tag: "div" }, {
@@ -12288,7 +12432,7 @@ const _hoisted_2$u = {
   key: 0,
   class: "ux-required-marker"
 };
-const _hoisted_3$s = {
+const _hoisted_3$t = {
   key: 1,
   class: "ux-field-description"
 };
@@ -12320,7 +12464,7 @@ function _sfc_render$E(_ctx, _cache, $props, $setup, $data, $options) {
       createTextVNode(toDisplayString(_ctx.label) + " ", 1),
       _ctx.required ? (openBlock(), createElementBlock("span", _hoisted_2$u, "*")) : createCommentVNode("", true)
     ])) : createCommentVNode("", true),
-    _ctx.showDescription ? (openBlock(), createElementBlock("div", _hoisted_3$s, toDisplayString(_ctx.description), 1)) : createCommentVNode("", true),
+    _ctx.showDescription ? (openBlock(), createElementBlock("div", _hoisted_3$t, toDisplayString(_ctx.description), 1)) : createCommentVNode("", true),
     _ctx.multiValue ? (openBlock(), createElementBlock("div", _hoisted_4$l, [
       (openBlock(true), createElementBlock(Fragment, null, renderList($options.model, (entry, index2) => {
         return openBlock(), createBlock(_component_flex_row, {
@@ -12491,7 +12635,7 @@ const _hoisted_2$t = {
   key: 0,
   class: "ux-required-marker"
 };
-const _hoisted_3$r = {
+const _hoisted_3$s = {
   key: 1,
   class: "ux-field-description"
 };
@@ -12531,7 +12675,7 @@ function _sfc_render$D(_ctx, _cache, $props, $setup, $data, $options) {
       createTextVNode(toDisplayString(_ctx.label) + " ", 1),
       _ctx.required ? (openBlock(), createElementBlock("span", _hoisted_2$t, "*")) : createCommentVNode("", true)
     ])) : createCommentVNode("", true),
-    _ctx.showDescription ? (openBlock(), createElementBlock("div", _hoisted_3$r, toDisplayString(_ctx.description), 1)) : createCommentVNode("", true),
+    _ctx.showDescription ? (openBlock(), createElementBlock("div", _hoisted_3$s, toDisplayString(_ctx.description), 1)) : createCommentVNode("", true),
     _ctx.multiValue ? (openBlock(), createElementBlock("div", _hoisted_4$k, [
       (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.model, (entry, index2) => {
         return openBlock(), createBlock(_component_flex_row, {
@@ -12671,7 +12815,7 @@ const _hoisted_2$s = {
   key: 0,
   class: "ux-required-marker"
 };
-const _hoisted_3$q = {
+const _hoisted_3$r = {
   key: 1,
   class: "ux-field-description"
 };
@@ -12687,7 +12831,7 @@ function _sfc_render$C(_ctx, _cache, $props, $setup, $data, $options) {
       createTextVNode(toDisplayString(_ctx.label) + " ", 1),
       _ctx.required ? (openBlock(), createElementBlock("span", _hoisted_2$s, "*")) : createCommentVNode("", true)
     ])) : createCommentVNode("", true),
-    _ctx.showDescription ? (openBlock(), createElementBlock("div", _hoisted_3$q, toDisplayString(_ctx.description), 1)) : createCommentVNode("", true),
+    _ctx.showDescription ? (openBlock(), createElementBlock("div", _hoisted_3$r, toDisplayString(_ctx.description), 1)) : createCommentVNode("", true),
     _ctx.multiValue ? (openBlock(), createElementBlock("div", _hoisted_4$j, [
       (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.model, (entry, index2) => {
         return openBlock(), createBlock(_component_flex_row, {
@@ -12819,7 +12963,7 @@ const _hoisted_2$r = {
   key: 0,
   class: "ux-required-marker"
 };
-const _hoisted_3$p = {
+const _hoisted_3$q = {
   key: 1,
   class: "ux-field-description"
 };
@@ -12835,7 +12979,7 @@ function _sfc_render$B(_ctx, _cache, $props, $setup, $data, $options) {
       createTextVNode(toDisplayString(_ctx.label) + " ", 1),
       _ctx.required ? (openBlock(), createElementBlock("span", _hoisted_2$r, "*")) : createCommentVNode("", true)
     ])) : createCommentVNode("", true),
-    _ctx.showDescription ? (openBlock(), createElementBlock("div", _hoisted_3$p, toDisplayString(_ctx.description), 1)) : createCommentVNode("", true),
+    _ctx.showDescription ? (openBlock(), createElementBlock("div", _hoisted_3$q, toDisplayString(_ctx.description), 1)) : createCommentVNode("", true),
     _ctx.multiValue ? (openBlock(), createElementBlock("div", _hoisted_4$i, [
       (openBlock(true), createElementBlock(Fragment, null, renderList($options.model, (entry, index2) => {
         return openBlock(), createBlock(_component_flex_row, {
@@ -12956,7 +13100,7 @@ const _hoisted_2$q = {
   key: 0,
   class: "ux-required-marker"
 };
-const _hoisted_3$o = {
+const _hoisted_3$p = {
   key: 1,
   class: "ux-field-description"
 };
@@ -12972,7 +13116,7 @@ function _sfc_render$A(_ctx, _cache, $props, $setup, $data, $options) {
       createTextVNode(toDisplayString(_ctx.label) + " ", 1),
       _ctx.required ? (openBlock(), createElementBlock("span", _hoisted_2$q, "*")) : createCommentVNode("", true)
     ])) : createCommentVNode("", true),
-    _ctx.showDescription ? (openBlock(), createElementBlock("div", _hoisted_3$o, toDisplayString(_ctx.description), 1)) : createCommentVNode("", true),
+    _ctx.showDescription ? (openBlock(), createElementBlock("div", _hoisted_3$p, toDisplayString(_ctx.description), 1)) : createCommentVNode("", true),
     _ctx.multiValue ? (openBlock(), createElementBlock("div", _hoisted_4$h, [
       (openBlock(true), createElementBlock(Fragment, null, renderList($options.model, (entry, index2) => {
         return openBlock(), createBlock(_component_flex_row, {
@@ -13082,7 +13226,7 @@ const _hoisted_2$p = {
   key: 0,
   class: "ux-required-marker"
 };
-const _hoisted_3$n = {
+const _hoisted_3$o = {
   key: 1,
   class: "ux-field-description"
 };
@@ -13114,7 +13258,7 @@ function _sfc_render$z(_ctx, _cache, $props, $setup, $data, $options) {
               createTextVNode(toDisplayString(_ctx.label) + " ", 1),
               _ctx.required ? (openBlock(), createElementBlock("span", _hoisted_2$p, "*")) : createCommentVNode("", true)
             ])) : createCommentVNode("", true),
-            _ctx.showDescription ? (openBlock(), createElementBlock("div", _hoisted_3$n, toDisplayString(_ctx.description), 1)) : createCommentVNode("", true)
+            _ctx.showDescription ? (openBlock(), createElementBlock("div", _hoisted_3$o, toDisplayString(_ctx.description), 1)) : createCommentVNode("", true)
           ])
         ]),
         _: 1
@@ -13139,7 +13283,7 @@ const _sfc_main$y = {
 };
 const _hoisted_1$s = { key: 0 };
 const _hoisted_2$o = ["innerHTML"];
-const _hoisted_3$m = ["innerHTML"];
+const _hoisted_3$n = ["innerHTML"];
 function _sfc_render$y(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_flex_cell = resolveComponent("flex-cell");
   const _component_ux_icon = resolveComponent("ux-icon");
@@ -13193,7 +13337,7 @@ function _sfc_render$y(_ctx, _cache, $props, $setup, $data, $options) {
   ])) : (openBlock(), createElementBlock("div", {
     key: 1,
     innerHTML: _ctx.field.template
-  }, null, 8, _hoisted_3$m));
+  }, null, 8, _hoisted_3$n));
 }
 var CustomHTML = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["render", _sfc_render$y]]);
 var FilterCondition_vue_vue_type_style_index_0_lang = "";
@@ -13483,7 +13627,7 @@ const _hoisted_1$r = {
   class: "filter-condition"
 };
 const _hoisted_2$n = { key: 0 };
-const _hoisted_3$l = { key: 1 };
+const _hoisted_3$m = { key: 1 };
 const _hoisted_4$g = { key: 2 };
 const _hoisted_5$d = { key: 3 };
 const _hoisted_6$9 = { key: 4 };
@@ -13546,7 +13690,7 @@ function _sfc_render$x(_ctx, _cache, $props, $setup, $data, $options) {
                 "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => $data.model.values = $event)
               }, null, 8, ["field", "modelValue"]))
             ])) : createCommentVNode("", true),
-            $options.inputType == "range" ? (openBlock(), createElementBlock("div", _hoisted_3$l, [
+            $options.inputType == "range" ? (openBlock(), createElementBlock("div", _hoisted_3$m, [
               createVNode(_component_text_field, {
                 field: $options.normalField,
                 modelValue: $data.model.value,
@@ -13969,7 +14113,7 @@ const _hoisted_1$q = {
   class: "filter-rule"
 };
 const _hoisted_2$m = { class: "top" };
-const _hoisted_3$k = { class: "summary" };
+const _hoisted_3$l = { class: "summary" };
 const _hoisted_4$f = /* @__PURE__ */ createElementVNode("span", { class: "line" }, null, -1);
 const _hoisted_5$c = { class: "operator" };
 function _sfc_render$w(_ctx, _cache, $props, $setup, $data, $options) {
@@ -13985,7 +14129,7 @@ function _sfc_render$w(_ctx, _cache, $props, $setup, $data, $options) {
         default: withCtx(() => [
           createVNode(_component_flex_cell, null, {
             default: withCtx(() => [
-              createElementVNode("div", _hoisted_3$k, [
+              createElementVNode("div", _hoisted_3$l, [
                 createTextVNode(" Match "),
                 createVNode(_component_native_select, {
                   modelValue: $data.model.operator,
@@ -14180,7 +14324,7 @@ const _hoisted_2$l = {
   key: 0,
   class: "top"
 };
-const _hoisted_3$j = { class: "summary" };
+const _hoisted_3$k = { class: "summary" };
 function _sfc_render$v(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_native_select = resolveComponent("native-select");
   const _component_filter_rule = resolveComponent("filter-rule");
@@ -14193,7 +14337,7 @@ function _sfc_render$v(_ctx, _cache, $props, $setup, $data, $options) {
         default: withCtx(() => [
           createElementVNode("div", _hoisted_1$p, [
             $data.model && $data.model.filters && $data.model.filters.length ? (openBlock(), createElementBlock("div", _hoisted_2$l, [
-              createElementVNode("div", _hoisted_3$j, [
+              createElementVNode("div", _hoisted_3$k, [
                 createTextVNode(" Match "),
                 createVNode(_component_native_select, {
                   modelValue: $data.model.operator,
@@ -14289,7 +14433,7 @@ const _hoisted_2$k = {
   key: 0,
   class: "ux-required-marker"
 };
-const _hoisted_3$i = {
+const _hoisted_3$j = {
   key: 1,
   class: "ux-field-description"
 };
@@ -14305,7 +14449,7 @@ function _sfc_render$u(_ctx, _cache, $props, $setup, $data, $options) {
       createTextVNode(toDisplayString(_ctx.label) + " (" + toDisplayString($options.definitionTitle) + ") ", 1),
       _ctx.required ? (openBlock(), createElementBlock("span", _hoisted_2$k, "*")) : createCommentVNode("", true)
     ])) : createCommentVNode("", true),
-    _ctx.showDescription ? (openBlock(), createElementBlock("div", _hoisted_3$i, toDisplayString(_ctx.description), 1)) : createCommentVNode("", true),
+    _ctx.showDescription ? (openBlock(), createElementBlock("div", _hoisted_3$j, toDisplayString(_ctx.description), 1)) : createCommentVNode("", true),
     _ctx.multiValue ? (openBlock(), createElementBlock("div", _hoisted_4$e, [
       (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.model, (entry, index2) => {
         return openBlock(), createBlock(_component_flex_row, {
@@ -14413,7 +14557,7 @@ const _hoisted_2$j = {
   key: 0,
   class: "ux-required-marker"
 };
-const _hoisted_3$h = {
+const _hoisted_3$i = {
   key: 1,
   class: "ux-field-description"
 };
@@ -14445,7 +14589,7 @@ function _sfc_render$t(_ctx, _cache, $props, $setup, $data, $options) {
               createTextVNode(toDisplayString(_ctx.label) + " ", 1),
               _ctx.required ? (openBlock(), createElementBlock("span", _hoisted_2$j, "*")) : createCommentVNode("", true)
             ])) : createCommentVNode("", true),
-            _ctx.showDescription ? (openBlock(), createElementBlock("div", _hoisted_3$h, toDisplayString(_ctx.description), 1)) : createCommentVNode("", true)
+            _ctx.showDescription ? (openBlock(), createElementBlock("div", _hoisted_3$i, toDisplayString(_ctx.description), 1)) : createCommentVNode("", true)
           ])
         ]),
         _: 1
@@ -14683,7 +14827,7 @@ const _hoisted_2$i = {
   key: 0,
   class: "ux-required-marker"
 };
-const _hoisted_3$g = {
+const _hoisted_3$h = {
   key: 1,
   class: "ux-field-description"
 };
@@ -14704,7 +14848,7 @@ function _sfc_render$r(_ctx, _cache, $props, $setup, $data, $options) {
       createTextVNode(toDisplayString(_ctx.label) + " ", 1),
       _ctx.required ? (openBlock(), createElementBlock("span", _hoisted_2$i, "*")) : createCommentVNode("", true)
     ])) : createCommentVNode("", true),
-    _ctx.showDescription ? (openBlock(), createElementBlock("div", _hoisted_3$g, toDisplayString(_ctx.description), 1)) : createCommentVNode("", true),
+    _ctx.showDescription ? (openBlock(), createElementBlock("div", _hoisted_3$h, toDisplayString(_ctx.description), 1)) : createCommentVNode("", true),
     $data.files && $data.files.length ? (openBlock(), createElementBlock("div", _hoisted_4$d, [
       (openBlock(true), createElementBlock(Fragment, null, renderList($data.files, (file, index2) => {
         return openBlock(), createElementBlock("div", {
@@ -14876,7 +15020,7 @@ const _hoisted_2$h = {
   key: 0,
   class: "ux-group-title"
 };
-const _hoisted_3$f = {
+const _hoisted_3$g = {
   key: 0,
   class: "ux-field-title"
 };
@@ -14913,7 +15057,7 @@ function _sfc_render$q(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_draggable = resolveComponent("draggable");
   return _ctx.multiValue ? (openBlock(), createElementBlock("div", _hoisted_1$k, [
     $options.showLabel ? (openBlock(), createElementBlock("div", _hoisted_2$h, [
-      $options.showLabel ? (openBlock(), createElementBlock("label", _hoisted_3$f, [
+      $options.showLabel ? (openBlock(), createElementBlock("label", _hoisted_3$g, [
         createTextVNode(toDisplayString(_ctx.plural || _ctx.title) + " ", 1),
         _ctx.required ? (openBlock(), createElementBlock("span", _hoisted_4$c, "*")) : createCommentVNode("", true)
       ])) : createCommentVNode("", true),
@@ -15432,7 +15576,7 @@ const _hoisted_2$g = {
   key: 0,
   class: "ux-required-marker"
 };
-const _hoisted_3$e = {
+const _hoisted_3$f = {
   key: 1,
   class: "ux-field-description"
 };
@@ -15446,7 +15590,7 @@ function _sfc_render$o(_ctx, _cache, $props, $setup, $data, $options) {
       createTextVNode(toDisplayString(_ctx.label) + " ", 1),
       _ctx.required ? (openBlock(), createElementBlock("span", _hoisted_2$g, "*")) : createCommentVNode("", true)
     ])) : createCommentVNode("", true),
-    _ctx.showDescription ? (openBlock(), createElementBlock("div", _hoisted_3$e, toDisplayString(_ctx.description), 1)) : createCommentVNode("", true),
+    _ctx.showDescription ? (openBlock(), createElementBlock("div", _hoisted_3$f, toDisplayString(_ctx.description), 1)) : createCommentVNode("", true),
     createElementVNode("div", _hoisted_4$b, [
       (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.selectableOptions, (option2) => {
         return openBlock(), createBlock(_component_option_slot, { option: option2 }, {
@@ -15495,7 +15639,7 @@ const _hoisted_2$f = {
   key: 0,
   class: "ux-required-marker"
 };
-const _hoisted_3$d = {
+const _hoisted_3$e = {
   key: 1,
   class: "ux-field-description"
 };
@@ -15511,7 +15655,7 @@ function _sfc_render$n(_ctx, _cache, $props, $setup, $data, $options) {
       createTextVNode(toDisplayString(_ctx.label) + " ", 1),
       _ctx.required ? (openBlock(), createElementBlock("span", _hoisted_2$f, "*")) : createCommentVNode("", true)
     ])) : createCommentVNode("", true),
-    _ctx.showDescription ? (openBlock(), createElementBlock("div", _hoisted_3$d, toDisplayString(_ctx.description), 1)) : createCommentVNode("", true),
+    _ctx.showDescription ? (openBlock(), createElementBlock("div", _hoisted_3$e, toDisplayString(_ctx.description), 1)) : createCommentVNode("", true),
     _ctx.multiValue ? (openBlock(), createElementBlock("div", _hoisted_4$a, [
       (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.model, (entry, index2) => {
         return openBlock(), createBlock(_component_flex_row, {
@@ -15669,7 +15813,7 @@ const _hoisted_2$e = {
   key: 0,
   class: "ux-required-marker"
 };
-const _hoisted_3$c = {
+const _hoisted_3$d = {
   key: 1,
   class: "ux-field-description"
 };
@@ -15696,7 +15840,7 @@ function _sfc_render$m(_ctx, _cache, $props, $setup, $data, $options) {
       createTextVNode(toDisplayString(_ctx.label) + " ", 1),
       _ctx.required ? (openBlock(), createElementBlock("span", _hoisted_2$e, "*")) : createCommentVNode("", true)
     ])) : createCommentVNode("", true),
-    _ctx.showDescription ? (openBlock(), createElementBlock("div", _hoisted_3$c, toDisplayString(_ctx.description), 1)) : createCommentVNode("", true),
+    _ctx.showDescription ? (openBlock(), createElementBlock("div", _hoisted_3$d, toDisplayString(_ctx.description), 1)) : createCommentVNode("", true),
     _ctx.multiValue ? (openBlock(), createElementBlock("div", _hoisted_4$9, [
       (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.model, (entry, index2) => {
         return openBlock(), createBlock(_component_flex_row, {
@@ -16033,7 +16177,7 @@ const _hoisted_2$d = {
   key: 0,
   class: "ux-required-marker"
 };
-const _hoisted_3$b = {
+const _hoisted_3$c = {
   key: 1,
   class: "ux-field-description"
 };
@@ -16056,7 +16200,7 @@ function _sfc_render$k(_ctx, _cache, $props, $setup, $data, $options) {
       createTextVNode(toDisplayString(_ctx.label) + " ", 1),
       _ctx.required ? (openBlock(), createElementBlock("span", _hoisted_2$d, "*")) : createCommentVNode("", true)
     ])) : createCommentVNode("", true),
-    _ctx.showDescription ? (openBlock(), createElementBlock("div", _hoisted_3$b, toDisplayString(_ctx.description), 1)) : createCommentVNode("", true),
+    _ctx.showDescription ? (openBlock(), createElementBlock("div", _hoisted_3$c, toDisplayString(_ctx.description), 1)) : createCommentVNode("", true),
     _ctx.multiValue ? (openBlock(), createElementBlock("div", _hoisted_4$8, [
       (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.model, (entry, index2) => {
         return openBlock(), createBlock(_component_flex_row, {
@@ -16148,7 +16292,7 @@ const _hoisted_2$c = {
   key: 0,
   class: "ux-required-marker"
 };
-const _hoisted_3$a = {
+const _hoisted_3$b = {
   key: 1,
   class: "ux-field-description"
 };
@@ -16171,7 +16315,7 @@ function _sfc_render$j(_ctx, _cache, $props, $setup, $data, $options) {
       createTextVNode(toDisplayString(_ctx.label) + " ", 1),
       _ctx.required ? (openBlock(), createElementBlock("span", _hoisted_2$c, "*")) : createCommentVNode("", true)
     ])) : createCommentVNode("", true),
-    _ctx.showDescription ? (openBlock(), createElementBlock("div", _hoisted_3$a, toDisplayString(_ctx.description), 1)) : createCommentVNode("", true),
+    _ctx.showDescription ? (openBlock(), createElementBlock("div", _hoisted_3$b, toDisplayString(_ctx.description), 1)) : createCommentVNode("", true),
     _ctx.multiValue ? (openBlock(), createElementBlock("div", _hoisted_4$7, [
       (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.model, (entry, index2) => {
         return openBlock(), createBlock(_component_flex_row, {
@@ -16316,7 +16460,7 @@ const _hoisted_2$b = {
   key: 0,
   class: "ux-required-marker"
 };
-const _hoisted_3$9 = {
+const _hoisted_3$a = {
   key: 1,
   class: "ux-field-description"
 };
@@ -16337,7 +16481,7 @@ function _sfc_render$h(_ctx, _cache, $props, $setup, $data, $options) {
       createTextVNode(toDisplayString(_ctx.label) + " ", 1),
       _ctx.required ? (openBlock(), createElementBlock("span", _hoisted_2$b, "*")) : createCommentVNode("", true)
     ])) : createCommentVNode("", true),
-    _ctx.showDescription ? (openBlock(), createElementBlock("div", _hoisted_3$9, toDisplayString(_ctx.description), 1)) : createCommentVNode("", true),
+    _ctx.showDescription ? (openBlock(), createElementBlock("div", _hoisted_3$a, toDisplayString(_ctx.description), 1)) : createCommentVNode("", true),
     _ctx.multiValue ? (openBlock(), createElementBlock("div", _hoisted_4$6, [
       (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.model, (entry, index2) => {
         return openBlock(), createBlock(_component_flex_row, {
@@ -16534,7 +16678,7 @@ const _hoisted_2$a = {
   key: 0,
   class: "ux-required-marker"
 };
-const _hoisted_3$8 = {
+const _hoisted_3$9 = {
   key: 1,
   class: "ux-field-description"
 };
@@ -16557,7 +16701,7 @@ function _sfc_render$g(_ctx, _cache, $props, $setup, $data, $options) {
       createTextVNode(toDisplayString(_ctx.label) + " ", 1),
       _ctx.required ? (openBlock(), createElementBlock("span", _hoisted_2$a, "*")) : createCommentVNode("", true)
     ])) : createCommentVNode("", true),
-    _ctx.showDescription ? (openBlock(), createElementBlock("div", _hoisted_3$8, toDisplayString(_ctx.description), 1)) : createCommentVNode("", true),
+    _ctx.showDescription ? (openBlock(), createElementBlock("div", _hoisted_3$9, toDisplayString(_ctx.description), 1)) : createCommentVNode("", true),
     _ctx.singleValue ? (openBlock(), createElementBlock("div", _hoisted_4$5, [
       renderSlot(_ctx.$slots, "default", {}, () => [
         createVNode(_component_ux_button, { tag: "div" }, {
@@ -16700,7 +16844,7 @@ const _hoisted_2$9 = {
   key: 0,
   class: "ux-required-marker"
 };
-const _hoisted_3$7 = {
+const _hoisted_3$8 = {
   key: 1,
   class: "ux-field-description"
 };
@@ -16723,7 +16867,7 @@ function _sfc_render$f(_ctx, _cache, $props, $setup, $data, $options) {
       createTextVNode(toDisplayString(_ctx.label) + " ", 1),
       _ctx.required ? (openBlock(), createElementBlock("span", _hoisted_2$9, "*")) : createCommentVNode("", true)
     ])) : createCommentVNode("", true),
-    _ctx.showDescription ? (openBlock(), createElementBlock("div", _hoisted_3$7, toDisplayString(_ctx.description), 1)) : createCommentVNode("", true),
+    _ctx.showDescription ? (openBlock(), createElementBlock("div", _hoisted_3$8, toDisplayString(_ctx.description), 1)) : createCommentVNode("", true),
     _ctx.singleValue ? (openBlock(), createElementBlock("div", _hoisted_4$4, [
       renderSlot(_ctx.$slots, "default", {}, () => [
         createVNode(_component_ux_button, { tag: "div" }, {
@@ -19176,14 +19320,14 @@ function _sfc_render$d(_ctx, _cache, $props, $setup, $data, $options) {
           modelValue: $options.formModel,
           "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => $options.formModel = $event),
           parentModel: $props.parentModel || $options.formModel,
-          class: normalizeClass($options.fieldClass),
+          class: normalizeClass([$options.fieldClass, { "ux-field-clear": field.clear }]),
           key: `ux-form-field-${$options.getFieldKey(field)}-${index2}`
         }, null, 8, ["trail", "submission", "includeOfficeOnly", "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$d, [["render", _sfc_render$d], ["__scopeId", "data-v-09c6d713"]]);
+var UXForm = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["render", _sfc_render$d], ["__scopeId", "data-v-b4748e98"]]);
 var submissionform_vue_vue_type_style_index_0_scoped_true_lang = "";
 const STATE_READY = "form.ready";
 const STATE_PROCESSING = "form.processing";
@@ -19330,7 +19474,7 @@ const _sfc_main$c = {
 const _withScopeId$2 = (n2) => (pushScopeId("data-v-ec116c7c"), n2 = n2(), popScopeId(), n2);
 const _hoisted_1$a = /* @__PURE__ */ _withScopeId$2(() => /* @__PURE__ */ createElementVNode("h3", null, "An error occurred", -1));
 const _hoisted_2$8 = { key: 0 };
-const _hoisted_3$6 = { key: 1 };
+const _hoisted_3$7 = { key: 1 };
 const _hoisted_4$3 = { key: 2 };
 const _hoisted_5$2 = ["tooltip"];
 function _sfc_render$c(_ctx, _cache, $props, $setup, $data, $options) {
@@ -19344,7 +19488,7 @@ function _sfc_render$c(_ctx, _cache, $props, $setup, $data, $options) {
     $data.state === "form.error" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
       _hoisted_1$a,
       $data.error.message ? (openBlock(), createElementBlock("pre", _hoisted_2$8, toDisplayString($data.error.message), 1)) : createCommentVNode("", true),
-      ((_a = $data.error.data) == null ? void 0 : _a.errors) ? (openBlock(), createElementBlock("div", _hoisted_3$6, [
+      ((_a = $data.error.data) == null ? void 0 : _a.errors) ? (openBlock(), createElementBlock("div", _hoisted_3$7, [
         (openBlock(true), createElementBlock(Fragment, null, renderList($data.error.data.errors, (field) => {
           return openBlock(), createElementBlock("pre", {
             key: field.path
@@ -19487,66 +19631,6 @@ function _sfc_render$b(_ctx, _cache, $props, $setup, $data, $options) {
   ]);
 }
 var Search = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["render", _sfc_render$b], ["__scopeId", "data-v-17abf7d1"]]);
-var o = function(t, o2, e) {
-  if (!o2.hasOwnProperty(e)) {
-    var r = Object.getOwnPropertyDescriptor(t, e);
-    Object.defineProperty(o2, e, r);
-  }
-};
-var Compile = { props: { template: String, parent: Object, templateProps: { type: Object, default: function() {
-  return {};
-} } }, render: function() {
-  if (this.template) {
-    var e = this.parent || this.$parent, r = e.$data;
-    r === void 0 && (r = {});
-    var n2 = e.$props;
-    n2 === void 0 && (n2 = {});
-    var a2 = e.$options;
-    a2 === void 0 && (a2 = {});
-    var p = a2.components;
-    p === void 0 && (p = {});
-    var i2 = a2.computed;
-    i2 === void 0 && (i2 = {});
-    var c2 = a2.methods;
-    c2 === void 0 && (c2 = {});
-    var s2 = this.$data;
-    s2 === void 0 && (s2 = {});
-    var d = this.$props;
-    d === void 0 && (d = {});
-    var v = this.$options;
-    v === void 0 && (v = {});
-    var m = v.methods;
-    m === void 0 && (m = {});
-    var f = v.computed;
-    f === void 0 && (f = {});
-    var u2 = v.components;
-    u2 === void 0 && (u2 = {});
-    var h$1 = { $data: {}, $props: {}, $options: {}, components: {}, computed: {}, methods: {} };
-    Object.keys(r).forEach(function(t) {
-      s2[t] === void 0 && (h$1.$data[t] = r[t]);
-    }), Object.keys(n2).forEach(function(t) {
-      d[t] === void 0 && (h$1.$props[t] = n2[t]);
-    }), Object.keys(c2).forEach(function(t) {
-      m[t] === void 0 && (h$1.methods[t] = c2[t]);
-    }), Object.keys(i2).forEach(function(t) {
-      f[t] === void 0 && (h$1.computed[t] = i2[t]);
-    }), Object.keys(p).forEach(function(t) {
-      u2[t] === void 0 && (h$1.components[t] = p[t]);
-    });
-    var $ = Object.keys(h$1.methods || {}), O = Object.keys(h$1.$data || {}), b = Object.keys(h$1.$props || {}), j = Object.keys(this.templateProps), y = O.concat(b).concat($).concat(j), k = (E = e, P = {}, $.forEach(function(t) {
-      return o(E, P, t);
-    }), P), l2 = function(t) {
-      var e2 = {};
-      return t.forEach(function(t2) {
-        t2 && Object.getOwnPropertyNames(t2).forEach(function(r2) {
-          return o(t2, e2, r2);
-        });
-      }), e2;
-    }([h$1.$data, h$1.$props, k, this.templateProps]);
-    return h({ template: this.template || "<div></div>", props: y, computed: h$1.computed, components: h$1.components, provide: this.$parent.$.provides ? this.$parent.$.provides : {} }, Object.assign({}, l2));
-  }
-  var E, P;
-} };
 var RenderMixin = {
   props: {
     field: {
@@ -19941,7 +20025,7 @@ const _sfc_main$9 = {
 };
 const _hoisted_1$7 = { class: "ux-field-title" };
 const _hoisted_2$6 = { class: "currency" };
-const _hoisted_3$5 = { key: 1 };
+const _hoisted_3$6 = { key: 1 };
 const _hoisted_4$2 = { class: "currency" };
 const _hoisted_5$1 = { key: 1 };
 const _hoisted_6$1 = { key: 1 };
@@ -19992,7 +20076,7 @@ function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
           createTextVNode(toDisplayString($options.formatCurrency(value)) + " ", 1),
           createElementVNode("span", _hoisted_2$6, toDisplayString($props.field.currency), 1)
         ]);
-      }), 256)) : (openBlock(), createElementBlock("div", _hoisted_3$5, [
+      }), 256)) : (openBlock(), createElementBlock("div", _hoisted_3$6, [
         createTextVNode(toDisplayString($options.formatCurrency($options.fieldModel)) + " ", 1),
         createElementVNode("span", _hoisted_4$2, toDisplayString($props.field.currency), 1)
       ]))
@@ -20664,6 +20748,14 @@ const _sfc_main$6 = {
       type: Object,
       default: {}
     },
+    rolodexPrimary: {
+      type: String,
+      default: ""
+    },
+    rolodexSecondary: {
+      type: String,
+      default: ""
+    },
     options: {
       type: Object,
       default() {
@@ -20748,12 +20840,24 @@ const _sfc_main$6 = {
     keywords(k) {
       this.$emit("update:search", k);
     },
+    roloPrimary(r) {
+      this.$emit("update:rolodexPrimary", r);
+    },
+    roloSecondary(r) {
+      this.$emit("update:rolodexSecondary", r);
+    },
     dateRangeFilter(d) {
       this.$emit("update:dateRange", d);
     },
     search(k) {
       this.keywords = k;
     },
+    rolodexPrimary(r) {
+      this.roloPrimary = r;
+    },
+    rolodexSecondary(r) {
+      this.roloSecondary = r;
+    },
     change: {
       handler: debounce_1(async function() {
         this.dataSource = await this.load();
@@ -21004,7 +21108,7 @@ const _sfc_main$6 = {
       return string;
     },
     change() {
-      return `${JSON.stringify([this.page, this.dateRangeFilter, this.sort, this.keywords, this.selectFields, this.type, this.filterChangeString])}-${this.cacheKey}-${this.$sdk.global.cacheKeys[this.type]}`;
+      return `${JSON.stringify([this.page, this.roloSecondary, this.rolodexPrimary, this.dateRangeFilter, this.sort, this.keywords, this.selectFields, this.type, this.filterChangeString])}-${this.cacheKey}-${this.$sdk.global.cacheKeys[this.type]}`;
     },
     items() {
       return this.dataSource.items;
@@ -21016,18 +21120,22 @@ const _sfc_main$6 = {
       return this.definition ? this.definition.definesType || this.definition.key : this.type;
     },
     loadCriteria() {
-      var self2 = this;
-      var sort2 = self2.sort || self2.defaultSort;
-      var search = self2.keywords;
-      var select = self2.selectFields;
-      var page = self2.page;
-      var filter = self2.combinedFilter;
+      const self2 = this;
+      const sort2 = self2.sort || self2.defaultSort;
+      const search = self2.keywords;
+      const select = self2.selectFields;
+      const page = self2.page;
+      const filter = self2.combinedFilter;
+      const rolodexPrimary = self2.roloPrimary;
+      const rolodexSecondary = self2.roloSecondary;
       return {
         sort: sort2,
         search,
         select,
         page,
-        filter
+        filter,
+        rolodexPrimary,
+        rolodexSecondary
       };
     },
     fieldEnabled() {
@@ -21178,6 +21286,8 @@ const _sfc_main$6 = {
       actualFilter: this.filter,
       sort: this.defaultSort,
       keywords: this.search,
+      roloPrimary: this.rolodexPrimary,
+      roloSecondary: this.roloSecondary,
       dateRangeFilter: {
         dateRange: this.dateRange
       },
@@ -21186,10 +21296,10 @@ const _sfc_main$6 = {
     };
   }
 };
-const _withScopeId$1 = (n2) => (pushScopeId("data-v-d8907020"), n2 = n2(), popScopeId(), n2);
+const _withScopeId$1 = (n2) => (pushScopeId("data-v-510c624f"), n2 = n2(), popScopeId(), n2);
 const _hoisted_1$6 = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ createElementVNode("p", null, null, -1));
 const _hoisted_2$5 = { key: 0 };
-const _hoisted_3$4 = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ createElementVNode("p", null, null, -1));
+const _hoisted_3$5 = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ createElementVNode("p", null, null, -1));
 const _hoisted_4$1 = { class: "footer" };
 function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_ux_icon = resolveComponent("ux-icon");
@@ -21201,11 +21311,11 @@ function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_flex_column = resolveComponent("flex-column");
   const _component_ux_panel_body = resolveComponent("ux-panel-body");
   const _component_ux_panel = resolveComponent("ux-panel");
+  const _component_flex_row = resolveComponent("flex-row");
   const _component_search = resolveComponent("search");
   const _component_ux_field = resolveComponent("ux-field");
   const _component_filter_builder = resolveComponent("filter-builder");
   const _component_flex_body = resolveComponent("flex-body");
-  const _component_flex_row = resolveComponent("flex-row");
   const _component_pager = resolveComponent("pager");
   const _component_flex_footer = resolveComponent("flex-footer");
   const _component_spinner = resolveComponent("spinner");
@@ -21214,161 +21324,172 @@ function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
     class: "content-browser"
   }, {
     default: withCtx(() => [
-      $data.dataSource ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-        createVNode(_component_flex_column, {
-          class: normalizeClass(["browser-body", { loading: $data.loading }])
-        }, {
-          default: withCtx(() => [
-            createVNode(_component_flex_row, null, {
-              default: withCtx(() => [
-                $options.items.length ? (openBlock(), createBlock(_component_flex_column, { key: 0 }, {
-                  default: withCtx(() => [
-                    $options.viewMode && $options.viewMode.component ? (openBlock(), createBlock(resolveDynamicComponent($options.viewMode.component), {
-                      key: 0,
-                      cacheKey: $options.viewModeCacheKey,
-                      selection: $data.manager.items,
-                      items: $options.items,
-                      "onClick:actions": $options.actionsClicked,
-                      "onSelect:item:toggle": $options.rowToggled,
-                      "onClick:item": $options.rowClicked
-                    }, null, 40, ["cacheKey", "selection", "items", "onClick:actions", "onSelect:item:toggle", "onClick:item"])) : (openBlock(), createBlock(_component_native_table, {
-                      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,
-                      deselectAll: $options.deselectAllFunction,
-                      selection: $data.manager.items,
-                      "onClick:row": $options.rowClicked,
-                      "onClick:actions": $options.actionsClicked,
-                      "onSelect:row:toggle": $options.rowToggled,
-                      "onSelect:multiple": $options.selectMultiple,
-                      "onDeselect:multiple": $options.deselectMultiple,
-                      rows: $options.items,
-                      columns: $options.columns
-                    }, {
-                      corner: withCtx(() => [
-                        createVNode(_component_ux_menu, { right: "" }, {
-                          activator: withCtx(({ on: on2 }) => [
-                            createVNode(_component_ux_button, mergeProps({ icon: "" }, toHandlers(on2)), {
-                              default: withCtx(() => [
-                                createVNode(_component_ux_icon, { icon: "fa-cog" })
+      createVNode(_component_flex_column, { class: "browser-body" }, {
+        default: withCtx(() => [
+          createVNode(_component_flex_row, null, {
+            default: withCtx(() => [
+              createVNode(_component_flex_row, {
+                class: normalizeClass({ loading: $data.loading })
+              }, {
+                default: withCtx(() => [
+                  createVNode(_component_flex_column, null, {
+                    default: withCtx(() => [
+                      $data.dataSource ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+                        renderSlot(_ctx.$slots, "abovecontent", {}, void 0, true),
+                        $options.items.length ? (openBlock(), createBlock(_component_flex_column, { key: 0 }, {
+                          default: withCtx(() => [
+                            $options.viewMode && $options.viewMode.component ? (openBlock(), createBlock(resolveDynamicComponent($options.viewMode.component), {
+                              key: 0,
+                              cacheKey: $options.viewModeCacheKey,
+                              selection: $data.manager.items,
+                              items: $options.items,
+                              "onClick:actions": $options.actionsClicked,
+                              "onSelect:item:toggle": $options.rowToggled,
+                              "onClick:item": $options.rowClicked
+                            }, null, 40, ["cacheKey", "selection", "items", "onClick:actions", "onSelect:item:toggle", "onClick:item"])) : (openBlock(), createBlock(_component_native_table, {
+                              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,
+                              deselectAll: $options.deselectAllFunction,
+                              selection: $data.manager.items,
+                              "onClick:row": $options.rowClicked,
+                              "onClick:actions": $options.actionsClicked,
+                              "onSelect:row:toggle": $options.rowToggled,
+                              "onSelect:multiple": $options.selectMultiple,
+                              "onDeselect:multiple": $options.deselectMultiple,
+                              rows: $options.items,
+                              columns: $options.columns
+                            }, {
+                              corner: withCtx(() => [
+                                createVNode(_component_ux_menu, { right: "" }, {
+                                  activator: withCtx(({ on: on2 }) => [
+                                    createVNode(_component_ux_button, mergeProps({ icon: "" }, toHandlers(on2)), {
+                                      default: withCtx(() => [
+                                        createVNode(_component_ux_icon, { icon: "fa-cog" })
+                                      ]),
+                                      _: 2
+                                    }, 1040)
+                                  ]),
+                                  default: withCtx(() => [
+                                    createVNode(_component_ux_list, null, {
+                                      default: withCtx(() => [
+                                        (openBlock(true), createElementBlock(Fragment, null, renderList($options.fields, (field) => {
+                                          return openBlock(), createBlock(_component_ux_list_item, {
+                                            onClick: ($event) => $options.toggleField(field),
+                                            key: field.path
+                                          }, {
+                                            default: withCtx(() => [
+                                              createVNode(_component_ux_icon, {
+                                                icon: $options.fieldEnabled[field.path] ? "fa-check-square" : "fa-regular fa-square",
+                                                left: ""
+                                              }, null, 8, ["icon"]),
+                                              createTextVNode(" " + toDisplayString(field.title), 1)
+                                            ]),
+                                            _: 2
+                                          }, 1032, ["onClick"]);
+                                        }), 128))
+                                      ]),
+                                      _: 1
+                                    })
+                                  ]),
+                                  _: 1
+                                })
                               ]),
-                              _: 2
-                            }, 1040)
+                              _: 1
+                            }, 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, {
+                          key: 1,
+                          class: "empty",
+                          center: ""
+                        }, {
                           default: withCtx(() => [
-                            createVNode(_component_ux_list, null, {
+                            createVNode(_component_ux_panel, null, {
                               default: withCtx(() => [
-                                (openBlock(true), createElementBlock(Fragment, null, renderList($options.fields, (field) => {
-                                  return openBlock(), createBlock(_component_ux_list_item, {
-                                    onClick: ($event) => $options.toggleField(field),
-                                    key: field.path
-                                  }, {
-                                    default: withCtx(() => [
-                                      createVNode(_component_ux_icon, {
-                                        icon: $options.fieldEnabled[field.path] ? "fa-check-square" : "fa-regular fa-square",
-                                        left: ""
-                                      }, null, 8, ["icon"]),
-                                      createTextVNode(" " + toDisplayString(field.title), 1)
-                                    ]),
-                                    _: 2
-                                  }, 1032, ["onClick"]);
-                                }), 128))
+                                createVNode(_component_ux_panel_body, null, {
+                                  default: withCtx(() => [
+                                    createElementVNode("div", null, "No " + toDisplayString($data.definition.plural) + " found.", 1)
+                                  ]),
+                                  _: 1
+                                })
                               ]),
                               _: 1
                             })
                           ]),
                           _: 1
-                        })
-                      ]),
-                      _: 1
-                    }, 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, {
-                  key: 1,
-                  class: "empty",
-                  center: ""
-                }, {
-                  default: withCtx(() => [
-                    createVNode(_component_ux_panel, null, {
-                      default: withCtx(() => [
-                        createVNode(_component_ux_panel_body, null, {
-                          default: withCtx(() => [
-                            createElementVNode("div", null, "No " + toDisplayString($data.definition.plural) + " found.", 1)
-                          ]),
-                          _: 1
-                        })
-                      ]),
-                      _: 1
-                    })
-                  ]),
-                  _: 1
-                })) : (openBlock(), createBlock(_component_flex_column, {
-                  key: 2,
-                  class: "empty",
-                  center: ""
-                })),
-                $props.showFilters ? (openBlock(), createBlock(_component_flex_column, {
-                  key: 3,
-                  class: "filter-column"
-                }, {
-                  default: withCtx(() => [
-                    renderSlot(_ctx.$slots, "abovefilter", {}, void 0, true),
-                    createVNode(_component_flex_body, null, {
-                      default: withCtx(() => [
-                        createVNode(_component_search, {
-                          modelValue: $data.keywords,
-                          "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => $data.keywords = $event),
-                          loading: $options.searching,
-                          debounce: 500,
-                          placeholder: "Keyword Search"
-                        }, null, 8, ["modelValue", "loading"]),
-                        _hoisted_1$6,
-                        $props.dateFilterEnabled ? (openBlock(), createElementBlock("div", _hoisted_2$5, [
-                          createVNode(_component_ux_field, {
-                            field: $options.dateRangeField,
-                            modelValue: $data.dateRangeFilter,
-                            "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => $data.dateRangeFilter = $event)
-                          }, null, 8, ["field", "modelValue"])
-                        ])) : createCommentVNode("", true),
-                        _hoisted_3$4,
-                        createVNode(_component_filter_builder, {
-                          definition: $data.definition,
-                          modelValue: $data.actualFilter,
-                          "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => $data.actualFilter = $event)
-                        }, null, 8, ["definition", "modelValue"])
-                      ]),
-                      _: 1
-                    }),
-                    renderSlot(_ctx.$slots, "belowfilter", {}, void 0, true)
-                  ]),
-                  _: 3
-                })) : createCommentVNode("", true)
-              ]),
-              _: 3
-            })
-          ]),
-          _: 3
-        }, 8, ["class"]),
-        createVNode(_component_flex_footer, null, {
-          default: withCtx(() => [
-            renderSlot(_ctx.$slots, "footera", {}, void 0, true),
-            createElementVNode("div", _hoisted_4$1, [
-              createVNode(_component_pager, {
-                page: $data.page,
-                "onUpdate:page": _cache[4] || (_cache[4] = ($event) => $data.page = $event),
-                total: $options.totalItems
-              }, null, 8, ["page", "total"])
+                        })) : (openBlock(), createBlock(_component_flex_column, {
+                          key: 2,
+                          class: "empty",
+                          center: ""
+                        }))
+                      ], 64)) : createCommentVNode("", true)
+                    ]),
+                    _: 3
+                  })
+                ]),
+                _: 3
+              }, 8, ["class"]),
+              $props.showFilters ? (openBlock(), createBlock(_component_flex_column, {
+                key: 0,
+                class: "filter-column"
+              }, {
+                default: withCtx(() => [
+                  renderSlot(_ctx.$slots, "abovefilter", {}, void 0, true),
+                  createVNode(_component_flex_body, null, {
+                    default: withCtx(() => [
+                      createVNode(_component_search, {
+                        modelValue: $data.keywords,
+                        "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => $data.keywords = $event),
+                        loading: $options.searching,
+                        debounce: 500,
+                        placeholder: "Keyword Search"
+                      }, null, 8, ["modelValue", "loading"]),
+                      _hoisted_1$6,
+                      $props.dateFilterEnabled ? (openBlock(), createElementBlock("div", _hoisted_2$5, [
+                        createVNode(_component_ux_field, {
+                          field: $options.dateRangeField,
+                          modelValue: $data.dateRangeFilter,
+                          "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => $data.dateRangeFilter = $event)
+                        }, null, 8, ["field", "modelValue"])
+                      ])) : createCommentVNode("", true),
+                      _hoisted_3$5,
+                      createVNode(_component_filter_builder, {
+                        definition: $data.definition,
+                        modelValue: $data.actualFilter,
+                        "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => $data.actualFilter = $event)
+                      }, null, 8, ["definition", "modelValue"])
+                    ]),
+                    _: 1
+                  }),
+                  renderSlot(_ctx.$slots, "belowfilter", {}, void 0, true)
+                ]),
+                _: 3
+              })) : createCommentVNode("", true)
             ]),
-            renderSlot(_ctx.$slots, "footerb", {}, void 0, true)
+            _: 3
+          })
+        ]),
+        _: 3
+      }),
+      $data.dataSource ? (openBlock(), createBlock(_component_flex_footer, { key: 0 }, {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "footera", {}, void 0, true),
+          createElementVNode("div", _hoisted_4$1, [
+            createVNode(_component_pager, {
+              page: $data.page,
+              "onUpdate:page": _cache[4] || (_cache[4] = ($event) => $data.page = $event),
+              total: $options.totalItems
+            }, null, 8, ["page", "total"])
           ]),
-          _: 3
-        })
-      ], 64)) : createCommentVNode("", true),
+          renderSlot(_ctx.$slots, "footerb", {}, void 0, true)
+        ]),
+        _: 3
+      })) : createCommentVNode("", true),
       $data.loading ? (openBlock(), createBlock(_component_spinner, {
         key: 1,
         large: ""
@@ -21377,7 +21498,7 @@ function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
     _: 3
   })) : createCommentVNode("", true);
 }
-var ContentBrowser = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["render", _sfc_render$6], ["__scopeId", "data-v-d8907020"]]);
+var ContentBrowser = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["render", _sfc_render$6], ["__scopeId", "data-v-510c624f"]]);
 var ModalMixin = {
   props: {
     options: {
@@ -21463,7 +21584,7 @@ const _sfc_main$4 = {
 };
 const _hoisted_1$4 = { class: "padder" };
 const _hoisted_2$4 = ["innerHTML"];
-const _hoisted_3$3 = { class: "padder" };
+const _hoisted_3$4 = { class: "padder" };
 function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_flex_body = resolveComponent("flex-body");
   const _component_ux_button = resolveComponent("ux-button");
@@ -21486,7 +21607,7 @@ function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
       }),
       createVNode(_component_flex_footer, null, {
         default: withCtx(() => [
-          createElementVNode("div", _hoisted_3$3, [
+          createElementVNode("div", _hoisted_3$4, [
             createVNode(_component_flex_row, null, {
               default: withCtx(() => [
                 createVNode(_component_flex_cell, null, {
@@ -21546,7 +21667,7 @@ const _sfc_main$3 = {
 };
 const _hoisted_1$3 = { class: "header" };
 const _hoisted_2$3 = { class: "padder" };
-const _hoisted_3$2 = ["onClick"];
+const _hoisted_3$3 = ["onClick"];
 const _hoisted_4 = {
   key: 0,
   class: "title"
@@ -21602,7 +21723,7 @@ function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
                   ]),
                   _: 2
                 }, 1024)
-              ], 8, _hoisted_3$2);
+              ], 8, _hoisted_3$3);
             }), 256))
           ])
         ]),
@@ -21648,7 +21769,7 @@ const _sfc_main$2 = {
 };
 const _hoisted_1$2 = { class: "padder" };
 const _hoisted_2$2 = { key: 0 };
-const _hoisted_3$1 = { class: "padder" };
+const _hoisted_3$2 = { class: "padder" };
 function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_ux_form = resolveComponent("ux-form");
   const _component_flex_body = resolveComponent("flex-body");
@@ -21681,7 +21802,7 @@ function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
         }),
         createVNode(_component_flex_footer, null, {
           default: withCtx(() => [
-            createElementVNode("div", _hoisted_3$1, [
+            createElementVNode("div", _hoisted_3$2, [
               createVNode(_component_flex_row, null, {
                 default: withCtx(() => [
                   createVNode(_component_flex_cell, { shrink: "" }, {
@@ -21745,8 +21866,49 @@ const _sfc_main$1 = {
       return;
     }
     self2.definition = definition;
+    if (self2.bigData && self2.rolodexEnabled) {
+      self2.rolodexLetter = "A";
+    }
   },
   computed: {
+    bigData() {
+      var _a;
+      return ((_a = this.definition) == null ? void 0 : _a.count) > 2e4;
+    },
+    rolodexEnabled() {
+      let enabled;
+      if (!this.bigData) {
+        return;
+      }
+      const basicType = this.definition.definesType || this.definition.key;
+      switch (basicType) {
+        case "profile":
+        case "persona":
+          enabled = true;
+          break;
+      }
+      if (this.search || this.shortcut) {
+        enabled = false;
+      }
+      return enabled;
+    },
+    rolodexPrimary: {
+      get() {
+        if (this.search || this.shortcut) {
+          return;
+        }
+        return this.rolodexLetter;
+      },
+      set(r) {
+        if (this.search || this.shortcut) {
+          return;
+        }
+        this.rolodexLetter = r;
+      }
+    },
+    letters() {
+      return "abcdefghijklmnopqrstuvwxyz".toUpperCase().split("");
+    },
     type() {
       return this.options.type;
     },
@@ -21763,16 +21925,35 @@ const _sfc_main$1 = {
       return this.options.browserOptions || {};
     }
   },
+  watch: {
+    search(s2, before) {
+      const self2 = this;
+      if (!s2 && self2.bigData) {
+        if (!self2.rolodexLetter) {
+          self2.rolodexLetter = "A";
+        }
+      }
+    }
+  },
   data() {
     return {
+      showFilters: false,
       search: "",
       searching: false,
       definition: null,
       loading: true,
-      model: this.options.model.slice()
+      model: this.options.model.slice(),
+      rolodexLetter: ""
     };
   },
   methods: {
+    toggleRolodex(letter) {
+      if (this.rolodexLetter === letter) {
+        this.rolodexLetter = "";
+      } else {
+        this.rolodexLetter = letter;
+      }
+    },
     rowClicked(row) {
       this.$refs.browser.toggle(row);
     },
@@ -21783,10 +21964,12 @@ const _sfc_main$1 = {
 };
 const _hoisted_1$1 = { class: "header" };
 const _hoisted_2$1 = { class: "font-muted font-sm" };
+const _hoisted_3$1 = { class: "rolodex" };
 function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_flex_column = resolveComponent("flex-column");
   const _component_flex_cell = resolveComponent("flex-cell");
   const _component_search = resolveComponent("search");
+  const _component_ux_icon = resolveComponent("ux-icon");
   const _component_ux_button = resolveComponent("ux-button");
   const _component_flex_row = resolveComponent("flex-row");
   const _component_flex_header = resolveComponent("flex-header");
@@ -21820,7 +22003,7 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
                       ]),
                       _: 1
                     })) : createCommentVNode("", true),
-                    createVNode(_component_flex_cell, null, {
+                    !$data.showFilters ? (openBlock(), createBlock(_component_flex_cell, { key: 1 }, {
                       default: withCtx(() => [
                         createVNode(_component_search, {
                           modelValue: $data.search,
@@ -21831,6 +22014,25 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
                         }, null, 8, ["modelValue", "loading"])
                       ]),
                       _: 1
+                    })) : createCommentVNode("", true),
+                    createVNode(_component_flex_cell, { shrink: "" }, {
+                      default: withCtx(() => [
+                        createVNode(_component_ux_button, {
+                          icon: _ctx.$device.breakpoint.mobile,
+                          onClick: _cache[1] || (_cache[1] = ($event) => $data.showFilters = !$data.showFilters)
+                        }, {
+                          default: withCtx(() => [
+                            _ctx.$device.breakpoint.mobile ? (openBlock(), createBlock(_component_ux_icon, {
+                              key: 0,
+                              icon: "fa-search"
+                            })) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+                              createTextVNode(toDisplayString($data.showFilters ? "Hide" : "Show") + " Filters", 1)
+                            ], 64))
+                          ]),
+                          _: 1
+                        }, 8, ["icon"])
+                      ]),
+                      _: 1
                     }),
                     createVNode(_component_flex_cell, { shrink: "" }, {
                       default: withCtx(() => [
@@ -21854,22 +22056,49 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
             _: 1
           }),
           createVNode(_component_content_browser, {
+            rolodexPrimary: $options.rolodexPrimary,
+            "onUpdate:rolodexPrimary": _cache[2] || (_cache[2] = ($event) => $options.rolodexPrimary = $event),
+            showFilters: $data.showFilters,
             ref: "browser",
             search: $data.search,
             "onClick:row": $options.rowClicked,
             maximum: _ctx.options.maximum,
             modelValue: $data.model,
-            "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => $data.model = $event),
+            "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => $data.model = $event),
             type: _ctx.options.type,
             options: $options.browserOptions
-          }, null, 8, ["search", "onClick:row", "maximum", "modelValue", "type", "options"])
+          }, {
+            abovecontent: withCtx(() => [
+              $options.rolodexEnabled ? (openBlock(), createBlock(_component_flex_header, { key: 0 }, {
+                default: withCtx(() => [
+                  createElementVNode("div", _hoisted_3$1, [
+                    (openBlock(true), createElementBlock(Fragment, null, renderList($options.letters, (letter) => {
+                      return openBlock(), createBlock(_component_ux_button, {
+                        size: "sm",
+                        onClick: ($event) => $options.toggleRolodex(letter),
+                        icon: "",
+                        color: $options.rolodexPrimary === letter ? "primary" : ""
+                      }, {
+                        default: withCtx(() => [
+                          createTextVNode(toDisplayString(letter), 1)
+                        ]),
+                        _: 2
+                      }, 1032, ["onClick", "color"]);
+                    }), 256))
+                  ])
+                ]),
+                _: 1
+              })) : createCommentVNode("", true)
+            ]),
+            _: 1
+          }, 8, ["rolodexPrimary", "showFilters", "search", "onClick:row", "maximum", "modelValue", "type", "options"])
         ], 64)) : createCommentVNode("", true)
       ], 64))
     ]),
     _: 1
   });
 }
-var UxContentModal = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render$1], ["__scopeId", "data-v-7a6efddc"]]);
+var UxContentModal = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render$1], ["__scopeId", "data-v-0eebffb8"]]);
 var ScopeModal_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _sfc_main = {
   components: {