appsalutely 0.1.5 → 0.1.6

package/dist/appsalutely.js

@@ -1,39 +1,39 @@
 (function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode("html{overflow:auto}html[data-theme=dark]{color-scheme:dark}html[data-theme=light]{color-scheme:light}")),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}})();
-import { ref as b, watch as C, computed as O, defineComponent as x, useModel as B, useSlots as A, onBeforeMount as E, createBlock as c, openBlock as m, unref as t, withCtx as s, createCommentVNode as w, createVNode as d, createElementBlock as $, renderSlot as h, createElementVNode as g, normalizeClass as z, toDisplayString as P, Fragment as S, renderList as L, normalizeStyle as q, mergeModels as T, withModifiers as U } from "vue";
-import { useRouter as R, RouterView as j } from "vue-router";
-import { VApp as G, VProgressLinear as H, VAppBar as D, VMain as J, VFooter as K, VBtn as V, VNavigationDrawer as Q, VList as X, VSnackbar as Y, VContainer as Z, VBreadcrumbs as ee, VCard as W, VForm as I, VCardText as N, VTextField as F, VListItem as te, VIcon as le, VOtpInput as oe } from "vuetify/components";
-import { defineStore as M } from "pinia";
-const ae = M("colorMode", () => {
+import { ref as b, watch as M, computed as F, defineComponent as x, useModel as $, useSlots as A, onBeforeMount as E, createBlock as c, openBlock as m, unref as t, withCtx as s, createCommentVNode as g, createVNode as d, createElementBlock as S, renderSlot as h, createElementVNode as w, normalizeClass as z, toDisplayString as P, Fragment as T, renderList as L, normalizeStyle as j, mergeModels as B, withModifiers as N } from "vue";
+import { useRouter as q, RouterView as R } from "vue-router";
+import { VApp as J, VProgressLinear as G, VAppBar as O, VMain as H, VFooter as K, VBtn as V, VNavigationDrawer as Q, VList as X, VSnackbar as Y, VContainer as Z, VBreadcrumbs as ee, VCard as U, VForm as W, VCardText as I, VTextField as D, VListItem as te, VIcon as le, VOtpInput as oe } from "vuetify/components";
+import { defineStore as C } from "pinia";
+const ne = C("colorMode", () => {
   const l = b(localStorage.getItem("colorMode") == "dark" ? "dark" : "light");
   function r() {
     l.value = l.value === "dark" ? "light" : "dark";
   }
-  function o(a) {
-    localStorage.setItem("colorMode", a), document.documentElement.setAttribute("data-theme", a);
-  }
-  return C(l, (a) => o(a)), o(l.value), { mode: l, toggle: r };
-}), ne = M("footer", () => {
-  const l = b([]), r = O(() => l.value.length > 0 ? l.value[l.value.length - 1] : null);
   function o(n) {
-    return n.id || (n.id = (/* @__PURE__ */ new Date()).getTime().toString()), n.timeout === void 0 && (n.timeout = 5e3), l.value.push(n), n.timeout && setTimeout(() => {
-      a(n.id);
-    }, n.timeout), n.id;
+    localStorage.setItem("colorMode", n), document.documentElement.setAttribute("data-theme", n);
   }
-  function a(n) {
-    l.value = l.value.filter((f) => f.id !== n);
+  return M(l, (n) => o(n)), o(l.value), { mode: l, toggle: r };
+}), ae = C("footer", () => {
+  const l = b([]), r = F(() => l.value.length > 0 ? l.value[l.value.length - 1] : null);
+  function o(a) {
+    return a.id || (a.id = (/* @__PURE__ */ new Date()).getTime().toString()), a.timeout === void 0 && (a.timeout = 5e3), l.value.push(a), a.timeout && setTimeout(() => {
+      n(a.id);
+    }, a.timeout), a.id;
   }
-  return { messages: l, current: r, addMessage: o, removeMessage: a };
-}), re = M("notify", () => {
+  function n(a) {
+    l.value = l.value.filter((f) => f.id !== a);
+  }
+  return { messages: l, current: r, addMessage: o, removeMessage: n };
+}), re = C("notify", () => {
   const l = b([]), r = b({});
   function o(e) {
-    return e.id ? a(e.id) : e.id = (/* @__PURE__ */ new Date()).getTime().toString(), e.timeout === void 0 && (e.timeout = 5e3), l.value.push(e), e.timeout && (r.value[e.id] = setTimeout(() => {
-      a(e.id);
+    return e.id ? n(e.id) : e.id = (/* @__PURE__ */ new Date()).getTime().toString(), e.timeout === void 0 && (e.timeout = 5e3), l.value.push(e), e.timeout && (r.value[e.id] = setTimeout(() => {
+      n(e.id);
     }, e.timeout)), e.id;
   }
-  function a(e) {
+  function n(e) {
     l.value = l.value.filter((k) => k.id !== e), r.value[e] && (clearTimeout(r.value[e]), delete r.value[e]);
   }
-  function n(e) {
+  function a(e) {
     return o({ text: e, type: "info" });
   }
   function f(e) {
@@ -45,8 +45,8 @@ const ae = M("colorMode", () => {
   function i(e) {
     return o({ text: e, type: "error" });
   }
-  return { messages: l, add: o, remove: a, info: n, success: f, warning: u, error: i };
-}), ue = { class: "d-flex flex-column pa-4 h-100" }, ie = ["textContent"], ge = /* @__PURE__ */ x({
+  return { messages: l, add: o, remove: n, info: a, success: f, warning: u, error: i };
+}), ue = { class: "d-flex flex-column pa-4 h-100" }, ie = ["textContent"], ye = /* @__PURE__ */ x({
   __name: "AppBase",
   props: {
     drawerOpen: { type: Boolean, default: !1 },
@@ -54,8 +54,8 @@ const ae = M("colorMode", () => {
   },
   emits: ["update:drawerOpen"],
   setup(l) {
-    const r = ae(), o = B(l, "drawerOpen"), a = b(!1), n = ne(), f = b(!1), u = b(null), i = re(), e = R(), k = A();
-    return C(a, (y) => {
+    const r = ne(), o = $(l, "drawerOpen"), n = b(!1), a = ae(), f = b(!1), u = b(null), i = re(), e = q(), k = A();
+    return M(n, (y) => {
       localStorage.setItem("drawerDocked", String(y));
     }), E(() => {
       e.beforeEach(() => {
@@ -64,33 +64,33 @@ const ae = M("colorMode", () => {
         }, 300);
       }), e.afterEach(() => {
         u.value && (clearTimeout(u.value), u.value = null), f.value = !1;
-      }), a.value = localStorage.getItem("drawerDocked") === "true", o.value = a.value;
-    }), (y, v) => (m(), c(t(G), {
+      }), n.value = localStorage.getItem("drawerDocked") === "true", o.value = n.value;
+    }), (y, v) => (m(), c(t(J), {
       theme: t(r).mode
     }, {
       default: s(() => [
-        f.value ? (m(), c(t(H), {
+        f.value ? (m(), c(t(G), {
           key: 0,
           indeterminate: "",
           class: "mb-n1",
           style: { "z-index": "100000", opacity: "0.5" },
           height: "1"
-        })) : w("", !0),
-        d(t(D), { height: "64" }, {
+        })) : g("", !0),
+        d(t(O), { height: "64" }, {
           default: s(() => [
             h(y.$slots, "header")
           ]),
           _: 3
         }),
-        d(t(J), { class: "bg-surface-light" }, {
+        d(t(H), { class: "bg-surface-light" }, {
           default: s(() => [
-            g("div", ue, [
-              d(t(j))
+            w("div", ue, [
+              d(t(R))
             ])
           ]),
           _: 1
         }),
-        t(k).footer ? (m(), c(t(D), {
+        t(k).footer ? (m(), c(t(O), {
           key: 1,
           height: "40",
           location: "bottom"
@@ -98,22 +98,22 @@ const ae = M("colorMode", () => {
           default: s(() => [
             d(t(K), { class: "py-0 w-100 d-flex align-center" }, {
               default: s(() => [
-                t(n).current ? (m(), $("span", {
+                t(a).current ? (m(), S("span", {
                   key: 0,
-                  textContent: P(t(n).current.text),
-                  class: z([t(n).current.type ? {} : { ["text-" + t(n).current.type]: !0 }, "overflow-hidden text-no-wrap"]),
+                  textContent: P(t(a).current.text),
+                  class: z([t(a).current.type ? {} : { ["text-" + t(a).current.type]: !0 }, "overflow-hidden text-no-wrap"]),
                   style: { "text-overflow": "ellipsis" }
-                }, null, 10, ie)) : w("", !0),
-                t(n).current && t(n).current.actions ? (m(!0), $(S, { key: 1 }, L(Object.entries(t(n).current.actions), (p, _) => (m(), c(t(V), {
+                }, null, 10, ie)) : g("", !0),
+                t(a).current && t(a).current.actions ? (m(!0), S(T, { key: 1 }, L(Object.entries(t(a).current.actions), (p, _) => (m(), c(t(V), {
                   text: p[0],
                   onClick: p[1],
                   key: _,
                   density: "comfortable",
                   variant: "tonal",
                   class: "mx-2 px-2 text-none",
-                  color: t(n).current.type
-                }, null, 8, ["text", "onClick", "color"]))), 128)) : w("", !0),
-                v[2] || (v[2] = g("div", { class: "me-auto" }, null, -1)),
+                  color: t(a).current.type
+                }, null, 8, ["text", "onClick", "color"]))), 128)) : g("", !0),
+                v[2] || (v[2] = w("div", { class: "me-auto" }, null, -1)),
                 h(y.$slots, "footer")
               ]),
               _: 3,
@@ -121,15 +121,15 @@ const ae = M("colorMode", () => {
             })
           ]),
           _: 3
-        })) : w("", !0),
+        })) : g("", !0),
         t(k).drawer ? (m(), c(t(Q), {
           key: 2,
           modelValue: o.value,
           "onUpdate:modelValue": v[1] || (v[1] = (p) => o.value = p),
           width: "250",
           "rail-width": "58",
-          rail: a.value,
-          mobile: a.value ? !1 : void 0
+          rail: n.value,
+          mobile: n.value ? !1 : void 0
         }, {
           default: s(() => [
             d(t(X), {
@@ -138,15 +138,15 @@ const ae = M("colorMode", () => {
             }, {
               default: s(() => [
                 h(y.$slots, "drawer"),
-                v[3] || (v[3] = g("div", { class: "flex-grow-1" }, null, -1)),
+                v[3] || (v[3] = w("div", { class: "flex-grow-1" }, null, -1)),
                 d(t(V), {
-                  onClick: v[0] || (v[0] = (p) => a.value = !a.value),
+                  onClick: v[0] || (v[0] = (p) => n.value = !n.value),
                   icon: "mdi-pin-outline",
                   rounded: "rounded",
                   density: "comfortable",
-                  title: a.value ? "Undock sidebar" : "Dock sidebar",
+                  title: n.value ? "Undock sidebar" : "Dock sidebar",
                   class: "ma-1 ms-auto",
-                  variant: a.value ? "tonal" : "text"
+                  variant: n.value ? "tonal" : "text"
                 }, null, 8, ["title", "variant"])
               ]),
               _: 3,
@@ -154,20 +154,20 @@ const ae = M("colorMode", () => {
             })
           ]),
           _: 3
-        }, 8, ["modelValue", "rail", "mobile"])) : w("", !0),
-        (m(!0), $(S, null, L(t(i).messages, (p, _) => (m(), c(t(Y), {
+        }, 8, ["modelValue", "rail", "mobile"])) : g("", !0),
+        (m(!0), S(T, null, L(t(i).messages, (p, _) => (m(), c(t(Y), {
           key: _,
           "model-value": !0,
           text: p.text,
           color: p.type,
           location: "bottom end",
-          style: q({ bottom: `${_ * 56}px` }),
+          style: j({ bottom: `${_ * 56}px` }),
           timeout: -1
         }, {
           actions: s(() => [
             d(t(V), {
               icon: "mdi-close",
-              onClick: (pe) => t(i).remove(p.id)
+              onClick: (ve) => t(i).remove(p.id)
             }, null, 8, ["onClick"])
           ]),
           _: 2
@@ -176,7 +176,7 @@ const ae = M("colorMode", () => {
       _: 3
     }, 8, ["theme"]));
   }
-}), ye = /* @__PURE__ */ x({
+}), Ve = /* @__PURE__ */ x({
   __name: "DashboardPage",
   props: {
     breadcrumbs: {},
@@ -193,7 +193,7 @@ const ae = M("colorMode", () => {
           items: r.breadcrumbs,
           density: "comfortable",
           class: "pa-0 flex-wrap"
-        }, null, 8, ["items"])) : w("", !0),
+        }, null, 8, ["items"])) : g("", !0),
         h(r.$slots, "default")
       ]),
       _: 3
@@ -201,24 +201,24 @@ const ae = M("colorMode", () => {
   }
 }), se = (l, r) => {
   const o = l.__vccOpts || l;
-  for (const [a, n] of r)
-    o[a] = n;
+  for (const [n, a] of r)
+    o[n] = a;
   return o;
 }, de = {}, me = { class: "h-100 d-flex align-center" };
 function fe(l, r) {
-  return m(), $(S, null, [
-    r[0] || (r[0] = g("span", {
+  return m(), S(T, null, [
+    r[0] || (r[0] = w("span", {
       class: "border-s mx-3",
       style: { height: "32px" }
     }, null, -1)),
-    g("span", me, [
+    w("span", me, [
       h(l.$slots, "default")
     ])
   ], 64);
 }
-const Ve = /* @__PURE__ */ se(de, [["render", fe]]), xe = /* @__PURE__ */ x({
+const xe = /* @__PURE__ */ se(de, [["render", fe]]), ke = /* @__PURE__ */ x({
   __name: "LoginForm",
-  props: /* @__PURE__ */ T({
+  props: /* @__PURE__ */ B({
     title: { default: "Log in" },
     submitButtonText: { default: "Log in" },
     minWidth: {},
@@ -232,24 +232,24 @@ const Ve = /* @__PURE__ */ se(de, [["render", fe]]), xe = /* @__PURE__ */ x({
     password: { default: "" },
     passwordModifiers: {}
   }),
-  emits: /* @__PURE__ */ T(["submit"], ["update:username", "update:password"]),
+  emits: /* @__PURE__ */ B(["submit"], ["update:username", "update:password"]),
   setup(l, { emit: r }) {
-    const o = B(l, "username"), a = B(l, "password"), n = r, f = b(!1);
-    return (u, i) => (m(), c(t(W), {
+    const o = $(l, "username"), n = $(l, "password"), a = r, f = b(!1);
+    return (u, i) => (m(), c(t(U), {
       title: u.title,
       "min-width": u.minWidth,
       "max-width": u.maxWidth
     }, {
       default: s(() => [
-        d(t(I), {
-          onSubmit: i[2] || (i[2] = U((e) => n("submit", o.value, a.value), ["prevent"])),
+        d(t(W), {
+          onSubmit: i[2] || (i[2] = N((e) => a("submit", o.value, n.value), ["prevent"])),
           modelValue: f.value,
           "onUpdate:modelValue": i[3] || (i[3] = (e) => f.value = e)
         }, {
           default: s(() => [
-            d(t(N), { class: "d-flex flex-column" }, {
+            d(t(I), { class: "d-flex flex-column" }, {
               default: s(() => [
-                d(t(F), {
+                d(t(D), {
                   modelValue: o.value,
                   "onUpdate:modelValue": i[0] || (i[0] = (e) => o.value = e),
                   label: u.usernameLabel,
@@ -257,9 +257,9 @@ const Ve = /* @__PURE__ */ se(de, [["render", fe]]), xe = /* @__PURE__ */ x({
                   "persistent-placeholder": "",
                   autofocus: ""
                 }, null, 8, ["modelValue", "label", "rules"]),
-                d(t(F), {
-                  modelValue: a.value,
-                  "onUpdate:modelValue": i[1] || (i[1] = (e) => a.value = e),
+                d(t(D), {
+                  modelValue: n.value,
+                  "onUpdate:modelValue": i[1] || (i[1] = (e) => n.value = e),
                   label: u.passwordLabel,
                   type: "password",
                   rules: [(e) => !!e || "Password is required"],
@@ -285,7 +285,7 @@ const Ve = /* @__PURE__ */ se(de, [["render", fe]]), xe = /* @__PURE__ */ x({
       _: 3
     }, 8, ["title", "min-width", "max-width"]));
   }
-}), ce = { class: "text-no-wrap overflow-hidden" }, ke = /* @__PURE__ */ x({
+}), ce = { class: "text-no-wrap overflow-hidden" }, _e = /* @__PURE__ */ x({
   __name: "NavDrawerLink",
   props: {
     to: {},
@@ -302,14 +302,14 @@ const Ve = /* @__PURE__ */ se(de, [["render", fe]]), xe = /* @__PURE__ */ x({
         d(t(le), { icon: r.icon }, null, 8, ["icon"])
       ]),
       default: s(() => [
-        g("span", ce, P(r.text), 1)
+        w("span", ce, P(r.text), 1)
       ]),
       _: 1
     }, 8, ["to"]));
   }
-}), _e = /* @__PURE__ */ x({
+}), Se = /* @__PURE__ */ x({
   __name: "OTPForm",
-  props: /* @__PURE__ */ T({
+  props: /* @__PURE__ */ B({
     title: { default: "2FA Verification" },
     subtitle: { default: "Enter the code from your authenticator app" },
     submitButtonText: { default: "Verify" },
@@ -322,24 +322,24 @@ const Ve = /* @__PURE__ */ se(de, [["render", fe]]), xe = /* @__PURE__ */ x({
     otp: { default: "" },
     otpModifiers: {}
   }),
-  emits: /* @__PURE__ */ T(["submit"], ["update:otp"]),
+  emits: /* @__PURE__ */ B(["submit"], ["update:otp"]),
   setup(l, { emit: r }) {
-    const o = B(l, "otp"), a = r, n = l, f = O(() => o.value.length === n.length);
-    return C(o, () => {
-      n.autosubmit && o.value.length === n.length && a("submit", o.value);
-    }), (u, i) => (m(), c(t(W), {
+    const o = $(l, "otp"), n = r, a = l, f = F(() => o.value.length === a.length);
+    return M(o, () => {
+      a.autosubmit && o.value.length === a.length && n("submit", o.value);
+    }), (u, i) => (m(), c(t(U), {
       title: u.title,
       subtitle: u.subtitle,
       "min-width": u.minWidth,
       "max-width": u.maxWidth
     }, {
       default: s(() => [
-        d(t(I), {
-          onSubmit: i[1] || (i[1] = U((e) => a("submit", o.value), ["prevent"])),
+        d(t(W), {
+          onSubmit: i[1] || (i[1] = N((e) => n("submit", o.value), ["prevent"])),
           "model-value": f.value
         }, {
           default: s(() => [
-            d(t(N), { class: "d-flex flex-column" }, {
+            d(t(I), { class: "d-flex flex-column" }, {
               default: s(() => [
                 d(t(oe), {
                   modelValue: o.value,
@@ -370,14 +370,24 @@ const Ve = /* @__PURE__ */ se(de, [["render", fe]]), xe = /* @__PURE__ */ x({
     }, 8, ["title", "subtitle", "min-width", "max-width"]));
   }
 });
+function pe(l) {
+  return !l || l.length === 0 ? {} : {
+    filter: JSON.stringify(l)
+  };
+}
+const $e = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  asParams: pe
+}, Symbol.toStringTag, { value: "Module" }));
 export {
-  ge as AppBase,
-  ye as DashboardPage,
-  Ve as FooterSection,
-  xe as LoginForm,
-  ke as NavDrawerLink,
-  _e as OTPForm,
-  ae as useColorMode,
-  ne as useFooter,
+  ye as AppBase,
+  Ve as DashboardPage,
+  xe as FooterSection,
+  ke as LoginForm,
+  _e as NavDrawerLink,
+  Se as OTPForm,
+  $e as filters,
+  ne as useColorMode,
+  ae as useFooter,
   re as useNotify
 };

package/dist/appsalutely.umd.cjs

@@ -1,2 +1,2 @@
 (function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode("html{overflow:auto}html[data-theme=dark]{color-scheme:dark}html[data-theme=light]{color-scheme:light}")),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}})();
-(function(s,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("vue-router"),require("vuetify/components"),require("pinia")):typeof define=="function"&&define.amd?define(["exports","vue","vue-router","vuetify/components","pinia"],e):(s=typeof globalThis<"u"?globalThis:s||self,e(s.appsalutely={},s.Vue,s.VueRouter,s.VuetifyComponents,s.Pinia))})(this,function(s,e,b,i,w){"use strict";const k=w.defineStore("colorMode",()=>{const r=e.ref(localStorage.getItem("colorMode")=="dark"?"dark":"light");function a(){r.value=r.value==="dark"?"light":"dark"}function l(o){localStorage.setItem("colorMode",o),document.documentElement.setAttribute("data-theme",o)}return e.watch(r,o=>l(o)),l(r.value),{mode:r,toggle:a}}),y=w.defineStore("footer",()=>{const r=e.ref([]),a=e.computed(()=>r.value.length>0?r.value[r.value.length-1]:null);function l(n){return n.id||(n.id=new Date().getTime().toString()),n.timeout===void 0&&(n.timeout=5e3),r.value.push(n),n.timeout&&setTimeout(()=>{o(n.id)},n.timeout),n.id}function o(n){r.value=r.value.filter(f=>f.id!==n)}return{messages:r,current:a,addMessage:l,removeMessage:o}}),g=w.defineStore("notify",()=>{const r=e.ref([]),a=e.ref({});function l(t){return t.id?o(t.id):t.id=new Date().getTime().toString(),t.timeout===void 0&&(t.timeout=5e3),r.value.push(t),t.timeout&&(a.value[t.id]=setTimeout(()=>{o(t.id)},t.timeout)),t.id}function o(t){r.value=r.value.filter(V=>V.id!==t),a.value[t]&&(clearTimeout(a.value[t]),delete a.value[t])}function n(t){return l({text:t,type:"info"})}function f(t){return l({text:t,type:"success"})}function d(t){return l({text:t,type:"warning"})}function u(t){return l({text:t,type:"error"})}return{messages:r,add:l,remove:o,info:n,success:f,warning:d,error:u}}),B={class:"d-flex flex-column pa-4 h-100"},x=["textContent"],C=e.defineComponent({__name:"AppBase",props:{drawerOpen:{type:Boolean,default:!1},drawerOpenModifiers:{}},emits:["update:drawerOpen"],setup(r){const a=k(),l=e.useModel(r,"drawerOpen"),o=e.ref(!1),n=y(),f=e.ref(!1),d=e.ref(null),u=g(),t=b.useRouter(),V=e.useSlots();return e.watch(o,p=>{localStorage.setItem("drawerDocked",String(p))}),e.onBeforeMount(()=>{t.beforeEach(()=>{d.value=setTimeout(()=>{f.value=!0},300)}),t.afterEach(()=>{d.value&&(clearTimeout(d.value),d.value=null),f.value=!1}),o.value=localStorage.getItem("drawerDocked")==="true",l.value=o.value}),(p,m)=>(e.openBlock(),e.createBlock(e.unref(i.VApp),{theme:e.unref(a).mode},{default:e.withCtx(()=>[f.value?(e.openBlock(),e.createBlock(e.unref(i.VProgressLinear),{key:0,indeterminate:"",class:"mb-n1",style:{"z-index":"100000",opacity:"0.5"},height:"1"})):e.createCommentVNode("",!0),e.createVNode(e.unref(i.VAppBar),{height:"64"},{default:e.withCtx(()=>[e.renderSlot(p.$slots,"header")]),_:3}),e.createVNode(e.unref(i.VMain),{class:"bg-surface-light"},{default:e.withCtx(()=>[e.createElementVNode("div",B,[e.createVNode(e.unref(b.RouterView))])]),_:1}),e.unref(V).footer?(e.openBlock(),e.createBlock(e.unref(i.VAppBar),{key:1,height:"40",location:"bottom"},{default:e.withCtx(()=>[e.createVNode(e.unref(i.VFooter),{class:"py-0 w-100 d-flex align-center"},{default:e.withCtx(()=>[e.unref(n).current?(e.openBlock(),e.createElementBlock("span",{key:0,textContent:e.toDisplayString(e.unref(n).current.text),class:e.normalizeClass([e.unref(n).current.type?{}:{["text-"+e.unref(n).current.type]:!0},"overflow-hidden text-no-wrap"]),style:{"text-overflow":"ellipsis"}},null,10,x)):e.createCommentVNode("",!0),e.unref(n).current&&e.unref(n).current.actions?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:1},e.renderList(Object.entries(e.unref(n).current.actions),(c,h)=>(e.openBlock(),e.createBlock(e.unref(i.VBtn),{text:c[0],onClick:c[1],key:h,density:"comfortable",variant:"tonal",class:"mx-2 px-2 text-none",color:e.unref(n).current.type},null,8,["text","onClick","color"]))),128)):e.createCommentVNode("",!0),m[2]||(m[2]=e.createElementVNode("div",{class:"me-auto"},null,-1)),e.renderSlot(p.$slots,"footer")]),_:3,__:[2]})]),_:3})):e.createCommentVNode("",!0),e.unref(V).drawer?(e.openBlock(),e.createBlock(e.unref(i.VNavigationDrawer),{key:2,modelValue:l.value,"onUpdate:modelValue":m[1]||(m[1]=c=>l.value=c),width:"250","rail-width":"58",rail:o.value,mobile:o.value?!1:void 0},{default:e.withCtx(()=>[e.createVNode(e.unref(i.VList),{class:"h-100 d-flex flex-column",nav:""},{default:e.withCtx(()=>[e.renderSlot(p.$slots,"drawer"),m[3]||(m[3]=e.createElementVNode("div",{class:"flex-grow-1"},null,-1)),e.createVNode(e.unref(i.VBtn),{onClick:m[0]||(m[0]=c=>o.value=!o.value),icon:"mdi-pin-outline",rounded:"rounded",density:"comfortable",title:o.value?"Undock sidebar":"Dock sidebar",class:"ma-1 ms-auto",variant:o.value?"tonal":"text"},null,8,["title","variant"])]),_:3,__:[3]})]),_:3},8,["modelValue","rail","mobile"])):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(u).messages,(c,h)=>(e.openBlock(),e.createBlock(e.unref(i.VSnackbar),{key:h,"model-value":!0,text:c.text,color:c.type,location:"bottom end",style:e.normalizeStyle({bottom:`${h*56}px`}),timeout:-1},{actions:e.withCtx(()=>[e.createVNode(e.unref(i.VBtn),{icon:"mdi-close",onClick:O=>e.unref(u).remove(c.id)},null,8,["onClick"])]),_:2},1032,["text","color","style"]))),128))]),_:3},8,["theme"]))}}),N=e.defineComponent({__name:"DashboardPage",props:{breadcrumbs:{},fluid:{type:Boolean,default:!0}},setup(r){return(a,l)=>(e.openBlock(),e.createBlock(e.unref(i.VContainer),{fluid:a.fluid,class:"h-100 d-flex flex-column py-0 h-100"},{default:e.withCtx(()=>[a.breadcrumbs?(e.openBlock(),e.createBlock(e.unref(i.VBreadcrumbs),{key:0,items:a.breadcrumbs,density:"comfortable",class:"pa-0 flex-wrap"},null,8,["items"])):e.createCommentVNode("",!0),e.renderSlot(a.$slots,"default")]),_:3},8,["fluid"]))}}),S=(r,a)=>{const l=r.__vccOpts||r;for(const[o,n]of a)l[o]=n;return l},M={},T={class:"h-100 d-flex align-center"};function _(r,a){return e.openBlock(),e.createElementBlock(e.Fragment,null,[a[0]||(a[0]=e.createElementVNode("span",{class:"border-s mx-3",style:{height:"32px"}},null,-1)),e.createElementVNode("span",T,[e.renderSlot(r.$slots,"default")])],64)}const $=S(M,[["render",_]]),F=e.defineComponent({__name:"LoginForm",props:e.mergeModels({title:{default:"Log in"},submitButtonText:{default:"Log in"},minWidth:{},maxWidth:{},loading:{type:Boolean},usernameLabel:{default:"Username"},passwordLabel:{default:"Password"}},{username:{default:""},usernameModifiers:{},password:{default:""},passwordModifiers:{}}),emits:e.mergeModels(["submit"],["update:username","update:password"]),setup(r,{emit:a}){const l=e.useModel(r,"username"),o=e.useModel(r,"password"),n=a,f=e.ref(!1);return(d,u)=>(e.openBlock(),e.createBlock(e.unref(i.VCard),{title:d.title,"min-width":d.minWidth,"max-width":d.maxWidth},{default:e.withCtx(()=>[e.createVNode(e.unref(i.VForm),{onSubmit:u[2]||(u[2]=e.withModifiers(t=>n("submit",l.value,o.value),["prevent"])),modelValue:f.value,"onUpdate:modelValue":u[3]||(u[3]=t=>f.value=t)},{default:e.withCtx(()=>[e.createVNode(e.unref(i.VCardText),{class:"d-flex flex-column"},{default:e.withCtx(()=>[e.createVNode(e.unref(i.VTextField),{modelValue:l.value,"onUpdate:modelValue":u[0]||(u[0]=t=>l.value=t),label:d.usernameLabel,rules:[t=>!!t||"Username is required"],"persistent-placeholder":"",autofocus:""},null,8,["modelValue","label","rules"]),e.createVNode(e.unref(i.VTextField),{modelValue:o.value,"onUpdate:modelValue":u[1]||(u[1]=t=>o.value=t),label:d.passwordLabel,type:"password",rules:[t=>!!t||"Password is required"],"persistent-placeholder":""},null,8,["modelValue","label","rules"]),e.createVNode(e.unref(i.VBtn),{disabled:!f.value,type:"submit",color:"primary",variant:"flat",text:d.submitButtonText,loading:d.loading,class:"align-self-center"},null,8,["disabled","text","loading"]),e.renderSlot(d.$slots,"beneath")]),_:3})]),_:3},8,["modelValue"])]),_:3},8,["title","min-width","max-width"]))}}),L={class:"text-no-wrap overflow-hidden"},E=e.defineComponent({__name:"NavDrawerLink",props:{to:{},icon:{},text:{}},setup(r){return(a,l)=>(e.openBlock(),e.createBlock(e.unref(i.VListItem),{role:"option",to:a.to,slim:""},{prepend:e.withCtx(()=>[e.createVNode(e.unref(i.VIcon),{icon:a.icon},null,8,["icon"])]),default:e.withCtx(()=>[e.createElementVNode("span",L,e.toDisplayString(a.text),1)]),_:1},8,["to"]))}}),D=e.defineComponent({__name:"OTPForm",props:e.mergeModels({title:{default:"2FA Verification"},subtitle:{default:"Enter the code from your authenticator app"},submitButtonText:{default:"Verify"},minWidth:{},maxWidth:{},loading:{type:Boolean},length:{default:6},autosubmit:{type:Boolean,default:!0}},{otp:{default:""},otpModifiers:{}}),emits:e.mergeModels(["submit"],["update:otp"]),setup(r,{emit:a}){const l=e.useModel(r,"otp"),o=a,n=r,f=e.computed(()=>l.value.length===n.length);return e.watch(l,()=>{n.autosubmit&&l.value.length===n.length&&o("submit",l.value)}),(d,u)=>(e.openBlock(),e.createBlock(e.unref(i.VCard),{title:d.title,subtitle:d.subtitle,"min-width":d.minWidth,"max-width":d.maxWidth},{default:e.withCtx(()=>[e.createVNode(e.unref(i.VForm),{onSubmit:u[1]||(u[1]=e.withModifiers(t=>o("submit",l.value),["prevent"])),"model-value":f.value},{default:e.withCtx(()=>[e.createVNode(e.unref(i.VCardText),{class:"d-flex flex-column"},{default:e.withCtx(()=>[e.createVNode(e.unref(i.VOtpInput),{modelValue:l.value,"onUpdate:modelValue":u[0]||(u[0]=t=>l.value=t),label:"OTP","persistent-placeholder":"",autofocus:"",length:d.length},null,8,["modelValue","length"]),e.createVNode(e.unref(i.VBtn),{disabled:!f.value,type:"submit",color:"primary",variant:"flat",text:d.submitButtonText,loading:d.loading,class:"align-self-center"},null,8,["disabled","text","loading"]),e.renderSlot(d.$slots,"beneath")]),_:3})]),_:3},8,["model-value"])]),_:3},8,["title","subtitle","min-width","max-width"]))}});s.AppBase=C,s.DashboardPage=N,s.FooterSection=$,s.LoginForm=F,s.NavDrawerLink=E,s.OTPForm=D,s.useColorMode=k,s.useFooter=y,s.useNotify=g,Object.defineProperty(s,Symbol.toStringTag,{value:"Module"})});
+(function(s,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("vue-router"),require("vuetify/components"),require("pinia")):typeof define=="function"&&define.amd?define(["exports","vue","vue-router","vuetify/components","pinia"],e):(s=typeof globalThis<"u"?globalThis:s||self,e(s.appsalutely={},s.Vue,s.VueRouter,s.VuetifyComponents,s.Pinia))})(this,function(s,e,b,i,w){"use strict";const y=w.defineStore("colorMode",()=>{const r=e.ref(localStorage.getItem("colorMode")=="dark"?"dark":"light");function a(){r.value=r.value==="dark"?"light":"dark"}function l(o){localStorage.setItem("colorMode",o),document.documentElement.setAttribute("data-theme",o)}return e.watch(r,o=>l(o)),l(r.value),{mode:r,toggle:a}}),k=w.defineStore("footer",()=>{const r=e.ref([]),a=e.computed(()=>r.value.length>0?r.value[r.value.length-1]:null);function l(n){return n.id||(n.id=new Date().getTime().toString()),n.timeout===void 0&&(n.timeout=5e3),r.value.push(n),n.timeout&&setTimeout(()=>{o(n.id)},n.timeout),n.id}function o(n){r.value=r.value.filter(f=>f.id!==n)}return{messages:r,current:a,addMessage:l,removeMessage:o}}),g=w.defineStore("notify",()=>{const r=e.ref([]),a=e.ref({});function l(t){return t.id?o(t.id):t.id=new Date().getTime().toString(),t.timeout===void 0&&(t.timeout=5e3),r.value.push(t),t.timeout&&(a.value[t.id]=setTimeout(()=>{o(t.id)},t.timeout)),t.id}function o(t){r.value=r.value.filter(h=>h.id!==t),a.value[t]&&(clearTimeout(a.value[t]),delete a.value[t])}function n(t){return l({text:t,type:"info"})}function f(t){return l({text:t,type:"success"})}function d(t){return l({text:t,type:"warning"})}function u(t){return l({text:t,type:"error"})}return{messages:r,add:l,remove:o,info:n,success:f,warning:d,error:u}}),B={class:"d-flex flex-column pa-4 h-100"},x=["textContent"],C=e.defineComponent({__name:"AppBase",props:{drawerOpen:{type:Boolean,default:!1},drawerOpenModifiers:{}},emits:["update:drawerOpen"],setup(r){const a=y(),l=e.useModel(r,"drawerOpen"),o=e.ref(!1),n=k(),f=e.ref(!1),d=e.ref(null),u=g(),t=b.useRouter(),h=e.useSlots();return e.watch(o,p=>{localStorage.setItem("drawerDocked",String(p))}),e.onBeforeMount(()=>{t.beforeEach(()=>{d.value=setTimeout(()=>{f.value=!0},300)}),t.afterEach(()=>{d.value&&(clearTimeout(d.value),d.value=null),f.value=!1}),o.value=localStorage.getItem("drawerDocked")==="true",l.value=o.value}),(p,m)=>(e.openBlock(),e.createBlock(e.unref(i.VApp),{theme:e.unref(a).mode},{default:e.withCtx(()=>[f.value?(e.openBlock(),e.createBlock(e.unref(i.VProgressLinear),{key:0,indeterminate:"",class:"mb-n1",style:{"z-index":"100000",opacity:"0.5"},height:"1"})):e.createCommentVNode("",!0),e.createVNode(e.unref(i.VAppBar),{height:"64"},{default:e.withCtx(()=>[e.renderSlot(p.$slots,"header")]),_:3}),e.createVNode(e.unref(i.VMain),{class:"bg-surface-light"},{default:e.withCtx(()=>[e.createElementVNode("div",B,[e.createVNode(e.unref(b.RouterView))])]),_:1}),e.unref(h).footer?(e.openBlock(),e.createBlock(e.unref(i.VAppBar),{key:1,height:"40",location:"bottom"},{default:e.withCtx(()=>[e.createVNode(e.unref(i.VFooter),{class:"py-0 w-100 d-flex align-center"},{default:e.withCtx(()=>[e.unref(n).current?(e.openBlock(),e.createElementBlock("span",{key:0,textContent:e.toDisplayString(e.unref(n).current.text),class:e.normalizeClass([e.unref(n).current.type?{}:{["text-"+e.unref(n).current.type]:!0},"overflow-hidden text-no-wrap"]),style:{"text-overflow":"ellipsis"}},null,10,x)):e.createCommentVNode("",!0),e.unref(n).current&&e.unref(n).current.actions?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:1},e.renderList(Object.entries(e.unref(n).current.actions),(c,V)=>(e.openBlock(),e.createBlock(e.unref(i.VBtn),{text:c[0],onClick:c[1],key:V,density:"comfortable",variant:"tonal",class:"mx-2 px-2 text-none",color:e.unref(n).current.type},null,8,["text","onClick","color"]))),128)):e.createCommentVNode("",!0),m[2]||(m[2]=e.createElementVNode("div",{class:"me-auto"},null,-1)),e.renderSlot(p.$slots,"footer")]),_:3,__:[2]})]),_:3})):e.createCommentVNode("",!0),e.unref(h).drawer?(e.openBlock(),e.createBlock(e.unref(i.VNavigationDrawer),{key:2,modelValue:l.value,"onUpdate:modelValue":m[1]||(m[1]=c=>l.value=c),width:"250","rail-width":"58",rail:o.value,mobile:o.value?!1:void 0},{default:e.withCtx(()=>[e.createVNode(e.unref(i.VList),{class:"h-100 d-flex flex-column",nav:""},{default:e.withCtx(()=>[e.renderSlot(p.$slots,"drawer"),m[3]||(m[3]=e.createElementVNode("div",{class:"flex-grow-1"},null,-1)),e.createVNode(e.unref(i.VBtn),{onClick:m[0]||(m[0]=c=>o.value=!o.value),icon:"mdi-pin-outline",rounded:"rounded",density:"comfortable",title:o.value?"Undock sidebar":"Dock sidebar",class:"ma-1 ms-auto",variant:o.value?"tonal":"text"},null,8,["title","variant"])]),_:3,__:[3]})]),_:3},8,["modelValue","rail","mobile"])):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(u).messages,(c,V)=>(e.openBlock(),e.createBlock(e.unref(i.VSnackbar),{key:V,"model-value":!0,text:c.text,color:c.type,location:"bottom end",style:e.normalizeStyle({bottom:`${V*56}px`}),timeout:-1},{actions:e.withCtx(()=>[e.createVNode(e.unref(i.VBtn),{icon:"mdi-close",onClick:U=>e.unref(u).remove(c.id)},null,8,["onClick"])]),_:2},1032,["text","color","style"]))),128))]),_:3},8,["theme"]))}}),N=e.defineComponent({__name:"DashboardPage",props:{breadcrumbs:{},fluid:{type:Boolean,default:!0}},setup(r){return(a,l)=>(e.openBlock(),e.createBlock(e.unref(i.VContainer),{fluid:a.fluid,class:"h-100 d-flex flex-column py-0 h-100"},{default:e.withCtx(()=>[a.breadcrumbs?(e.openBlock(),e.createBlock(e.unref(i.VBreadcrumbs),{key:0,items:a.breadcrumbs,density:"comfortable",class:"pa-0 flex-wrap"},null,8,["items"])):e.createCommentVNode("",!0),e.renderSlot(a.$slots,"default")]),_:3},8,["fluid"]))}}),S=(r,a)=>{const l=r.__vccOpts||r;for(const[o,n]of a)l[o]=n;return l},M={},T={class:"h-100 d-flex align-center"};function _(r,a){return e.openBlock(),e.createElementBlock(e.Fragment,null,[a[0]||(a[0]=e.createElementVNode("span",{class:"border-s mx-3",style:{height:"32px"}},null,-1)),e.createElementVNode("span",T,[e.renderSlot(r.$slots,"default")])],64)}const $=S(M,[["render",_]]),F=e.defineComponent({__name:"LoginForm",props:e.mergeModels({title:{default:"Log in"},submitButtonText:{default:"Log in"},minWidth:{},maxWidth:{},loading:{type:Boolean},usernameLabel:{default:"Username"},passwordLabel:{default:"Password"}},{username:{default:""},usernameModifiers:{},password:{default:""},passwordModifiers:{}}),emits:e.mergeModels(["submit"],["update:username","update:password"]),setup(r,{emit:a}){const l=e.useModel(r,"username"),o=e.useModel(r,"password"),n=a,f=e.ref(!1);return(d,u)=>(e.openBlock(),e.createBlock(e.unref(i.VCard),{title:d.title,"min-width":d.minWidth,"max-width":d.maxWidth},{default:e.withCtx(()=>[e.createVNode(e.unref(i.VForm),{onSubmit:u[2]||(u[2]=e.withModifiers(t=>n("submit",l.value,o.value),["prevent"])),modelValue:f.value,"onUpdate:modelValue":u[3]||(u[3]=t=>f.value=t)},{default:e.withCtx(()=>[e.createVNode(e.unref(i.VCardText),{class:"d-flex flex-column"},{default:e.withCtx(()=>[e.createVNode(e.unref(i.VTextField),{modelValue:l.value,"onUpdate:modelValue":u[0]||(u[0]=t=>l.value=t),label:d.usernameLabel,rules:[t=>!!t||"Username is required"],"persistent-placeholder":"",autofocus:""},null,8,["modelValue","label","rules"]),e.createVNode(e.unref(i.VTextField),{modelValue:o.value,"onUpdate:modelValue":u[1]||(u[1]=t=>o.value=t),label:d.passwordLabel,type:"password",rules:[t=>!!t||"Password is required"],"persistent-placeholder":""},null,8,["modelValue","label","rules"]),e.createVNode(e.unref(i.VBtn),{disabled:!f.value,type:"submit",color:"primary",variant:"flat",text:d.submitButtonText,loading:d.loading,class:"align-self-center"},null,8,["disabled","text","loading"]),e.renderSlot(d.$slots,"beneath")]),_:3})]),_:3},8,["modelValue"])]),_:3},8,["title","min-width","max-width"]))}}),L={class:"text-no-wrap overflow-hidden"},O=e.defineComponent({__name:"NavDrawerLink",props:{to:{},icon:{},text:{}},setup(r){return(a,l)=>(e.openBlock(),e.createBlock(e.unref(i.VListItem),{role:"option",to:a.to,slim:""},{prepend:e.withCtx(()=>[e.createVNode(e.unref(i.VIcon),{icon:a.icon},null,8,["icon"])]),default:e.withCtx(()=>[e.createElementVNode("span",L,e.toDisplayString(a.text),1)]),_:1},8,["to"]))}}),E=e.defineComponent({__name:"OTPForm",props:e.mergeModels({title:{default:"2FA Verification"},subtitle:{default:"Enter the code from your authenticator app"},submitButtonText:{default:"Verify"},minWidth:{},maxWidth:{},loading:{type:Boolean},length:{default:6},autosubmit:{type:Boolean,default:!0}},{otp:{default:""},otpModifiers:{}}),emits:e.mergeModels(["submit"],["update:otp"]),setup(r,{emit:a}){const l=e.useModel(r,"otp"),o=a,n=r,f=e.computed(()=>l.value.length===n.length);return e.watch(l,()=>{n.autosubmit&&l.value.length===n.length&&o("submit",l.value)}),(d,u)=>(e.openBlock(),e.createBlock(e.unref(i.VCard),{title:d.title,subtitle:d.subtitle,"min-width":d.minWidth,"max-width":d.maxWidth},{default:e.withCtx(()=>[e.createVNode(e.unref(i.VForm),{onSubmit:u[1]||(u[1]=e.withModifiers(t=>o("submit",l.value),["prevent"])),"model-value":f.value},{default:e.withCtx(()=>[e.createVNode(e.unref(i.VCardText),{class:"d-flex flex-column"},{default:e.withCtx(()=>[e.createVNode(e.unref(i.VOtpInput),{modelValue:l.value,"onUpdate:modelValue":u[0]||(u[0]=t=>l.value=t),label:"OTP","persistent-placeholder":"",autofocus:"",length:d.length},null,8,["modelValue","length"]),e.createVNode(e.unref(i.VBtn),{disabled:!f.value,type:"submit",color:"primary",variant:"flat",text:d.submitButtonText,loading:d.loading,class:"align-self-center"},null,8,["disabled","text","loading"]),e.renderSlot(d.$slots,"beneath")]),_:3})]),_:3},8,["model-value"])]),_:3},8,["title","subtitle","min-width","max-width"]))}});function D(r){return!r||r.length===0?{}:{filter:JSON.stringify(r)}}const P=Object.freeze(Object.defineProperty({__proto__:null,asParams:D},Symbol.toStringTag,{value:"Module"}));s.AppBase=C,s.DashboardPage=N,s.FooterSection=$,s.LoginForm=F,s.NavDrawerLink=O,s.OTPForm=E,s.filters=P,s.useColorMode=y,s.useFooter=k,s.useNotify=g,Object.defineProperty(s,Symbol.toStringTag,{value:"Module"})});

package/dist/types/index.d.ts

@@ -7,3 +7,4 @@ export { default as OTPForm } from './components/OTPForm.vue';
 export { default as useColorMode } from './stores/colorMode';
 export { default as useFooter } from './stores/footer';
 export { default as useNotify } from './stores/notify';
+export * as filters from './utils/filters';

package/dist/types/utils/filters.d.ts

@@ -0,0 +1,5 @@
+export type Filter = [string, string, unknown];
+export type Filters = Filter[];
+export declare function asParams(filters: Filters): {
+    filter?: string;
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "appsalutely",
-  "version": "0.1.5",
+  "version": "0.1.6",
   "type": "module",
   "files": [
     "dist"