@qikdev/vue-ui 0.2.70 → 0.2.73

package/dist/lib.es.js

@@ -1,7 +1,7 @@
 import './style.css';
 import { defineComponent as ki, ref as Wt, toRefs as la, onMounted as oa, onBeforeUnmount as wo, watch as xi, computed as ai, openBlock as o, createElementBlock as d, renderSlot as G, createCommentVNode as _, useSlots as So, reactive as kr, provide as Fr, resolveComponent as y, normalizeClass as P, Fragment as S, unref as jn, createBlock as k, withCtx as h, createVNode as m, renderList as N, toDisplayString as b, withModifiers as W, createTextVNode as O, createElementVNode as w, h as li, resolveDynamicComponent as It, mergeProps as wi, toHandlers as ua, withDirectives as X, vModelSelect as kt, pushScopeId as it, popScopeId as st, normalizeStyle as xt, Teleport as Oo, vModelText as ge, withKeys as ve, TransitionGroup as To, nextTick as da, vModelDynamic as Rn, vShow as qi } from "vue";
 import { EventDispatcher as Eo } from "@qikdev/sdk";
-const Co = "0.2.70", lr = {
+const Co = "0.2.73", lr = {
   STRIPE_NOT_LOADED: "Stripe v3 library is not loaded",
   INSTANCE_NOT_DEFINED: "Instance object is not defined. Make sure you initialized Stripe before creating elements",
   ELEMENTS_NOT_DEFINED: "Elements object is not defined. You can't create stripe element without it",
@@ -174,14 +174,14 @@ function iu(e, t, n, i, s, r) {
     G(e.$slots, "default", {}, void 0, !0)
   ]);
 }
-const su = /* @__PURE__ */ E(nu, [["render", iu], ["__scopeId", "data-v-c7bb49df"]]);
+const su = /* @__PURE__ */ E(nu, [["render", iu], ["__scopeId", "data-v-ceefef08"]]);
 const au = {}, lu = { class: "flex-row" };
 function ou(e, t, n, i, s, r) {
   return o(), d("div", lu, [
     G(e.$slots, "default", {}, void 0, !0)
   ]);
 }
-const uu = /* @__PURE__ */ E(au, [["render", ou], ["__scopeId", "data-v-b6434689"]]);
+const uu = /* @__PURE__ */ E(au, [["render", ou], ["__scopeId", "data-v-45182a00"]]);
 const du = {}, cu = { class: "flex-spacer" };
 function fu(e, t, n, i, s, r) {
   return o(), d("div", cu);
@@ -6912,7 +6912,12 @@ const Dy = {
       return this.multiValue ? e.push("multiple") : e.push("single"), e;
     },
     summary() {
-      return this.multiValue ? "Select an option" : this.model ? this.getLabel(this.optionLookup[this.model]) : this.title || "Click to select";
+      if (this.multiValue)
+        return "Select an option";
+      const e = this.selectableOptions.find(function(n) {
+        return n.none;
+      }), t = (e == null ? void 0 : e.title) || (e == null ? void 0 : e.label);
+      return this.model ? this.getLabel(this.optionLookup[this.model]) : t || this.title || "Click to select";
     },
     grouped() {
       const e = this, { values: t } = e.selectableOptions.reduce(function(n, i) {
@@ -6937,12 +6942,12 @@ const Dy = {
       }) : this.options;
     },
     showNoneOption() {
-      return this.singleValue && !this.minimum ? this.selectableOptions.find(function(n) {
+      return !(!(this.singleValue && !this.minimum) || this.selectableOptions.find(function(n) {
         return n.none;
-      }) ? (console.log("has custom none option"), !1) : !0 : !1;
+      }));
     }
   }
-}, $y = (e) => (it("data-v-271e784a"), e = e(), st(), e), Ny = {
+}, $y = (e) => (it("data-v-9772b96a"), e = e(), st(), e), Ny = {
   key: 0,
   class: "ux-field-title"
 }, Ly = {
@@ -7061,7 +7066,7 @@ function Qy(e, t, n, i, s, r) {
     ]))
   ], 2);
 }
