@qikdev/vue-ui 0.1.53 → 0.1.57

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.53";
+const version$1 = "0.1.57";
 var flexColumn_vue_vue_type_style_index_0_scoped_true_lang = "";
 var _export_sfc = (sfc, props2) => {
   const target = sfc.__vccOpts || sfc;
@@ -4630,13 +4630,13 @@ const _sfc_main$Y = {
   }
 };
 const _hoisted_1$K = { class: "table-date-cell" };
-const _hoisted_2$B = { key: 0 };
+const _hoisted_2$C = { key: 0 };
 const _hoisted_3$v = { class: "off" };
 const _hoisted_4$r = { class: "on" };
 const _hoisted_5$l = { class: "spacer" };
 function _sfc_render$Y(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("td", _hoisted_1$K, [
-    $options.hasValue ? (openBlock(), createElementBlock("div", _hoisted_2$B, [
+    $options.hasValue ? (openBlock(), createElementBlock("div", _hoisted_2$C, [
       createElementVNode("span", _hoisted_3$v, toDisplayString($options.readable), 1),
       createElementVNode("span", _hoisted_4$r, toDisplayString($options.timeago), 1),
       createElementVNode("span", _hoisted_5$l, toDisplayString($options.readable), 1)
@@ -4679,7 +4679,7 @@ const _sfc_main$W = {
   }
 };
 const _hoisted_1$J = { class: "table-url-cell" };
-const _hoisted_2$A = ["href"];
+const _hoisted_2$B = ["href"];
 function _sfc_render$W(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_ux_icon = resolveComponent("ux-icon");
   return openBlock(), createElementBlock("td", _hoisted_1$J, [
@@ -4693,7 +4693,7 @@ function _sfc_render$W(_ctx, _cache, $props, $setup, $data, $options) {
         right: "",
         icon: "fa-external-link"
       })
-    ], 8, _hoisted_2$A)
+    ], 8, _hoisted_2$B)
   ]);
 }
 var URLCell = /* @__PURE__ */ _export_sfc(_sfc_main$W, [["render", _sfc_render$W], ["__scopeId", "data-v-17cf3a86"]]);
@@ -4870,7 +4870,7 @@ const _hoisted_1$H = {
   key: 1,
   class: "table-cell"
 };
-const _hoisted_2$z = { class: "value" };
+const _hoisted_2$A = { class: "value" };
 const _hoisted_3$u = { class: "value" };
 function _sfc_render$U(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_value_renderer = resolveComponent("value-renderer");
@@ -4882,7 +4882,7 @@ function _sfc_render$U(_ctx, _cache, $props, $setup, $data, $options) {
   }, null, 8, ["column", "row", "value"])) : (openBlock(), createElementBlock("td", _hoisted_1$H, [
     $options.multiValue ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
       $options.complex ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList($options.value, (entry, index2) => {
-        return openBlock(), createElementBlock("span", _hoisted_2$z, [
+        return openBlock(), createElementBlock("span", _hoisted_2$A, [
           createVNode(_component_value_renderer, {
             type: $props.column.type,
             multi: "",
@@ -5177,7 +5177,7 @@ const _sfc_main$S = {
   }
 };
 const _hoisted_1$G = { class: "table-wrapper" };
-const _hoisted_2$y = {
+const _hoisted_2$z = {
   class: "table-scroll",
   ref: "scroll"
 };
@@ -5200,7 +5200,7 @@ function _sfc_render$S(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_ux_menu = resolveComponent("ux-menu");
   const _component_table_row = resolveComponent("table-row");
   return openBlock(), createElementBlock("div", _hoisted_1$G, [
-    createElementVNode("div", _hoisted_2$y, [
+    createElementVNode("div", _hoisted_2$z, [
       createElementVNode("table", null, [
         createElementVNode("thead", null, [
           createElementVNode("tr", null, [
@@ -5296,13 +5296,13 @@ const _sfc_main$R = {
 };
 const _withScopeId$5 = (n2) => (pushScopeId("data-v-27f20370"), n2 = n2(), popScopeId(), n2);
 const _hoisted_1$F = /* @__PURE__ */ _withScopeId$5(() => /* @__PURE__ */ createElementVNode("i", { class: "fa fa-spin fa-spinner" }, null, -1));
-const _hoisted_2$x = [
+const _hoisted_2$y = [
   _hoisted_1$F
 ];
 function _sfc_render$R(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     class: normalizeClass(["ux-spinner", { large: $props.large }])
-  }, _hoisted_2$x, 2);
+  }, _hoisted_2$y, 2);
 }
 var Spinner = /* @__PURE__ */ _export_sfc(_sfc_main$R, [["render", _sfc_render$R], ["__scopeId", "data-v-27f20370"]]);
 var button_vue_vue_type_style_index_0_scoped_true_lang = "";
@@ -5379,12 +5379,7 @@ const _sfc_main$Q = {
       if (this.icon) {
         array.push(`ux-btn-icon`);
       }
-      if (this.color == "default") {
-        array.push("ux-btn-color-default");
-      }
-      if (this.color == "primary") {
-        array.push("ux-btn-color-primary");
-      }
+      array.push(`ux-btn-${this.color}`);
       if (this.disabled) {
         array.push(`ux-btn-disabled`);
       }
@@ -5427,7 +5422,7 @@ function _sfc_render$Q(_ctx, _cache, $props, $setup, $data, $options) {
     _: 3
   }, 8, ["active", "loading", "to", "href", "target", "style", "class", "disabled"]);
 }
-var UXButton = /* @__PURE__ */ _export_sfc(_sfc_main$Q, [["render", _sfc_render$Q], ["__scopeId", "data-v-ef0c5e26"]]);
+var UXButton = /* @__PURE__ */ _export_sfc(_sfc_main$Q, [["render", _sfc_render$Q], ["__scopeId", "data-v-7db8ccb4"]]);
 var checkbox_vue_vue_type_style_index_0_scoped_true_lang$1 = "";
 const _sfc_main$P = {
   props: {
@@ -5921,6 +5916,9 @@ const _sfc_main$J = {
     type: {
       type: String,
       default: "image"
+    },
+    svg: {
+      type: Boolean
     }
   },
   data() {
@@ -5929,6 +5927,17 @@ const _sfc_main$J = {
     };
   },
   computed: {
+    isSvg() {
+      var _a;
+      if (this.svg) {
+        return true;
+      }
+      switch ((_a = this.item) == null ? void 0 : _a.fileMime) {
+        case "image/svg+xml":
+        case "image/svg":
+          return true;
+      }
+    },
     defaultWidth() {
       return;
     },
@@ -5995,21 +6004,33 @@ const _sfc_main$J = {
         style.height = 0;
         style.paddingBottom = `${dimensionHeight / dimensionWidth * 100}%`;
       }
-      style.backgroundImage = `url(${this.previewSrc})`;
+      if (this.isSvg)
+        ;
+      else {
+        style.backgroundImage = `url(${this.previewSrc})`;
+      }
       return style;
     }
   }
 };
-const _hoisted_1$D = ["src"];
+const _hoisted_1$D = ["data"];
+const _hoisted_2$x = ["src"];
 function _sfc_render$J(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     class: "ux-image",
     style: normalizeStyle($options.style)
   }, [
-    createElementVNode("img", { src: $options.src }, null, 8, _hoisted_1$D)
+    $props.svg ? (openBlock(), createElementBlock("object", {
+      key: 0,
+      type: "image/svg+xml",
+      data: $options.src
+    }, null, 8, _hoisted_1$D)) : (openBlock(), createElementBlock("img", {
+      key: 1,
+      src: $options.src
+    }, null, 8, _hoisted_2$x))
   ], 4);
 }
-var UXImage = /* @__PURE__ */ _export_sfc(_sfc_main$J, [["render", _sfc_render$J], ["__scopeId", "data-v-3d48a5ec"]]);
+var UXImage = /* @__PURE__ */ _export_sfc(_sfc_main$J, [["render", _sfc_render$J], ["__scopeId", "data-v-4c8cc011"]]);
 var progressbar_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _sfc_main$I = {
   props: {
@@ -12626,6 +12647,9 @@ const _sfc_main$o = {
   props: {
     multiple: {
       type: Boolean
+    },
+    accept: {
+      type: String
     }
   },
   methods: {
@@ -12656,7 +12680,7 @@ const _sfc_main$o = {
     }
   }
 };
-const _hoisted_1$j = ["multiple"];
+const _hoisted_1$j = ["accept", "multiple"];
 const _hoisted_2$f = /* @__PURE__ */ createTextVNode("Select Files");
 function _sfc_render$o(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_ux_button = resolveComponent("ux-button");
@@ -12667,6 +12691,7 @@ function _sfc_render$o(_ctx, _cache, $props, $setup, $data, $options) {
   }, [
     createElementVNode("input", {
       ref: "file",
+      accept: $props.accept,
       type: "file",
       multiple: $props.multiple,
       onChange: _cache[0] || (_cache[0] = ($event) => $options.filesSelected($event.target.files))
@@ -12686,7 +12711,7 @@ function _sfc_render$o(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ], 32);
 }
-var FileDrop = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["render", _sfc_render$o], ["__scopeId", "data-v-67879182"]]);
+var FileDrop = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["render", _sfc_render$o], ["__scopeId", "data-v-65e7e548"]]);
 var upload_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _sfc_main$n = {
   mixins: [InputMixin],
@@ -18860,5 +18885,5 @@ const QikUI = {
     }
   }
 };
-export { CodeEditor, ContentBrowser, device as Device, FlexBody, FlexCell, FlexColumn, FlexFooter, FlexHeader, FlexRow, FlexSpacer, ModalMixin, NativeSelect, Panel, PanelBody, PanelFooter, PanelHeader, ProgressBar, QikUI, RememberScrollMixin, Search, Selection, Spinner, UXButton, UXCheckbox, UXForm, UXFormField, UXIcon, UXImage, UXLink, UXList, UXListItem, UXMenu, UXMenuList, UXRender, UXRenderField, UXSubmissionForm, UXSwitch, UXTab, NativeTable as UXTable, UXTabset, UxConfirmModal, UxContentModal, UxModal, UxOptionsModal, UxPromptModal };
+export { CodeEditor, ContentBrowser, device as Device, FileDrop, FlexBody, FlexCell, FlexColumn, FlexFooter, FlexHeader, FlexRow, FlexSpacer, ModalMixin, NativeSelect, Panel, PanelBody, PanelFooter, PanelHeader, ProgressBar, QikUI, RememberScrollMixin, Search, Selection, Spinner, UXButton, UXCheckbox, UXForm, UXFormField, UXIcon, UXImage, UXLink, UXList, UXListItem, UXMenu, UXMenuList, UXRender, UXRenderField, UXSubmissionForm, UXSwitch, UXTab, NativeTable as UXTable, UXTabset, UxConfirmModal, UxContentModal, UxModal, UxOptionsModal, UxPromptModal };
 //# sourceMappingURL=lib.es.js.map