@qikdev/vue-ui 0.1.61 → 0.1.64

package/dist/lib.es.js

@@ -32,7 +32,7 @@ var __objRest = (source, exclude) => {
 };
 import { openBlock, createElementBlock, renderSlot, resolveComponent, createBlock, withCtx, createVNode, Fragment, renderList, normalizeClass, toDisplayString, withDirectives, resolveDynamicComponent, vShow, withModifiers, createTextVNode, createCommentVNode, createElementVNode, mergeProps, toHandlers, pushScopeId, popScopeId, normalizeStyle, Teleport, vModelSelect, withKeys, vModelText, TransitionGroup, defineComponent, h, nextTick, vModelDynamic, vModelCheckbox, reactive, watch } from "vue";
 import { EventDispatcher } from "@qikdev/sdk";
-const version$1 = "0.1.61";
+const version$1 = "0.1.64";
 var flexColumn_vue_vue_type_style_index_0_scoped_true_lang = "";
 var _export_sfc = (sfc, props2) => {
   const target = sfc.__vccOpts || sfc;
@@ -4633,13 +4633,13 @@ const _hoisted_1$L = { class: "table-date-cell" };
 const _hoisted_2$D = { key: 0 };
 const _hoisted_3$w = { class: "off" };
 const _hoisted_4$s = { class: "on" };
-const _hoisted_5$m = { class: "spacer" };
+const _hoisted_5$n = { class: "spacer" };
 function _sfc_render$_(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("td", _hoisted_1$L, [
     $options.hasValue ? (openBlock(), createElementBlock("div", _hoisted_2$D, [
       createElementVNode("span", _hoisted_3$w, toDisplayString($options.readable), 1),
       createElementVNode("span", _hoisted_4$s, toDisplayString($options.timeago), 1),
-      createElementVNode("span", _hoisted_5$m, toDisplayString($options.readable), 1)
+      createElementVNode("span", _hoisted_5$n, toDisplayString($options.readable), 1)
     ])) : createCommentVNode("", true)
   ]);
 }
@@ -5186,7 +5186,7 @@ const _hoisted_3$u = {
   class: "first table-select shrink"
 };
 const _hoisted_4$r = /* @__PURE__ */ createTextVNode(" Select Page ");
-const _hoisted_5$l = /* @__PURE__ */ createTextVNode(" Deselect Page ");
+const _hoisted_5$m = /* @__PURE__ */ createTextVNode(" Deselect Page ");
 const _hoisted_6$i = /* @__PURE__ */ createTextVNode(" Deselect All ");
 const _hoisted_7$f = ["onClick"];
 const _hoisted_8$8 = {
@@ -5225,7 +5225,7 @@ function _sfc_render$U(_ctx, _cache, $props, $setup, $data, $options) {
                         onClick: _cache[1] || (_cache[1] = ($event) => $options.deselectPage())
                       }, {
                         default: withCtx(() => [
-                          _hoisted_5$l
+                          _hoisted_5$m
                         ]),
                         _: 1
                       })) : createCommentVNode("", true),
@@ -5422,7 +5422,7 @@ function _sfc_render$S(_ctx, _cache, $props, $setup, $data, $options) {
     _: 3
   }, 8, ["active", "loading", "to", "href", "target", "style", "class", "disabled"]);
 }
-var UXButton = /* @__PURE__ */ _export_sfc(_sfc_main$S, [["render", _sfc_render$S], ["__scopeId", "data-v-6e53d3d2"]]);
+var UXButton = /* @__PURE__ */ _export_sfc(_sfc_main$S, [["render", _sfc_render$S], ["__scopeId", "data-v-56c95efc"]]);
 var checkbox_vue_vue_type_style_index_0_scoped_true_lang$1 = "";
 const _sfc_main$R = {
   props: {
@@ -5826,7 +5826,7 @@ const _sfc_main$M = {
     },
     expandOn: {
       type: String,
-      default: "click"
+      default: "none"
     }
   },
   methods: {
@@ -6606,7 +6606,7 @@ const _hoisted_4$q = {
   key: 2,
   class: "ui-select-button"
 };
-const _hoisted_5$k = ["multiple"];
+const _hoisted_5$l = ["multiple"];
 const _hoisted_6$h = {
   key: 0,
   value: ""
@@ -6643,7 +6643,7 @@ function _sfc_render$H(_ctx, _cache, $props, $setup, $data, $options) {
           value: option2.value
         }, toDisplayString(option2.title), 9, _hoisted_7$e);
       }), 256))
