@qikdev/vue-ui 0.2.53 → 0.2.57

package/dist/lib.es.js

@@ -30,9 +30,9 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
-import { openBlock, createElementBlock, renderSlot, resolveComponent, normalizeClass, Fragment, createVNode, withCtx, renderList, toDisplayString, withDirectives, createBlock, resolveDynamicComponent, vShow, withModifiers, createTextVNode, createCommentVNode, createElementVNode, h, mergeProps, toHandlers, vModelSelect, pushScopeId, popScopeId, normalizeStyle, Teleport, vModelText, withKeys, TransitionGroup, defineComponent, nextTick, vModelDynamic, reactive, watch } from "vue";
+import { openBlock, createElementBlock, renderSlot, resolveComponent, normalizeClass, Fragment, createBlock, withCtx, createVNode, renderList, toDisplayString, createCommentVNode, withDirectives, resolveDynamicComponent, vShow, withModifiers, createTextVNode, 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.53";
+const version$1 = "0.2.57";
 var flexColumn_vue_vue_type_style_index_0_scoped_true_lang = "";
 var _export_sfc = (sfc, props2) => {
   const target = sfc.__vccOpts || sfc;
@@ -109,7 +109,7 @@ function _sfc_render$1l(_ctx, _cache, $props, $setup, $data, $options) {
     renderSlot(_ctx.$slots, "default", {}, void 0, true)
   ]);
 }
-var Panel = /* @__PURE__ */ _export_sfc(_sfc_main$1l, [["render", _sfc_render$1l], ["__scopeId", "data-v-50ae77fc"]]);
+var Panel = /* @__PURE__ */ _export_sfc(_sfc_main$1l, [["render", _sfc_render$1l], ["__scopeId", "data-v-31dd6811"]]);
 var panelBody_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _sfc_main$1k = {};
 const _hoisted_1$_ = { class: "panel-body" };