-const Nt = /* @__PURE__ */ E(Dy, [["render", Qy], ["__scopeId", "data-v-271e784a"]]);
+const Nt = /* @__PURE__ */ E(Dy, [["render", Qy], ["__scopeId", "data-v-9772b96a"]]);
 const e_ = {
   props: {
     total: {
@@ -7444,7 +7449,7 @@ function __(e, t, n, i, s, r) {
     _: 3
   }, 8, ["active", "loading", "to", "href", "target", "style", "class", "disabled"]);
 }
-const g_ = /* @__PURE__ */ E(p_, [["render", __], ["__scopeId", "data-v-2048752e"]]);
+const g_ = /* @__PURE__ */ E(p_, [["render", __], ["__scopeId", "data-v-66b9c2a8"]]);
 const v_ = {
   props: {
     value: {
@@ -7768,20 +7773,60 @@ const I_ = /* @__PURE__ */ E(A_, [["render", M_], ["__scopeId", "data-v-db935124
       default: "none"
     }
   },
+  mounted() {
+    this.mounted = !0;
+  },
+  beforeUnmount() {
+    this.mounted = !1, this.removeListeners();
+  },
   computed: {
     filteredItems() {
-      return this.items.filter(function(e) {
+      return this.tree.filter(function(e) {
         return !e.disabled;
       });
+    },
+    expandedItem: {
+      get() {
+        return this.currentExpandedItem;
+      },
+      set(e) {
+        this.currentExpandedItem && (this.currentExpandedItem.expanded = !1, this.currentExpandedItem.collapsed = !0), this.currentExpandedItem = e, this.currentExpandedItem ? (this.currentExpandedItem.expanded = !0, this.currentExpandedItem.collapsed = !1, this.addListeners()) : this.removeListeners();
+      }
     }
   },
+  data() {
+    return {
+      currentExpandedItem: null,
+      tree: JSON.parse(JSON.stringify(this.items))
+    };
+  },
   methods: {
+    globalClick(e) {
+      this.expandedItem = null;
+    },
+    addListeners() {
+      var t;
+      this.$sdk.addEventListener("route:change", this.globalClick);
+      const e = (t = this.$el) == null ? void 0 : t.ownerDocument;
+      e && e.body.addEventListener("click", this.globalClick);
+    },
+    removeListeners() {
+      var t;
+      this.$sdk.removeEventListener("route:change", this.globalClick);
+      const e = (t = this.$el) == null ? void 0 : t.ownerDocument;
+      e && e.body.removeEventListener("click", this.globalClick);
+    },
     toggle(e) {
-      e.expanded = !e.expanded, e.collapsed = !e.expanded;
+      this.currentExpandedItem === e ? this.expandedItem = null : this.expandedItem = e;
     }
   },
-  data() {
-    return {};
+  watch: {
+    items: {
+      handler(e) {
+        this.tree = JSON.parse(JSON.stringify(e));
+      },
+      deep: !0
+    }
   }
 };
 function D_(e, t, n, i, s, r) {
@@ -7883,6 +7928,11 @@ const N_ = {
       model: this.item
     };
   },
+  watch: {
+    item(e) {
+      this.model = e;
+    }
+  },
   computed: {
     altText() {
       var e;
@@ -7973,7 +8023,7 @@ function U_(e, t, n, i, s, r) {
     }, null, 12, P_))
   ], 6);
 }
-const j_ = /* @__PURE__ */ E(N_, [["render", U_], ["__scopeId", "data-v-089b6795"]]);
+const j_ = /* @__PURE__ */ E(N_, [["render", U_], ["__scopeId", "data-v-03c1a2af"]]);
 const R_ = {
   props: {
     item: {
@@ -9058,10 +9108,20 @@ const Pg = {
       required: !0
     }
   },
+  data() {
+    return {
+      model: this.item
+    };
+  },
+  watch: {
+    item(e) {
+      this.model = e;
+    }
+  },
   computed: {
     basicType() {
       var e, t;
-      return (t = (e = this.item) == null ? void 0 : e.meta) == null ? void 0 : t.type;
+      return (t = (e = this.model) == null ? void 0 : e.meta) == null ? void 0 : t.type;
     },
     hasImage() {
       switch (this.basicType) {
@@ -9072,12 +9132,12 @@ const Pg = {
       }
     },
     title() {
-      return this.item.title || this.item.name || this.item.label || (this.item.firstName ? `${this.item.firstName} ${this.item.lastName}` : "(Title unknown)");
+      return this.model.title || this.model.name || this.model.label || (this.model.firstName ? `${this.model.firstName} ${this.model.lastName}` : "(Title unknown)");
     }
   },
   methods: {
     clicked() {
-      this.$sdk.dispatch("item:view", this.item);
+      this.$sdk.dispatch("item:view", this.model);
     }
   }
 };
@@ -9101,7 +9161,7 @@ function Ug(e, t, n, i, s, r) {
               class: P(["image-wrapper", r.basicType])
             }, [
               m(a, {
-                item: n.item,
+                item: s.model,
                 width: 100,
                 height: 100
               }, null, 8, ["item"])
@@ -9130,7 +9190,7 @@ function Ug(e, t, n, i, s, r) {
     })
   ]);
 }
-const wl = /* @__PURE__ */ E(Pg, [["render", Ug], ["__scopeId", "data-v-923011b3"]]);
+const wl = /* @__PURE__ */ E(Pg, [["render", Ug], ["__scopeId", "data-v-805b5945"]]);
 /**!
  * Sortable 1.14.0
  * @author	RubaXa   <trash@rubaxa.org>
@@ -10958,13 +11018,8 @@ const Dv = {
     summary() {
       if (this.multiValue)
         if (this.model && this.model.length) {
-          var e = this.model.length;
-          if (!this.showList)
-            return e === 1 ? this.model[0].title || this.model[0].name || this.model[0].firstName : `${e} selected`;
-          var t = Math.max(e - 3, 0), n, i = this.model.slice(0, 3);
-          return n = i.map(function(s) {
-            return s.firstName || s.name || s.title;
-          }).join(", "), t && (n = `${n}... +${t} more...`), n || "Click to select";
+          var e = "Click to select", t = this.model.length;
+          return this.showList ? (t && (e = `Adjust selection (${t})`), e) : t === 1 ? this.model[0].title || this.model[0].name || this.model[0].firstName : `${t} selected`;
         } else
           return "Click to select";
       else
@@ -11121,7 +11176,7 @@ function Uv(e, t, n, i, s, r) {
     })) : _("", !0)
   ], 64);
 }
-const ql = /* @__PURE__ */ E(Dv, [["render", Uv], ["__scopeId", "data-v-aaba4058"]]);
+const ql = /* @__PURE__ */ E(Dv, [["render", Uv], ["__scopeId", "data-v-5f830d28"]]);
 function jv(e) {
   return e === void 0 || typeof e > "u" || e === null || String(e) === "null" || String(e) === "undefined";
 }
@@ -18605,7 +18660,7 @@ function WO(e, t, n, i, s, r) {
     ])
   ]);
 }