-    ], 40, _hoisted_5$k), [
+    ], 40, _hoisted_5$l), [
       [vModelSelect, _ctx.model]
     ])
   ], 2);
@@ -6735,7 +6735,7 @@ const _hoisted_3$s = {
   class: "ux-field-description"
 };
 const _hoisted_4$p = { key: 2 };
-const _hoisted_5$j = /* @__PURE__ */ createTextVNode(" Country Code ");
+const _hoisted_5$k = /* @__PURE__ */ createTextVNode(" Country Code ");
 const _hoisted_6$g = { key: 0 };
 const _hoisted_7$d = { key: 1 };
 const _hoisted_8$7 = { class: "ux-text-wrap" };
@@ -6773,7 +6773,7 @@ function _sfc_render$G(_ctx, _cache, $props, $setup, $data, $options) {
                 }, {
                   default: withCtx(() => [
                     !entry.countryCode ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-                      _hoisted_5$j
+                      _hoisted_5$k
                     ], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
                       $data.lookup[entry.countryCode] ? (openBlock(), createElementBlock("div", _hoisted_6$g, toDisplayString($data.lookup[entry.countryCode].emoji) + " - " + toDisplayString($data.lookup[entry.countryCode].alpha2), 1)) : (openBlock(), createElementBlock("div", _hoisted_7$d, "Loading"))
                     ], 64))
@@ -7429,7 +7429,7 @@ const _hoisted_4$o = {
   key: 2,
   class: "ui-select-button"
 };
-const _hoisted_5$i = ["multiple"];
+const _hoisted_5$j = ["multiple"];
 const _hoisted_6$f = {
   key: 0,
   value: ""
@@ -7466,7 +7466,7 @@ function _sfc_render$F(_ctx, _cache, $props, $setup, $data, $options) {
           value: option2.value
         }, toDisplayString(option2.title), 9, _hoisted_7$c);
       }), 256))
-    ], 40, _hoisted_5$i), [
+    ], 40, _hoisted_5$j), [
       [vModelSelect, _ctx.model]
     ])
   ], 2);
@@ -10199,11 +10199,33 @@ const _sfc_main$D = {
     }
   },
   mixins: [InputMixin],