@@ -158,6 +158,9 @@ const _sfc_main$1h = {
     }
   },
   computed: {
+    menuRequired() {
+      return this.tabs.length > 1;
+    },
     tabs() {
       const self2 = this;
       const slotChildren = self2.$slots.default().map(function(child) {
@@ -186,7 +189,10 @@ function _sfc_render$1h(_ctx, _cache, $props, $setup, $data, $options) {
     class: normalizeClass(["ux-tabset", { vertical: $props.vertical, horizontal: !$props.vertical, inline: $props.inline, block: !$props.inline }])
   }, [
     $props.vertical ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-      createVNode(_component_flex_column, { class: "tabset-menu" }, {
+      $options.menuRequired ? (openBlock(), createBlock(_component_flex_column, {
+        key: 0,
+        class: "tabset-menu"
+      }, {
         default: withCtx(() => [
           createVNode(_component_flex_body, null, {
             default: withCtx(() => [
@@ -202,7 +208,7 @@ function _sfc_render$1h(_ctx, _cache, $props, $setup, $data, $options) {
           })
         ]),
         _: 1
-      }),
+      })) : createCommentVNode("", true),
       createVNode(_component_flex_column, null, {
         default: withCtx(() => [
           (openBlock(true), createElementBlock(Fragment, null, renderList($options.tabs, (tab, index2) => {
@@ -221,7 +227,10 @@ function _sfc_render$1h(_ctx, _cache, $props, $setup, $data, $options) {
         _: 1
       })
     ], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-      createVNode(_component_flex_header, { class: "tabset-menu" }, {
+      $options.menuRequired ? (openBlock(), createBlock(_component_flex_header, {
+        key: 0,
+        class: "tabset-menu"
+      }, {
         default: withCtx(() => [
           createVNode(_component_flex_row, null, {
             default: withCtx(() => [
@@ -237,7 +246,7 @@ function _sfc_render$1h(_ctx, _cache, $props, $setup, $data, $options) {
           })
         ]),
         _: 1
-      }),
+      })) : createCommentVNode("", true),
       createVNode(_component_flex_column, null, {
         default: withCtx(() => [
           (openBlock(true), createElementBlock(Fragment, null, renderList($options.tabs, (tab, index2) => {
@@ -258,7 +267,7 @@ function _sfc_render$1h(_ctx, _cache, $props, $setup, $data, $options) {
     ], 64))
   ], 2);
 }
-var UXTabset = /* @__PURE__ */ _export_sfc(_sfc_main$1h, [["render", _sfc_render$1h], ["__scopeId", "data-v-fc1e48c4"]]);
+var UXTabset = /* @__PURE__ */ _export_sfc(_sfc_main$1h, [["render", _sfc_render$1h], ["__scopeId", "data-v-99e2c0be"]]);
 const _sfc_main$1g = {
   props: {
     heading: {
@@ -854,7 +863,6 @@ const _sfc_main$1d = {
       if (typeof button.text === "function") {
         return button.text(this);
       }
-      console.log("BUTTON", button.text, typeof button.text);
       return button.text;
     }
   },
@@ -891,7 +899,7 @@ function _sfc_render$1d(_ctx, _cache, $props, $setup, $data, $options) {
     }, 8, ["color", "size", "loading", "onClick"])
   ]);
 }
-var ButtonCell = /* @__PURE__ */ _export_sfc(_sfc_main$1d, [["render", _sfc_render$1d], ["__scopeId", "data-v-ac248c56"]]);
+var ButtonCell = /* @__PURE__ */ _export_sfc(_sfc_main$1d, [["render", _sfc_render$1d], ["__scopeId", "data-v-24957486"]]);
 class LuxonError extends Error {
 }
 class InvalidDateTimeError extends LuxonError {
@@ -4760,7 +4768,7 @@ function _sfc_render$1c(_ctx, _cache, $props, $setup, $data, $options) {
     ])) : createCommentVNode("", true)
   ]);
 }
-var DateCell = /* @__PURE__ */ _export_sfc(_sfc_main$1c, [["render", _sfc_render$1c], ["__scopeId", "data-v-3687693f"]]);
+var DateCell = /* @__PURE__ */ _export_sfc(_sfc_main$1c, [["render", _sfc_render$1c], ["__scopeId", "data-v-18716d82"]]);
 var BooleanCell_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _sfc_main$1b = {
   mixins: [TableCellMixin],
@@ -5765,11 +5773,7 @@ var InputMixin = {
   },
   watch: {
     modelValue(val, old) {
-      var cleanedValue = this.cleanInput(val);
-      var cleanedModel = this.cleanInput(this.model);
-      if (safeJsonStringify(cleanedValue) != safeJsonStringify(cleanedModel)) {
-        this.model = cleanedValue;
-      }
+      this.model = val;
     }
   },
   mounted() {
@@ -5797,9 +5801,22 @@ var InputMixin = {
         return cleaned;
       },
       set(val) {
-        this.value = this.cleanInput(val);
-        this.checkAutofocus();
-        this.dispatch();
+        let force;
+        if (this.isGroup || this.widget === "form") {
+          if (val === this.value) {
+            force = false;
+          } else {
+            force = true;
+          }
+        }
+        const cleanedValue = this.cleanInput(val);
+        const cleanedModel = this.cleanInput(this.value);
+        const contentHasChanged = safeJsonStringify(cleanedValue) != safeJsonStringify(cleanedModel);
+        if (contentHasChanged || force) {
+          this.value = cleanedValue;
+          this.checkAutofocus();
+          this.dispatch();
+        }
       }
     },
     options() {
@@ -6029,6 +6046,7 @@ var InputMixin = {
     },
     dispatch() {
       this.$emit("update:modelValue", this.value);
+      console.log("Update", this.field.title);
     },
     cleanInputValue(val) {
       return val;
@@ -6266,7 +6284,7 @@ function _sfc_render$13(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ], 2);
 }
-var NativeSelect = /* @__PURE__ */ _export_sfc(_sfc_main$13, [["render", _sfc_render$13], ["__scopeId", "data-v-a06c20f2"]]);
+var NativeSelect = /* @__PURE__ */ _export_sfc(_sfc_main$13, [["render", _sfc_render$13], ["__scopeId", "data-v-13291034"]]);
 var Pager_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _sfc_main$12 = {
   props: {
@@ -6639,7 +6657,7 @@ function _sfc_render$$(_ctx, _cache, $props, $setup, $data, $options) {
     _: 3
   }, 8, ["active", "loading", "to", "href", "target", "style", "class", "disabled"]);
 }
-var UXButton = /* @__PURE__ */ _export_sfc(_sfc_main$$, [["render", _sfc_render$$], ["__scopeId", "data-v-56c95efc"]]);
+var UXButton = /* @__PURE__ */ _export_sfc(_sfc_main$$, [["render", _sfc_render$$], ["__scopeId", "data-v-75edf72d"]]);
 var checkbox_vue_vue_type_style_index_0_scoped_true_lang$1 = "";
 const _sfc_main$_ = {
   props: {
@@ -6733,6 +6751,9 @@ const _sfc_main$Y = {
     },
     disabled: {
       type: Boolean
+    },
+    active: {
+      type: Boolean
     }
   },
   methods: {
@@ -6774,6 +6795,9 @@ const _sfc_main$Y = {
       if (this.disabled) {
         array.push("disabled");
       }
+      if (this.active) {
+        array.push("active");
+      }
       if (this.href || this.to) {
         array.push("haslink");
       }
@@ -6807,7 +6831,7 @@ function _sfc_render$Y(_ctx, _cache, $props, $setup, $data, $options) {
     _: 3
   }, 8, ["onClick", "to", "href", "target", "class"]);
 }
-var UXLink = /* @__PURE__ */ _export_sfc(_sfc_main$Y, [["render", _sfc_render$Y], ["__scopeId", "data-v-8b82829a"]]);
+var UXLink = /* @__PURE__ */ _export_sfc(_sfc_main$Y, [["render", _sfc_render$Y], ["__scopeId", "data-v-f100ab44"]]);
 var icon_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _sfc_main$X = {
   props: {
@@ -7338,10 +7362,12 @@ const _sfc_main$T = {
   },
   computed: {
     mediaType() {
-      return this.model.mediaIntegrationType || "upload";
+      var _a;
+      return ((_a = this.model) == null ? void 0 : _a.mediaIntegrationType) || "upload";
     },
     mimetype() {
-      return this.model.fileMime || "video/mp4";
+      var _a;
+      return ((_a = this.model) == null ? void 0 : _a.fileMime) || "video/mp4";
     },
     actualWidth() {
       return parseInt(this.width) || this.modelWidth || 1920;
@@ -7415,7 +7441,7 @@ function _sfc_render$T(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ], 6);
 }
-var UXVideo = /* @__PURE__ */ _export_sfc(_sfc_main$T, [["render", _sfc_render$T], ["__scopeId", "data-v-c85ee2a2"]]);
+var UXVideo = /* @__PURE__ */ _export_sfc(_sfc_main$T, [["render", _sfc_render$T], ["__scopeId", "data-v-1f51798b"]]);
 var progressbar_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _sfc_main$S = {
   props: {
@@ -12908,7 +12934,7 @@ function _sfc_render$D(_ctx, _cache, $props, $setup, $data, $options) {
     ]))
   ], 64);
 }
-var TextField = /* @__PURE__ */ _export_sfc(_sfc_main$D, [["render", _sfc_render$D], ["__scopeId", "data-v-d9e8503e"]]);
+var TextField = /* @__PURE__ */ _export_sfc(_sfc_main$D, [["render", _sfc_render$D], ["__scopeId", "data-v-33318d34"]]);
 var textarea_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _sfc_main$C = {
   props: {
@@ -13162,7 +13188,7 @@ function _sfc_render$B(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ], 64);
 }
-var DateField = /* @__PURE__ */ _export_sfc(_sfc_main$B, [["render", _sfc_render$B], ["__scopeId", "data-v-1c86b484"]]);
+var DateField = /* @__PURE__ */ _export_sfc(_sfc_main$B, [["render", _sfc_render$B], ["__scopeId", "data-v-2e4bcb71"]]);
 var daterange_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _sfc_main$A = {
   components: {
@@ -15141,11 +15167,8 @@ const _sfc_main$q = {
       return `${this.label} ${index2 + 1}`;
     },
     enterPress(event) {
-      if (this.canAddValue) {
-        event.stopImmediatePropagation();
-        event.preventDefault();
-        this.add();
-      }
+      console.log("Enter", event);
+      return;
     },
     refocus() {
       this.$nextTick(function() {
@@ -15578,7 +15601,7 @@ function _sfc_render$q(_ctx, _cache, $props, $setup, $data, $options) {
     ], 64))
   ], 64));
 }
-var FieldGroup$1 = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["render", _sfc_render$q], ["__scopeId", "data-v-66c6137b"]]);
+var FieldGroup$1 = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["render", _sfc_render$q], ["__scopeId", "data-v-f616ab46"]]);
 const _sfc_main$p = {
   props: {
     option: {
@@ -18554,7 +18577,8 @@ const _sfc_main$e = {
       },
       set(value) {
         var cleaned = this.cleanInput(value);
-        if (this.model[this.key] != cleaned) {
+        const existing = this.model[this.key];
+        if (existing != cleaned) {
           this.model[this.key] = cleaned;
           this.isDirty = true;
           this.$emit("update:modelValue", this.model);
@@ -18931,7 +18955,7 @@ function _sfc_render$e(_ctx, _cache, $props, $setup, $data, $options) {
     $options.error && $data.validateResults.message ? (openBlock(), createElementBlock("div", _hoisted_1$b, toDisplayString($data.validateResults.message), 1)) : createCommentVNode("", true)
   ], 34)) : createCommentVNode("", true);
 }
-var UXFormField = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["render", _sfc_render$e], ["__scopeId", "data-v-5b27e0f0"]]);
+var UXFormField = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["render", _sfc_render$e], ["__scopeId", "data-v-353dd59e"]]);
 function arrayReduce$1(array, iteratee, accumulator, initAccum) {
   var index2 = -1, length = array == null ? 0 : array.length;
   if (initAccum && length) {
@@ -21121,6 +21145,7 @@ const _sfc_main$6 = {
         case "audio":
         case "file":
         case "submission":
+        case "export":
         case "log":
           defaultSort = {
             key: "meta.created",
@@ -21429,6 +21454,10 @@ const _sfc_main$6 = {
         }
       });
       const { data } = await promise;
+      if (!data) {
+        console.log("No data returned");
+        return;
+      }
       data.items.forEach(self2.ensureMeta);
       return data;
     }
@@ -21464,7 +21493,7 @@ const _sfc_main$6 = {
     };
   }
 };
-const _withScopeId$1 = (n2) => (pushScopeId("data-v-ebe5f108"), n2 = n2(), popScopeId(), n2);
+const _withScopeId$1 = (n2) => (pushScopeId("data-v-6a5fdde1"), n2 = n2(), popScopeId(), n2);
 const _hoisted_1$6 = { class: "footer" };
 const _hoisted_2$5 = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ createElementVNode("p", null, null, -1));
 const _hoisted_3$5 = { key: 0 };
@@ -21693,7 +21722,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-ebe5f108"]]);
+var ContentBrowser = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["render", _sfc_render$6], ["__scopeId", "data-v-6a5fdde1"]]);
 var ModalMixin = {
   props: {
     options: {
@@ -22591,6 +22620,15 @@ const QikUI = {
         sdk.modals.splice(modal.id, 0, modal);
       });
     };
+    sdk.prompt = function(fields, options) {
+      options = options || {};
+      options.model = options.model || {};
+      options.fields = fields;
+      return sdk.modal({
+        component: UxPromptModal,
+        options
+      });
+    };
     sdk.browse = function(type, options) {
       options = options || {};
       options.type = type;
@@ -22608,6 +22646,14 @@ const QikUI = {
         options
       });
     };
+    sdk.confirm = function(title, options) {
+      options = options || {};
+      options.title = title;
+      return sdk.modal({
+        component: UxConfirmModal,
+        options
+      });
+    };
     sdk.options = function(choices, title, description) {
       return sdk.modal({
         component: UxOptionsModal,
@@ -22618,23 +22664,6 @@ const QikUI = {
         }
       });
     };
-    sdk.prompt = function(fields, options) {
-      options = options || {};
-      options.model = options.model || {};
-      options.fields = fields;
-      return sdk.modal({
-        component: UxPromptModal,
-        options
-      });
-    };
-    sdk.confirm = function(title, options) {
-      options = options || {};
-      options.title = title;
-      return sdk.modal({
-        component: UxConfirmModal,
-        options
-      });
-    };
     sdk.closeModal = function(id) {
       var modal = sdk.modals.find(function(modal2) {
         return modal2.id == id;