@qikdev/vue-ui 0.1.77 → 0.1.80

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.77";
+const version$1 = "0.1.80";
 var flexColumn_vue_vue_type_style_index_0_scoped_true_lang = "";
 var _export_sfc = (sfc, props2) => {
   const target = sfc.__vccOpts || sfc;
@@ -5927,10 +5927,13 @@ const _sfc_main$L = {
       type: Object
     },
     width: {
-      type: [Number, String]
+      type: Number
     },
     height: {
-      type: [Number, String]
+      type: Number
+    },
+    inline: {
+      type: Boolean
     },
     quality: {
       type: Number
@@ -5967,11 +5970,12 @@ const _sfc_main$L = {
     };
   },
   computed: {
-    aspectStyle() {
-      return {
-        "aspect-ratio": `${this.imageHeight / this.imageWidth}`,
-        "object-fit": "contain"
-      };
+    className() {
+      var classes = [];
+      if (this.portrait) {
+        classes.push("img-portrait");
+      }
+      return classes.join(" ");
     },
     isSvg() {
       var _a;
@@ -5984,11 +5988,8 @@ const _sfc_main$L = {
           return true;
       }
     },
-    defaultWidth() {
-      return;
-    },
-    defaultHeight() {
-      return;
+    portrait() {
+      return this.crop ? this.dimensionHeight > this.dimensionWidth : this.modelHeight > this.modelWidth;
     },
     imageWidth() {
       return parseInt(this.width);
@@ -5996,6 +5997,14 @@ const _sfc_main$L = {
     imageHeight() {
       return parseInt(this.height);
     },
+    modelWidth() {
+      var _a;
+      return parseInt((_a = this.model) == null ? void 0 : _a.width);
+    },
+    modelHeight() {
+      var _a;
+      return parseInt((_a = this.model) == null ? void 0 : _a.height);
+    },
     id() {
       return this.$sdk.utils.id(this.model);
     },
@@ -6003,10 +6012,10 @@ const _sfc_main$L = {
       var params = {};
       params.access_token = this.$sdk.auth.getCurrentToken();
       if (this.imageWidth) {
-        params.w = this.imageWidth ? this.imageWidth : this.defaultWidth;
+        params.w = this.imageWidth ? this.imageWidth : null;
       }
       if (this.imageHeight) {
-        params.h = this.imageHeight ? this.imageHeight : this.defaultHeight;
+        params.h = this.imageHeight ? this.imageHeight : null;
       }
       if (this.crop) {
         params.c = true;
@@ -6035,23 +6044,45 @@ const _sfc_main$L = {
       delete params.h;
       return this.$sdk.api.generateEndpointURL(`/${this.type}/${this.id}`, params);
     },
+    imageStyle() {
+      var style = {};
+      if (!this.crop) {
+        style["object-fit"] = "contain";
+      }
+      if (this.inline) {
+        style.maxWidth = "100%";
+      } else {
+        style.width = "100%";
+        style.height = "100%";
+        style.top = `0`;
+        style.left = `0`;
+        style.position = "absolute";
+      }
+      return style;
+    },
+    dimensionWidth() {
+      return this.imageWidth && this.imageHeight ? this.imageWidth : this.modelWidth;
+    },
+    dimensionHeight() {
+      return this.imageWidth && this.imageHeight ? this.imageHeight : this.modelHeight;
+    },
     style() {
       var _a, _b, _c;
       var style = {};
+      if (this.inline) {
+        style.display = "inline-block";
+      } else {
+        if (this.dimensionHeight && this.dimensionWidth) {
+          style.height = 0;
+          style.overflow = "hidden";
+          style.paddingBottom = `${this.dimensionHeight / this.dimensionWidth * 100}%`;
+          style.position = "relative";
+        }
+      }
       var colors = (_c = (_b = (_a = this.model) == null ? void 0 : _a.fileMeta) == null ? void 0 : _b.colors) == null ? void 0 : _c.colors;
       if (colors && colors.length) {
         style.backgroundColor = colors[0];
       }
-      var dimensionWidth = this.model.width;
-      var dimensionHeight = this.model.height;
-      if (this.width && this.height) {
-        dimensionWidth = this.width;
-        dimensionHeight = this.height;
-      }
-      if (dimensionHeight && dimensionWidth) {
-        style.height = 0;
-        style.paddingBottom = `${dimensionHeight / dimensionWidth * 100}%`;
-      }
       if (this.isSvg)
         ;
       else {
@@ -6067,7 +6098,7 @@ const _hoisted_1$F = ["data"];
 const _hoisted_2$y = ["src"];
 function _sfc_render$L(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
-    class: "ux-image",
+    class: normalizeClass(["ux-image", $options.className]),
     style: normalizeStyle($options.style)
   }, [
     $props.svg ? (openBlock(), createElementBlock("object", {
@@ -6076,12 +6107,12 @@ function _sfc_render$L(_ctx, _cache, $props, $setup, $data, $options) {
       data: $options.src
     }, null, 8, _hoisted_1$F)) : (openBlock(), createElementBlock("img", {
       key: 1,
-      src: $options.src,
-      style: normalizeStyle($options.aspectStyle)
+      style: normalizeStyle($options.imageStyle),
+      src: $options.src
     }, null, 12, _hoisted_2$y))
-  ], 4);
+  ], 6);
 }
-var UXImage = /* @__PURE__ */ _export_sfc(_sfc_main$L, [["render", _sfc_render$L], ["__scopeId", "data-v-0013b853"]]);
+var UXImage = /* @__PURE__ */ _export_sfc(_sfc_main$L, [["render", _sfc_render$L], ["__scopeId", "data-v-1f7127ce"]]);
 var progressbar_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _sfc_main$K = {
   props: {
@@ -12363,14 +12394,17 @@ const _sfc_main$u = {
     NativeSelect
   }
 };
-const _hoisted_1$o = { class: "filter-rule" };
+const _hoisted_1$o = {
+  key: 0,
+  class: "filter-rule"
+};
 const _hoisted_2$k = { class: "top" };
 const _hoisted_3$h = { class: "summary" };
 const _hoisted_4$g = /* @__PURE__ */ createTextVNode(" Match ");
 const _hoisted_5$b = /* @__PURE__ */ createTextVNode(" of the following conditions ");
 const _hoisted_6$a = /* @__PURE__ */ createElementVNode("span", { class: "line" }, null, -1);
 const _hoisted_7$7 = { class: "operator" };
-const _hoisted_8$3 = /* @__PURE__ */ createTextVNode("Add Condition");
+const _hoisted_8$3 = /* @__PURE__ */ createTextVNode(" Add Condition ");
 function _sfc_render$u(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_native_select = resolveComponent("native-select");
   const _component_flex_cell = resolveComponent("flex-cell");
@@ -12378,7 +12412,7 @@ function _sfc_render$u(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_ux_button = resolveComponent("ux-button");
   const _component_flex_row = resolveComponent("flex-row");
   const _component_filter_condition = resolveComponent("filter-condition");
-  return openBlock(), createElementBlock("div", _hoisted_1$o, [
+  return $props.definition ? (openBlock(), createElementBlock("div", _hoisted_1$o, [
     createElementVNode("div", _hoisted_2$k, [
       createVNode(_component_flex_row, null, {
         default: withCtx(() => [
@@ -12456,13 +12490,20 @@ function _sfc_render$u(_ctx, _cache, $props, $setup, $data, $options) {
         _: 2
       }, 1024);
     }), 128)),
-    createVNode(_component_ux_button, { onClick: $options.addCondition }, {
+    createVNode(_component_ux_button, {
+      size: "sm",
+      onClick: $options.addCondition
+    }, {
       default: withCtx(() => [
-        _hoisted_8$3
+        _hoisted_8$3,
+        createVNode(_component_ux_icon, {
+          icon: "fa-plus",
+          right: ""
+        })
       ]),
       _: 1
     }, 8, ["onClick"])
-  ]);
+  ])) : createCommentVNode("", true);
 }
 var FilterRule = /* @__PURE__ */ _export_sfc(_sfc_main$u, [["render", _sfc_render$u]]);
 var FilterBuilder_vue_vue_type_style_index_0_scoped_true_lang = "";
@@ -12615,6 +12656,7 @@ function _sfc_render$t(_ctx, _cache, $props, $setup, $data, $options) {
               }, null, 8, ["onRemove", "definition", "modelValue", "onUpdate:modelValue", "index"]);
             }), 128)),
             createVNode(_component_ux_button, {
+              size: "sm",
               onClick: _cache[1] || (_cache[1] = ($event) => $options.addRule())
             }, {
               default: withCtx(() => [
@@ -12630,7 +12672,7 @@ function _sfc_render$t(_ctx, _cache, $props, $setup, $data, $options) {
     _: 1
   });
 }
-var FilterBuilder = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["render", _sfc_render$t], ["__scopeId", "data-v-2a26bc0c"]]);
+var FilterBuilder = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["render", _sfc_render$t], ["__scopeId", "data-v-7933a5ee"]]);
 var filter_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _sfc_main$s = {
   mixins: [InputMixin],
@@ -12740,6 +12782,7 @@ function _sfc_render$s(_ctx, _cache, $props, $setup, $data, $options) {
       }), 128)),
       _ctx.canAddValue ? (openBlock(), createBlock(_component_ux_button, {
         key: 0,
+        size: "sm",
         onClick: _cache[0] || (_cache[0] = ($event) => _ctx.add())
       }, {
         default: withCtx(() => [
@@ -12755,7 +12798,7 @@ function _sfc_render$s(_ctx, _cache, $props, $setup, $data, $options) {
     }, null, 8, ["definition", "modelValue"]))
   ], 64);
 }
-var FilterInput = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["render", _sfc_render$s], ["__scopeId", "data-v-1721388e"]]);
+var FilterInput = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["render", _sfc_render$s], ["__scopeId", "data-v-4aae9a4a"]]);
 var switch_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _sfc_main$r = {
   mixins: [InputMixin],
@@ -18168,12 +18211,25 @@ const _sfc_main$5 = {
       return view;
     },
     sort() {
-      var defaultSort = {
+      var _a;
+      var defaultSort = ((_a = this.definition) == null ? void 0 : _a.defaultSort) || {
         key: "title",
         direction: "asc",
         type: "string"
       };
       switch (this.basicType) {
+        case "email":
+        case "notification":
+        case "transaction":
+        case "campaign":
+        case "transaction":
+        case "componentsnapshot":
+        case "interfacesnapshot":
+        case "image":
+        case "video":
+        case "audio":
+        case "file":
+        case "submission":
         case "log":
           defaultSort = {
             key: "meta.created",
@@ -18441,9 +18497,11 @@ const _sfc_main$5 = {
       const { promise, cancel } = await self2.$sdk.content.list(self2.type, loadCriteria, { cancellable: true });
       cancelInflight = cancel;
       promise.then(function(res) {
+        cancelInflight = null;
         self2.loading = false;
       });
       promise.catch(function(err) {
+        cancelInflight = null;
       });
       const { data } = await promise;
       data.items.forEach(self2.ensureMeta);
@@ -18476,7 +18534,7 @@ const _sfc_main$5 = {
     };
   }
 };
-const _withScopeId = (n2) => (pushScopeId("data-v-2e0c57ea"), n2 = n2(), popScopeId(), n2);
+const _withScopeId = (n2) => (pushScopeId("data-v-34d46a88"), 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) {
@@ -18650,7 +18708,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-2e0c57ea"]]);
+var ContentBrowser = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["render", _sfc_render$5], ["__scopeId", "data-v-34d46a88"]]);
 var ModalMixin = {
   props: {
     options: {