-  created() {
+  async created() {
+    this.glossary = await this.$sdk.content.glossary({ hash: true });
     this.value = this.cleanInput(this.value, true);
     this.dispatch();
   },
+  data() {
+    return {
+      glossary: {}
+    };
+  },
   methods: {
+    async create() {
+      var _a;
+      const self2 = this;
+      if (!((_a = self2.$sdk.global) == null ? void 0 : _a.create)) {
+        return;
+      }
+      const item = await self2.$sdk.global.create(self2.field.referenceType);
+      if (self2.multiValue) {
+        if (!self2.model) {
+          self2.model = [];
+        }
+        self2.model.push(item);
+      } else {
+        self2.model = item;
+      }
+    },
     clear() {
       this.model = void 0;
       this.touch();
@@ -10264,6 +10286,27 @@ const _sfc_main$D = {
     }
   },
   computed: {
+    canAdd() {
+      const self2 = this;
+      if (!self2.maximum) {
+        return true;
+      }
+      return self2.multiValue ? self2.model.length < self2.maximum : !self2.model;
+    },
+    canCreate() {
+      var _a;
+      if (!((_a = this.$sdk.global) == null ? void 0 : _a.create)) {
+        return;
+      }
+      var basicType = this.field.referenceType;
+      var definedType = basicType;
+      var match2 = this.glossary[this.field.referenceType];
+      if (match2) {
+        basicType = match2.definesType || match2.key;
+        definedType = match2.key || match2.definesType;
+      }
+      return this.user && this.$sdk.access.canCreate(this.user, definedType, basicType);
+    },
     summary() {
       if (this.multiValue) {
         if (this.model && this.model.length) {
@@ -10277,6 +10320,9 @@ const _sfc_main$D = {
           if (difference) {
             summary = `${summary}... +${difference} more...`;
           }
+          if (!summary) {
+            return `Click to select`;
+          }
           return summary;
         } else {
           return `Click to select`;
@@ -10307,11 +10353,15 @@ const _hoisted_4$n = {
   key: 3,
   class: "items"
 };
+const _hoisted_5$i = /* @__PURE__ */ createTextVNode(" Create ");
 function _sfc_render$D(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_ux_icon = resolveComponent("ux-icon");
   const _component_ux_button = resolveComponent("ux-button");
   const _component_item = resolveComponent("item");
   const _component_draggable = resolveComponent("draggable");
+  const _component_flex_cell = resolveComponent("flex-cell");
+  const _component_flex_spacer = resolveComponent("flex-spacer");
+  const _component_flex_row = resolveComponent("flex-row");
   return openBlock(), createElementBlock(Fragment, null, [
     _ctx.showLabel ? (openBlock(), createElementBlock("label", _hoisted_1$x, [
       createTextVNode(toDisplayString(_ctx.label) + " ", 1),
@@ -10382,15 +10432,50 @@ function _sfc_render$D(_ctx, _cache, $props, $setup, $data, $options) {
         _: 1
       }, 8, ["item"])
     ])) : createCommentVNode("", true),
-    createVNode(_component_ux_button, { onClick: $options.open }, {
+    $options.canAdd ? (openBlock(), createBlock(_component_flex_row, {
+      key: 4,
+      gap: ""
+    }, {
       default: withCtx(() => [
-        createTextVNode(toDisplayString($options.summary), 1)
+        createVNode(_component_flex_cell, { shrink: "" }, {
+          default: withCtx(() => [
+            createVNode(_component_ux_button, { onClick: $options.open }, {
+              default: withCtx(() => [
+                createTextVNode(toDisplayString($options.summary), 1)
+              ]),
+              _: 1
+            }, 8, ["onClick"])
+          ]),
+          _: 1
+        }),
+        $options.canCreate ? (openBlock(), createBlock(_component_flex_cell, {
+          key: 0,
+          shrink: ""
+        }, {
+          default: withCtx(() => [
+            createVNode(_component_ux_button, {
+              color: "primary",
+              onClick: $options.create
+            }, {
+              default: withCtx(() => [
+                _hoisted_5$i,
+                createVNode(_component_ux_icon, {
+                  right: "",
+                  icon: "fa-plus"
+                })
+              ]),
+              _: 1
+            }, 8, ["onClick"])
+          ]),
+          _: 1
+        })) : createCommentVNode("", true),
+        createVNode(_component_flex_spacer)
       ]),
       _: 1
-    }, 8, ["onClick"])
+    })) : createCommentVNode("", true)
   ], 64);
 }
-var ContentSelect = /* @__PURE__ */ _export_sfc(_sfc_main$D, [["render", _sfc_render$D], ["__scopeId", "data-v-49f2d443"]]);
+var ContentSelect = /* @__PURE__ */ _export_sfc(_sfc_main$D, [["render", _sfc_render$D], ["__scopeId", "data-v-60b312d0"]]);
 var typeSelect_vue_vue_type_style_index_0_scoped_true_lang = "";
 function isUndefined$3(entry) {
   return entry === void 0 || typeof entry === "undefined" || entry === null || String(entry) === "null" || String(entry) === "undefined";
@@ -15944,6 +16029,7 @@ const _sfc_main$d = {
         case "type-select":
         case "html":
         case "filter":
+        case "value":
           break;
         case "password":
           return "textfield";
@@ -15976,7 +16062,7 @@ const _sfc_main$d = {
   }
 };
 const _hoisted_1$a = {
-  key: 24,
+  key: 25,
   class: "ux-field-message"
 };
 function _sfc_render$d(_ctx, _cache, $props, $setup, $data, $options) {
@@ -16030,35 +16116,36 @@ function _sfc_render$d(_ctx, _cache, $props, $setup, $data, $options) {
       modelValue: $options.fieldModel,
       "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => $options.fieldModel = $event)
     }, null, 8, ["onTouched", "field", "modelValue"])) : createCommentVNode("", true),
+    $options.widget == "value" ? (openBlock(), createElementBlock(Fragment, { key: 3 }, [], 64)) : createCommentVNode("", true),
     $options.widget == "filter" ? (openBlock(), createBlock(_component_filter_input, {
-      key: 3,
+      key: 4,
       onTouched: $options.touch,
       field: $options.actualField,
       modelValue: $options.fieldModel,
       "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => $options.fieldModel = $event)
     }, null, 8, ["onTouched", "field", "modelValue"])) : createCommentVNode("", true),
     $options.widget == "checkbox" ? (openBlock(), createBlock(_component_checkbox, {
-      key: 4,
+      key: 5,
       onTouched: $options.touch,
       field: $options.actualField,
       modelValue: $options.fieldModel,
       "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => $options.fieldModel = $event)
     }, null, 8, ["onTouched", "field", "modelValue"])) : createCommentVNode("", true),
     $options.widget == "switch" ? (openBlock(), createBlock(_component_boolean_switch, {
-      key: 5,
+      key: 6,
       onTouched: $options.touch,
       field: $options.actualField,
       modelValue: $options.fieldModel,
       "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => $options.fieldModel = $event)
     }, null, 8, ["onTouched", "field", "modelValue"])) : createCommentVNode("", true),
     $options.widget == "upload" ? (openBlock(), createBlock(_component_upload, {
-      key: 6,
+      key: 7,
       onTouched: $options.touch,
       field: $options.actualField,
       modelValue: $options.fieldModel,
       "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => $options.fieldModel = $event)
     }, null, 8, ["onTouched", "field", "modelValue"])) : createCommentVNode("", true),
-    $options.widget == "group" ? (openBlock(), createElementBlock(Fragment, { key: 7 }, [
+    $options.widget == "group" ? (openBlock(), createElementBlock(Fragment, { key: 8 }, [
       $options.asObject ? (openBlock(), createBlock(_component_field_group, {
         key: 0,
         submission: $props.submission,
@@ -16082,7 +16169,7 @@ function _sfc_render$d(_ctx, _cache, $props, $setup, $data, $options) {
       }, null, 8, ["submission", "onForm:state", "onTouched", "field", "parentModel", "modelValue"]))
     ], 64)) : createCommentVNode("", true),
     $options.widget == "form" ? (openBlock(), createBlock(_component_field_group, {
-      key: 8,
+      key: 9,
       submission: $props.submission,
       "onForm:state": $options.groupStateAltered,
       ref: "group",
@@ -16093,99 +16180,99 @@ function _sfc_render$d(_ctx, _cache, $props, $setup, $data, $options) {
       "onUpdate:modelValue": _cache[9] || (_cache[9] = ($event) => $options.fieldModel = $event)
     }, null, 8, ["submission", "onForm:state", "onTouched", "field", "parentModel", "modelValue"])) : createCommentVNode("", true),
     $options.widget == "select" ? (openBlock(), createBlock(_component_native_select, {
-      key: 9,
+      key: 10,
       onTouched: $options.touch,
       field: $options.actualField,
       modelValue: $options.fieldModel,
       "onUpdate:modelValue": _cache[10] || (_cache[10] = ($event) => $options.fieldModel = $event)
     }, null, 8, ["onTouched", "field", "modelValue"])) : createCommentVNode("", true),
     $options.widget == "button" ? (openBlock(), createBlock(_component_button_select, {
-      key: 10,
+      key: 11,
       onTouched: $options.touch,
       field: $options.actualField,
       modelValue: $options.fieldModel,
       "onUpdate:modelValue": _cache[11] || (_cache[11] = ($event) => $options.fieldModel = $event)
     }, null, 8, ["onTouched", "field", "modelValue"])) : createCommentVNode("", true),
     $options.widget == "textfield" ? (openBlock(), createBlock(_component_text_field, {
-      key: 11,
+      key: 12,
       onTouched: $options.touch,
       field: $options.actualField,
       modelValue: $options.fieldModel,
       "onUpdate:modelValue": _cache[12] || (_cache[12] = ($event) => $options.fieldModel = $event)
     }, null, 8, ["onTouched", "field", "modelValue"])) : createCommentVNode("", true),
     $options.widget == "currency" ? (openBlock(), createBlock(_component_currency_field, {
-      key: 12,
+      key: 13,
       onTouched: $options.touch,
       field: $options.actualField,
       modelValue: $options.fieldModel,
       "onUpdate:modelValue": _cache[13] || (_cache[13] = ($event) => $options.fieldModel = $event)
     }, null, 8, ["onTouched", "field", "modelValue"])) : createCommentVNode("", true),
     $options.widget == "datefield" ? (openBlock(), createBlock(_component_date_field, {
-      key: 13,
+      key: 14,
       onTouched: $options.touch,
       field: $options.actualField,
       modelValue: $options.fieldModel,
       "onUpdate:modelValue": _cache[14] || (_cache[14] = ($event) => $options.fieldModel = $event)
     }, null, 8, ["onTouched", "field", "modelValue"])) : createCommentVNode("", true),
     $options.widget == "content-select" ? (openBlock(), createBlock(_component_content_select, {
-      key: 14,
+      key: 15,
       onTouched: $options.touch,
       field: $options.actualField,
       modelValue: $options.fieldModel,
       "onUpdate:modelValue": _cache[15] || (_cache[15] = ($event) => $options.fieldModel = $event)
     }, null, 8, ["onTouched", "field", "modelValue"])) : createCommentVNode("", true),
     $options.widget == "type-select" ? (openBlock(), createBlock(_component_type_select, {
-      key: 15,
+      key: 16,
       onTouched: $options.touch,
       field: $options.actualField,
       modelValue: $options.fieldModel,
       "onUpdate:modelValue": _cache[16] || (_cache[16] = ($event) => $options.fieldModel = $event)
     }, null, 8, ["onTouched", "field", "modelValue"])) : createCommentVNode("", true),
     $options.widget == "richtext" ? (openBlock(), createBlock(_component_rich_text_field, {
-      key: 16,
+      key: 17,
       onTouched: $options.touch,
       field: $options.actualField,
       modelValue: $options.fieldModel,
       "onUpdate:modelValue": _cache[17] || (_cache[17] = ($event) => $options.fieldModel = $event)
     }, null, 8, ["onTouched", "field", "modelValue"])) : createCommentVNode("", true),
     $options.widget == "textarea" ? (openBlock(), createBlock(_component_text_area, {
-      key: 17,
+      key: 18,
       onTouched: $options.touch,
       field: $options.actualField,
       modelValue: $options.fieldModel,
       "onUpdate:modelValue": _cache[18] || (_cache[18] = ($event) => $options.fieldModel = $event)
     }, null, 8, ["onTouched", "field", "modelValue"])) : createCommentVNode("", true),
     $options.widget == "timezone" ? (openBlock(), createBlock(_component_timezone_select, {
-      key: 18,
+      key: 19,
       onTouched: $options.touch,
       field: $options.actualField,
       modelValue: $options.fieldModel,
       "onUpdate:modelValue": _cache[19] || (_cache[19] = ($event) => $options.fieldModel = $event)
     }, null, 8, ["onTouched", "field", "modelValue"])) : createCommentVNode("", true),
     $options.widget == "phone" ? (openBlock(), createBlock(_component_phone_number_input, {
-      key: 19,
+      key: 20,
       onTouched: $options.touch,
       field: $options.actualField,
       modelValue: $options.fieldModel,
       "onUpdate:modelValue": _cache[20] || (_cache[20] = ($event) => $options.fieldModel = $event)
     }, null, 8, ["onTouched", "field", "modelValue"])) : createCommentVNode("", true),
-    $options.widget == "value" ? (openBlock(), createElementBlock(Fragment, { key: 20 }, [], 64)) : createCommentVNode("", true),
+    $options.widget == "value" ? (openBlock(), createElementBlock(Fragment, { key: 21 }, [], 64)) : createCommentVNode("", true),
     $options.widget == "object" ? (openBlock(), createBlock(_component_object_field, {
-      key: 21,
+      key: 22,
       onTouched: $options.touch,
       field: $options.actualField,
       modelValue: $options.fieldModel,
       "onUpdate:modelValue": _cache[21] || (_cache[21] = ($event) => $options.fieldModel = $event)
     }, null, 8, ["onTouched", "field", "modelValue"])) : createCommentVNode("", true),
     $options.widget == "options" ? (openBlock(), createBlock(_component_options_manager, {
-      key: 22,
+      key: 23,
       onTouched: $options.touch,
       field: $options.actualField,
       modelValue: $options.fieldModel,
       "onUpdate:modelValue": _cache[22] || (_cache[22] = ($event) => $options.fieldModel = $event)
     }, null, 8, ["onTouched", "field", "modelValue"])) : createCommentVNode("", true),
     $options.widget == "code" ? (openBlock(), createBlock(_component_flex_column, {
-      key: 23,
+      key: 24,
       style: { "min-height": "300px" }
     }, {
       default: withCtx(() => [
@@ -16201,7 +16288,7 @@ function _sfc_render$d(_ctx, _cache, $props, $setup, $data, $options) {
     $options.error && $data.validateResults.message ? (openBlock(), createElementBlock("div", _hoisted_1$a, toDisplayString($data.validateResults.message), 1)) : createCommentVNode("", true)
   ], 34)) : createCommentVNode("", true);
 }
-var UXFormField = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["render", _sfc_render$d], ["__scopeId", "data-v-7e4ae2fb"]]);
+var UXFormField = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["render", _sfc_render$d], ["__scopeId", "data-v-6c49b812"]]);
 var form_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _sfc_main$c = {
   props: {
@@ -17746,6 +17833,7 @@ function defaultColumns(self2, type) {
   return columns;
 }
 let cancelInflight;
+let cancelledUnmount;
 let typeCacheKey;
 const _sfc_main$5 = {
   props: {
@@ -17810,6 +17898,11 @@ const _sfc_main$5 = {
   },
   deactivated() {
     typeCacheKey = this.$sdk.global.cacheKeys[this.type];
+    if (cancelInflight) {
+      cancelInflight();
+      cancelInflight = null;
+      cancelledUnmount = true;
+    }
   },
   async activated() {
     var self2 = this;
@@ -17818,6 +17911,10 @@ const _sfc_main$5 = {
       typeCacheKey = nowCacheKey;
       self2.dataSource = await self2.load();
     }
+    if (cancelledUnmount) {
+      cancelledUnmount = false;
+      self2.dataSource = await self2.load();
+    }
   },
   async created() {
     var self2 = this;
@@ -18193,7 +18290,7 @@ const _sfc_main$5 = {
     };
   }
 };
-const _withScopeId = (n2) => (pushScopeId("data-v-444f4547"), n2 = n2(), popScopeId(), n2);
+const _withScopeId = (n2) => (pushScopeId("data-v-00a8af80"), n2 = n2(), popScopeId(), n2);
 const _hoisted_1$5 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("p", null, null, -1));
 const _hoisted_2$4 = { class: "footer" };
 function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
@@ -18367,7 +18464,7 @@ function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
     _: 3
   })) : createCommentVNode("", true);
 }
-var ContentBrowser = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["render", _sfc_render$5], ["__scopeId", "data-v-444f4547"]]);
+var ContentBrowser = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["render", _sfc_render$5], ["__scopeId", "data-v-00a8af80"]]);
 var ModalMixin = {
   props: {
     options: {