-const ho = /* @__PURE__ */ E(HO, [["render", WO], ["__scopeId", "data-v-d88923bc"]]), KO = {
+const ho = /* @__PURE__ */ E(HO, [["render", WO], ["__scopeId", "data-v-9cf5026c"]]), KO = {
   props: {
     field: {
       type: Object,
@@ -20749,18 +20804,19 @@ function oE(e, t, n, i, s, r) {
                       ]),
                       _: 1
                     })) : _("", !0),
-                    s.showFilters ? _("", !0) : (o(), k(l, { key: 1 }, {
+                    m(l, null, {
                       default: h(() => [
-                        m(u, {
+                        s.showFilters ? _("", !0) : (o(), k(u, {
+                          key: 0,
                           modelValue: s.search,
                           "onUpdate:modelValue": t[0] || (t[0] = (x) => s.search = x),
                           loading: s.searching,
                           debounce: 500,
                           placeholder: "Keyword Search"
-                        }, null, 8, ["modelValue", "loading"])
+                        }, null, 8, ["modelValue", "loading"]))
                       ]),
                       _: 1
-                    })),
+                    }),
                     m(l, { shrink: "" }, {
                       default: h(() => [
                         m(f, {
@@ -20853,7 +20909,7 @@ function oE(e, t, n, i, s, r) {
     _: 1
   });
 }
-const uE = /* @__PURE__ */ E(iE, [["render", oE], ["__scopeId", "data-v-09ee3a9e"]]);
+const uE = /* @__PURE__ */ E(iE, [["render", oE], ["__scopeId", "data-v-7eedb824"]]);
 const dE = {
   components: {
     ScopeSelect: ib