appsalutely 0.1.6 → 0.1.8

package/dist/appsalutely.js

@@ -3,37 +3,37 @@ import { ref as b, watch as M, computed as F, defineComponent as x, useModel as
 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 ae = C("colorMode", () => {
   const l = b(localStorage.getItem("colorMode") == "dark" ? "dark" : "light");
-  function r() {
+  function a() {
     l.value = l.value === "dark" ? "light" : "dark";
   }
-  function o(n) {
-    localStorage.setItem("colorMode", n), document.documentElement.setAttribute("data-theme", n);
+  function o(r) {
+    localStorage.setItem("colorMode", r), document.documentElement.setAttribute("data-theme", r);
   }
-  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 M(l, (r) => o(r)), o(l.value), { mode: l, toggle: a };
+}), re = C("footer", () => {
+  const l = b([]), a = F(() => 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(() => {
+      r(n.id);
+    }, n.timeout), n.id;
   }
-  function n(a) {
-    l.value = l.value.filter((f) => f.id !== a);
+  function r(n) {
+    l.value = l.value.filter((f) => f.id !== n);
   }
-  return { messages: l, current: r, addMessage: o, removeMessage: n };
-}), re = C("notify", () => {
-  const l = b([]), r = b({});
+  return { messages: l, current: a, addMessage: o, removeMessage: r };
+}), ne = C("notify", () => {
+  const l = b([]), a = b({});
   function o(e) {
-    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);
+    return e.id ? r(e.id) : e.id = (/* @__PURE__ */ new Date()).getTime().toString(), e.timeout === void 0 && (e.timeout = 5e3), l.value.push(e), e.timeout && (a.value[e.id] = setTimeout(() => {
+      r(e.id);
     }, e.timeout)), e.id;
   }
-  function n(e) {
-    l.value = l.value.filter((k) => k.id !== e), r.value[e] && (clearTimeout(r.value[e]), delete r.value[e]);
+  function r(e) {
+    l.value = l.value.filter((k) => k.id !== e), a.value[e] && (clearTimeout(a.value[e]), delete a.value[e]);
   }
-  function a(e) {
+  function n(e) {
     return o({ text: e, type: "info" });
   }
   function f(e) {
@@ -45,7 +45,7 @@ const ne = C("colorMode", () => {
   function i(e) {
     return o({ text: e, type: "error" });
   }
-  return { messages: l, add: o, remove: n, info: a, success: f, warning: u, error: i };
+  return { messages: l, add: o, remove: r, info: n, success: f, warning: u, error: i };
 }), ue = { class: "d-flex flex-column pa-4 h-100" }, ie = ["textContent"], ye = /* @__PURE__ */ x({
   __name: "AppBase",
   props: {
@@ -54,8 +54,8 @@ const ne = C("colorMode", () => {
   },
   emits: ["update:drawerOpen"],
   setup(l) {
-    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) => {
+    const a = ae(), o = $(l, "drawerOpen"), r = b(!1), n = re(), f = b(!1), u = b(null), i = ne(), e = q(), k = A();
+    return M(r, (y) => {
       localStorage.setItem("drawerDocked", String(y));
     }), E(() => {
       e.beforeEach(() => {
@@ -64,9 +64,9 @@ const ne = C("colorMode", () => {
         }, 300);
       }), e.afterEach(() => {
         u.value && (clearTimeout(u.value), u.value = null), f.value = !1;
-      }), n.value = localStorage.getItem("drawerDocked") === "true", o.value = n.value;
+      }), r.value = localStorage.getItem("drawerDocked") === "true", o.value = r.value;
     }), (y, v) => (m(), c(t(J), {
-      theme: t(r).mode
+      theme: t(a).mode
     }, {
       default: s(() => [
         f.value ? (m(), c(t(G), {
@@ -98,20 +98,20 @@ const ne = C("colorMode", () => {
           default: s(() => [
             d(t(K), { class: "py-0 w-100 d-flex align-center" }, {
               default: s(() => [
-                t(a).current ? (m(), S("span", {
+                t(n).current ? (m(), S("span", {
                   key: 0,
-                  textContent: P(t(a).current.text),
-                  class: z([t(a).current.type ? {} : { ["text-" + t(a).current.type]: !0 }, "overflow-hidden text-no-wrap"]),
+                  textContent: P(t(n).current.text),
+                  class: z([t(n).current.type ? {} : { ["text-" + t(n).current.type]: !0 }, "overflow-hidden text-no-wrap"]),
                   style: { "text-overflow": "ellipsis" }
                 }, 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), {
+                t(n).current && t(n).current.actions ? (m(!0), S(T, { key: 1 }, L(Object.entries(t(n).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(a).current.type
+                  color: t(n).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")
@@ -128,8 +128,8 @@ const ne = C("colorMode", () => {
           "onUpdate:modelValue": v[1] || (v[1] = (p) => o.value = p),
           width: "250",
           "rail-width": "58",
-          rail: n.value,
-          mobile: n.value ? !1 : void 0
+          rail: r.value,
+          mobile: r.value ? !1 : void 0
         }, {
           default: s(() => [
             d(t(X), {
@@ -140,13 +140,13 @@ const ne = C("colorMode", () => {
                 h(y.$slots, "drawer"),
                 v[3] || (v[3] = w("div", { class: "flex-grow-1" }, null, -1)),
                 d(t(V), {
-                  onClick: v[0] || (v[0] = (p) => n.value = !n.value),
+                  onClick: v[0] || (v[0] = (p) => r.value = !r.value),
                   icon: "mdi-pin-outline",
                   rounded: "rounded",
                   density: "comfortable",
-                  title: n.value ? "Undock sidebar" : "Dock sidebar",
+                  title: r.value ? "Undock sidebar" : "Dock sidebar",
                   class: "ma-1 ms-auto",
-                  variant: n.value ? "tonal" : "text"
+                  variant: r.value ? "tonal" : "text"
                 }, null, 8, ["title", "variant"])
               ]),
               _: 3,
@@ -183,31 +183,31 @@ const ne = C("colorMode", () => {
     fluid: { type: Boolean, default: !0 }
   },
   setup(l) {
-    return (r, o) => (m(), c(t(Z), {
-      fluid: r.fluid,
+    return (a, o) => (m(), c(t(Z), {
+      fluid: a.fluid,
       class: "h-100 d-flex flex-column py-0 h-100"
     }, {
       default: s(() => [
-        r.breadcrumbs ? (m(), c(t(ee), {
+        a.breadcrumbs ? (m(), c(t(ee), {
           key: 0,
-          items: r.breadcrumbs,
+          items: a.breadcrumbs,
           density: "comfortable",
           class: "pa-0 flex-wrap"
         }, null, 8, ["items"])) : g("", !0),
-        h(r.$slots, "default")
+        h(a.$slots, "default")
       ]),
       _: 3
     }, 8, ["fluid"]));
   }
-}), se = (l, r) => {
+}), se = (l, a) => {
   const o = l.__vccOpts || l;
-  for (const [n, a] of r)
-    o[n] = a;
+  for (const [r, n] of a)
+    o[r] = n;
   return o;
 }, de = {}, me = { class: "h-100 d-flex align-center" };
-function fe(l, r) {
+function fe(l, a) {
   return m(), S(T, null, [
-    r[0] || (r[0] = w("span", {
+    a[0] || (a[0] = w("span", {
       class: "border-s mx-3",
       style: { height: "32px" }
     }, null, -1)),
@@ -233,8 +233,8 @@ const xe = /* @__PURE__ */ se(de, [["render", fe]]), ke = /* @__PURE__ */ x({
     passwordModifiers: {}
   }),
   emits: /* @__PURE__ */ B(["submit"], ["update:username", "update:password"]),
-  setup(l, { emit: r }) {
-    const o = $(l, "username"), n = $(l, "password"), a = r, f = b(!1);
+  setup(l, { emit: a }) {
+    const o = $(l, "username"), r = $(l, "password"), n = a, f = b(!1);
     return (u, i) => (m(), c(t(U), {
       title: u.title,
       "min-width": u.minWidth,
@@ -242,7 +242,7 @@ const xe = /* @__PURE__ */ se(de, [["render", fe]]), ke = /* @__PURE__ */ x({
     }, {
       default: s(() => [
         d(t(W), {
-          onSubmit: i[2] || (i[2] = N((e) => a("submit", o.value, n.value), ["prevent"])),
+          onSubmit: i[2] || (i[2] = N((e) => n("submit", o.value, r.value), ["prevent"])),
           modelValue: f.value,
           "onUpdate:modelValue": i[3] || (i[3] = (e) => f.value = e)
         }, {
@@ -258,8 +258,8 @@ const xe = /* @__PURE__ */ se(de, [["render", fe]]), ke = /* @__PURE__ */ x({
                   autofocus: ""
                 }, null, 8, ["modelValue", "label", "rules"]),
                 d(t(D), {
-                  modelValue: n.value,
-                  "onUpdate:modelValue": i[1] || (i[1] = (e) => n.value = e),
+                  modelValue: r.value,
+                  "onUpdate:modelValue": i[1] || (i[1] = (e) => r.value = e),
                   label: u.passwordLabel,
                   type: "password",
                   rules: [(e) => !!e || "Password is required"],
@@ -289,23 +289,27 @@ const xe = /* @__PURE__ */ se(de, [["render", fe]]), ke = /* @__PURE__ */ x({
   __name: "NavDrawerLink",
   props: {
     to: {},
+    href: {},
+    target: {},
     icon: {},
     text: {}
   },
   setup(l) {
-    return (r, o) => (m(), c(t(te), {
+    return (a, o) => (m(), c(t(te), {
       role: "option",
-      to: r.to,
+      to: a.to,
+      href: a.href,
+      target: a.target,
       slim: ""
     }, {
       prepend: s(() => [
-        d(t(le), { icon: r.icon }, null, 8, ["icon"])
+        d(t(le), { icon: a.icon }, null, 8, ["icon"])
       ]),
       default: s(() => [
-        w("span", ce, P(r.text), 1)
+        w("span", ce, P(a.text), 1)
       ]),
       _: 1
-    }, 8, ["to"]));
+    }, 8, ["to", "href", "target"]));
   }
 }), Se = /* @__PURE__ */ x({
   __name: "OTPForm",
@@ -323,10 +327,10 @@ const xe = /* @__PURE__ */ se(de, [["render", fe]]), ke = /* @__PURE__ */ x({
     otpModifiers: {}
   }),
   emits: /* @__PURE__ */ B(["submit"], ["update:otp"]),
-  setup(l, { emit: r }) {
-    const o = $(l, "otp"), n = r, a = l, f = F(() => o.value.length === a.length);
+  setup(l, { emit: a }) {
+    const o = $(l, "otp"), r = a, n = l, f = F(() => o.value.length === n.length);
     return M(o, () => {
-      a.autosubmit && o.value.length === a.length && n("submit", o.value);
+      n.autosubmit && o.value.length === n.length && r("submit", o.value);
     }), (u, i) => (m(), c(t(U), {
       title: u.title,
       subtitle: u.subtitle,
@@ -335,7 +339,7 @@ const xe = /* @__PURE__ */ se(de, [["render", fe]]), ke = /* @__PURE__ */ x({
     }, {
       default: s(() => [
         d(t(W), {
-          onSubmit: i[1] || (i[1] = N((e) => n("submit", o.value), ["prevent"])),
+          onSubmit: i[1] || (i[1] = N((e) => r("submit", o.value), ["prevent"])),
           "model-value": f.value
         }, {
           default: s(() => [
@@ -387,7 +391,7 @@ export {
   _e as NavDrawerLink,
   Se as OTPForm,
   $e as filters,
-  ne as useColorMode,
-  ae as useFooter,
-  re as useNotify
+  ae as useColorMode,
+  re as useFooter,
+  ne 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 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"})});
+(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 g=w.defineStore("colorMode",()=>{const r=e.ref(localStorage.getItem("colorMode")=="dark"?"dark":"light");function o(){r.value=r.value==="dark"?"light":"dark"}function l(n){localStorage.setItem("colorMode",n),document.documentElement.setAttribute("data-theme",n)}return e.watch(r,n=>l(n)),l(r.value),{mode:r,toggle:o}}),y=w.defineStore("footer",()=>{const r=e.ref([]),o=e.computed(()=>r.value.length>0?r.value[r.value.length-1]:null);function l(a){return a.id||(a.id=new Date().getTime().toString()),a.timeout===void 0&&(a.timeout=5e3),r.value.push(a),a.timeout&&setTimeout(()=>{n(a.id)},a.timeout),a.id}function n(a){r.value=r.value.filter(u=>u.id!==a)}return{messages:r,current:o,addMessage:l,removeMessage:n}}),k=w.defineStore("notify",()=>{const r=e.ref([]),o=e.ref({});function l(t){return t.id?n(t.id):t.id=new Date().getTime().toString(),t.timeout===void 0&&(t.timeout=5e3),r.value.push(t),t.timeout&&(o.value[t.id]=setTimeout(()=>{n(t.id)},t.timeout)),t.id}function n(t){r.value=r.value.filter(h=>h.id!==t),o.value[t]&&(clearTimeout(o.value[t]),delete o.value[t])}function a(t){return l({text:t,type:"info"})}function u(t){return l({text:t,type:"success"})}function d(t){return l({text:t,type:"warning"})}function f(t){return l({text:t,type:"error"})}return{messages:r,add:l,remove:n,info:a,success:u,warning:d,error:f}}),B={class:"d-flex flex-column pa-4 h-100"},C=["textContent"],x=e.defineComponent({__name:"AppBase",props:{drawerOpen:{type:Boolean,default:!1},drawerOpenModifiers:{}},emits:["update:drawerOpen"],setup(r){const o=g(),l=e.useModel(r,"drawerOpen"),n=e.ref(!1),a=y(),u=e.ref(!1),d=e.ref(null),f=k(),t=b.useRouter(),h=e.useSlots();return e.watch(n,p=>{localStorage.setItem("drawerDocked",String(p))}),e.onBeforeMount(()=>{t.beforeEach(()=>{d.value=setTimeout(()=>{u.value=!0},300)}),t.afterEach(()=>{d.value&&(clearTimeout(d.value),d.value=null),u.value=!1}),n.value=localStorage.getItem("drawerDocked")==="true",l.value=n.value}),(p,m)=>(e.openBlock(),e.createBlock(e.unref(i.VApp),{theme:e.unref(o).mode},{default:e.withCtx(()=>[u.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(a).current?(e.openBlock(),e.createElementBlock("span",{key:0,textContent:e.toDisplayString(e.unref(a).current.text),class:e.normalizeClass([e.unref(a).current.type?{}:{["text-"+e.unref(a).current.type]:!0},"overflow-hidden text-no-wrap"]),style:{"text-overflow":"ellipsis"}},null,10,C)):e.createCommentVNode("",!0),e.unref(a).current&&e.unref(a).current.actions?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:1},e.renderList(Object.entries(e.unref(a).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(a).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:n.value,mobile:n.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=>n.value=!n.value),icon:"mdi-pin-outline",rounded:"rounded",density:"comfortable",title:n.value?"Undock sidebar":"Dock sidebar",class:"ma-1 ms-auto",variant:n.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(f).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(f).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(o,l)=>(e.openBlock(),e.createBlock(e.unref(i.VContainer),{fluid:o.fluid,class:"h-100 d-flex flex-column py-0 h-100"},{default:e.withCtx(()=>[o.breadcrumbs?(e.openBlock(),e.createBlock(e.unref(i.VBreadcrumbs),{key:0,items:o.breadcrumbs,density:"comfortable",class:"pa-0 flex-wrap"},null,8,["items"])):e.createCommentVNode("",!0),e.renderSlot(o.$slots,"default")]),_:3},8,["fluid"]))}}),S=(r,o)=>{const l=r.__vccOpts||r;for(const[n,a]of o)l[n]=a;return l},M={},T={class:"h-100 d-flex align-center"};function _(r,o){return e.openBlock(),e.createElementBlock(e.Fragment,null,[o[0]||(o[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:o}){const l=e.useModel(r,"username"),n=e.useModel(r,"password"),a=o,u=e.ref(!1);return(d,f)=>(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:f[2]||(f[2]=e.withModifiers(t=>a("submit",l.value,n.value),["prevent"])),modelValue:u.value,"onUpdate:modelValue":f[3]||(f[3]=t=>u.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":f[0]||(f[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:n.value,"onUpdate:modelValue":f[1]||(f[1]=t=>n.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:!u.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:{},href:{},target:{},icon:{},text:{}},setup(r){return(o,l)=>(e.openBlock(),e.createBlock(e.unref(i.VListItem),{role:"option",to:o.to,href:o.href,target:o.target,slim:""},{prepend:e.withCtx(()=>[e.createVNode(e.unref(i.VIcon),{icon:o.icon},null,8,["icon"])]),default:e.withCtx(()=>[e.createElementVNode("span",L,e.toDisplayString(o.text),1)]),_:1},8,["to","href","target"]))}}),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:o}){const l=e.useModel(r,"otp"),n=o,a=r,u=e.computed(()=>l.value.length===a.length);return e.watch(l,()=>{a.autosubmit&&l.value.length===a.length&&n("submit",l.value)}),(d,f)=>(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:f[1]||(f[1]=e.withModifiers(t=>n("submit",l.value),["prevent"])),"model-value":u.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":f[0]||(f[0]=t=>l.value=t),label:"OTP","persistent-placeholder":"",autofocus:"",length:d.length},null,8,["modelValue","length"]),e.createVNode(e.unref(i.VBtn),{disabled:!u.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=x,s.DashboardPage=N,s.FooterSection=$,s.LoginForm=F,s.NavDrawerLink=O,s.OTPForm=E,s.filters=P,s.useColorMode=g,s.useFooter=y,s.useNotify=k,Object.defineProperty(s,Symbol.toStringTag,{value:"Module"})});

package/dist/types/components/NavDrawerLink.vue.d.ts

@@ -1,6 +1,8 @@
 import type { RouteLocationRaw } from 'vue-router';
 type __VLS_Props = {
-    to: RouteLocationRaw;
+    to?: RouteLocationRaw;
+    href?: string;
+    target?: string;
     icon: string;
     text: string;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "appsalutely",
-  "version": "0.1.6",
+  "version": "0.1.8",
   "type": "module",
   "files": [
     "dist"
@@ -18,7 +18,8 @@
     "build": "vite build && vue-tsc",
     "type-check": "vue-tsc --build",
     "lint": "eslint . --fix",
-    "format": "prettier --write src/"
+    "format": "prettier --write src/",
+    "ci-tasks": "npm run lint && npm run format && npm run type-check"
   },
   "peerDependencies": {
     "pinia": "^3.0.2",