@vuetify/one 1.5.2 → 1.5.3

package/dist/index.js

@@ -1,4 +1,4 @@
-import { reactive as Ct, watch as U, toRefs as Lt, ref as D, shallowRef as O, computed as w, defineComponent as $, openBlock as d, createBlock as _, unref as t, createSlots as H, withCtx as r, createElementVNode as b, toDisplayString as C, createVNode as a, createTextVNode as F, renderSlot as B, normalizeStyle as ot, createCommentVNode as S, withModifiers as Ze, mergeModels as nt, useModel as le, createElementBlock as L, Fragment as z, onMounted as Qe, nextTick as pe, renderList as ne, mergeProps as R, withDirectives as Ve, vShow as De, isRef as se, resolveComponent as Oe, normalizeClass as It, pushScopeId as At, popScopeId as Dt, onBeforeMount as Ye, onBeforeUnmount as Ot } from "vue";
+import { reactive as Ct, watch as U, toRefs as Lt, ref as O, shallowRef as B, computed as w, defineComponent as $, openBlock as d, createBlock as _, unref as t, createSlots as H, withCtx as r, createElementVNode as b, toDisplayString as C, createVNode as a, createTextVNode as F, renderSlot as D, normalizeStyle as ot, createCommentVNode as S, withModifiers as Ze, mergeModels as nt, useModel as le, createElementBlock as L, Fragment as z, onMounted as Qe, nextTick as pe, renderList as ne, mergeProps as R, withDirectives as Ve, vShow as De, isRef as se, resolveComponent as Oe, normalizeClass as It, pushScopeId as At, popScopeId as Dt, onBeforeMount as Ye, onBeforeUnmount as Ot } from "vue";
 import { mdiDiscord as Je, mdiGithub as Xe, mdiSync as Bt, mdiSyncOff as Nt, mdiLogoutVariant as Ut, mdiFullscreenExit as zt, mdiFullscreen as Tt, mdiCheck as Be, mdiHome as Ft, mdiTextBox as jt, mdiSelect as Mt, mdiSpaceInvaders as st, mdiImageFilterHdr as at, mdiRocketLaunchOutline as it, mdiWhiteBalanceSunny as Pt, mdiWeatherNight as Ht, mdiDesktopTowerMonitor as Rt, mdiContrastCircle as Et, mdiCog as qt, mdiCogOutline as Wt, mdiFileDocument as Gt, mdiCreditCardSettingsOutline as Zt, mdiRocketOutline as Qt, mdiCheckCircleOutline as Ae, mdiCreditCard as Yt, mdiReload as Jt, mdiPlaylistCheck as Xt, mdiCreditCardOutline as Kt, mdiMedal as eo, mdiOpenInNew as Ne, mdiHandHeart as to, mdiHandHeartOutline as oo, mdiEmailOpenOutline as rt, mdiEmailVariant as lt, mdiBell as no, mdiInboxOutline as so, mdiInboxFullOutline as ao, mdiBillboard as io, mdiBellOutline as ro, mdiViewDashboardOutline as lo, mdiCrown as co, mdiArrowULeftBottom as uo, mdiLogin as po, mdiShieldStarOutline as mo, mdiReddit as fo } from "@mdi/js";
 import { useRouter as Ue, useRoute as vo } from "vue-router";
 import { defineStore as W } from "pinia";
