@qikdev/vue-ui 0.1.62 → 0.1.66

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.62";
+const version$1 = "0.1.66";
 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: {
@@ -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";
@@ -12782,7 +12867,14 @@ const _sfc_main$p = {
       config.headers = {
         "Content-Type": void 0
       };
-      return self2.$sdk.api.post(`/file/upload`, body, config).then(function(res) {
+      let uploadURL = `/file/upload`;
+      if (self2.$sdk.fileAPI) {
+        uploadURL = `${self2.$sdk.fileAPI}${uploadURL}`;
+        console.log("UPLOADING BINARY", uploadURL);
+      } else {
+        console.log("PROXY UPLOAD");
+      }
+      return self2.$sdk.api.post(uploadURL, body, config).then(function(res) {
         fileItem.state = "complete";
         fileItem.result = res.data;
         fileItem.cancelToken = null;
@@ -12946,7 +13038,7 @@ function _sfc_render$p(_ctx, _cache, $props, $setup, $data, $options) {
     }, 8, ["onFiles"]))
   ], 64);
 }
-var Upload = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["render", _sfc_render$p], ["__scopeId", "data-v-1c070f26"]]);
+var Upload = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["render", _sfc_render$p], ["__scopeId", "data-v-5c2c5882"]]);
 var group_vue_vue_type_style_index_0_scoped_true_lang$1 = "";
 const _sfc_main$o = {
   mixins: [InputMixin],
@@ -15944,6 +16036,7 @@ const _sfc_main$d = {
         case "type-select":
         case "html":
         case "filter":
+        case "value":
           break;
         case "password":
           return "textfield";
@@ -15976,7 +16069,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 +16123,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 +16176,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 +16187,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 +16295,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: {