sprintify-ui 0.0.70 → 0.0.71

package/dist/sprintify-ui.es.js

@@ -1,5 +1,5 @@
 import Sl from "axios";
-import { defineComponent as K, inject as be, resolveComponent as Se, openBlock as w, createBlock as ee, withCtx as H, createElementVNode as v, normalizeClass as q, withModifiers as Ue, renderSlot as Q, createElementBlock as A, createCommentVNode as W, toDisplayString as G, h as Ee, unref as h, computed as I, ref as V, watch as Le, Teleport as Pt, createVNode as U, Transition as We, TransitionGroup as Ur, Fragment as fe, renderList as ve, normalizeStyle as je, onMounted as ye, withDirectives as qe, vShow as lt, normalizeProps as Je, guardReactiveProps as Ze, mergeProps as at, resolveDynamicComponent as Vt, createTextVNode as ze, onBeforeUnmount as fn, cloneVNode as $l, provide as pe, watchEffect as He, nextTick as Re, onUnmounted as nt, reactive as Bl, isRef as Mt, withKeys as An, vModelText as Tn, useSlots as Cl, createStaticVNode as zr, getCurrentInstance as _l, pushScopeId as Il, popScopeId as El, createSlots as Al, vModelSelect as Sn, readonly as on } from "vue";
+import { defineComponent as K, inject as be, resolveComponent as Se, openBlock as w, createBlock as ee, withCtx as H, createElementVNode as v, normalizeClass as q, withModifiers as Ue, renderSlot as Q, createElementBlock as A, createCommentVNode as W, toDisplayString as G, h as Ee, unref as h, computed as I, ref as V, watch as Ae, Teleport as Pt, createVNode as U, Transition as We, TransitionGroup as Ur, Fragment as fe, renderList as ve, normalizeStyle as je, onMounted as ye, withDirectives as qe, vShow as lt, normalizeProps as Je, guardReactiveProps as Ze, mergeProps as at, resolveDynamicComponent as Vt, createTextVNode as ze, onBeforeUnmount as fn, cloneVNode as $l, provide as pe, watchEffect as He, nextTick as Re, onUnmounted as nt, reactive as Bl, isRef as Mt, withKeys as An, vModelText as Tn, useSlots as Cl, createStaticVNode as zr, getCurrentInstance as _l, pushScopeId as Il, popScopeId as El, createSlots as Al, vModelSelect as Sn, readonly as on } from "vue";
 import { useI18n as et, createI18n as Tl } from "vue-i18n";
 import { defineStore as Xn } from "pinia";
 import br from "qs";