@@ -140,7 +140,7 @@ const ie = W("http", {
     reset: i
   };
 }), M = W("auth", () => {
-  const c = D(!1), e = D(null), n = ie(), i = T(), s = Ue(), o = O(!1), l = w(() => {
+  const c = O(!1), e = O(null), n = ie(), i = T(), s = Ue(), o = B(!1), l = w(() => {
     var p, v;
     return !n.url || ((p = e.value) == null ? void 0 : p.isAdmin) || !!((v = e.value) != null && v.sponsorships.some((V) => V.isActive));
   });
@@ -363,7 +363,7 @@ const ie = W("http", {
     };
   }
 }), Me = W("notifications", () => {
-  const c = ie(), e = T(), n = D([]), i = D([]), s = D(), o = O(!1), l = w(() => n.value.filter((p) => !e.notifications.read.includes(p.slug))), m = w(() => n.value.filter((p) => e.notifications.read.includes(p.slug)));
+  const c = ie(), e = T(), n = O([]), i = O([]), s = O(), o = B(!1), l = w(() => n.value.filter((p) => !e.notifications.read.includes(p.slug))), m = w(() => n.value.filter((p) => e.notifications.read.includes(p.slug)));
   async function f() {
     try {
       o.value = !0;
@@ -450,7 +450,7 @@ const ie = W("http", {
       "model-value": t(s) > 0
     }, {
       default: r(() => [
-        B(o.$slots, "default")
+        D(o.$slots, "default")
       ]),
       _: 3
     }, 8, ["content", "dot", "model-value"]));
@@ -479,21 +479,21 @@ const ie = W("http", {
           size: "16",
           width: "2"
         })),
-        B(n.$slots, "loader")
+        D(n.$slots, "loader")
       ]),
       _: 2
     }, [
       n.$slots.prepend ? {
         name: "prepend",
         fn: r(() => [
-          B(n.$slots, "prepend")
+          D(n.$slots, "prepend")
         ]),
         key: "0"
       } : void 0,
       n.$slots.default ? {
         name: "default",
         fn: r(() => [
-          B(n.$slots, "default")
+          D(n.$slots, "default")
         ]),
         key: "1"
       } : void 0
@@ -502,7 +502,7 @@ const ie = W("http", {
 }), Ho = { class: "pa-4 d-flex flex-column ga-4" }, yt = /* @__PURE__ */ $({
   __name: "VoAuthListItem",
   setup(c) {
-    const e = M(), n = T(), i = O(!e.user && !e.isLoading);
+    const e = M(), n = T(), i = B(!e.user && !e.isLoading);
     U(() => e.user, (o) => {
       i.value = !o;
     });
@@ -591,28 +591,28 @@ const ie = W("http", {
   setup(c) {
     return (e, n) => (d(), _(ke, { slim: "" }, H({
       default: r(() => [
-        B(e.$slots, "default")
+        D(e.$slots, "default")
       ]),
       _: 2
     }, [
       e.$slots.prepend ? {
         name: "prepend",
         fn: r(() => [
-          B(e.$slots, "prepend")
+          D(e.$slots, "prepend")
         ]),
         key: "0"
       } : void 0,
       e.$slots.title ? {
         name: "title",
         fn: r(() => [
-          B(e.$slots, "title")
+          D(e.$slots, "title")
         ]),
         key: "1"
       } : void 0,
       e.$slots.append ? {
         name: "append",
         fn: r(() => [
-          B(e.$slots, "append")
+          D(e.$slots, "append")
         ]),
         key: "2"
       } : void 0
@@ -621,7 +621,7 @@ const ie = W("http", {
 }), Ro = /* @__PURE__ */ $({
   __name: "VoAuthLogoutNavItem",
   setup(c) {
-    const e = M(), n = O(!1);
+    const e = M(), n = B(!1);
     async function i() {
       n.value = !0, await e.logout(), n.value = !1;
     }
@@ -649,7 +649,7 @@ const ie = W("http", {
   }),
   emits: ["update:modelValue"],
   setup(c) {
-    const e = le(c, "modelValue"), n = ce(), i = O(!1);
+    const e = le(c, "modelValue"), n = ce(), i = B(!1);
     return (s, o) => (d(), _(ut, {
       modelValue: e.value,
       "onUpdate:modelValue": o[2] || (o[2] = (l) => e.value = l),
@@ -667,7 +667,7 @@ const ie = W("http", {
           title: s.title
         }, H({
           append: r(() => [
-            B(s.$slots, "append"),
+            D(s.$slots, "append"),
             t(n).xs.value ? S("", !0) : (d(), _(q, {
               key: 0,
               class: "me-2",
@@ -687,21 +687,21 @@ const ie = W("http", {
           ]),
           default: r(() => [
             a(G, { class: "mt-4" }),
-            B(s.$slots, "default")
+            D(s.$slots, "default")
           ]),
           _: 2
         }, [
           s.$slots.prepend ? {
             name: "prepend",
             fn: r(() => [
-              B(s.$slots, "prepend")
+              D(s.$slots, "prepend")
             ]),
             key: "0"
           } : void 0,
           s.$slots.actions ? {
             name: "actions",
             fn: r(() => [
-              B(s.$slots, "actions", { isActive: l })
+              D(s.$slots, "actions", { isActive: l })
             ]),
             key: "1"
           } : void 0
@@ -733,7 +733,7 @@ const ie = W("http", {
       e.$slots.label ? {
         name: "label",
         fn: r(() => [
-          B(e.$slots, "label")
+          D(e.$slots, "label")
         ]),
         key: "0"
       } : void 0
@@ -898,7 +898,7 @@ function ve() {
   );
 }
 const P = W("one", () => {
-  const c = ve(), e = Ue(), n = M(), i = ie(), s = O(!1), o = D(!1), l = D(), m = D([]), f = w(() => c.value.session_id), u = w(() => {
+  const c = ve(), e = Ue(), n = M(), i = ie(), s = B(!1), o = O(!1), l = O(), m = O([]), f = w(() => c.value.session_id), u = w(() => {
     var x;
     return (x = l.value) == null ? void 0 : x.items[0].plan.interval;
   }), h = w(() => {
@@ -1460,7 +1460,7 @@ const Pe = W("settings", () => {
 }), Yo = /* @__PURE__ */ $({
   __name: "VoSettingsListItem",
   setup(c) {
-    const e = O(!1);
+    const e = B(!1);
     return (n, i) => {
       const s = Qo, o = J;
       return d(), _(o, {
@@ -1675,7 +1675,7 @@ const Pe = W("settings", () => {
       "Early access to Vuetify Studio, a visual editor for Vuetify",
       'Special role in the <a href="https://discord.vuetifyjs.com/" target="_blank">Vuetify Discord</a>',
       "Receive a special label on GitHub created issues and pull requests"
-    ], i = O(!1), s = P();
+    ], i = B(!1), s = P();
     return U(i, async (o) => {
       o && s.subscriptionInfo();
     }), (o, l) => {
@@ -1762,7 +1762,7 @@ const Pe = W("settings", () => {
   },
   emits: ["update:modelValue"],
   setup(c) {
-    const e = O(!1), n = le(c, "modelValue"), i = P();
+    const e = B(!1), n = le(c, "modelValue"), i = P();
     return U(e, async (s) => {
       s && i.subscriptionInfo();
     }), U(() => i.interval, (s) => {
@@ -1858,7 +1858,7 @@ const Pe = W("settings", () => {
     function e(u) {
       return new Promise((h) => setTimeout(h, u));
     }
-    const n = le(c, "modelValue"), i = P(), s = ve(), o = O(i.interval), l = O(i.hasBilling ? "status" : "subscribe"), m = O(!1);
+    const n = le(c, "modelValue"), i = P(), s = ve(), o = B(i.interval), l = B(i.hasBilling ? "status" : "subscribe"), m = B(!1);
     U(o, (u) => {
       !i.isSubscriber || !i.interval || (m.value = u !== i.interval);
     }), U(n, async (u) => {
@@ -1973,7 +1973,7 @@ const Pe = W("settings", () => {
 }), bn = /* @__PURE__ */ $({
   __name: "VoSubscriptionListItem",
   setup(c) {
-    const e = O(!1);
+    const e = B(!1);
     return (n, i) => {
       const s = yn, o = J;
       return d(), _(o, {
@@ -2221,7 +2221,7 @@ const Pe = W("settings", () => {
 }), Dn = /* @__PURE__ */ $({
   __name: "VoSponsorshipsListItem",
   setup(c) {
-    const e = O(!1);
+    const e = B(!1);
     return (n, i) => {
       const s = An, o = J;
       return d(), _(o, {
@@ -2421,7 +2421,7 @@ const Pe = W("settings", () => {
 }), jn = /* @__PURE__ */ $({
   __name: "VoStudioNavItem",
   setup(c) {
-    const e = O(!1), n = [
+    const e = B(!1), n = [
       ["M12.435 14.3194L12 21L6.87046 12.2799L12.435 14.3194Z", 1],
       ["M22 4L12.435 14.3194L6.87046 12.2799L9.26479 7.61064L12.435 14.3194L12 21L22 4Z", 0.5],
       ["M12.435 14.3194L22 4L9.26479 7.61064L12.435 14.3194Z", 1],
@@ -2728,13 +2728,13 @@ const Pe = W("settings", () => {
     };
   }
 }), Vt = W("site", () => {
-  const c = D([]), e = D();
+  const c = O([]), e = O();
   return {
     id: c,
     url: e
   };
 }), Re = W("banners", () => {
-  const c = ie(), e = Vt(), n = T(), i = D([]), s = D([]), o = D(), l = O(!1), m = w(() => {
+  const c = ie(), e = Vt(), n = T(), i = O([]), s = O([]), o = O(), l = B(!1), m = w(() => {
     if (o.value)
       return o.value;
     if (f.value)
@@ -2835,7 +2835,7 @@ const Pe = W("settings", () => {
   },
   emits: ["update:modelValue"],
   setup(c) {
-    const e = ce(), n = ve(), i = Re(), s = Me(), o = P(), l = T(), m = O(["read"]), f = le(c, "modelValue");
+    const e = ce(), n = ve(), i = Re(), s = Me(), o = P(), l = T(), m = B(["read"]), f = le(c, "modelValue");
     return U(n, async () => {
       if (n.value.one !== "notifications") {
         f.value && (f.value = !1);
@@ -2969,7 +2969,7 @@ const Pe = W("settings", () => {
       "model-value": t(n).notifications.show && t(e).unread.length > 0
     }, {
       default: r(() => [
-        B(i.$slots, "default")
+        D(i.$slots, "default")
       ]),
       _: 3
     }, 8, ["content", "model-value"]));
@@ -2977,7 +2977,7 @@ const Pe = W("settings", () => {
 }), as = /* @__PURE__ */ $({
   __name: "VoNotificationsNavItem",
   setup(c) {
-    const e = Re(), n = T(), i = Me(), s = O(!1);
+    const e = Re(), n = T(), i = Me(), s = B(!1);
     return Qe(async () => {
       i.index(), e.index();
     }), (o, l) => {
@@ -3135,7 +3135,7 @@ const Pe = W("settings", () => {
 }), ds = { class: "mb-2" }, ps = { key: 0 }, ms = { class: "d-flex ga-4 flex-wrap justify-center mb-4" }, fs = { class: "text-h6" }, vs = /* @__PURE__ */ $({
   __name: "VoUserAvatar",
   setup(c) {
-    const e = M(), n = P(), i = T(), s = O(!1), o = w(() => {
+    const e = M(), n = P(), i = T(), s = B(!1), o = w(() => {
       const f = [
         "https://cdn.vuetifyjs.com/docs/images/avatars/dark.png",
         "https://cdn.vuetifyjs.com/docs/images/avatars/blackguard.png",
@@ -3310,7 +3310,7 @@ const Pe = W("settings", () => {
 }, ys = /* @__PURE__ */ $({
   __name: "VoUserColors",
   setup(c) {
-    const e = M(), n = T(), i = O(!1);
+    const e = M(), n = T(), i = B(!1);
     function s() {
       n.colors.one = "surface-light";
     }
@@ -3399,7 +3399,7 @@ const Pe = W("settings", () => {
 }), bs = { class: "text-center mt-n9 mb-4" }, Vs = /* @__PURE__ */ $({
   __name: "VoUserMenu",
   setup(c) {
-    const e = Re(), n = P(), i = D();
+    const e = Re(), n = P(), i = O();
     return U(() => e.banner, async () => {
       var s, o;
       await new Promise((l) => setTimeout(l, 300)), n.isOpen && ((o = (s = i.value) == null ? void 0 : s.updateLocation) == null || o.call(s));
@@ -3508,10 +3508,10 @@ const Pe = W("settings", () => {
             ]),
             _: 1
           }),
-          B(o.$slots, "prepend")
+          D(o.$slots, "prepend")
         ]),
         append: r(() => [
-          B(o.$slots, "append"),
+          D(o.$slots, "append"),
           o.$slots.append ? (d(), _(G, {
             key: 0,
             class: "mx-4 align-self-center h-100",
@@ -3521,16 +3521,23 @@ const Pe = W("settings", () => {
           a(f)
         ]),
         default: r(() => [
-          B(o.$slots, "default")
+          D(o.$slots, "default")
         ]),
         _: 2
       }, [
+        o.$slots.title ? {
+          name: "title",
+          fn: r(() => [
+            D(o.$slots, "title")
+          ]),
+          key: "0"
+        } : void 0,
         o.$slots.extension ? {
           name: "extension",
           fn: r(() => [
-            B(o.$slots, "extension")
+            D(o.$slots, "extension")
           ]),
-          key: "0"
+          key: "1"
         } : void 0
       ]), 1032, ["image"]);
     };
@@ -3550,14 +3557,14 @@ const Pe = W("settings", () => {
     }, {
       default: r(() => [
         e.image || e.$slots.image ? (d(), L("div", xs, [
-          e.$slots.image ? B(e.$slots, "image", { key: 0 }, void 0, !0) : (d(), _(Z, {
+          e.$slots.image ? D(e.$slots, "image", { key: 0 }, void 0, !0) : (d(), _(Z, {
             key: 1,
             cover: "",
             position: "left",
             src: e.image
           }, null, 8, ["src"]))
         ])) : S("", !0),
-        B(e.$slots, "default", {}, void 0, !0)
+        D(e.$slots, "default", {}, void 0, !0)
       ]),
       _: 3
     }));
@@ -3636,7 +3643,7 @@ const Pe = W("settings", () => {
         i.$slots.image ? {
           name: "image",
           fn: r(() => [
-            B(i.$slots, "image", {}, void 0, !0)
+            D(i.$slots, "image", {}, void 0, !0)
           ]),
           key: "0"
         } : void 0
@@ -3790,7 +3797,7 @@ const Pe = W("settings", () => {
           width: "100%"
         }, {
           default: r(() => [
-            B(e.$slots, "default")
+            D(e.$slots, "default")
           ]),
           _: 3
         }, 8, ["min-height"]),
@@ -3801,21 +3808,21 @@ const Pe = W("settings", () => {
       e.$slots.prepend ? {
         name: "prepend",
         fn: r(() => [
-          B(e.$slots, "prepend")
+          D(e.$slots, "prepend")
         ]),
         key: "0"
       } : void 0,
       e.$slots.image ? {
         name: "image",
         fn: r(() => [
-          B(e.$slots, "image")
+          D(e.$slots, "image")
         ]),
         key: "1"
       } : void 0
     ]), 1024));
   }
 }), et = W("promotions", () => {
-  const c = ie(), e = D([]), n = D([]), i = D(), s = O(!1), o = O(!1), l = w(() => e.value.filter((p) => p.metadata.discoverable));
+  const c = ie(), e = O([]), n = O([]), i = O(), s = B(!1), o = B(!1), l = w(() => e.value.filter((p) => p.metadata.discoverable));
   Ye(f);
   function m(p) {
     const v = p.filter((V) => V.metadata.active);
@@ -4108,7 +4115,7 @@ const Pe = W("settings", () => {
   },
   emits: ["script:error", "script:load"],
   setup(c, { emit: e }) {
-    const n = c, i = e, s = D(), o = D();
+    const n = c, i = e, s = O(), o = O();
     return Ye(async () => {
       const l = document.createElement("script"), m = () => i("script:error");
       l.type = "text/javascript", l.id = n.scriptId, l.src = n.src, l.onload = () => i("script:load"), l.onerror = m, o.value = l;
@@ -4125,7 +4132,7 @@ const Pe = W("settings", () => {
     }, null, 8, Ps));
   }
 }), Rs = W("spots", () => {
-  const c = ie(), e = Vt(), n = D([]), i = D([]), s = D(), o = O(!1), l = w(() => s.value ? s.value : n.value.find(({
+  const c = ie(), e = Vt(), n = O([]), i = O([]), s = O(), o = B(!1), l = w(() => s.value ? s.value : n.value.find(({
     metadata: {
       site: y,
       active: p
@@ -4227,7 +4234,7 @@ const Pe = W("settings", () => {
     };
   }
 }), Ba = W("bins", () => {
-  const c = M(), e = ie(), n = D([]), i = D(), s = O(!1), o = O(-1), l = w(() => !c.user || !i.value ? !1 : c.user.id === i.value.owner.id), m = w(() => n.value.filter((v) => v.favorite)), f = w(() => n.value.filter((v) => v.pinned));
+  const c = M(), e = ie(), n = O([]), i = O(), s = B(!1), o = B(-1), l = w(() => !c.user || !i.value ? !1 : c.user.id === i.value.owner.id), m = w(() => n.value.filter((v) => v.favorite)), f = w(() => n.value.filter((v) => v.pinned));
   U(i, () => {
     window.clearTimeout(o.value), o.value = window.setTimeout(() => {
       !i.value || !l.value || g(i.value, i.value.id);
@@ -4312,7 +4319,7 @@ const Pe = W("settings", () => {
     updateOrCreate: y
   };
 }), Na = W("products", () => {
-  const c = ie(), e = D([]), n = w(() => e.value.filter((o) => o.product_type === "Themes"));
+  const c = ie(), e = O([]), n = w(() => e.value.filter((o) => o.product_type === "Themes"));
   async function i() {
     if (e.value.length)
       return e.value;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vuetify/one",
-  "version": "1.5.2",
+  "version": "1.5.3",
   "private": false,
   "type": "module",
   "license": "MIT",
@@ -26,6 +26,7 @@
     "build:one": "vite build --config vite.build.config.ts && yarn build:types",
     "build:dev": "vite build --mode development --config vite.build.config.ts ",
     "build:types": "rimraf types-temp && vue-tsc --pretty -p tsconfig.json && rollup --config rollup.types.config.js && rimraf types-temp",
+    "release": "yarn build:dev && yarn version && git push --follow-tags",
     "watch": "yarn build:dev --watch",
     "preview": "vite preview",
     "lint": "eslint . --ext .ts,.vue --fix --ignore-path .gitignore",