@@ -1748,7 +1748,7 @@ Available fill gap methods: `).concat(J, "."));
             J.map(function(oe) {
               m.fillGapSelectors = m.fillGapSelectors.filter(function(ie) {
                 return ie !== oe;
-              }), m.scroll || Ae(oe);
+              }), m.scroll || Te(oe);
             });
           }
         }, u = function() {
@@ -1782,7 +1782,7 @@ Available fill gap methods: `).concat(J, "."));
           });
         }, $e = function() {
           m.fillGapSelectors.map(function(B) {
-            Ae(B);
+            Te(B);
           });
         }, De = function(B) {
           var J = document.querySelectorAll(B), oe = m.lockableSelectors.indexOf(B) !== -1;
@@ -1813,7 +1813,7 @@ Available fill gap methods: `).concat(J, "."));
               B.style.paddingRight = "".concat(ut + oe, "px");
             }
           }
-        }, Ae = function(B) {
+        }, Te = function(B) {
           var J = document.querySelectorAll(B);
           p(J, function(oe) {
             ke(oe);
@@ -1960,7 +1960,7 @@ const Ja = {
         i.value[d.id] = "animate-shake";
       });
     }
-    return Le(
+    return Ae(
       () => l.value.length,
       () => {
         l.value.length == 0 ? fo() : co();
@@ -2268,7 +2268,7 @@ const cs = { class: "relative" }, ds = { class: "relative" }, fs = ["value", "pl
       var N;
       return (N = y.value[Math.min(p.value, y.value.length - 1)]) != null ? N : null;
     });
-    Le(
+    Ae(
       () => S.value,
       () => {
         var N;
@@ -2789,13 +2789,13 @@ const cs = { class: "relative" }, ds = { class: "relative" }, fs = ["value", "pl
   emits: ["update:modelValue"],
   setup(e, { emit: r }) {
     const n = e, l = xe.http, o = V(n.currentModel);
-    Le(
+    Ae(
       () => n.currentModel,
       (s, i) => {
         o.value = s;
       },
       { deep: !0 }
-    ), Le(
+    ), Ae(
       () => n.modelValue,
       (s, i) => {
         if (s != i && n.showRouteUrl != null) {
@@ -3754,13 +3754,13 @@ list should be an Array.`), u.length === 0)
           var D, R, ae, he, $e = this.length - b;
           switch ((!_ || $e < (_ = Number(_))) && (_ = $e), O = String(O || "utf8").toLowerCase()) {
             case "hex":
-              D = function(De, Ie, Ae, ke) {
-                Ae = Number(Ae) || 0;
-                var Ce = De.length - Ae;
+              D = function(De, Ie, Te, ke) {
+                Te = Number(Te) || 0;
+                var Ce = De.length - Te;
                 (!ke || Ce < (ke = Number(ke))) && (ke = Ce), X((Ce = Ie.length) % 2 == 0, "Invalid hex string"), Ce / 2 < ke && (ke = Ce / 2);
                 for (var it = 0; it < ke; it++) {
                   var Ut = parseInt(Ie.substr(2 * it, 2), 16);
-                  X(!isNaN(Ut), "Invalid hex string"), De[Ae + it] = Ut;
+                  X(!isNaN(Ut), "Invalid hex string"), De[Te + it] = Ut;
                 }
                 return y._charsWritten = 2 * it, it;
               }(this, u, b, _);
@@ -3793,8 +3793,8 @@ list should be an Array.`), u.length === 0)
           switch (u) {
             case "hex":
               O = function($e, De, Ie) {
-                var Ae = $e.length;
-                (!De || De < 0) && (De = 0), (!Ie || Ie < 0 || Ae < Ie) && (Ie = Ae);
+                var Te = $e.length;
+                (!De || De < 0) && (De = 0), (!Ie || Ie < 0 || Te < Ie) && (Ie = Te);
                 for (var ke = "", Ce = De; Ce < Ie; Ce++)
                   ke += ce($e[Ce]);
                 return ke;
@@ -3803,11 +3803,11 @@ list should be an Array.`), u.length === 0)
             case "utf8":
             case "utf-8":
               O = function($e, De, Ie) {
-                var Ae = "", ke = "";
+                var Te = "", ke = "";
                 Ie = Math.min($e.length, Ie);
                 for (var Ce = De; Ce < Ie; Ce++)
-                  $e[Ce] <= 127 ? (Ae += le(ke) + String.fromCharCode($e[Ce]), ke = "") : ke += "%" + $e[Ce].toString(16);
-                return Ae + le(ke);
+                  $e[Ce] <= 127 ? (Te += le(ke) + String.fromCharCode($e[Ce]), ke = "") : ke += "%" + $e[Ce].toString(16);
+                return Te + le(ke);
               }(he, b, _);
               break;
             case "ascii":
@@ -3822,8 +3822,8 @@ list should be an Array.`), u.length === 0)
             case "utf16le":
             case "utf-16le":
               O = function($e, De, Ie) {
-                for (var Ae = $e.slice(De, Ie), ke = "", Ce = 0; Ce < Ae.length; Ce += 2)
-                  ke += String.fromCharCode(Ae[Ce] + 256 * Ae[Ce + 1]);
+                for (var Te = $e.slice(De, Ie), ke = "", Ce = 0; Ce < Te.length; Ce += 2)
+                  ke += String.fromCharCode(Te[Ce] + 256 * Te[Ce + 1]);
                 return ke;
               }(he, b, _);
               break;
@@ -4284,7 +4284,7 @@ function pi() {
 function Ye() {
   return pi();
 }
-var Te = ((e) => (e.Space = " ", e.Enter = "Enter", e.Escape = "Escape", e.Backspace = "Backspace", e.Delete = "Delete", e.ArrowLeft = "ArrowLeft", e.ArrowUp = "ArrowUp", e.ArrowRight = "ArrowRight", e.ArrowDown = "ArrowDown", e.Home = "Home", e.End = "End", e.PageUp = "PageUp", e.PageDown = "PageDown", e.Tab = "Tab", e))(Te || {});
+var Le = ((e) => (e.Space = " ", e.Enter = "Enter", e.Escape = "Escape", e.Backspace = "Backspace", e.Delete = "Delete", e.ArrowLeft = "ArrowLeft", e.ArrowUp = "ArrowUp", e.ArrowRight = "ArrowRight", e.ArrowDown = "ArrowDown", e.Home = "Home", e.End = "End", e.PageUp = "PageUp", e.PageDown = "PageDown", e.Tab = "Tab", e))(Le || {});
 function hi(e) {
   throw new Error("Unexpected object: " + e);
 }
@@ -4563,7 +4563,7 @@ function Ii({ ownerDocument: e }, r) {
     !n.value || ($t(n.value), n.value = null);
   }
   ye(() => {
-    Le(r, (a, s) => {
+    Ae(r, (a, s) => {
       a !== s && (a ? l() : o());
     }, { immediate: !0 });
   }), nt(o);
@@ -4571,7 +4571,7 @@ function Ii({ ownerDocument: e }, r) {
 function Ei({ ownerDocument: e, container: r, initialFocus: n }, l) {
   let o = V(null), a = V(!1);
   return ye(() => a.value = !0), nt(() => a.value = !1), ye(() => {
-    Le([r, n, l], (s, i) => {
+    Ae([r, n, l], (s, i) => {
       if (s.every((d, x) => (i == null ? void 0 : i[x]) === d) || !l.value)
         return;
       let p = we(r);
@@ -4713,7 +4713,7 @@ function Di({ type: e, enabled: r, element: n, onUpdate: l }) {
     l == null || l(...s), o(...s);
   }
   ye(() => {
-    Le(r, (s, i) => {
+    Ae(r, (s, i) => {
       s ? a(0, e, n) : i === !0 && a(1, e, n);
     }, { immediate: !0, flush: "sync" });
   }), nt(() => {
@@ -4814,7 +4814,7 @@ let Wt = "DC8F892D-2EBD-447C-A4C8-A03058436FF4", qi = K({ name: "Dialog", inheri
   }, ($, c) => {
     k.close(), Re(() => c == null ? void 0 : c.focus());
   }, I(() => S.value === 0 && !y.value)), Io((a = L.value) == null ? void 0 : a.defaultView, "keydown", ($) => {
-    $.defaultPrevented || $.key === Te.Escape && S.value === 0 && (y.value || ($.preventDefault(), $.stopPropagation(), k.close()));
+    $.defaultPrevented || $.key === Le.Escape && S.value === 0 && (y.value || ($.preventDefault(), $.stopPropagation(), k.close()));
   }), He(($) => {
     var c;
     if (S.value !== 0 || T)
@@ -4942,15 +4942,15 @@ let Ki = K({ name: "Menu", props: { as: { type: [Object, String], default: "temp
   l({ el: o.buttonRef, $el: o.buttonRef });
   function s(x) {
     switch (x.key) {
-      case Te.Space:
-      case Te.Enter:
-      case Te.ArrowDown:
+      case Le.Space:
+      case Le.Enter:
+      case Le.ArrowDown:
         x.preventDefault(), x.stopPropagation(), o.openMenu(), Re(() => {
           var g;
           (g = we(o.itemsRef)) == null || g.focus({ preventScroll: !0 }), o.goToItem(Ge.First);
         });
         break;
-      case Te.ArrowUp:
+      case Le.ArrowUp:
         x.preventDefault(), x.stopPropagation(), o.openMenu(), Re(() => {
           var g;
           (g = we(o.itemsRef)) == null || g.focus({ preventScroll: !0 }), o.goToItem(Ge.Last);
@@ -4960,7 +4960,7 @@ let Ki = K({ name: "Menu", props: { as: { type: [Object, String], default: "temp
   }
   function i(x) {
     switch (x.key) {
-      case Te.Space:
+      case Le.Space:
         x.preventDefault();
         break;
     }
@@ -4990,33 +4990,33 @@ let Ki = K({ name: "Menu", props: { as: { type: [Object, String], default: "temp
   function i(g) {
     var E;
     switch (s.value && clearTimeout(s.value), g.key) {
-      case Te.Space:
+      case Le.Space:
         if (o.searchQuery.value !== "")
           return g.preventDefault(), g.stopPropagation(), o.search(g.key);
-      case Te.Enter:
+      case Le.Enter:
         if (g.preventDefault(), g.stopPropagation(), o.activeItemIndex.value !== null) {
           let L = o.items.value[o.activeItemIndex.value];
           (E = we(L.dataRef.domRef)) == null || E.click();
         }
         o.closeMenu(), Bo(we(o.buttonRef));
         break;
-      case Te.ArrowDown:
+      case Le.ArrowDown:
         return g.preventDefault(), g.stopPropagation(), o.goToItem(Ge.Next);
-      case Te.ArrowUp:
+      case Le.ArrowUp:
         return g.preventDefault(), g.stopPropagation(), o.goToItem(Ge.Previous);
-      case Te.Home:
-      case Te.PageUp:
+      case Le.Home:
+      case Le.PageUp:
         return g.preventDefault(), g.stopPropagation(), o.goToItem(Ge.First);
-      case Te.End:
-      case Te.PageDown:
+      case Le.End:
+      case Le.PageDown:
         return g.preventDefault(), g.stopPropagation(), o.goToItem(Ge.Last);
-      case Te.Escape:
+      case Le.Escape:
         g.preventDefault(), g.stopPropagation(), o.closeMenu(), Re(() => {
           var L;
           return (L = we(o.buttonRef)) == null ? void 0 : L.focus({ preventScroll: !0 });
         });
         break;
-      case Te.Tab:
+      case Le.Tab:
         g.preventDefault(), g.stopPropagation(), o.closeMenu(), Re(() => ki(we(o.buttonRef), g.shiftKey ? wt.Previous : wt.Next));
         break;
       default:
@@ -5026,7 +5026,7 @@ let Ki = K({ name: "Menu", props: { as: { type: [Object, String], default: "temp
   }
   function p(g) {
     switch (g.key) {
-      case Te.Space:
+      case Le.Space:
         g.preventDefault();
         break;
     }
@@ -5112,7 +5112,7 @@ let Yi = K({ name: "Label", props: { as: { type: [Object, String], default: "lab
     y.preventDefault(), d();
   }
   function S(y) {
-    y.key === Te.Space ? (y.preventDefault(), d()) : y.key === Te.Enter && Si(y.currentTarget);
+    y.key === Le.Space ? (y.preventDefault(), d()) : y.key === Le.Enter && Si(y.currentTarget);
   }
   function M(y) {
     y.preventDefault();
@@ -5233,7 +5233,7 @@ let qo = _t.RenderStrategy, tn = K({ props: { as: { type: [Object, String], defa
     })));
   }
   return ye(() => {
-    Le([p], (c, m, f) => {
+    Ae([p], (c, m, f) => {
       $(f), E.value = !1;
     }, { immediate: !0 });
   }), pe(pr, M), xo(I(() => Qe(s.value, { visible: tt.Open, hidden: tt.Closed }))), () => {
@@ -5472,7 +5472,7 @@ const su = { class: "flex items-center" }, iu = {
   emits: ["update:model-value"],
   setup(e, { emit: r }) {
     const n = e, l = V(null), o = V(n.modelValue);
-    Le(
+    Ae(
       () => n.modelValue,
       ($) => {
         o.value = $;
@@ -5655,7 +5655,7 @@ function hr(e) {
 }
 function zo(e, r, n) {
   const l = V(!1);
-  Le(
+  Ae(
     () => e.value,
     () => {
       o();
@@ -5886,7 +5886,7 @@ const Eu = { class: "flex min-h-full w-full pt-20 sm:pt-0" }, Au = { class: "min
       childList: !0
     }), ye(() => {
       $();
-    }), Le(
+    }), Ae(
       () => j.value,
       () => {
         Re(() => {
@@ -5938,11 +5938,16 @@ const Eu = { class: "flex min-h-full w-full pt-20 sm:pt-0" }, Au = { class: "min
       const D = Pe(T.value);
       D.page = 1, D.search = S.value, C(D);
     }, 350);
-    Le(
+    Ae(
       () => s.query,
       () => {
         ue();
       }
+    ), Ae(
+      () => n.urlQuery,
+      () => {
+        se();
+      }
     );
     function Z() {
       return xe.parseQueryString(window.location.search.replace(/^(\?)/, ""));
@@ -5954,8 +5959,8 @@ const Eu = { class: "flex min-h-full w-full pt-20 sm:pt-0" }, Au = { class: "min
       R != y && (y = R, T.value = D, a.value && a.value !== document.activeElement && u(), se());
     }
     function se(O = !1) {
-      var Ae;
-      const D = re.value.split(/[?#]/), R = D[0], ae = (Ae = D[1]) != null ? Ae : null, he = xe.parseQueryString(ae), $e = wr(
+      var Te;
+      const D = re.value.split(/[?#]/), R = D[0], ae = (Te = D[1]) != null ? Te : null, he = xe.parseQueryString(ae), $e = wr(
         Pe(T.value),
         Pe(n.urlQuery),
         Pe(he)
@@ -6340,18 +6345,18 @@ const Qo = /* @__PURE__ */ Ve(Wu, [["render", Zu], ["__scopeId", "data-v-945515f
       let u = t.value.length;
       return u += l.checkable ? 1 : 0, u += l.detailed ? 1 : 0, u;
     }), P = I(() => l.detailed);
-    Le(
+    Ae(
       () => l.checkedRows,
       (u) => {
         s.value = [...u];
       },
       { deep: !0 }
-    ), Le(
+    ), Ae(
       () => l.sortField,
       () => {
         Be();
       }
-    ), Le(
+    ), Ae(
       () => l.sortDirection,
       () => {
         Be();
@@ -6988,7 +6993,7 @@ const Pc = /* @__PURE__ */ Ve(Mc, [["render", Dc]]), Vc = { class: "flex justify
       localStorage.getItem(t) + ""
     );
     j && Xe(j) && j.length > 0 && (y.value = j);
-    const P = Le(
+    const P = Ae(
       () => p.value,
       () => {
         p.value && p.value.newColumns.length && y.value.length == 0 && (y.value = p.value.newColumns.filter((c) => !c.optional).map((c) => c.newKey), P());
@@ -7237,7 +7242,7 @@ const Pc = /* @__PURE__ */ Ve(Mc, [["render", Dc]]), Vc = { class: "flex justify
       var S;
       return n.modelValue && (S = ot.fromISO(n.modelValue, { zone: "utc" }).toISODate()) != null ? S : null;
     });
-    Le(
+    Ae(
       () => x.value,
       () => {
         n.modelValue !== x.value && o(x.value);
@@ -7388,7 +7393,7 @@ const Pc = /* @__PURE__ */ Ve(Mc, [["render", Dc]]), Vc = { class: "flex justify
       month: null,
       day: null
     });
-    Le(
+    Ae(
       () => n.modelValue,
       () => {
         if (n.modelValue) {
@@ -8119,7 +8124,7 @@ const zd = /* @__PURE__ */ Ve(Vd, [["render", Ud]]), Hd = {
     const r = e;
     let n = null;
     const l = V(!1);
-    return Le(
+    return Ae(
       () => r.modelValue,
       (o) => {
         o ? n = setTimeout(() => {
@@ -8960,7 +8965,7 @@ const Zd = { class: "absolute inset-0 flex h-full w-full items-center justify-ce
   emits: ["update:modelValue"],
   setup(e, { emit: r }) {
     const n = e, l = V(n.currentModels);
-    Le(
+    Ae(
       () => n.currentModels,
       (a, s) => {
         l.value = a;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sprintify-ui",
-  "version": "0.0.70",
+  "version": "0.0.71",
   "scripts": {
     "build": "rimraf dist && vue-tsc && vite build",
     "build-fast": "rimraf dist && vite build",

package/src/components/BaseDataIterator.stories.js

@@ -18,7 +18,7 @@ export default {
 };
 
 const template = `
-<BaseDataIterator v-bind="args">
+<BaseDataIterator v-bind="args" :url-query="urlQuery">
   <template #default="{ items, loading }">
     <div class="relative">
       <div class="space-y-1.5">
@@ -106,7 +106,15 @@ const Template = (args) => ({
     BaseSelect,
   },
   setup() {
-    return { args };
+    const urlQuery = ref({});
+
+    setTimeout(() => {
+      urlQuery.value = {
+        type: 'video',
+      };
+    }, 3000);
+
+    return { args, urlQuery };
   },
   template: template,
 });

package/src/components/BaseDataIterator.vue

@@ -471,6 +471,13 @@ watch(
   }
 );
 
+watch(
+  () => props.urlQuery,
+  () => {
+    fetch();
+  }
+);
+
 function getRouteQuery() {
   return config.parseQueryString(window.location.search.replace(/^(\?)/, ''));
 }