@vuetify/one 1.0.8 → 1.0.10
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.js +1287 -1174
- package/dist/style.css +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -1,109 +1,74 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
5
|
-
import {
|
|
6
|
-
import {
|
|
7
|
-
import {
|
|
8
|
-
import {
|
|
9
|
-
import {
|
|
10
|
-
import {
|
|
11
|
-
import {
|
|
12
|
-
import {
|
|
13
|
-
import {
|
|
14
|
-
import {
|
|
15
|
-
import {
|
|
16
|
-
import {
|
|
1
|
+
import { reactive as Xe, toRefs as Ze, ref as K, shallowRef as F, computed as L, defineComponent as V, openBlock as d, createBlock as v, withCtx as i, renderSlot as B, normalizeStyle as Be, createSlots as G, createCommentVNode as $, watch as W, unref as e, createElementVNode as _, toDisplayString as C, createVNode as o, withModifiers as ze, mergeModels as Ke, useModel as me, createElementBlock as w, Fragment as N, createTextVNode as j, renderList as oe, mergeProps as Q, onBeforeMount as et, onMounted as Te, resolveComponent as Re, withDirectives as Le, vShow as He, normalizeClass as tt, pushScopeId as ot, popScopeId as st } from "vue";
|
|
2
|
+
import { defineStore as ee } from "pinia";
|
|
3
|
+
import { merge as ke } from "lodash-es";
|
|
4
|
+
import { VBadge as Me } from "vuetify/lib/components/VBadge/index.mjs";
|
|
5
|
+
import { VBtn as Z } from "vuetify/lib/components/VBtn/index.mjs";
|
|
6
|
+
import { VProgressCircular as nt } from "vuetify/lib/components/VProgressCircular/index.mjs";
|
|
7
|
+
import { mdiDiscord as Ie, mdiGithub as Ae, mdiSync as it, mdiSyncOff as at, mdiLogoutVariant as rt, mdiCheck as te, mdiHome as lt, mdiTextBox as ct, mdiSpaceInvaders as Pe, mdiWhiteBalanceSunny as ut, mdiWeatherNight as dt, mdiDesktopTowerMonitor as pt, mdiImageFilterHdr as mt, mdiRocketLaunchOutline as ft, mdiContrastCircle as vt, mdiCog as _t, mdiCogOutline as ht, mdiFileDocument as gt, mdiCreditCardSettingsOutline as bt, mdiRocketOutline as yt, mdiCheckCircleOutline as ie, mdiCreditCard as Vt, mdiReload as kt, mdiPlaylistCheck as $t, mdiCreditCardOutline as xt, mdiHandHeart as wt, mdiInformationOutline as je, mdiMedal as $e, mdiChartLine as St, mdiHandHeartOutline as Ct, mdiEmailOpenOutline as Lt, mdiEmailVariant as It, mdiOpenInNew as At, mdiBell as Dt, mdiInboxOutline as Ut, mdiInboxFullOutline as Ft, mdiBellOutline as Nt, mdiViewDashboardOutline as jt, mdiTrashCan as Ot, mdiBug as Bt, mdiCrown as zt, mdiArrowULeftBottom as Tt, mdiLogin as Rt, mdiShieldStarOutline as Ht, mdiReddit as Mt } from "@mdi/js";
|
|
8
|
+
import { VListItem as fe, VList as se, VListItemTitle as Pt } from "vuetify/lib/components/VList/index.mjs";
|
|
9
|
+
import { VAvatar as de } from "vuetify/lib/components/VAvatar/index.mjs";
|
|
10
|
+
import { VCard as R, VCardText as X } from "vuetify/lib/components/VCard/index.mjs";
|
|
11
|
+
import { VSheet as Ee } from "vuetify/lib/components/VSheet/index.mjs";
|
|
12
|
+
import { VSwitch as We } from "vuetify/lib/components/VSwitch/index.mjs";
|
|
13
|
+
import { VFadeTransition as De, VExpandTransition as re, VExpandXTransition as Et } from "vuetify/lib/components/transitions/index.mjs";
|
|
14
|
+
import { useDisplay as ve, useTheme as Wt, useDate as _e } from "vuetify";
|
|
15
|
+
import { VDialog as Gt } from "vuetify/lib/components/VDialog/index.mjs";
|
|
16
|
+
import { VDivider as H } from "vuetify/lib/components/VDivider/index.mjs";
|
|
17
|
+
import { VIcon as U } from "vuetify/lib/components/VIcon/index.mjs";
|
|
18
|
+
import { VLabel as Se } from "vuetify/lib/components/VLabel/index.mjs";
|
|
17
19
|
import { VChip as q } from "vuetify/lib/components/VChip/index.mjs";
|
|
18
|
-
import { VChipGroup as
|
|
19
|
-
import { VSelect as
|
|
20
|
-
import {
|
|
21
|
-
import {
|
|
22
|
-
import {
|
|
23
|
-
import {
|
|
24
|
-
import {
|
|
25
|
-
import {
|
|
26
|
-
import {
|
|
27
|
-
import {
|
|
28
|
-
import {
|
|
29
|
-
import {
|
|
30
|
-
import {
|
|
31
|
-
import {
|
|
32
|
-
import {
|
|
33
|
-
import { VNavigationDrawer as Xt } from "vuetify/lib/components/VNavigationDrawer/index.mjs";
|
|
34
|
-
import { VBadge as Zt } from "vuetify/lib/components/VBadge/index.mjs";
|
|
20
|
+
import { VChipGroup as qt } from "vuetify/lib/components/VChipGroup/index.mjs";
|
|
21
|
+
import { VSelect as Yt } from "vuetify/lib/components/VSelect/index.mjs";
|
|
22
|
+
import { VRow as he, VCol as ae } from "vuetify/lib/components/VGrid/index.mjs";
|
|
23
|
+
import { VHover as Ge } from "vuetify/lib/components/VHover/index.mjs";
|
|
24
|
+
import { VImg as Ue } from "vuetify/lib/components/VImg/index.mjs";
|
|
25
|
+
import { VItemGroup as qe, VItem as Ce } from "vuetify/lib/components/VItemGroup/index.mjs";
|
|
26
|
+
import { VLayout as Fe } from "vuetify/lib/components/VLayout/index.mjs";
|
|
27
|
+
import { VMain as Ne } from "vuetify/lib/components/VMain/index.mjs";
|
|
28
|
+
import { VDataTableVirtual as Jt } from "vuetify/lib/components/VDataTable/index.mjs";
|
|
29
|
+
import { VSkeletonLoader as Oe } from "vuetify/lib/components/VSkeletonLoader/index.mjs";
|
|
30
|
+
import { VWindow as Ye, VWindowItem as pe } from "vuetify/lib/components/VWindow/index.mjs";
|
|
31
|
+
import { VTimeline as Qt, VTimelineItem as xe } from "vuetify/lib/components/VTimeline/index.mjs";
|
|
32
|
+
import { VResponsive as Xt } from "vuetify/lib/components/VResponsive/index.mjs";
|
|
33
|
+
import { VTooltip as ne } from "vuetify/lib/components/VTooltip/index.mjs";
|
|
34
|
+
import { VNavigationDrawer as Zt } from "vuetify/lib/components/VNavigationDrawer/index.mjs";
|
|
35
35
|
import { Ripple as Kt } from "vuetify/lib/directives/index.mjs";
|
|
36
36
|
import { VColorPicker as eo } from "vuetify/lib/components/VColorPicker/index.mjs";
|
|
37
37
|
import { VMenu as to } from "vuetify/lib/components/VMenu/index.mjs";
|
|
38
38
|
import { VFooter as oo } from "vuetify/lib/components/VFooter/index.mjs";
|
|
39
|
-
const
|
|
40
|
-
__name: "VoBtn",
|
|
41
|
-
props: {
|
|
42
|
-
readonly: { type: Boolean }
|
|
43
|
-
},
|
|
44
|
-
setup(u) {
|
|
45
|
-
const o = u;
|
|
46
|
-
return (i, e) => (d(), _(Q, {
|
|
47
|
-
style: Ue({
|
|
48
|
-
pointerEvents: o.readonly ? "none" : void 0
|
|
49
|
-
}),
|
|
50
|
-
tabindex: o.readonly ? -1 : void 0,
|
|
51
|
-
class: "text-none font-weight-regular",
|
|
52
|
-
color: "primary",
|
|
53
|
-
size: "small",
|
|
54
|
-
variant: "flat"
|
|
55
|
-
}, G({
|
|
56
|
-
loader: n(() => [
|
|
57
|
-
s(ot, {
|
|
58
|
-
indeterminate: "disable-shrink",
|
|
59
|
-
size: "16",
|
|
60
|
-
width: "2"
|
|
61
|
-
})
|
|
62
|
-
]),
|
|
63
|
-
_: 2
|
|
64
|
-
}, [
|
|
65
|
-
i.$slots.default ? {
|
|
66
|
-
name: "default",
|
|
67
|
-
fn: n(() => [
|
|
68
|
-
E(i.$slots, "default")
|
|
69
|
-
]),
|
|
70
|
-
key: "0"
|
|
71
|
-
} : void 0
|
|
72
|
-
]), 1032, ["style", "tabindex"]));
|
|
73
|
-
}
|
|
74
|
-
}), _e = K("http", {
|
|
39
|
+
const ge = ee("http", {
|
|
75
40
|
state: () => ({
|
|
76
41
|
url: ""
|
|
77
42
|
}),
|
|
78
43
|
actions: {
|
|
79
|
-
async fetch(u,
|
|
80
|
-
const
|
|
44
|
+
async fetch(u, t = {}) {
|
|
45
|
+
const a = await fetch(`${this.url}${u}`, {
|
|
81
46
|
credentials: "include",
|
|
82
|
-
...
|
|
47
|
+
...t
|
|
83
48
|
});
|
|
84
|
-
return
|
|
49
|
+
return a.status === 204 ? a : a.json();
|
|
85
50
|
},
|
|
86
|
-
async post(u,
|
|
51
|
+
async post(u, t, a = {}) {
|
|
87
52
|
return this.fetch(u, {
|
|
88
53
|
method: "POST",
|
|
89
54
|
headers: {
|
|
90
55
|
"Content-Type": "application/json"
|
|
91
56
|
},
|
|
92
|
-
body: JSON.stringify(
|
|
93
|
-
...
|
|
57
|
+
body: JSON.stringify(t),
|
|
58
|
+
...a
|
|
94
59
|
});
|
|
95
60
|
},
|
|
96
|
-
async get(u,
|
|
97
|
-
return this.fetch(u,
|
|
61
|
+
async get(u, t = {}) {
|
|
62
|
+
return this.fetch(u, t);
|
|
98
63
|
},
|
|
99
|
-
async delete(u,
|
|
64
|
+
async delete(u, t = {}) {
|
|
100
65
|
return this.fetch(u, {
|
|
101
66
|
method: "DELETE",
|
|
102
|
-
...
|
|
67
|
+
...t
|
|
103
68
|
});
|
|
104
69
|
}
|
|
105
70
|
}
|
|
106
|
-
}),
|
|
71
|
+
}), we = typeof window < "u", ue = {
|
|
107
72
|
v: 5,
|
|
108
73
|
api: "link-only",
|
|
109
74
|
avatar: "",
|
|
@@ -141,251 +106,324 @@ const ae = /* @__PURE__ */ b({
|
|
|
141
106
|
jobs: null
|
|
142
107
|
}
|
|
143
108
|
}
|
|
144
|
-
},
|
|
145
|
-
const u =
|
|
146
|
-
function
|
|
147
|
-
if (!
|
|
109
|
+
}, M = ee("user", () => {
|
|
110
|
+
const u = Xe(ke({}, ue));
|
|
111
|
+
function t() {
|
|
112
|
+
if (!we)
|
|
148
113
|
return;
|
|
149
|
-
const
|
|
150
|
-
let
|
|
151
|
-
|
|
114
|
+
const n = localStorage.getItem("vuetify@user"), r = n ? JSON.parse(n) : {};
|
|
115
|
+
let c = r.v === u.v;
|
|
116
|
+
r.v || (r.pwaRefresh = !0, typeof r.api == "boolean" && (r.api = r.api ? "inline" : "link-only"), typeof r.rtl == "boolean" && (r.direction = r.rtl ? "rtl" : "ltr", delete r.rtl), typeof r.theme == "object" && (r.mixedTheme = r.theme.mixed, r.theme = r.theme.system ? "system" : r.theme.dark ? "dark" : "light"), Array.isArray(r.notifications) && (r.notifications = { read: r.notifications }), typeof r.last == "object" && (r.notifications.last = r.last, delete r.last)), r.v === 1 && (Array.isArray(r.composition) && (r.composition = "composition"), Array.isArray(r.notifications.last.banner) || (r.notifications = r.notifications || {}, r.notifications.last = r.notifications.last || {}, r.notifications.last.banner = [])), r.v === 2 && (r.syncSettings = !0, r.disableAds = !1, r.v = 3), r.v === 3 && (r.quickbar = !1), r.v === 4 && (r.suits = ue.suits, r.notifications.banners = ue.notifications.banners, c = !0), r.v = u.v, Object.assign(u, ke(u, r)), c && a();
|
|
117
|
+
}
|
|
118
|
+
function a() {
|
|
119
|
+
we && localStorage.setItem("vuetify@user", JSON.stringify(u, null, 2));
|
|
152
120
|
}
|
|
153
|
-
function
|
|
154
|
-
|
|
121
|
+
function s() {
|
|
122
|
+
we && (Object.assign(u, ke({}, ue)), a());
|
|
155
123
|
}
|
|
156
|
-
|
|
157
|
-
|
|
124
|
+
return t(), {
|
|
125
|
+
...Ze(u),
|
|
126
|
+
load: t,
|
|
127
|
+
save: a,
|
|
128
|
+
reset: s
|
|
129
|
+
};
|
|
130
|
+
}), be = ee("notifications", () => {
|
|
131
|
+
const u = ge(), t = M(), a = K([]), s = F(!1), n = L(() => a.value.filter((l) => !t.notifications.read.includes(l.slug))), r = L(() => a.value.filter((l) => t.notifications.read.includes(l.slug)));
|
|
132
|
+
async function c() {
|
|
133
|
+
try {
|
|
134
|
+
s.value = !0;
|
|
135
|
+
const l = await u.get("/one/notifications");
|
|
136
|
+
a.value = l.notifications;
|
|
137
|
+
} catch {
|
|
138
|
+
} finally {
|
|
139
|
+
s.value = !1;
|
|
140
|
+
}
|
|
141
|
+
return a.value;
|
|
158
142
|
}
|
|
159
|
-
return
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
143
|
+
return {
|
|
144
|
+
isLoading: s,
|
|
145
|
+
all: a,
|
|
146
|
+
get: c,
|
|
147
|
+
read: r,
|
|
148
|
+
unread: n
|
|
164
149
|
};
|
|
165
|
-
}),
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
150
|
+
}), so = /* @__PURE__ */ V({
|
|
151
|
+
__name: "VoNotificationsTotalBadge",
|
|
152
|
+
setup(u) {
|
|
153
|
+
const t = be(), a = L(() => t.unread.length);
|
|
154
|
+
return (s, n) => (d(), v(Me, {
|
|
155
|
+
content: a.value,
|
|
156
|
+
"model-value": a.value > 0,
|
|
157
|
+
color: "error",
|
|
158
|
+
location: "start top"
|
|
159
|
+
}, {
|
|
160
|
+
default: i(() => [
|
|
161
|
+
B(s.$slots, "default")
|
|
162
|
+
]),
|
|
163
|
+
_: 3
|
|
164
|
+
}, 8, ["content", "model-value"]));
|
|
165
|
+
}
|
|
166
|
+
}), le = /* @__PURE__ */ V({
|
|
167
|
+
__name: "VoBtn",
|
|
168
|
+
props: {
|
|
169
|
+
readonly: { type: Boolean }
|
|
170
|
+
},
|
|
171
|
+
setup(u) {
|
|
172
|
+
const t = u;
|
|
173
|
+
return (a, s) => (d(), v(Z, {
|
|
174
|
+
style: Be({
|
|
175
|
+
pointerEvents: t.readonly ? "none" : void 0
|
|
176
|
+
}),
|
|
177
|
+
tabindex: t.readonly ? -1 : void 0,
|
|
178
|
+
class: "text-none font-weight-regular",
|
|
179
|
+
color: "primary",
|
|
180
|
+
size: "small",
|
|
181
|
+
variant: "flat"
|
|
182
|
+
}, G({
|
|
183
|
+
loader: i(() => [
|
|
184
|
+
a.$slots.loader ? $("", !0) : (d(), v(nt, {
|
|
185
|
+
key: 0,
|
|
186
|
+
indeterminate: "disable-shrink",
|
|
187
|
+
size: "16",
|
|
188
|
+
width: "2"
|
|
189
|
+
})),
|
|
190
|
+
B(a.$slots, "loader")
|
|
191
|
+
]),
|
|
192
|
+
_: 2
|
|
193
|
+
}, [
|
|
194
|
+
a.$slots.default ? {
|
|
195
|
+
name: "default",
|
|
196
|
+
fn: i(() => [
|
|
197
|
+
B(a.$slots, "default")
|
|
198
|
+
]),
|
|
199
|
+
key: "0"
|
|
200
|
+
} : void 0
|
|
201
|
+
]), 1032, ["style", "tabindex"]));
|
|
202
|
+
}
|
|
203
|
+
}), z = ee("auth", () => {
|
|
204
|
+
const u = K(null), t = ge(), a = M(), s = F(!1), n = L(() => {
|
|
205
|
+
var m, k;
|
|
206
|
+
return !t.url || ((m = u.value) == null ? void 0 : m.isAdmin) || !!((k = u.value) != null && k.sponsorships.some((D) => D.isActive));
|
|
169
207
|
});
|
|
170
|
-
let
|
|
208
|
+
let r = !1;
|
|
171
209
|
W(u, (m) => {
|
|
172
210
|
if (!(m != null && m.settings))
|
|
173
211
|
return;
|
|
174
|
-
const
|
|
175
|
-
JSON.stringify(m.settings, null, 2) !==
|
|
176
|
-
}),
|
|
177
|
-
|
|
212
|
+
const k = localStorage.getItem("vuetify@user") || "{}";
|
|
213
|
+
JSON.stringify(m.settings, null, 2) !== k && (r = !0, Object.assign(a, m.settings));
|
|
214
|
+
}), a.$subscribe(() => {
|
|
215
|
+
r || c(), r = !1;
|
|
178
216
|
});
|
|
179
|
-
async function
|
|
217
|
+
async function c() {
|
|
180
218
|
try {
|
|
181
|
-
await
|
|
219
|
+
await t.post("/user/settings", { settings: a.$state });
|
|
182
220
|
} catch (m) {
|
|
183
221
|
console.error(m);
|
|
184
222
|
}
|
|
185
223
|
}
|
|
186
|
-
async function
|
|
187
|
-
if (
|
|
188
|
-
return
|
|
189
|
-
|
|
224
|
+
async function l(m = !1) {
|
|
225
|
+
if (l.promise)
|
|
226
|
+
return l.promise;
|
|
227
|
+
s.value = !0, l.promise = fetch(`${t.url}/auth/verify`, {
|
|
190
228
|
credentials: "include",
|
|
191
229
|
headers: m ? {
|
|
192
230
|
"Cache-Control": "no-cache"
|
|
193
231
|
} : void 0
|
|
194
232
|
}).then(
|
|
195
|
-
async (
|
|
196
|
-
|
|
233
|
+
async (k) => {
|
|
234
|
+
k.ok ? u.value = (await k.json()).user : k.status === 401 ? u.value = null : console.error(k.statusText);
|
|
197
235
|
},
|
|
198
236
|
() => {
|
|
199
237
|
}
|
|
200
238
|
).finally(() => {
|
|
201
|
-
|
|
239
|
+
s.value = !1, l.promise = null;
|
|
202
240
|
});
|
|
203
241
|
}
|
|
204
|
-
|
|
242
|
+
l.promise = null;
|
|
205
243
|
async function h(m = "github") {
|
|
206
|
-
|
|
207
|
-
const
|
|
244
|
+
s.value = !0;
|
|
245
|
+
const k = `${t.url}/auth/${m}/redirect`, D = 400, b = 600, x = window.screenX + (window.innerWidth - D) / 2, A = window.screenY + (window.innerHeight - b) / 2, O = window.open(
|
|
208
246
|
"",
|
|
209
247
|
"vuetify:authorize:popup",
|
|
210
|
-
`popup,left=${
|
|
248
|
+
`popup,left=${x},top=${A},width=${D},height=${b},resizable`
|
|
211
249
|
);
|
|
212
|
-
if (!
|
|
250
|
+
if (!O) {
|
|
213
251
|
console.error("Failed to open popup");
|
|
214
252
|
return;
|
|
215
253
|
}
|
|
216
|
-
|
|
217
|
-
let
|
|
218
|
-
function
|
|
219
|
-
var
|
|
220
|
-
f.origin ===
|
|
254
|
+
O.location.href = k;
|
|
255
|
+
let S = -1, E = -1;
|
|
256
|
+
function P(f) {
|
|
257
|
+
var y;
|
|
258
|
+
f.origin === t.url && ((y = f.data) == null ? void 0 : y.type) === "auth-response" && (f.data.status === "success" ? (u.value || localStorage.setItem("vuetify@lastLoginProvider", m), u.value = f.data.body.user) : console.error(f.data.message), T());
|
|
221
259
|
}
|
|
222
|
-
function
|
|
223
|
-
window.removeEventListener("message",
|
|
260
|
+
function T() {
|
|
261
|
+
window.removeEventListener("message", P), window.clearInterval(S), window.clearTimeout(E), O == null || O.close(), s.value = !1;
|
|
224
262
|
}
|
|
225
|
-
window.addEventListener("message",
|
|
226
|
-
!
|
|
227
|
-
}, 1e3),
|
|
228
|
-
|
|
263
|
+
window.addEventListener("message", P), S = window.setInterval(() => {
|
|
264
|
+
!O || O.closed ? (console.error("Auth popup closed"), T()) : O.postMessage({ type: "auth-request" }, "*");
|
|
265
|
+
}, 1e3), E = window.setTimeout(() => {
|
|
266
|
+
T(), console.error("Auth timed out");
|
|
229
267
|
}, 120 * 1e3);
|
|
230
268
|
}
|
|
231
269
|
async function p(m) {
|
|
232
|
-
|
|
233
|
-
const
|
|
270
|
+
s.value = !0;
|
|
271
|
+
const k = m ? `/auth/${m}/logout` : "/auth/logout";
|
|
234
272
|
try {
|
|
235
|
-
await
|
|
273
|
+
await t.post(k), await l(!0), u.value = null;
|
|
236
274
|
} catch (D) {
|
|
237
275
|
console.error(D);
|
|
238
276
|
} finally {
|
|
239
|
-
|
|
277
|
+
s.value = !1;
|
|
240
278
|
}
|
|
241
279
|
}
|
|
242
|
-
function
|
|
243
|
-
var
|
|
244
|
-
return (
|
|
280
|
+
function g(m) {
|
|
281
|
+
var k;
|
|
282
|
+
return (k = u.value) == null ? void 0 : k.identities.find((D) => D.provider === m);
|
|
245
283
|
}
|
|
246
|
-
function
|
|
284
|
+
function I() {
|
|
247
285
|
return localStorage.getItem("vuetify@lastLoginProvider");
|
|
248
286
|
}
|
|
249
|
-
return
|
|
287
|
+
return I() && l(), {
|
|
250
288
|
user: u,
|
|
251
|
-
url:
|
|
252
|
-
isLoading:
|
|
253
|
-
findIdentity:
|
|
254
|
-
verify:
|
|
289
|
+
url: t.url,
|
|
290
|
+
isLoading: s,
|
|
291
|
+
findIdentity: g,
|
|
292
|
+
verify: l,
|
|
255
293
|
login: h,
|
|
256
294
|
logout: p,
|
|
257
|
-
isSubscriber:
|
|
258
|
-
lastLoginProvider:
|
|
259
|
-
sync:
|
|
295
|
+
isSubscriber: n,
|
|
296
|
+
lastLoginProvider: I,
|
|
297
|
+
sync: c
|
|
260
298
|
};
|
|
261
|
-
}),
|
|
299
|
+
}), no = { class: "text-body-2" }, io = /* @__PURE__ */ _("div", { class: "text-caption mt-n1" }, "Last Used", -1), ao = /* @__PURE__ */ V({
|
|
262
300
|
__name: "VoAuthDiscord",
|
|
263
301
|
setup(u) {
|
|
264
|
-
const
|
|
265
|
-
return (
|
|
266
|
-
"prepend-icon": `svg:${
|
|
302
|
+
const t = z(), a = L(() => t.user && t.findIdentity("discord")), s = L(() => t.user ? a.value ? "Connected to Discord" : "Connect Discord" : "Log in with Discord");
|
|
303
|
+
return (n, r) => (d(), v(fe, {
|
|
304
|
+
"prepend-icon": `svg:${e(Ie)}`,
|
|
267
305
|
"base-color": "#5865F2",
|
|
268
306
|
rounded: "pill",
|
|
269
307
|
variant: "flat",
|
|
270
308
|
slim: "",
|
|
271
|
-
onClick:
|
|
309
|
+
onClick: r[0] || (r[0] = (c) => e(t).login("discord"))
|
|
272
310
|
}, G({
|
|
273
|
-
title:
|
|
274
|
-
|
|
311
|
+
title: i(() => [
|
|
312
|
+
_("span", no, C(s.value), 1)
|
|
275
313
|
]),
|
|
276
314
|
_: 2
|
|
277
315
|
}, [
|
|
278
|
-
!t
|
|
316
|
+
!e(t).user && e(t).lastLoginProvider() === "discord" ? {
|
|
279
317
|
name: "subtitle",
|
|
280
|
-
fn:
|
|
281
|
-
|
|
318
|
+
fn: i(() => [
|
|
319
|
+
io
|
|
282
320
|
]),
|
|
283
321
|
key: "0"
|
|
284
322
|
} : void 0
|
|
285
323
|
]), 1032, ["prepend-icon"]));
|
|
286
324
|
}
|
|
287
|
-
}),
|
|
325
|
+
}), ro = { class: "text-body-2" }, lo = /* @__PURE__ */ _("div", { class: "text-caption mt-n1" }, "Last Used", -1), co = /* @__PURE__ */ V({
|
|
288
326
|
__name: "VoAuthGithub",
|
|
289
327
|
setup(u) {
|
|
290
|
-
const
|
|
291
|
-
return (
|
|
292
|
-
"prepend-icon": `svg:${
|
|
328
|
+
const t = z(), a = L(() => t.user && t.findIdentity("github")), s = L(() => t.user ? a.value ? "Connected to GitHub" : "Connect GitHub" : "Log in with GitHub");
|
|
329
|
+
return (n, r) => (d(), v(fe, {
|
|
330
|
+
"prepend-icon": `svg:${e(Ae)}`,
|
|
293
331
|
"base-color": "#2a2a2a",
|
|
294
332
|
rounded: "pill",
|
|
295
333
|
variant: "flat",
|
|
296
334
|
slim: "",
|
|
297
|
-
onClick:
|
|
335
|
+
onClick: r[0] || (r[0] = (c) => e(t).login("github"))
|
|
298
336
|
}, G({
|
|
299
|
-
title:
|
|
300
|
-
|
|
337
|
+
title: i(() => [
|
|
338
|
+
_("span", ro, C(s.value), 1)
|
|
301
339
|
]),
|
|
302
340
|
_: 2
|
|
303
341
|
}, [
|
|
304
|
-
!t
|
|
342
|
+
!e(t).user && e(t).lastLoginProvider() === "github" ? {
|
|
305
343
|
name: "subtitle",
|
|
306
|
-
fn:
|
|
307
|
-
|
|
344
|
+
fn: i(() => [
|
|
345
|
+
lo
|
|
308
346
|
]),
|
|
309
347
|
key: "0"
|
|
310
348
|
} : void 0
|
|
311
349
|
]), 1032, ["prepend-icon"]));
|
|
312
350
|
}
|
|
313
|
-
}),
|
|
351
|
+
}), uo = { class: "pa-4 d-flex flex-column ga-4" }, po = /* @__PURE__ */ V({
|
|
314
352
|
__name: "VoAuthListItem",
|
|
315
353
|
setup(u) {
|
|
316
|
-
const
|
|
317
|
-
W(() =>
|
|
318
|
-
|
|
354
|
+
const t = z(), a = M(), s = F(!t.user && !t.isLoading);
|
|
355
|
+
W(() => t.user, (r) => {
|
|
356
|
+
s.value = !r;
|
|
319
357
|
});
|
|
320
|
-
function
|
|
321
|
-
|
|
358
|
+
function n() {
|
|
359
|
+
t.user && (s.value = !s.value);
|
|
322
360
|
}
|
|
323
|
-
return (
|
|
324
|
-
const
|
|
325
|
-
return d(),
|
|
326
|
-
variant:
|
|
361
|
+
return (r, c) => {
|
|
362
|
+
const l = co, h = ao;
|
|
363
|
+
return d(), v(R, {
|
|
364
|
+
variant: s.value ? "tonal" : "text",
|
|
327
365
|
class: "ma-2",
|
|
328
366
|
rounded: "lg"
|
|
329
367
|
}, {
|
|
330
|
-
default:
|
|
331
|
-
|
|
332
|
-
default:
|
|
333
|
-
|
|
334
|
-
link: !!t
|
|
335
|
-
"prepend-icon": `svg:${t
|
|
336
|
-
title: t
|
|
368
|
+
default: i(() => [
|
|
369
|
+
o(se, { class: "py-0" }, {
|
|
370
|
+
default: i(() => [
|
|
371
|
+
o(fe, {
|
|
372
|
+
link: !!e(t).user,
|
|
373
|
+
"prepend-icon": `svg:${e(t).user && e(a).syncSettings ? e(it) : e(at)}`,
|
|
374
|
+
title: e(t).user && e(a).syncSettings ? "Sync is on" : "Sync is paused",
|
|
337
375
|
class: "mb-0",
|
|
338
376
|
rounded: "b-0",
|
|
339
377
|
nav: "",
|
|
340
378
|
slim: "",
|
|
341
|
-
onClick:
|
|
379
|
+
onClick: n
|
|
342
380
|
}, {
|
|
343
|
-
append:
|
|
344
|
-
|
|
345
|
-
default:
|
|
346
|
-
t
|
|
381
|
+
append: i(() => [
|
|
382
|
+
o(De, null, {
|
|
383
|
+
default: i(() => [
|
|
384
|
+
e(t).user && (s.value || !e(a).syncSettings) ? (d(), v(We, {
|
|
347
385
|
key: 0,
|
|
348
|
-
modelValue:
|
|
349
|
-
"onUpdate:modelValue":
|
|
350
|
-
color:
|
|
386
|
+
modelValue: e(a).syncSettings,
|
|
387
|
+
"onUpdate:modelValue": c[0] || (c[0] = (p) => e(a).syncSettings = p),
|
|
388
|
+
color: e(a).syncSettings ? "success" : void 0,
|
|
351
389
|
density: "compact",
|
|
352
390
|
"hide-details": "",
|
|
353
391
|
inset: "",
|
|
354
|
-
onClick:
|
|
392
|
+
onClick: c[1] || (c[1] = ze(() => {
|
|
355
393
|
}, ["stop"]))
|
|
356
394
|
}, {
|
|
357
|
-
thumb:
|
|
358
|
-
|
|
359
|
-
color:
|
|
395
|
+
thumb: i(() => [
|
|
396
|
+
o(de, {
|
|
397
|
+
color: e(a).syncSettings ? "success" : void 0
|
|
360
398
|
}, null, 8, ["color"])
|
|
361
399
|
]),
|
|
362
400
|
_: 1
|
|
363
|
-
}, 8, ["modelValue", "color"])) :
|
|
401
|
+
}, 8, ["modelValue", "color"])) : $("", !0)
|
|
364
402
|
]),
|
|
365
403
|
_: 1
|
|
366
404
|
})
|
|
367
405
|
]),
|
|
368
406
|
_: 1
|
|
369
407
|
}, 8, ["link", "prepend-icon", "title"]),
|
|
370
|
-
|
|
371
|
-
default:
|
|
372
|
-
!t
|
|
408
|
+
o(re, null, {
|
|
409
|
+
default: i(() => [
|
|
410
|
+
!e(t).user && !e(t).isLoading || s.value ? (d(), v(Ee, {
|
|
373
411
|
key: 0,
|
|
374
412
|
border: "t",
|
|
375
413
|
color: "transparent"
|
|
376
414
|
}, {
|
|
377
|
-
default:
|
|
378
|
-
|
|
379
|
-
|
|
380
|
-
onClick:
|
|
415
|
+
default: i(() => [
|
|
416
|
+
_("div", uo, [
|
|
417
|
+
o(l, {
|
|
418
|
+
onClick: c[2] || (c[2] = (p) => s.value = !1)
|
|
381
419
|
}),
|
|
382
|
-
|
|
383
|
-
onClick:
|
|
420
|
+
o(h, {
|
|
421
|
+
onClick: c[3] || (c[3] = (p) => s.value = !1)
|
|
384
422
|
})
|
|
385
423
|
])
|
|
386
424
|
]),
|
|
387
425
|
_: 1
|
|
388
|
-
})) :
|
|
426
|
+
})) : $("", !0)
|
|
389
427
|
]),
|
|
390
428
|
_: 1
|
|
391
429
|
})
|
|
@@ -397,61 +435,61 @@ const ae = /* @__PURE__ */ b({
|
|
|
397
435
|
}, 8, ["variant"]);
|
|
398
436
|
};
|
|
399
437
|
}
|
|
400
|
-
}), Y = /* @__PURE__ */
|
|
438
|
+
}), Y = /* @__PURE__ */ V({
|
|
401
439
|
__name: "VoListItem",
|
|
402
440
|
setup(u) {
|
|
403
|
-
return (
|
|
404
|
-
default:
|
|
405
|
-
|
|
441
|
+
return (t, a) => (d(), v(fe, { slim: "" }, G({
|
|
442
|
+
default: i(() => [
|
|
443
|
+
B(t.$slots, "default")
|
|
406
444
|
]),
|
|
407
445
|
_: 2
|
|
408
446
|
}, [
|
|
409
|
-
|
|
447
|
+
t.$slots.prepend ? {
|
|
410
448
|
name: "prepend",
|
|
411
|
-
fn:
|
|
412
|
-
|
|
449
|
+
fn: i(() => [
|
|
450
|
+
B(t.$slots, "prepend")
|
|
413
451
|
]),
|
|
414
452
|
key: "0"
|
|
415
453
|
} : void 0,
|
|
416
|
-
|
|
454
|
+
t.$slots.title ? {
|
|
417
455
|
name: "title",
|
|
418
|
-
fn:
|
|
419
|
-
|
|
456
|
+
fn: i(() => [
|
|
457
|
+
B(t.$slots, "title")
|
|
420
458
|
]),
|
|
421
459
|
key: "1"
|
|
422
460
|
} : void 0,
|
|
423
|
-
|
|
461
|
+
t.$slots.append ? {
|
|
424
462
|
name: "append",
|
|
425
|
-
fn:
|
|
426
|
-
|
|
463
|
+
fn: i(() => [
|
|
464
|
+
B(t.$slots, "append")
|
|
427
465
|
]),
|
|
428
466
|
key: "2"
|
|
429
467
|
} : void 0
|
|
430
468
|
]), 1024));
|
|
431
469
|
}
|
|
432
|
-
}),
|
|
470
|
+
}), mo = /* @__PURE__ */ V({
|
|
433
471
|
__name: "VoAuthLogoutListItem",
|
|
434
472
|
setup(u) {
|
|
435
|
-
const
|
|
436
|
-
async function
|
|
437
|
-
|
|
473
|
+
const t = z(), a = F(!1);
|
|
474
|
+
async function s() {
|
|
475
|
+
a.value = !0, await t.logout(), a.value = !1;
|
|
438
476
|
}
|
|
439
|
-
return (
|
|
440
|
-
const
|
|
441
|
-
return d(),
|
|
442
|
-
disabled:
|
|
443
|
-
loading:
|
|
444
|
-
"prepend-icon": `svg:${
|
|
477
|
+
return (n, r) => {
|
|
478
|
+
const c = Y;
|
|
479
|
+
return d(), v(c, {
|
|
480
|
+
disabled: a.value,
|
|
481
|
+
loading: a.value,
|
|
482
|
+
"prepend-icon": `svg:${e(rt)}`,
|
|
445
483
|
class: "mb-0",
|
|
446
484
|
title: "Logout",
|
|
447
485
|
link: "",
|
|
448
|
-
onClick:
|
|
486
|
+
onClick: s
|
|
449
487
|
}, null, 8, ["disabled", "loading", "prepend-icon"]);
|
|
450
488
|
};
|
|
451
489
|
}
|
|
452
|
-
}),
|
|
490
|
+
}), ye = /* @__PURE__ */ V({
|
|
453
491
|
__name: "VoDialog",
|
|
454
|
-
props: /* @__PURE__ */
|
|
492
|
+
props: /* @__PURE__ */ Ke({
|
|
455
493
|
prependIcon: {},
|
|
456
494
|
title: {}
|
|
457
495
|
}, {
|
|
@@ -460,117 +498,122 @@ const ae = /* @__PURE__ */ b({
|
|
|
460
498
|
}),
|
|
461
499
|
emits: ["update:modelValue"],
|
|
462
500
|
setup(u) {
|
|
463
|
-
const
|
|
464
|
-
return (
|
|
465
|
-
modelValue:
|
|
466
|
-
"onUpdate:modelValue":
|
|
501
|
+
const t = me(u, "modelValue"), a = ve();
|
|
502
|
+
return (s, n) => (d(), v(Gt, {
|
|
503
|
+
modelValue: t.value,
|
|
504
|
+
"onUpdate:modelValue": n[1] || (n[1] = (r) => t.value = r),
|
|
505
|
+
fullscreen: e(a).xs.value,
|
|
506
|
+
"max-height": e(a).xs.value ? "100%" : 800,
|
|
507
|
+
"max-width": e(a).xs.value ? "100%" : 800,
|
|
467
508
|
activator: "parent",
|
|
468
|
-
height: "100%"
|
|
469
|
-
"max-height": "800",
|
|
470
|
-
"max-width": "800"
|
|
509
|
+
height: "100%"
|
|
471
510
|
}, {
|
|
472
|
-
default:
|
|
473
|
-
|
|
474
|
-
"prepend-icon":
|
|
475
|
-
title:
|
|
511
|
+
default: i(({ isActive: r }) => [
|
|
512
|
+
o(R, {
|
|
513
|
+
"prepend-icon": s.prependIcon,
|
|
514
|
+
title: s.title,
|
|
476
515
|
class: "overflow-hidden",
|
|
477
516
|
height: "inherit"
|
|
478
517
|
}, G({
|
|
479
|
-
append:
|
|
480
|
-
|
|
481
|
-
|
|
518
|
+
append: i(() => [
|
|
519
|
+
B(s.$slots, "append"),
|
|
520
|
+
o(Z, {
|
|
482
521
|
density: "comfortable",
|
|
483
522
|
icon: "$close",
|
|
484
523
|
size: "small",
|
|
485
524
|
variant: "text",
|
|
486
|
-
onClick:
|
|
525
|
+
onClick: n[0] || (n[0] = (c) => t.value = !t.value)
|
|
487
526
|
})
|
|
488
527
|
]),
|
|
489
|
-
default:
|
|
490
|
-
|
|
491
|
-
|
|
528
|
+
default: i(() => [
|
|
529
|
+
o(H, { class: "mt-4" }),
|
|
530
|
+
B(s.$slots, "default")
|
|
492
531
|
]),
|
|
493
532
|
_: 2
|
|
494
533
|
}, [
|
|
495
|
-
|
|
534
|
+
s.$slots.prepend ? {
|
|
496
535
|
name: "prepend",
|
|
497
|
-
fn:
|
|
498
|
-
|
|
536
|
+
fn: i(() => [
|
|
537
|
+
B(s.$slots, "prepend")
|
|
499
538
|
]),
|
|
500
539
|
key: "0"
|
|
501
540
|
} : void 0,
|
|
502
|
-
|
|
541
|
+
s.$slots.actions ? {
|
|
503
542
|
name: "actions",
|
|
504
|
-
fn:
|
|
505
|
-
|
|
543
|
+
fn: i(() => [
|
|
544
|
+
B(s.$slots, "actions", { isActive: r })
|
|
506
545
|
]),
|
|
507
546
|
key: "1"
|
|
508
547
|
} : void 0
|
|
509
548
|
]), 1032, ["prepend-icon", "title"])
|
|
510
549
|
]),
|
|
511
550
|
_: 3
|
|
512
|
-
}, 8, ["modelValue"]));
|
|
551
|
+
}, 8, ["modelValue", "fullscreen", "max-height", "max-width"]));
|
|
513
552
|
}
|
|
514
|
-
}),
|
|
553
|
+
}), Je = /* @__PURE__ */ V({
|
|
515
554
|
__name: "VoSwitch",
|
|
516
555
|
props: {
|
|
517
556
|
disabled: { type: Boolean }
|
|
518
557
|
},
|
|
519
558
|
setup(u) {
|
|
520
|
-
return (
|
|
521
|
-
disabled:
|
|
522
|
-
"true-icon": `svg:${
|
|
559
|
+
return (t, a) => (d(), v(We, {
|
|
560
|
+
disabled: t.disabled,
|
|
561
|
+
"true-icon": `svg:${e(te)}`,
|
|
523
562
|
color: "primary",
|
|
524
563
|
density: "compact",
|
|
525
564
|
inset: ""
|
|
526
565
|
}, G({
|
|
527
|
-
thumb:
|
|
528
|
-
|
|
529
|
-
color:
|
|
566
|
+
thumb: i(() => [
|
|
567
|
+
o(U, {
|
|
568
|
+
color: t.disabled ? void 0 : "primary"
|
|
530
569
|
}, null, 8, ["color"])
|
|
531
570
|
]),
|
|
532
571
|
_: 2
|
|
533
572
|
}, [
|
|
534
|
-
|
|
573
|
+
t.$slots.label ? {
|
|
535
574
|
name: "label",
|
|
536
|
-
fn:
|
|
537
|
-
|
|
575
|
+
fn: i(() => [
|
|
576
|
+
B(t.$slots, "label")
|
|
538
577
|
]),
|
|
539
578
|
key: "0"
|
|
540
579
|
} : void 0
|
|
541
580
|
]), 1032, ["disabled", "true-icon"]));
|
|
542
581
|
}
|
|
543
|
-
}),
|
|
582
|
+
}), fo = {
|
|
544
583
|
key: 1,
|
|
545
584
|
class: "mb-3 text-caption text-medium-emphasis"
|
|
546
|
-
},
|
|
585
|
+
}, ce = /* @__PURE__ */ V({
|
|
547
586
|
__name: "VoDialogSubheader",
|
|
548
587
|
props: {
|
|
549
588
|
title: {},
|
|
550
589
|
text: {}
|
|
551
590
|
},
|
|
552
591
|
setup(u) {
|
|
553
|
-
return (
|
|
554
|
-
|
|
592
|
+
return (t, a) => (d(), w(N, null, [
|
|
593
|
+
t.title ? (d(), v(Se, {
|
|
555
594
|
key: 0,
|
|
556
595
|
class: "font-weight-black"
|
|
557
596
|
}, {
|
|
558
|
-
default:
|
|
559
|
-
j(C(
|
|
597
|
+
default: i(() => [
|
|
598
|
+
j(C(t.title), 1)
|
|
560
599
|
]),
|
|
561
600
|
_: 1
|
|
562
|
-
})) :
|
|
563
|
-
|
|
601
|
+
})) : $("", !0),
|
|
602
|
+
t.text ? (d(), w("div", fo, C(t.text), 1)) : $("", !0)
|
|
564
603
|
], 64));
|
|
565
604
|
}
|
|
566
|
-
}),
|
|
605
|
+
}), vo = { key: 0 }, _o = /* @__PURE__ */ V({
|
|
567
606
|
__name: "VoSettingsPageSuitOption",
|
|
568
607
|
setup(u) {
|
|
569
|
-
|
|
570
|
-
|
|
608
|
+
const t = M(), a = [
|
|
609
|
+
{
|
|
610
|
+
title: "Choose a page suit",
|
|
611
|
+
value: "",
|
|
612
|
+
disabled: !0
|
|
613
|
+
},
|
|
571
614
|
{
|
|
572
615
|
title: "Blackguard",
|
|
573
|
-
prependIcon: `svg:${
|
|
616
|
+
prependIcon: `svg:${Pe}`,
|
|
574
617
|
value: "blackguard"
|
|
575
618
|
}
|
|
576
619
|
// {
|
|
@@ -584,102 +627,102 @@ const ae = /* @__PURE__ */ b({
|
|
|
584
627
|
// value: 'nebula',
|
|
585
628
|
// },
|
|
586
629
|
];
|
|
587
|
-
return (
|
|
588
|
-
const
|
|
589
|
-
return d(), w(
|
|
590
|
-
|
|
591
|
-
modelValue: t
|
|
592
|
-
"onUpdate:modelValue":
|
|
630
|
+
return (s, n) => {
|
|
631
|
+
const r = Je, c = ce;
|
|
632
|
+
return d(), w(N, null, [
|
|
633
|
+
o(r, {
|
|
634
|
+
modelValue: e(t).suits.show,
|
|
635
|
+
"onUpdate:modelValue": n[0] || (n[0] = (l) => e(t).suits.show = l),
|
|
593
636
|
class: "mb-2",
|
|
594
637
|
label: "Enable Page suits",
|
|
595
638
|
messages: "Customize layout elements with a unique background, styled after one of our themed releases."
|
|
596
639
|
}, null, 8, ["modelValue"]),
|
|
597
|
-
|
|
598
|
-
default:
|
|
599
|
-
t
|
|
600
|
-
|
|
601
|
-
modelValue: t
|
|
602
|
-
"onUpdate:modelValue":
|
|
603
|
-
items:
|
|
640
|
+
o(re, null, {
|
|
641
|
+
default: i(() => [
|
|
642
|
+
e(t).suits.show ? (d(), w("div", vo, [
|
|
643
|
+
o(Yt, {
|
|
644
|
+
modelValue: e(t).suits.suit,
|
|
645
|
+
"onUpdate:modelValue": n[1] || (n[1] = (l) => e(t).suits.suit = l),
|
|
646
|
+
items: a,
|
|
604
647
|
density: "compact",
|
|
605
|
-
placeholder: "Choose page suit",
|
|
648
|
+
placeholder: "Choose a page suit",
|
|
606
649
|
style: { "max-width": "300px" },
|
|
607
650
|
variant: "outlined",
|
|
608
651
|
clearable: "",
|
|
609
652
|
"item-props": "",
|
|
610
653
|
"single-line": ""
|
|
611
654
|
}, {
|
|
612
|
-
selection:
|
|
613
|
-
|
|
614
|
-
icon:
|
|
655
|
+
selection: i(({ item: l }) => [
|
|
656
|
+
o(U, {
|
|
657
|
+
icon: l.props.prependIcon,
|
|
615
658
|
size: "x-small",
|
|
616
659
|
start: ""
|
|
617
660
|
}, null, 8, ["icon"]),
|
|
618
|
-
j(" " + C(
|
|
661
|
+
j(" " + C(l.title), 1)
|
|
619
662
|
]),
|
|
620
663
|
_: 1
|
|
621
664
|
}, 8, ["modelValue"]),
|
|
622
|
-
|
|
623
|
-
|
|
624
|
-
modelValue: t
|
|
625
|
-
"onUpdate:modelValue":
|
|
665
|
+
o(c, { text: "Select your suit elements to display the background image:" }),
|
|
666
|
+
o(qt, {
|
|
667
|
+
modelValue: e(t).suits.elements,
|
|
668
|
+
"onUpdate:modelValue": n[2] || (n[2] = (l) => e(t).suits.elements = l),
|
|
626
669
|
color: "primary",
|
|
627
670
|
filter: "",
|
|
628
671
|
multiple: ""
|
|
629
672
|
}, {
|
|
630
|
-
default:
|
|
631
|
-
|
|
632
|
-
"append-icon": `svg:${
|
|
673
|
+
default: i(() => [
|
|
674
|
+
o(q, {
|
|
675
|
+
"append-icon": `svg:${e(lt)}`,
|
|
633
676
|
"filter-icon": "$success",
|
|
634
677
|
text: "App Bar",
|
|
635
678
|
value: "app-bar",
|
|
636
679
|
variant: "flat"
|
|
637
680
|
}, {
|
|
638
|
-
append:
|
|
639
|
-
|
|
681
|
+
append: i(() => [
|
|
682
|
+
o(H, {
|
|
640
683
|
class: "ms-2 border-opacity-50",
|
|
641
684
|
vertical: ""
|
|
642
685
|
}),
|
|
643
|
-
|
|
686
|
+
o(U, { size: "x-small" })
|
|
644
687
|
]),
|
|
645
688
|
_: 1
|
|
646
689
|
}, 8, ["append-icon"]),
|
|
647
|
-
|
|
648
|
-
"append-icon": `svg:${
|
|
690
|
+
o(q, {
|
|
691
|
+
"append-icon": `svg:${e(ct)}`,
|
|
649
692
|
"filter-icon": "$success",
|
|
650
693
|
text: "Navigation Drawer",
|
|
651
694
|
value: "drawer",
|
|
652
695
|
variant: "flat"
|
|
653
696
|
}, {
|
|
654
|
-
append:
|
|
655
|
-
|
|
697
|
+
append: i(() => [
|
|
698
|
+
o(H, {
|
|
656
699
|
class: "ms-2 border-opacity-50",
|
|
657
700
|
vertical: ""
|
|
658
701
|
}),
|
|
659
|
-
|
|
702
|
+
o(U, { size: "x-small" })
|
|
660
703
|
]),
|
|
661
704
|
_: 1
|
|
662
705
|
}, 8, ["append-icon"]),
|
|
663
|
-
|
|
706
|
+
o(q, {
|
|
664
707
|
"append-icon": "$info",
|
|
665
708
|
"filter-icon": "$success",
|
|
666
709
|
text: "Footer",
|
|
667
710
|
value: "footer",
|
|
668
711
|
variant: "flat"
|
|
669
712
|
}, {
|
|
670
|
-
append:
|
|
671
|
-
|
|
713
|
+
append: i(() => [
|
|
714
|
+
o(H, {
|
|
672
715
|
class: "ms-2 border-opacity-50",
|
|
673
716
|
vertical: ""
|
|
674
717
|
}),
|
|
675
|
-
|
|
718
|
+
o(U, { size: "x-small" })
|
|
676
719
|
]),
|
|
677
720
|
_: 1
|
|
678
721
|
})
|
|
679
722
|
]),
|
|
680
723
|
_: 1
|
|
681
724
|
}, 8, ["modelValue"])
|
|
682
|
-
])) :
|
|
725
|
+
])) : $("", !0)
|
|
683
726
|
]),
|
|
684
727
|
_: 1
|
|
685
728
|
})
|
|
@@ -687,7 +730,7 @@ const ae = /* @__PURE__ */ b({
|
|
|
687
730
|
};
|
|
688
731
|
}
|
|
689
732
|
});
|
|
690
|
-
function
|
|
733
|
+
function ho() {
|
|
691
734
|
return {
|
|
692
735
|
blackguard: {
|
|
693
736
|
dark: !0,
|
|
@@ -803,8 +846,8 @@ function _o() {
|
|
|
803
846
|
}
|
|
804
847
|
};
|
|
805
848
|
}
|
|
806
|
-
const
|
|
807
|
-
const u = "https://cdn.vuetifyjs.com/docs/images/one/",
|
|
849
|
+
const Qe = ee("settings", () => {
|
|
850
|
+
const u = "https://cdn.vuetifyjs.com/docs/images/one/", t = z(), a = M(), s = Wt(), n = ho(), r = {
|
|
808
851
|
blackguard: {
|
|
809
852
|
"app-bar": u + "suits/blackguard/blackguard-app-bar.png",
|
|
810
853
|
drawer: u + "suits/blackguard/blackguard-app-drawer.png",
|
|
@@ -820,24 +863,24 @@ const Ge = K("settings", () => {
|
|
|
820
863
|
// 'drawer': '',
|
|
821
864
|
// footer: '',
|
|
822
865
|
// },
|
|
823
|
-
},
|
|
824
|
-
if (!
|
|
866
|
+
}, c = L(() => {
|
|
867
|
+
if (!a.suits.suit || !a.suits.show || !t.isSubscriber)
|
|
825
868
|
return {};
|
|
826
|
-
const
|
|
827
|
-
for (const p of
|
|
828
|
-
h[p] =
|
|
869
|
+
const l = r[a.suits.suit.toLowerCase()], h = {};
|
|
870
|
+
for (const p of a.suits.elements)
|
|
871
|
+
h[p] = l[p];
|
|
829
872
|
return h;
|
|
830
873
|
});
|
|
831
|
-
return
|
|
832
|
-
...
|
|
833
|
-
...
|
|
834
|
-
}, W(() =>
|
|
835
|
-
|
|
874
|
+
return s.themes.value = {
|
|
875
|
+
...s.themes.value,
|
|
876
|
+
...n
|
|
877
|
+
}, W(() => a.theme, (l) => {
|
|
878
|
+
l === "system" ? s.global.name.value = window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light" : s.global.name.value = l, a.theme = l;
|
|
836
879
|
}, { immediate: !0 }), {
|
|
837
|
-
suit:
|
|
880
|
+
suit: c,
|
|
838
881
|
CDN_URL: u
|
|
839
882
|
};
|
|
840
|
-
}),
|
|
883
|
+
}), go = /* @__PURE__ */ V({
|
|
841
884
|
__name: "VoSettingsDialog",
|
|
842
885
|
props: {
|
|
843
886
|
modelValue: { type: Boolean },
|
|
@@ -845,100 +888,100 @@ const Ge = K("settings", () => {
|
|
|
845
888
|
},
|
|
846
889
|
emits: ["update:modelValue"],
|
|
847
890
|
setup(u) {
|
|
848
|
-
const
|
|
891
|
+
const t = me(u, "modelValue"), a = z(), s = Qe(), n = M(), r = [
|
|
849
892
|
{
|
|
850
893
|
title: "Light",
|
|
851
894
|
subtitle: "A standard light theme.",
|
|
852
|
-
image:
|
|
853
|
-
prependIcon: `svg:${
|
|
895
|
+
image: s.CDN_URL + "themes/light.png",
|
|
896
|
+
prependIcon: `svg:${ut}`,
|
|
854
897
|
value: "light"
|
|
855
898
|
},
|
|
856
899
|
{
|
|
857
900
|
title: "Dark",
|
|
858
901
|
subtitle: "A standard dark theme.",
|
|
859
|
-
image:
|
|
860
|
-
prependIcon: `svg:${
|
|
902
|
+
image: s.CDN_URL + "themes/dark.png",
|
|
903
|
+
prependIcon: `svg:${dt}`,
|
|
861
904
|
value: "dark"
|
|
862
905
|
},
|
|
863
906
|
{
|
|
864
907
|
title: "System",
|
|
865
908
|
subtitle: "A theme based on the system preference.",
|
|
866
|
-
image:
|
|
867
|
-
prependIcon: `svg:${
|
|
909
|
+
image: s.CDN_URL + "themes/system.png",
|
|
910
|
+
prependIcon: `svg:${pt}`,
|
|
868
911
|
value: "system"
|
|
869
912
|
},
|
|
870
913
|
{
|
|
871
914
|
title: "Blackguard",
|
|
872
915
|
subtitle: "A theme for v3.4 Blackguard.",
|
|
873
|
-
image:
|
|
874
|
-
prependIcon: `svg:${
|
|
916
|
+
image: s.CDN_URL + "themes/blackguard.png",
|
|
917
|
+
prependIcon: `svg:${Pe}`,
|
|
875
918
|
value: "blackguard"
|
|
876
919
|
},
|
|
877
920
|
{
|
|
878
921
|
title: "Polaris",
|
|
879
922
|
subtitle: "A theme for v3.5 Polaris.",
|
|
880
|
-
image:
|
|
881
|
-
prependIcon: `svg:${
|
|
923
|
+
image: s.CDN_URL + "themes/polaris.png",
|
|
924
|
+
prependIcon: `svg:${mt}`,
|
|
882
925
|
value: "polaris",
|
|
883
926
|
disabled: !0
|
|
884
927
|
},
|
|
885
928
|
{
|
|
886
929
|
title: "Nebula",
|
|
887
930
|
subtitle: "A theme for v3.6 Nebula.",
|
|
888
|
-
image:
|
|
889
|
-
prependIcon: `svg:${
|
|
931
|
+
image: s.CDN_URL + "themes/nebula.png",
|
|
932
|
+
prependIcon: `svg:${ft}`,
|
|
890
933
|
value: "nebula",
|
|
891
934
|
disabled: !0
|
|
892
935
|
},
|
|
893
936
|
{
|
|
894
937
|
title: "High Contrast",
|
|
895
938
|
subtitle: "A theme for high contrast.",
|
|
896
|
-
image:
|
|
897
|
-
prependIcon: `svg:${
|
|
939
|
+
image: s.CDN_URL + "themes/high-contrast.png",
|
|
940
|
+
prependIcon: `svg:${vt}`,
|
|
898
941
|
value: "highContrast",
|
|
899
942
|
disabled: !0
|
|
900
943
|
}
|
|
901
944
|
];
|
|
902
|
-
return (
|
|
903
|
-
const h =
|
|
904
|
-
return d(),
|
|
905
|
-
modelValue:
|
|
906
|
-
"onUpdate:modelValue":
|
|
907
|
-
"prepend-icon": `svg:${
|
|
945
|
+
return (c, l) => {
|
|
946
|
+
const h = ce, p = _o, g = Je, I = ye;
|
|
947
|
+
return d(), v(I, {
|
|
948
|
+
modelValue: t.value,
|
|
949
|
+
"onUpdate:modelValue": l[5] || (l[5] = (m) => t.value = m),
|
|
950
|
+
"prepend-icon": `svg:${e(_t)}`,
|
|
908
951
|
title: "Settings"
|
|
909
952
|
}, {
|
|
910
|
-
default:
|
|
911
|
-
|
|
912
|
-
default:
|
|
913
|
-
|
|
914
|
-
default:
|
|
915
|
-
|
|
916
|
-
default:
|
|
917
|
-
|
|
953
|
+
default: i(() => [
|
|
954
|
+
o(Fe, null, {
|
|
955
|
+
default: i(() => [
|
|
956
|
+
o(Ne, { scrollable: "" }, {
|
|
957
|
+
default: i(() => [
|
|
958
|
+
o(X, { class: "px-7" }, {
|
|
959
|
+
default: i(() => [
|
|
960
|
+
o(h, {
|
|
918
961
|
text: "Customize your documentation experience with light and dark themes, as well as a combination of both named.",
|
|
919
962
|
title: "Theme"
|
|
920
963
|
}),
|
|
921
|
-
|
|
922
|
-
modelValue:
|
|
923
|
-
"onUpdate:modelValue":
|
|
964
|
+
o(qe, {
|
|
965
|
+
modelValue: e(n).theme,
|
|
966
|
+
"onUpdate:modelValue": l[0] || (l[0] = (m) => e(n).theme = m),
|
|
924
967
|
mandatory: ""
|
|
925
968
|
}, {
|
|
926
|
-
default:
|
|
927
|
-
|
|
928
|
-
default:
|
|
929
|
-
(d(), w(
|
|
930
|
-
key:
|
|
969
|
+
default: i(() => [
|
|
970
|
+
o(he, { dense: "" }, {
|
|
971
|
+
default: i(() => [
|
|
972
|
+
(d(), w(N, null, oe(r, (m, k) => o(ae, {
|
|
973
|
+
key: k,
|
|
931
974
|
cols: "6"
|
|
932
975
|
}, {
|
|
933
|
-
default:
|
|
934
|
-
|
|
976
|
+
default: i(() => [
|
|
977
|
+
o(Ce, {
|
|
935
978
|
value: m.value
|
|
936
979
|
}, {
|
|
937
|
-
default:
|
|
938
|
-
|
|
939
|
-
default:
|
|
940
|
-
|
|
941
|
-
color:
|
|
980
|
+
default: i(({ toggle: D, isSelected: b }) => [
|
|
981
|
+
o(Ge, null, {
|
|
982
|
+
default: i(({ props: x, isHovering: A }) => [
|
|
983
|
+
o(R, Q({
|
|
984
|
+
color: b ? "primary" : "surface-variant",
|
|
942
985
|
disabled: m.disabled,
|
|
943
986
|
image: m.image,
|
|
944
987
|
"prepend-icon": m.prependIcon,
|
|
@@ -947,11 +990,11 @@ const Ge = K("settings", () => {
|
|
|
947
990
|
title: m.title,
|
|
948
991
|
height: "76",
|
|
949
992
|
variant: "tonal"
|
|
950
|
-
},
|
|
951
|
-
image:
|
|
952
|
-
|
|
953
|
-
style:
|
|
954
|
-
filter:
|
|
993
|
+
}, x, { onClick: D }), {
|
|
994
|
+
image: i(() => [
|
|
995
|
+
o(Ue, {
|
|
996
|
+
style: Be({
|
|
997
|
+
filter: b || A ? "none" : "grayscale(100%)"
|
|
955
998
|
})
|
|
956
999
|
}, null, 8, ["style"])
|
|
957
1000
|
]),
|
|
@@ -972,65 +1015,65 @@ const Ge = K("settings", () => {
|
|
|
972
1015
|
]),
|
|
973
1016
|
_: 1
|
|
974
1017
|
}, 8, ["modelValue"]),
|
|
975
|
-
|
|
976
|
-
|
|
977
|
-
|
|
978
|
-
], 64)) :
|
|
1018
|
+
e(a).isSubscriber ? (d(), w(N, { key: 0 }, [
|
|
1019
|
+
o(H, { class: "mt-6 mb-4" }),
|
|
1020
|
+
o(p)
|
|
1021
|
+
], 64)) : $("", !0)
|
|
979
1022
|
]),
|
|
980
1023
|
_: 1
|
|
981
1024
|
}),
|
|
982
|
-
|
|
983
|
-
|
|
984
|
-
default:
|
|
985
|
-
|
|
1025
|
+
o(H),
|
|
1026
|
+
o(X, { class: "px-7" }, {
|
|
1027
|
+
default: i(() => [
|
|
1028
|
+
o(h, {
|
|
986
1029
|
text: "These options change your browsing experience within Vuetify properties",
|
|
987
1030
|
title: "Experience"
|
|
988
1031
|
}),
|
|
989
|
-
|
|
1032
|
+
e(a).isSubscriber ? (d(), v(g, {
|
|
990
1033
|
key: 0,
|
|
991
|
-
modelValue:
|
|
992
|
-
"onUpdate:modelValue":
|
|
1034
|
+
modelValue: e(n).disableAds,
|
|
1035
|
+
"onUpdate:modelValue": l[1] || (l[1] = (m) => e(n).disableAds = m),
|
|
993
1036
|
class: "mb-2",
|
|
994
1037
|
label: "Disable Ads",
|
|
995
1038
|
messages: "Disable traditional advertisements on all documentation pages."
|
|
996
|
-
}, null, 8, ["modelValue"])) :
|
|
997
|
-
|
|
998
|
-
modelValue:
|
|
999
|
-
"onUpdate:modelValue":
|
|
1039
|
+
}, null, 8, ["modelValue"])) : $("", !0),
|
|
1040
|
+
o(g, {
|
|
1041
|
+
modelValue: e(n).quickbar,
|
|
1042
|
+
"onUpdate:modelValue": l[2] || (l[2] = (m) => e(n).quickbar = m),
|
|
1000
1043
|
label: "Enable Quick Actions",
|
|
1001
1044
|
messages: "Quick actions are located on the Vuetify One user menu and provide quick access to common tasks."
|
|
1002
1045
|
}, null, 8, ["modelValue"])
|
|
1003
1046
|
]),
|
|
1004
1047
|
_: 1
|
|
1005
1048
|
}),
|
|
1006
|
-
|
|
1007
|
-
|
|
1049
|
+
o(H),
|
|
1050
|
+
e(a).isSubscriber ? (d(), v(X, {
|
|
1008
1051
|
key: 0,
|
|
1009
1052
|
class: "px-7"
|
|
1010
1053
|
}, {
|
|
1011
|
-
default:
|
|
1012
|
-
|
|
1054
|
+
default: i(() => [
|
|
1055
|
+
o(h, {
|
|
1013
1056
|
text: "Vuetify will communicate with you through banners and notifications. You can disable these features here or reset your local notification cache.",
|
|
1014
1057
|
title: "Communication"
|
|
1015
1058
|
}),
|
|
1016
|
-
|
|
1017
|
-
modelValue:
|
|
1018
|
-
"onUpdate:modelValue":
|
|
1059
|
+
o(g, {
|
|
1060
|
+
modelValue: e(n).notifications.show,
|
|
1061
|
+
"onUpdate:modelValue": l[3] || (l[3] = (m) => e(n).notifications.show = m),
|
|
1019
1062
|
class: "mb-2",
|
|
1020
1063
|
label: "Enable Notifications",
|
|
1021
1064
|
messages: "Notifications are short form messages that provide information about new releases, updates, and other important information."
|
|
1022
1065
|
}, null, 8, ["modelValue"]),
|
|
1023
|
-
|
|
1066
|
+
e(n).notifications.show ? (d(), v(g, {
|
|
1024
1067
|
key: 0,
|
|
1025
|
-
modelValue:
|
|
1026
|
-
"onUpdate:modelValue":
|
|
1068
|
+
modelValue: e(n).notifications.banners,
|
|
1069
|
+
"onUpdate:modelValue": l[4] || (l[4] = (m) => e(n).notifications.banners = m),
|
|
1027
1070
|
class: "mb-2",
|
|
1028
1071
|
label: "Enable Banners",
|
|
1029
1072
|
messages: "Banners are located at the top of the screen and provide a callout for important information."
|
|
1030
|
-
}, null, 8, ["modelValue"])) :
|
|
1073
|
+
}, null, 8, ["modelValue"])) : $("", !0)
|
|
1031
1074
|
]),
|
|
1032
1075
|
_: 1
|
|
1033
|
-
})) :
|
|
1076
|
+
})) : $("", !0)
|
|
1034
1077
|
]),
|
|
1035
1078
|
_: 1
|
|
1036
1079
|
})
|
|
@@ -1042,185 +1085,185 @@ const Ge = K("settings", () => {
|
|
|
1042
1085
|
}, 8, ["modelValue", "prepend-icon"]);
|
|
1043
1086
|
};
|
|
1044
1087
|
}
|
|
1045
|
-
}),
|
|
1088
|
+
}), bo = /* @__PURE__ */ V({
|
|
1046
1089
|
__name: "VoSettingsListItem",
|
|
1047
1090
|
setup(u) {
|
|
1048
|
-
const
|
|
1049
|
-
return (
|
|
1050
|
-
const
|
|
1051
|
-
return d(),
|
|
1052
|
-
active:
|
|
1053
|
-
"prepend-icon": `svg:${
|
|
1091
|
+
const t = F(!1);
|
|
1092
|
+
return (a, s) => {
|
|
1093
|
+
const n = go, r = Y;
|
|
1094
|
+
return d(), v(r, {
|
|
1095
|
+
active: t.value,
|
|
1096
|
+
"prepend-icon": `svg:${e(ht)}`,
|
|
1054
1097
|
title: "Settings",
|
|
1055
1098
|
link: ""
|
|
1056
1099
|
}, {
|
|
1057
|
-
default:
|
|
1058
|
-
|
|
1059
|
-
modelValue:
|
|
1060
|
-
"onUpdate:modelValue":
|
|
1100
|
+
default: i(() => [
|
|
1101
|
+
o(n, {
|
|
1102
|
+
modelValue: t.value,
|
|
1103
|
+
"onUpdate:modelValue": s[0] || (s[0] = (c) => t.value = c)
|
|
1061
1104
|
}, null, 8, ["modelValue"])
|
|
1062
1105
|
]),
|
|
1063
1106
|
_: 1
|
|
1064
1107
|
}, 8, ["active", "prepend-icon"]);
|
|
1065
1108
|
};
|
|
1066
1109
|
}
|
|
1067
|
-
}),
|
|
1068
|
-
const
|
|
1110
|
+
}), J = ee("one", () => {
|
|
1111
|
+
const t = new URLSearchParams(window.location.search).get("session_id"), a = z(), s = ge(), n = F(!1), r = K(!1), c = K(), l = K([]), h = L(() => {
|
|
1069
1112
|
var f;
|
|
1070
|
-
return (f =
|
|
1071
|
-
}), p =
|
|
1113
|
+
return (f = c.value) == null ? void 0 : f.items[0].plan.interval;
|
|
1114
|
+
}), p = L(() => {
|
|
1072
1115
|
var f;
|
|
1073
|
-
return (f =
|
|
1074
|
-
}),
|
|
1116
|
+
return (f = a.user) == null ? void 0 : f.sponsorships.find((y) => y.platform === "stripe" && y.tierName.startsWith("sub_"));
|
|
1117
|
+
}), g = L(() => {
|
|
1075
1118
|
var f;
|
|
1076
1119
|
return !!((f = p.value) != null && f.tierName);
|
|
1077
|
-
}),
|
|
1120
|
+
}), I = L(() => {
|
|
1078
1121
|
var f;
|
|
1079
1122
|
return (f = p.value) == null ? void 0 : f.isActive;
|
|
1080
|
-
}), m =
|
|
1123
|
+
}), m = L(() => {
|
|
1081
1124
|
var f;
|
|
1082
|
-
return (f =
|
|
1083
|
-
}),
|
|
1125
|
+
return (f = a.user) == null ? void 0 : f.sponsorships.find((y) => y.platform === "github");
|
|
1126
|
+
}), k = L(() => {
|
|
1084
1127
|
var f;
|
|
1085
|
-
return (f =
|
|
1086
|
-
}), D =
|
|
1128
|
+
return (f = a.user) == null ? void 0 : f.sponsorships.find((y) => y.platform === "discord");
|
|
1129
|
+
}), D = L(() => {
|
|
1087
1130
|
var f;
|
|
1088
|
-
return (f =
|
|
1089
|
-
}),
|
|
1131
|
+
return (f = a.user) == null ? void 0 : f.sponsorships.find((y) => y.platform === "patreon");
|
|
1132
|
+
}), b = L(() => {
|
|
1090
1133
|
var f;
|
|
1091
|
-
return (f =
|
|
1134
|
+
return (f = a.user) == null ? void 0 : f.sponsorships.reduce((y, Ve) => (Ve.platform !== "stripe" && (y += Ve.amount), y), 0);
|
|
1092
1135
|
});
|
|
1093
|
-
|
|
1094
|
-
|
|
1095
|
-
}), W(
|
|
1096
|
-
f === !1 &&
|
|
1136
|
+
et(async () => {
|
|
1137
|
+
t && await x();
|
|
1138
|
+
}), W(I, (f, y) => {
|
|
1139
|
+
f === !1 && y !== !0 || P();
|
|
1097
1140
|
});
|
|
1098
|
-
async function
|
|
1141
|
+
async function x() {
|
|
1099
1142
|
try {
|
|
1100
|
-
|
|
1101
|
-
const f = await
|
|
1102
|
-
|
|
1103
|
-
const
|
|
1104
|
-
|
|
1143
|
+
n.value = !0;
|
|
1144
|
+
const f = await s.post("/one/activate", { sessionId: t });
|
|
1145
|
+
a.user = f.user;
|
|
1146
|
+
const y = new URL(window.location.href);
|
|
1147
|
+
y.searchParams.delete("session_id"), history.pushState(null, "", y.toString()), T();
|
|
1105
1148
|
} catch {
|
|
1106
1149
|
} finally {
|
|
1107
|
-
|
|
1150
|
+
n.value = !1;
|
|
1108
1151
|
}
|
|
1109
1152
|
}
|
|
1110
|
-
async function
|
|
1111
|
-
window.open(`${
|
|
1153
|
+
async function A() {
|
|
1154
|
+
window.open(`${s.url}/one/manage`, "_blank");
|
|
1112
1155
|
}
|
|
1113
|
-
async function
|
|
1114
|
-
|
|
1156
|
+
async function O(f) {
|
|
1157
|
+
n.value = !0, window.location.href = `${s.url}/one/subscribe?interval=${f}`;
|
|
1115
1158
|
}
|
|
1116
|
-
async function
|
|
1159
|
+
async function S() {
|
|
1117
1160
|
var f;
|
|
1118
1161
|
if (p.value)
|
|
1119
1162
|
try {
|
|
1120
|
-
|
|
1121
|
-
const
|
|
1163
|
+
n.value = !0;
|
|
1164
|
+
const y = await s.post(
|
|
1122
1165
|
`/one/cancel?subscriptionId=${(f = p.value) == null ? void 0 : f.tierName}`
|
|
1123
1166
|
);
|
|
1124
|
-
|
|
1167
|
+
a.user = y.user;
|
|
1125
1168
|
} catch {
|
|
1126
1169
|
} finally {
|
|
1127
|
-
|
|
1170
|
+
n.value = !1;
|
|
1128
1171
|
}
|
|
1129
1172
|
}
|
|
1130
|
-
async function
|
|
1173
|
+
async function E(f) {
|
|
1131
1174
|
if (p.value)
|
|
1132
1175
|
try {
|
|
1133
|
-
|
|
1134
|
-
const
|
|
1176
|
+
n.value = !0;
|
|
1177
|
+
const y = await s.post("/one/modify", {
|
|
1135
1178
|
subscriptionId: p.value.tierName,
|
|
1136
1179
|
interval: f
|
|
1137
1180
|
});
|
|
1138
|
-
|
|
1181
|
+
a.user = y.user;
|
|
1139
1182
|
} catch {
|
|
1140
1183
|
} finally {
|
|
1141
|
-
|
|
1184
|
+
n.value = !1;
|
|
1142
1185
|
}
|
|
1143
1186
|
}
|
|
1144
|
-
async function
|
|
1187
|
+
async function P() {
|
|
1145
1188
|
var f;
|
|
1146
1189
|
if (p.value)
|
|
1147
1190
|
try {
|
|
1148
|
-
|
|
1149
|
-
const
|
|
1191
|
+
n.value = !0;
|
|
1192
|
+
const y = await s.post(
|
|
1150
1193
|
`/one/verify?subscriptionId=${(f = p.value) == null ? void 0 : f.tierName}`
|
|
1151
1194
|
);
|
|
1152
|
-
|
|
1195
|
+
a.user = y.user;
|
|
1153
1196
|
} catch {
|
|
1154
1197
|
} finally {
|
|
1155
|
-
|
|
1198
|
+
n.value = !1;
|
|
1156
1199
|
}
|
|
1157
1200
|
}
|
|
1158
|
-
async function
|
|
1201
|
+
async function T() {
|
|
1159
1202
|
try {
|
|
1160
|
-
|
|
1161
|
-
const f = await
|
|
1162
|
-
return
|
|
1203
|
+
n.value = !0;
|
|
1204
|
+
const f = await s.get("/one/info");
|
|
1205
|
+
return c.value = f.subscription, l.value = f.invoices, f;
|
|
1163
1206
|
} catch {
|
|
1164
1207
|
} finally {
|
|
1165
|
-
|
|
1208
|
+
n.value = !1;
|
|
1166
1209
|
}
|
|
1167
1210
|
}
|
|
1168
1211
|
return {
|
|
1169
|
-
info:
|
|
1212
|
+
info: c,
|
|
1170
1213
|
interval: h,
|
|
1171
|
-
invoices:
|
|
1172
|
-
sessionId:
|
|
1214
|
+
invoices: l,
|
|
1215
|
+
sessionId: t,
|
|
1173
1216
|
subscription: p,
|
|
1174
|
-
monthlyTotal:
|
|
1175
|
-
hasBilling:
|
|
1176
|
-
isLoading:
|
|
1177
|
-
isOpen:
|
|
1178
|
-
isSubscriber:
|
|
1217
|
+
monthlyTotal: b,
|
|
1218
|
+
hasBilling: g,
|
|
1219
|
+
isLoading: n,
|
|
1220
|
+
isOpen: r,
|
|
1221
|
+
isSubscriber: I,
|
|
1179
1222
|
github: m,
|
|
1180
1223
|
patreon: D,
|
|
1181
|
-
discord:
|
|
1182
|
-
activate:
|
|
1183
|
-
cancel:
|
|
1184
|
-
manage:
|
|
1185
|
-
modify:
|
|
1186
|
-
subscribe:
|
|
1187
|
-
subscriptionInfo:
|
|
1188
|
-
verify:
|
|
1224
|
+
discord: k,
|
|
1225
|
+
activate: x,
|
|
1226
|
+
cancel: S,
|
|
1227
|
+
manage: A,
|
|
1228
|
+
modify: E,
|
|
1229
|
+
subscribe: O,
|
|
1230
|
+
subscriptionInfo: T,
|
|
1231
|
+
verify: P
|
|
1189
1232
|
};
|
|
1190
|
-
}),
|
|
1233
|
+
}), yo = { class: "text-caption" }, Vo = /* @__PURE__ */ V({
|
|
1191
1234
|
__name: "VoSubscriptionInvoices",
|
|
1192
1235
|
setup(u) {
|
|
1193
|
-
const
|
|
1194
|
-
return (
|
|
1195
|
-
const
|
|
1196
|
-
return d(),
|
|
1197
|
-
default:
|
|
1198
|
-
|
|
1199
|
-
default:
|
|
1200
|
-
|
|
1236
|
+
const t = _e(), a = J();
|
|
1237
|
+
return (s, n) => {
|
|
1238
|
+
const r = ce;
|
|
1239
|
+
return d(), v(he, null, {
|
|
1240
|
+
default: i(() => [
|
|
1241
|
+
o(ae, { cols: "12" }, {
|
|
1242
|
+
default: i(() => [
|
|
1243
|
+
o(r, {
|
|
1201
1244
|
text: "View and download your invoice history.",
|
|
1202
1245
|
title: "Invoice History"
|
|
1203
1246
|
}),
|
|
1204
|
-
|
|
1247
|
+
o(R, {
|
|
1205
1248
|
height: "450",
|
|
1206
1249
|
rounded: "lg",
|
|
1207
1250
|
border: ""
|
|
1208
1251
|
}, {
|
|
1209
|
-
default:
|
|
1210
|
-
|
|
1211
|
-
items:
|
|
1212
|
-
loading:
|
|
1252
|
+
default: i(() => [
|
|
1253
|
+
o(Jt, {
|
|
1254
|
+
items: e(a).invoices,
|
|
1255
|
+
loading: e(a).isLoading,
|
|
1213
1256
|
sticky: ""
|
|
1214
1257
|
}, {
|
|
1215
|
-
"item.date":
|
|
1216
|
-
|
|
1258
|
+
"item.date": i(({ item: c }) => [
|
|
1259
|
+
_("div", yo, C(e(t).format(new Date(c.date * 1e3), "fullDateWithWeekday")), 1)
|
|
1217
1260
|
]),
|
|
1218
|
-
"item.amount":
|
|
1219
|
-
j(" $" + C(
|
|
1261
|
+
"item.amount": i(({ item: c }) => [
|
|
1262
|
+
j(" $" + C(c.amount / 100), 1)
|
|
1220
1263
|
]),
|
|
1221
|
-
"item.status":
|
|
1222
|
-
|
|
1223
|
-
text:
|
|
1264
|
+
"item.status": i(({ item: c }) => [
|
|
1265
|
+
o(q, {
|
|
1266
|
+
text: c.status,
|
|
1224
1267
|
border: "success sm",
|
|
1225
1268
|
class: "text-capitalize",
|
|
1226
1269
|
color: "success",
|
|
@@ -1229,10 +1272,10 @@ const Ge = K("settings", () => {
|
|
|
1229
1272
|
label: ""
|
|
1230
1273
|
}, null, 8, ["text"])
|
|
1231
1274
|
]),
|
|
1232
|
-
"item.pdf":
|
|
1233
|
-
|
|
1234
|
-
href:
|
|
1235
|
-
icon: `svg:${
|
|
1275
|
+
"item.pdf": i(({ item: c }) => [
|
|
1276
|
+
o(Z, {
|
|
1277
|
+
href: c.pdf,
|
|
1278
|
+
icon: `svg:${e(gt)}`,
|
|
1236
1279
|
size: "small",
|
|
1237
1280
|
target: "_blank",
|
|
1238
1281
|
variant: "text"
|
|
@@ -1251,93 +1294,93 @@ const Ge = K("settings", () => {
|
|
|
1251
1294
|
});
|
|
1252
1295
|
};
|
|
1253
1296
|
}
|
|
1254
|
-
}),
|
|
1297
|
+
}), ko = { class: "d-flex align-center" }, $o = {
|
|
1255
1298
|
key: "status",
|
|
1256
1299
|
class: "text-capitalize hidden-sm-and-down"
|
|
1257
|
-
},
|
|
1300
|
+
}, xo = /* @__PURE__ */ _("span", { class: "mx-1 hidden-sm-and-down" }, "—", -1), wo = { class: "me-1" }, So = { class: "text-medium-emphasis text-caption" }, Co = { class: "d-flex align-start justify-space-between text-caption py-2" }, Lo = { class: "font-weight-bold" }, Io = { class: "font-weight-bold" }, Ao = /* @__PURE__ */ V({
|
|
1258
1301
|
__name: "VoSubscriptionStatus",
|
|
1259
1302
|
emits: ["change:subscription"],
|
|
1260
|
-
setup(u, { emit:
|
|
1261
|
-
const
|
|
1262
|
-
if (!
|
|
1303
|
+
setup(u, { emit: t }) {
|
|
1304
|
+
const a = _e(), s = J(), n = t, r = L(() => {
|
|
1305
|
+
if (!s.info)
|
|
1263
1306
|
return;
|
|
1264
|
-
const
|
|
1265
|
-
return
|
|
1307
|
+
const l = new Date(s.info.currentPeriodEnd * 1e3);
|
|
1308
|
+
return a.format(l, "keyboardDate");
|
|
1266
1309
|
});
|
|
1267
|
-
async function
|
|
1268
|
-
|
|
1310
|
+
async function c() {
|
|
1311
|
+
s.interval && (s.isLoading = !0, s.subscribe(s.interval));
|
|
1269
1312
|
}
|
|
1270
|
-
return (
|
|
1271
|
-
const p =
|
|
1272
|
-
return d(),
|
|
1273
|
-
default:
|
|
1274
|
-
|
|
1275
|
-
default:
|
|
1276
|
-
var
|
|
1313
|
+
return (l, h) => {
|
|
1314
|
+
const p = le;
|
|
1315
|
+
return d(), v(he, null, {
|
|
1316
|
+
default: i(() => [
|
|
1317
|
+
o(ae, { cols: "12" }, {
|
|
1318
|
+
default: i(() => {
|
|
1319
|
+
var g, I;
|
|
1277
1320
|
return [
|
|
1278
|
-
|
|
1321
|
+
o(R, {
|
|
1279
1322
|
"prepend-icon": "$vuetify",
|
|
1280
1323
|
rounded: "lg",
|
|
1281
1324
|
title: "Subscription Status",
|
|
1282
1325
|
border: "",
|
|
1283
1326
|
flat: ""
|
|
1284
1327
|
}, G({
|
|
1285
|
-
append:
|
|
1328
|
+
append: i(() => {
|
|
1286
1329
|
var m;
|
|
1287
1330
|
return [
|
|
1288
|
-
|
|
1331
|
+
e(s).hasBilling && ((m = e(s).info) == null ? void 0 : m.status) === "canceled" ? (d(), v(p, {
|
|
1289
1332
|
key: 0,
|
|
1290
|
-
loading:
|
|
1333
|
+
loading: e(s).isLoading,
|
|
1291
1334
|
class: "me-2",
|
|
1292
1335
|
color: "success",
|
|
1293
1336
|
"prepend-icon": "$success",
|
|
1294
1337
|
text: "Activate",
|
|
1295
1338
|
variant: "outlined",
|
|
1296
|
-
onClick:
|
|
1297
|
-
}, null, 8, ["loading"])) :
|
|
1298
|
-
|
|
1339
|
+
onClick: c
|
|
1340
|
+
}, null, 8, ["loading"])) : $("", !0),
|
|
1341
|
+
e(s).hasBilling ? (d(), v(p, {
|
|
1299
1342
|
key: 1,
|
|
1300
|
-
loading:
|
|
1301
|
-
"prepend-icon": `svg:${
|
|
1343
|
+
loading: e(s).isLoading,
|
|
1344
|
+
"prepend-icon": `svg:${e(bt)}`,
|
|
1302
1345
|
text: "Billing",
|
|
1303
|
-
onClick:
|
|
1304
|
-
}, null, 8, ["loading", "prepend-icon", "onClick"])) :
|
|
1346
|
+
onClick: e(s).manage
|
|
1347
|
+
}, null, 8, ["loading", "prepend-icon", "onClick"])) : $("", !0)
|
|
1305
1348
|
];
|
|
1306
1349
|
}),
|
|
1307
1350
|
_: 2
|
|
1308
1351
|
}, [
|
|
1309
|
-
|
|
1352
|
+
e(s).info ? {
|
|
1310
1353
|
name: "subtitle",
|
|
1311
|
-
fn:
|
|
1312
|
-
|
|
1313
|
-
|
|
1314
|
-
|
|
1315
|
-
|
|
1316
|
-
|
|
1317
|
-
j(" $" + C(
|
|
1318
|
-
|
|
1354
|
+
fn: i(() => [
|
|
1355
|
+
_("div", ko, [
|
|
1356
|
+
_("span", $o, C(e(s).info.status), 1),
|
|
1357
|
+
e(s).info.items.length ? (d(), w(N, { key: 0 }, [
|
|
1358
|
+
xo,
|
|
1359
|
+
_("span", wo, [
|
|
1360
|
+
j(" $" + C(e(s).info.items[0].plan.amount / 100), 1),
|
|
1361
|
+
_("span", So, "/" + C(e(s).interval), 1)
|
|
1319
1362
|
]),
|
|
1320
|
-
|
|
1363
|
+
o(p, {
|
|
1321
1364
|
size: "x-small",
|
|
1322
1365
|
text: "(Change Subscription)",
|
|
1323
1366
|
variant: "text",
|
|
1324
|
-
onClick: h[0] || (h[0] = (m) =>
|
|
1367
|
+
onClick: h[0] || (h[0] = (m) => n("change:subscription"))
|
|
1325
1368
|
})
|
|
1326
|
-
], 64)) :
|
|
1369
|
+
], 64)) : $("", !0)
|
|
1327
1370
|
])
|
|
1328
1371
|
]),
|
|
1329
1372
|
key: "0"
|
|
1330
1373
|
} : {
|
|
1331
1374
|
name: "subtitle",
|
|
1332
|
-
fn:
|
|
1333
|
-
|
|
1334
|
-
|
|
1375
|
+
fn: i(() => [
|
|
1376
|
+
_("div", { class: "d-flex align-center" }, [
|
|
1377
|
+
o(Oe, {
|
|
1335
1378
|
height: "16",
|
|
1336
1379
|
type: "ossein",
|
|
1337
1380
|
width: "40"
|
|
1338
1381
|
}),
|
|
1339
|
-
|
|
1340
|
-
|
|
1382
|
+
_("span", { class: "mx-1" }, "—"),
|
|
1383
|
+
o(Oe, {
|
|
1341
1384
|
height: "16",
|
|
1342
1385
|
type: "ossein",
|
|
1343
1386
|
width: "80"
|
|
@@ -1347,15 +1390,15 @@ const Ge = K("settings", () => {
|
|
|
1347
1390
|
key: "1"
|
|
1348
1391
|
}
|
|
1349
1392
|
]), 1024),
|
|
1350
|
-
|
|
1351
|
-
|
|
1352
|
-
((
|
|
1393
|
+
_("div", Co, [
|
|
1394
|
+
_("div", null, [
|
|
1395
|
+
((g = e(s).info) == null ? void 0 : g.status) === "active" ? (d(), w(N, { key: 0 }, [
|
|
1353
1396
|
j(" Your plan renews on "),
|
|
1354
|
-
|
|
1397
|
+
_("span", Lo, C(e(a).format(r.value, "fullDateWithWeekday")), 1),
|
|
1355
1398
|
j(". ")
|
|
1356
|
-
], 64)) : (d(), w(
|
|
1399
|
+
], 64)) : (d(), w(N, { key: 1 }, [
|
|
1357
1400
|
j(" Your plan ends on "),
|
|
1358
|
-
|
|
1401
|
+
_("span", Io, C(e(a).format((I = e(s).info) == null ? void 0 : I.currentPeriodEnd, "fullDateWithWeekday")), 1),
|
|
1359
1402
|
j(". ")
|
|
1360
1403
|
], 64))
|
|
1361
1404
|
])
|
|
@@ -1369,87 +1412,87 @@ const Ge = K("settings", () => {
|
|
|
1369
1412
|
});
|
|
1370
1413
|
};
|
|
1371
1414
|
}
|
|
1372
|
-
}),
|
|
1415
|
+
}), Do = /* @__PURE__ */ _("div", { class: "mb-3 text-caption text-medium-emphasis" }, " The Vuetify One subscription comes with the following perks: ", -1), Uo = ["innerHTML"], Fo = /* @__PURE__ */ _("br", null, null, -1), No = /* @__PURE__ */ _("div", { class: "mb-3 text-caption text-medium-emphasis" }, " The following features are in development and coming soon: ", -1), jo = ["innerHTML"], Oo = /* @__PURE__ */ V({
|
|
1373
1416
|
__name: "VoSubscriptionPerks",
|
|
1374
1417
|
setup(u) {
|
|
1375
|
-
const
|
|
1418
|
+
const t = [
|
|
1376
1419
|
"Ad Free Experience on all Vuetify properties",
|
|
1377
1420
|
'Save and share code snippets with <a href="https://vbin.io/" target="_blank">VBin</a>',
|
|
1378
1421
|
'Pinned Navigation Items and Rail drawer in <a href="https://vuetifyjs.com/" target="_blank">Documentation</a>',
|
|
1379
1422
|
"Customize Navigation components with Page Suits",
|
|
1380
1423
|
"Custom Vuetify One menu avatar"
|
|
1381
|
-
],
|
|
1424
|
+
], a = [
|
|
1382
1425
|
'Special role in the <a href="https://discord.vuetifyjs.com/" target="_blank">Vuetify Discord</a>',
|
|
1383
1426
|
'Save and share your playgrounds with <a href="https://play.vuetifyjs.com" target="_blank">Vuetify Play</a>',
|
|
1384
1427
|
"Receive a special label on GitHub created issues and pull requests"
|
|
1385
|
-
],
|
|
1386
|
-
return W(
|
|
1387
|
-
|
|
1388
|
-
}), (
|
|
1389
|
-
const
|
|
1390
|
-
return d(), w(
|
|
1391
|
-
|
|
1392
|
-
default:
|
|
1428
|
+
], s = F(!1), n = J();
|
|
1429
|
+
return W(s, async (r) => {
|
|
1430
|
+
r && n.subscriptionInfo();
|
|
1431
|
+
}), (r, c) => {
|
|
1432
|
+
const l = Y;
|
|
1433
|
+
return d(), w(N, null, [
|
|
1434
|
+
o(Se, { class: "font-weight-black" }, {
|
|
1435
|
+
default: i(() => [
|
|
1393
1436
|
j("Perks")
|
|
1394
1437
|
]),
|
|
1395
1438
|
_: 1
|
|
1396
1439
|
}),
|
|
1397
|
-
|
|
1398
|
-
|
|
1440
|
+
Do,
|
|
1441
|
+
o(se, {
|
|
1399
1442
|
lines: !1,
|
|
1400
1443
|
class: "py-0",
|
|
1401
1444
|
density: "compact",
|
|
1402
1445
|
nav: ""
|
|
1403
1446
|
}, {
|
|
1404
|
-
default:
|
|
1405
|
-
(d(), w(
|
|
1447
|
+
default: i(() => [
|
|
1448
|
+
(d(), w(N, null, oe(t, (h, p) => o(l, {
|
|
1406
1449
|
key: p,
|
|
1407
|
-
"prepend-icon": `svg:${
|
|
1450
|
+
"prepend-icon": `svg:${e(te)}`,
|
|
1408
1451
|
class: "mb-0"
|
|
1409
1452
|
}, {
|
|
1410
|
-
prepend:
|
|
1411
|
-
|
|
1453
|
+
prepend: i(() => [
|
|
1454
|
+
o(U, {
|
|
1412
1455
|
class: "mx-n2",
|
|
1413
1456
|
color: "success",
|
|
1414
1457
|
size: "small"
|
|
1415
1458
|
})
|
|
1416
1459
|
]),
|
|
1417
|
-
title:
|
|
1418
|
-
|
|
1460
|
+
title: i(() => [
|
|
1461
|
+
_("div", { innerHTML: h }, null, 8, Uo)
|
|
1419
1462
|
]),
|
|
1420
1463
|
_: 2
|
|
1421
1464
|
}, 1032, ["prepend-icon"])), 64))
|
|
1422
1465
|
]),
|
|
1423
1466
|
_: 1
|
|
1424
1467
|
}),
|
|
1425
|
-
|
|
1426
|
-
|
|
1427
|
-
default:
|
|
1468
|
+
Fo,
|
|
1469
|
+
o(Se, { class: "font-weight-black" }, {
|
|
1470
|
+
default: i(() => [
|
|
1428
1471
|
j("Up Next")
|
|
1429
1472
|
]),
|
|
1430
1473
|
_: 1
|
|
1431
1474
|
}),
|
|
1432
|
-
|
|
1433
|
-
|
|
1475
|
+
No,
|
|
1476
|
+
o(se, {
|
|
1434
1477
|
lines: !1,
|
|
1435
1478
|
class: "py-0",
|
|
1436
1479
|
density: "compact",
|
|
1437
1480
|
nav: ""
|
|
1438
1481
|
}, {
|
|
1439
|
-
default:
|
|
1440
|
-
(d(), w(
|
|
1482
|
+
default: i(() => [
|
|
1483
|
+
(d(), w(N, null, oe(a, (h, p) => o(l, {
|
|
1441
1484
|
key: p,
|
|
1442
|
-
"prepend-icon": `svg:${
|
|
1485
|
+
"prepend-icon": `svg:${e(yt)}`,
|
|
1443
1486
|
class: "mb-0"
|
|
1444
1487
|
}, {
|
|
1445
|
-
prepend:
|
|
1446
|
-
|
|
1488
|
+
prepend: i(() => [
|
|
1489
|
+
o(U, {
|
|
1447
1490
|
class: "mx-n2",
|
|
1448
1491
|
size: "small"
|
|
1449
1492
|
})
|
|
1450
1493
|
]),
|
|
1451
|
-
title:
|
|
1452
|
-
|
|
1494
|
+
title: i(() => [
|
|
1495
|
+
_("div", { innerHTML: h }, null, 8, jo)
|
|
1453
1496
|
]),
|
|
1454
1497
|
_: 2
|
|
1455
1498
|
}, 1032, ["prepend-icon"])), 64))
|
|
@@ -1459,7 +1502,7 @@ const Ge = K("settings", () => {
|
|
|
1459
1502
|
], 64);
|
|
1460
1503
|
};
|
|
1461
1504
|
}
|
|
1462
|
-
}),
|
|
1505
|
+
}), Bo = /* @__PURE__ */ V({
|
|
1463
1506
|
__name: "VoSubscriptionSubscribe",
|
|
1464
1507
|
props: {
|
|
1465
1508
|
modelValue: {
|
|
@@ -1469,37 +1512,37 @@ const Ge = K("settings", () => {
|
|
|
1469
1512
|
},
|
|
1470
1513
|
emits: ["update:modelValue"],
|
|
1471
1514
|
setup(u) {
|
|
1472
|
-
const
|
|
1473
|
-
return W(
|
|
1474
|
-
|
|
1475
|
-
}), W(() =>
|
|
1476
|
-
|
|
1477
|
-
}, { immediate: !0 }), (
|
|
1478
|
-
modelValue:
|
|
1479
|
-
"onUpdate:modelValue":
|
|
1515
|
+
const t = F(!1), a = me(u, "modelValue"), s = J();
|
|
1516
|
+
return W(t, async (n) => {
|
|
1517
|
+
n && s.subscriptionInfo();
|
|
1518
|
+
}), W(() => s.interval, (n) => {
|
|
1519
|
+
a.value = n;
|
|
1520
|
+
}, { immediate: !0 }), (n, r) => (d(), v(qe, {
|
|
1521
|
+
modelValue: a.value,
|
|
1522
|
+
"onUpdate:modelValue": r[0] || (r[0] = (c) => a.value = c)
|
|
1480
1523
|
}, {
|
|
1481
|
-
default:
|
|
1482
|
-
|
|
1483
|
-
default:
|
|
1484
|
-
|
|
1524
|
+
default: i(() => [
|
|
1525
|
+
o(he, null, {
|
|
1526
|
+
default: i(() => [
|
|
1527
|
+
o(ae, {
|
|
1485
1528
|
cols: "12",
|
|
1486
1529
|
md: "6"
|
|
1487
1530
|
}, {
|
|
1488
|
-
default:
|
|
1489
|
-
|
|
1490
|
-
default:
|
|
1491
|
-
|
|
1492
|
-
border:
|
|
1493
|
-
color:
|
|
1494
|
-
"prepend-icon":
|
|
1495
|
-
variant:
|
|
1531
|
+
default: i(() => [
|
|
1532
|
+
o(Ce, { value: "month" }, {
|
|
1533
|
+
default: i(({ toggle: c, isSelected: l }) => [
|
|
1534
|
+
o(R, {
|
|
1535
|
+
border: l ? "sm primary opacity-100" : "sm",
|
|
1536
|
+
color: l ? "primary" : void 0,
|
|
1537
|
+
"prepend-icon": l ? `svg:${e(ie)}` : "$radioOff",
|
|
1538
|
+
variant: l ? "tonal" : "text",
|
|
1496
1539
|
rounded: "lg",
|
|
1497
1540
|
subtitle: "$2.99/month",
|
|
1498
1541
|
title: "Monthly",
|
|
1499
|
-
onClick:
|
|
1542
|
+
onClick: c
|
|
1500
1543
|
}, {
|
|
1501
|
-
prepend:
|
|
1502
|
-
|
|
1544
|
+
prepend: i(() => [
|
|
1545
|
+
o(U, { class: "mt-n6" })
|
|
1503
1546
|
]),
|
|
1504
1547
|
_: 2
|
|
1505
1548
|
}, 1032, ["border", "color", "prepend-icon", "variant", "onClick"])
|
|
@@ -1509,28 +1552,28 @@ const Ge = K("settings", () => {
|
|
|
1509
1552
|
]),
|
|
1510
1553
|
_: 1
|
|
1511
1554
|
}),
|
|
1512
|
-
|
|
1555
|
+
o(ae, {
|
|
1513
1556
|
cols: "12",
|
|
1514
1557
|
md: "6"
|
|
1515
1558
|
}, {
|
|
1516
|
-
default:
|
|
1517
|
-
|
|
1518
|
-
default:
|
|
1519
|
-
|
|
1520
|
-
border:
|
|
1521
|
-
color:
|
|
1522
|
-
"prepend-icon":
|
|
1523
|
-
variant:
|
|
1559
|
+
default: i(() => [
|
|
1560
|
+
o(Ce, { value: "year" }, {
|
|
1561
|
+
default: i(({ toggle: c, isSelected: l }) => [
|
|
1562
|
+
o(R, {
|
|
1563
|
+
border: l ? "sm primary opacity-100" : "sm",
|
|
1564
|
+
color: l ? "primary" : void 0,
|
|
1565
|
+
"prepend-icon": l ? `svg:${e(ie)}` : "$radioOff",
|
|
1566
|
+
variant: l ? "tonal" : "text",
|
|
1524
1567
|
rounded: "lg",
|
|
1525
1568
|
subtitle: "$29.99/year",
|
|
1526
1569
|
title: "Yearly",
|
|
1527
|
-
onClick:
|
|
1570
|
+
onClick: c
|
|
1528
1571
|
}, {
|
|
1529
|
-
prepend:
|
|
1530
|
-
|
|
1572
|
+
prepend: i(() => [
|
|
1573
|
+
o(U, { class: "mt-n6" })
|
|
1531
1574
|
]),
|
|
1532
|
-
append:
|
|
1533
|
-
|
|
1575
|
+
append: i(() => [
|
|
1576
|
+
o(q, {
|
|
1534
1577
|
class: "mt-n6",
|
|
1535
1578
|
color: "success",
|
|
1536
1579
|
size: "small",
|
|
@@ -1553,7 +1596,7 @@ const Ge = K("settings", () => {
|
|
|
1553
1596
|
_: 1
|
|
1554
1597
|
}, 8, ["modelValue"]));
|
|
1555
1598
|
}
|
|
1556
|
-
}),
|
|
1599
|
+
}), zo = { class: "px-3 h-screen" }, To = /* @__PURE__ */ _("br", null, null, -1), Ro = { class: "flex-grow-1 px-4 pb-3 overflow-hidden" }, Ho = /* @__PURE__ */ V({
|
|
1557
1600
|
__name: "VoSubscriptionDialog",
|
|
1558
1601
|
props: {
|
|
1559
1602
|
modelValue: { type: Boolean },
|
|
@@ -1561,55 +1604,55 @@ const Ge = K("settings", () => {
|
|
|
1561
1604
|
},
|
|
1562
1605
|
emits: ["update:modelValue"],
|
|
1563
1606
|
setup(u) {
|
|
1564
|
-
function
|
|
1607
|
+
function t(h) {
|
|
1565
1608
|
return new Promise((p) => setTimeout(p, h));
|
|
1566
1609
|
}
|
|
1567
|
-
const
|
|
1568
|
-
W(
|
|
1569
|
-
!
|
|
1570
|
-
}), W(
|
|
1571
|
-
!h || !
|
|
1572
|
-
}),
|
|
1573
|
-
|
|
1610
|
+
const a = me(u, "modelValue"), s = J(), n = F(s.interval), r = F(s.hasBilling ? "status" : "subscribe"), c = F(!1);
|
|
1611
|
+
W(n, (h) => {
|
|
1612
|
+
!s.isSubscriber || !s.interval || (c.value = h !== s.interval);
|
|
1613
|
+
}), W(a, async (h) => {
|
|
1614
|
+
!h || !s.isSubscriber || s.subscriptionInfo();
|
|
1615
|
+
}), Te(() => {
|
|
1616
|
+
s.sessionId && (r.value = "status", a.value = !0);
|
|
1574
1617
|
});
|
|
1575
|
-
async function
|
|
1576
|
-
await
|
|
1618
|
+
async function l() {
|
|
1619
|
+
await s.modify(n.value), await s.subscriptionInfo(), c.value = null, await t(3e3), r.value = "status", await t(300), c.value = !1;
|
|
1577
1620
|
}
|
|
1578
1621
|
return (h, p) => {
|
|
1579
|
-
const
|
|
1580
|
-
return d(),
|
|
1581
|
-
modelValue:
|
|
1582
|
-
"onUpdate:modelValue": p[4] || (p[4] = (
|
|
1583
|
-
"prepend-icon": `svg:${
|
|
1622
|
+
const g = ce, I = Bo, m = Oo, k = Ao, D = Vo, b = le, x = ye;
|
|
1623
|
+
return d(), v(x, {
|
|
1624
|
+
modelValue: a.value,
|
|
1625
|
+
"onUpdate:modelValue": p[4] || (p[4] = (A) => a.value = A),
|
|
1626
|
+
"prepend-icon": `svg:${e(Vt)}`,
|
|
1584
1627
|
title: "Subscriptions"
|
|
1585
1628
|
}, G({
|
|
1586
|
-
default:
|
|
1587
|
-
|
|
1588
|
-
|
|
1589
|
-
default:
|
|
1590
|
-
|
|
1629
|
+
default: i(() => [
|
|
1630
|
+
_("div", zo, [
|
|
1631
|
+
o(X, null, {
|
|
1632
|
+
default: i(() => [
|
|
1633
|
+
o(g, {
|
|
1591
1634
|
text: "The Vuetify One subscription is a great way to support the Vuetify team and get access to exclusive features and content.",
|
|
1592
1635
|
title: "Vuetify One"
|
|
1593
1636
|
}),
|
|
1594
|
-
|
|
1595
|
-
default:
|
|
1596
|
-
|
|
1597
|
-
default:
|
|
1598
|
-
|
|
1599
|
-
modelValue:
|
|
1600
|
-
"onUpdate:modelValue": p[0] || (p[0] = (
|
|
1637
|
+
o(Ye, { "model-value": r.value }, {
|
|
1638
|
+
default: i(() => [
|
|
1639
|
+
o(pe, { value: "subscribe" }, {
|
|
1640
|
+
default: i(() => [
|
|
1641
|
+
o(I, {
|
|
1642
|
+
modelValue: n.value,
|
|
1643
|
+
"onUpdate:modelValue": p[0] || (p[0] = (A) => n.value = A)
|
|
1601
1644
|
}, null, 8, ["modelValue"]),
|
|
1602
|
-
|
|
1603
|
-
|
|
1645
|
+
To,
|
|
1646
|
+
o(m)
|
|
1604
1647
|
]),
|
|
1605
1648
|
_: 1
|
|
1606
1649
|
}),
|
|
1607
|
-
|
|
1608
|
-
default:
|
|
1609
|
-
|
|
1610
|
-
"onChange:subscription": p[1] || (p[1] = (
|
|
1650
|
+
o(pe, { value: "status" }, {
|
|
1651
|
+
default: i(() => [
|
|
1652
|
+
o(k, {
|
|
1653
|
+
"onChange:subscription": p[1] || (p[1] = (A) => r.value = "subscribe")
|
|
1611
1654
|
}),
|
|
1612
|
-
|
|
1655
|
+
o(D)
|
|
1613
1656
|
]),
|
|
1614
1657
|
_: 1
|
|
1615
1658
|
})
|
|
@@ -1623,37 +1666,37 @@ const Ge = K("settings", () => {
|
|
|
1623
1666
|
]),
|
|
1624
1667
|
_: 2
|
|
1625
1668
|
}, [
|
|
1626
|
-
|
|
1669
|
+
r.value === "subscribe" ? {
|
|
1627
1670
|
name: "actions",
|
|
1628
|
-
fn:
|
|
1629
|
-
|
|
1630
|
-
|
|
1671
|
+
fn: i(() => [
|
|
1672
|
+
_("div", Ro, [
|
|
1673
|
+
c.value !== !1 ? (d(), v(b, {
|
|
1631
1674
|
key: 0,
|
|
1632
|
-
loading:
|
|
1633
|
-
"prepend-icon": `svg:${
|
|
1634
|
-
readonly:
|
|
1635
|
-
text:
|
|
1675
|
+
loading: e(s).isLoading,
|
|
1676
|
+
"prepend-icon": `svg:${c.value !== null ? e(kt) : e(ie)}`,
|
|
1677
|
+
readonly: c.value === null,
|
|
1678
|
+
text: c.value !== null ? "Modify Subscription" : "Success",
|
|
1636
1679
|
color: "success",
|
|
1637
1680
|
size: "default",
|
|
1638
1681
|
block: "",
|
|
1639
|
-
onClick:
|
|
1640
|
-
}, null, 8, ["loading", "prepend-icon", "readonly", "text"])) :
|
|
1682
|
+
onClick: l
|
|
1683
|
+
}, null, 8, ["loading", "prepend-icon", "readonly", "text"])) : e(s).isSubscriber ? (d(), v(b, {
|
|
1641
1684
|
key: 2,
|
|
1642
|
-
"prepend-icon": `svg:${t
|
|
1685
|
+
"prepend-icon": `svg:${e($t)}`,
|
|
1643
1686
|
size: "default",
|
|
1644
1687
|
text: "Manage Subscription",
|
|
1645
1688
|
block: "",
|
|
1646
|
-
onClick: p[3] || (p[3] = (
|
|
1647
|
-
}, null, 8, ["prepend-icon"])) : (d(),
|
|
1689
|
+
onClick: p[3] || (p[3] = (A) => r.value = "status")
|
|
1690
|
+
}, null, 8, ["prepend-icon"])) : (d(), v(b, {
|
|
1648
1691
|
key: 1,
|
|
1649
|
-
color:
|
|
1650
|
-
disabled: !
|
|
1651
|
-
loading:
|
|
1692
|
+
color: n.value ? "primary" : "disabled",
|
|
1693
|
+
disabled: !n.value,
|
|
1694
|
+
loading: e(s).isLoading,
|
|
1652
1695
|
"prepend-icon": "$vuetify",
|
|
1653
1696
|
size: "default",
|
|
1654
1697
|
text: "Activate Subscription",
|
|
1655
1698
|
block: "",
|
|
1656
|
-
onClick: p[2] || (p[2] = (
|
|
1699
|
+
onClick: p[2] || (p[2] = (A) => e(s).subscribe(n.value))
|
|
1657
1700
|
}, null, 8, ["color", "disabled", "loading"]))
|
|
1658
1701
|
])
|
|
1659
1702
|
]),
|
|
@@ -1662,122 +1705,122 @@ const Ge = K("settings", () => {
|
|
|
1662
1705
|
]), 1032, ["modelValue", "prepend-icon"]);
|
|
1663
1706
|
};
|
|
1664
1707
|
}
|
|
1665
|
-
}),
|
|
1708
|
+
}), Mo = /* @__PURE__ */ V({
|
|
1666
1709
|
__name: "VoSubscriptionListItem",
|
|
1667
1710
|
setup(u) {
|
|
1668
|
-
const
|
|
1669
|
-
return (
|
|
1670
|
-
const
|
|
1671
|
-
return d(),
|
|
1672
|
-
active:
|
|
1673
|
-
"prepend-icon": `svg:${
|
|
1711
|
+
const t = F(!1);
|
|
1712
|
+
return (a, s) => {
|
|
1713
|
+
const n = Ho, r = Y;
|
|
1714
|
+
return d(), v(r, {
|
|
1715
|
+
active: t.value,
|
|
1716
|
+
"prepend-icon": `svg:${e(xt)}`,
|
|
1674
1717
|
title: "Subscriptions",
|
|
1675
1718
|
link: ""
|
|
1676
1719
|
}, {
|
|
1677
|
-
default:
|
|
1678
|
-
|
|
1679
|
-
modelValue:
|
|
1680
|
-
"onUpdate:modelValue":
|
|
1720
|
+
default: i(() => [
|
|
1721
|
+
o(n, {
|
|
1722
|
+
modelValue: t.value,
|
|
1723
|
+
"onUpdate:modelValue": s[0] || (s[0] = (c) => t.value = c)
|
|
1681
1724
|
}, null, 8, ["modelValue"])
|
|
1682
1725
|
]),
|
|
1683
1726
|
_: 1
|
|
1684
1727
|
}, 8, ["active", "prepend-icon"]);
|
|
1685
1728
|
};
|
|
1686
1729
|
}
|
|
1687
|
-
}),
|
|
1730
|
+
}), Po = { class: "px-3 pb-5 d-flex flex-column" }, Eo = { class: "ps-16" }, Wo = { class: "text-caption text-end" }, Go = { class: "font-weight-bold" }, qo = { class: "ps-16" }, Yo = { class: "text-caption text-end" }, Jo = { class: "font-weight-bold" }, Qo = { class: "ps-16" }, Xo = { class: "text-caption text-end" }, Zo = { class: "font-weight-bold" }, Ko = { class: "py-4" }, es = /* @__PURE__ */ _("div", { class: "text-caption text-medium-emphasis" }, [
|
|
1688
1731
|
/* @__PURE__ */ j(" A total of $2.99 or more unlocks "),
|
|
1689
|
-
/* @__PURE__ */
|
|
1732
|
+
/* @__PURE__ */ _("span", { class: "font-weight-black" }, "all"),
|
|
1690
1733
|
/* @__PURE__ */ j(" Vuetify One benefits ")
|
|
1691
|
-
], -1),
|
|
1734
|
+
], -1), ts = /* @__PURE__ */ V({
|
|
1692
1735
|
__name: "VoSponsorshipsDialog",
|
|
1693
1736
|
setup(u) {
|
|
1694
|
-
const
|
|
1695
|
-
function
|
|
1696
|
-
return
|
|
1737
|
+
const t = _e(), a = ve(), s = z(), n = J(), r = Qe();
|
|
1738
|
+
function c(l) {
|
|
1739
|
+
return t.format(l, "fullDateWithWeekday");
|
|
1697
1740
|
}
|
|
1698
|
-
return (l,
|
|
1699
|
-
const
|
|
1700
|
-
return d(),
|
|
1701
|
-
"
|
|
1702
|
-
"
|
|
1741
|
+
return (l, h) => {
|
|
1742
|
+
const p = ce, g = le, I = Re("v-empty-state"), m = ye;
|
|
1743
|
+
return d(), v(m, {
|
|
1744
|
+
"max-height": e(a).xs.value ? void 0 : 820,
|
|
1745
|
+
"prepend-icon": `svg:${e(wt)}`,
|
|
1703
1746
|
title: "Sponsorships"
|
|
1704
1747
|
}, {
|
|
1705
|
-
default:
|
|
1706
|
-
|
|
1707
|
-
default:
|
|
1708
|
-
|
|
1709
|
-
default:
|
|
1710
|
-
|
|
1711
|
-
|
|
1712
|
-
default:
|
|
1713
|
-
|
|
1748
|
+
default: i(() => [
|
|
1749
|
+
o(Fe, null, {
|
|
1750
|
+
default: i(() => [
|
|
1751
|
+
o(Ne, { scrollable: "" }, {
|
|
1752
|
+
default: i(() => [
|
|
1753
|
+
_("div", Po, [
|
|
1754
|
+
o(X, null, {
|
|
1755
|
+
default: i(() => [
|
|
1756
|
+
o(p, {
|
|
1714
1757
|
text: "Support Vuetify through GitHub Sponsors, Discord, or Patreon to unlock exclusive benefits and content.",
|
|
1715
1758
|
title: "Support Vuetify"
|
|
1716
1759
|
}),
|
|
1717
|
-
|
|
1760
|
+
o(Qt, {
|
|
1718
1761
|
class: "justify-start ms-n7",
|
|
1719
1762
|
"line-inset": "12",
|
|
1720
1763
|
side: "end",
|
|
1721
1764
|
style: { "grid-template-columns": "auto auto 1fr" },
|
|
1722
1765
|
"truncate-line": "both"
|
|
1723
1766
|
}, {
|
|
1724
|
-
default:
|
|
1725
|
-
var
|
|
1767
|
+
default: i(() => {
|
|
1768
|
+
var k, D, b, x, A, O;
|
|
1726
1769
|
return [
|
|
1727
|
-
|
|
1728
|
-
"dot-color": (
|
|
1729
|
-
icon: (
|
|
1770
|
+
o(xe, {
|
|
1771
|
+
"dot-color": (k = e(n).github) != null && k.isActive ? "success" : "transparent",
|
|
1772
|
+
icon: (D = e(n).github) != null && D.isActive ? `svg:${e(te)}` : void 0,
|
|
1730
1773
|
size: "x-small",
|
|
1731
1774
|
width: "100%"
|
|
1732
1775
|
}, {
|
|
1733
|
-
default:
|
|
1734
|
-
|
|
1735
|
-
"prepend-avatar":
|
|
1776
|
+
default: i(() => [
|
|
1777
|
+
o(R, {
|
|
1778
|
+
"prepend-avatar": e(r).CDN_URL + "/logos/github.png",
|
|
1736
1779
|
rounded: "lg",
|
|
1737
1780
|
subtitle: "Support Vuetify through GitHub sponsors.",
|
|
1738
1781
|
title: "GitHub Sponsors",
|
|
1739
1782
|
variant: "text",
|
|
1740
1783
|
border: ""
|
|
1741
1784
|
}, {
|
|
1742
|
-
append:
|
|
1743
|
-
var
|
|
1785
|
+
append: i(() => {
|
|
1786
|
+
var S, E, P, T, f, y;
|
|
1744
1787
|
return [
|
|
1745
|
-
|
|
1746
|
-
|
|
1747
|
-
color: (
|
|
1748
|
-
href: (
|
|
1749
|
-
"prepend-icon": `svg:${(P =
|
|
1750
|
-
readonly: (
|
|
1751
|
-
target: (
|
|
1752
|
-
text: (
|
|
1788
|
+
_("div", Eo, [
|
|
1789
|
+
o(g, {
|
|
1790
|
+
color: (S = e(n).github) != null && S.isActive ? "success" : "primary",
|
|
1791
|
+
href: (E = e(n).github) != null && E.isActive ? void 0 : "https://github.com/sponsors/johnleider",
|
|
1792
|
+
"prepend-icon": `svg:${(P = e(n).github) != null && P.isActive ? e(ie) : e(je)}`,
|
|
1793
|
+
readonly: (T = e(n).github) == null ? void 0 : T.isActive,
|
|
1794
|
+
target: (f = e(n).github) != null && f.isActive ? void 0 : "_blank",
|
|
1795
|
+
text: (y = e(n).github) != null && y.isActive ? "Active" : "Info",
|
|
1753
1796
|
width: "88"
|
|
1754
1797
|
}, null, 8, ["color", "href", "prepend-icon", "readonly", "target", "text"])
|
|
1755
1798
|
])
|
|
1756
1799
|
];
|
|
1757
1800
|
}),
|
|
1758
|
-
default:
|
|
1759
|
-
var
|
|
1801
|
+
default: i(() => {
|
|
1802
|
+
var S;
|
|
1760
1803
|
return [
|
|
1761
|
-
(
|
|
1762
|
-
|
|
1763
|
-
|
|
1764
|
-
default:
|
|
1765
|
-
|
|
1766
|
-
"prepend-icon": `svg:${
|
|
1767
|
-
text:
|
|
1804
|
+
(S = e(n).github) != null && S.isActive ? (d(), w(N, { key: 0 }, [
|
|
1805
|
+
o(H),
|
|
1806
|
+
o(X, { class: "d-flex justify-space-between align-center flex-wrap" }, {
|
|
1807
|
+
default: i(() => [
|
|
1808
|
+
o(q, {
|
|
1809
|
+
"prepend-icon": `svg:${e($e)}`,
|
|
1810
|
+
text: e(n).github.tierName,
|
|
1768
1811
|
color: "surface-variant",
|
|
1769
1812
|
size: "small",
|
|
1770
1813
|
variant: "text",
|
|
1771
1814
|
label: ""
|
|
1772
1815
|
}, null, 8, ["prepend-icon", "text"]),
|
|
1773
|
-
|
|
1816
|
+
_("div", Wo, [
|
|
1774
1817
|
j(" Sponsor since "),
|
|
1775
|
-
|
|
1818
|
+
_("span", Go, C(c(e(n).github.createdAt)), 1)
|
|
1776
1819
|
])
|
|
1777
1820
|
]),
|
|
1778
1821
|
_: 1
|
|
1779
1822
|
})
|
|
1780
|
-
], 64)) :
|
|
1823
|
+
], 64)) : $("", !0)
|
|
1781
1824
|
];
|
|
1782
1825
|
}),
|
|
1783
1826
|
_: 1
|
|
@@ -1785,60 +1828,60 @@ const Ge = K("settings", () => {
|
|
|
1785
1828
|
]),
|
|
1786
1829
|
_: 1
|
|
1787
1830
|
}, 8, ["dot-color", "icon"]),
|
|
1788
|
-
|
|
1789
|
-
"dot-color": (
|
|
1790
|
-
icon: (
|
|
1831
|
+
o(xe, {
|
|
1832
|
+
"dot-color": (b = e(n).discord) != null && b.isActive ? "success" : "transparent",
|
|
1833
|
+
icon: (x = e(n).discord) != null && x.isActive ? `svg:${e(te)}` : void 0,
|
|
1791
1834
|
size: "x-small",
|
|
1792
1835
|
width: "100%"
|
|
1793
1836
|
}, {
|
|
1794
|
-
default:
|
|
1795
|
-
|
|
1796
|
-
"prepend-avatar":
|
|
1837
|
+
default: i(() => [
|
|
1838
|
+
o(R, {
|
|
1839
|
+
"prepend-avatar": e(r).CDN_URL + "/logos/discord.png",
|
|
1797
1840
|
rounded: "lg",
|
|
1798
1841
|
subtitle: "Support Vuetify through Discord.",
|
|
1799
1842
|
title: "Discord Subscriber",
|
|
1800
1843
|
variant: "text",
|
|
1801
1844
|
border: ""
|
|
1802
1845
|
}, {
|
|
1803
|
-
append:
|
|
1804
|
-
var
|
|
1846
|
+
append: i(() => {
|
|
1847
|
+
var S, E, P, T, f, y;
|
|
1805
1848
|
return [
|
|
1806
|
-
|
|
1807
|
-
|
|
1808
|
-
color: (
|
|
1809
|
-
href: (
|
|
1810
|
-
"prepend-icon": `svg:${(P =
|
|
1811
|
-
readonly: (
|
|
1812
|
-
target: (
|
|
1813
|
-
text: (
|
|
1849
|
+
_("div", qo, [
|
|
1850
|
+
o(g, {
|
|
1851
|
+
color: (S = e(n).discord) != null && S.isActive ? "success" : "primary",
|
|
1852
|
+
href: (E = e(n).discord) != null && E.isActive ? void 0 : "https://discord.com/servers/vuetify-340160225338195969",
|
|
1853
|
+
"prepend-icon": `svg:${(P = e(n).discord) != null && P.isActive ? e(ie) : e(je)}`,
|
|
1854
|
+
readonly: (T = e(n).discord) == null ? void 0 : T.isActive,
|
|
1855
|
+
target: (f = e(n).discord) != null && f.isActive ? void 0 : "_blank",
|
|
1856
|
+
text: (y = e(n).discord) != null && y.isActive ? "Active" : "Info",
|
|
1814
1857
|
width: "88"
|
|
1815
1858
|
}, null, 8, ["color", "href", "prepend-icon", "readonly", "target", "text"])
|
|
1816
1859
|
])
|
|
1817
1860
|
];
|
|
1818
1861
|
}),
|
|
1819
|
-
default:
|
|
1820
|
-
var
|
|
1862
|
+
default: i(() => {
|
|
1863
|
+
var S;
|
|
1821
1864
|
return [
|
|
1822
|
-
(
|
|
1823
|
-
|
|
1824
|
-
|
|
1825
|
-
default:
|
|
1826
|
-
|
|
1827
|
-
"prepend-icon": `svg:${
|
|
1828
|
-
text:
|
|
1865
|
+
(S = e(n).discord) != null && S.isActive ? (d(), w(N, { key: 0 }, [
|
|
1866
|
+
o(H),
|
|
1867
|
+
o(X, { class: "d-flex justify-space-between align-center flex-wrap" }, {
|
|
1868
|
+
default: i(() => [
|
|
1869
|
+
o(q, {
|
|
1870
|
+
"prepend-icon": `svg:${e($e)}`,
|
|
1871
|
+
text: e(n).discord.tierName,
|
|
1829
1872
|
color: "surface-variant",
|
|
1830
1873
|
size: "small",
|
|
1831
1874
|
variant: "text",
|
|
1832
1875
|
label: ""
|
|
1833
1876
|
}, null, 8, ["prepend-icon", "text"]),
|
|
1834
|
-
|
|
1877
|
+
_("div", Yo, [
|
|
1835
1878
|
j(" Subscriber since "),
|
|
1836
|
-
|
|
1879
|
+
_("span", Jo, C(c(e(n).discord.createdAt)), 1)
|
|
1837
1880
|
])
|
|
1838
1881
|
]),
|
|
1839
1882
|
_: 1
|
|
1840
1883
|
})
|
|
1841
|
-
], 64)) :
|
|
1884
|
+
], 64)) : $("", !0)
|
|
1842
1885
|
];
|
|
1843
1886
|
}),
|
|
1844
1887
|
_: 1
|
|
@@ -1846,55 +1889,55 @@ const Ge = K("settings", () => {
|
|
|
1846
1889
|
]),
|
|
1847
1890
|
_: 1
|
|
1848
1891
|
}, 8, ["dot-color", "icon"]),
|
|
1849
|
-
|
|
1850
|
-
"dot-color": (
|
|
1851
|
-
icon: (
|
|
1892
|
+
o(xe, {
|
|
1893
|
+
"dot-color": (A = e(n).patreon) != null && A.isActive ? "success" : "transparent",
|
|
1894
|
+
icon: (O = e(n).patreon) != null && O.isActive ? `svg:${e(te)}` : void 0,
|
|
1852
1895
|
size: "x-small",
|
|
1853
1896
|
width: "100%"
|
|
1854
1897
|
}, {
|
|
1855
|
-
default:
|
|
1856
|
-
|
|
1857
|
-
"prepend-avatar":
|
|
1898
|
+
default: i(() => [
|
|
1899
|
+
o(R, {
|
|
1900
|
+
"prepend-avatar": e(r).CDN_URL + "/logos/patreon.png",
|
|
1858
1901
|
rounded: "lg",
|
|
1859
1902
|
subtitle: "Support Vuetify through Patreon.",
|
|
1860
1903
|
title: "Patreon Subscriber",
|
|
1861
1904
|
variant: "text",
|
|
1862
1905
|
border: ""
|
|
1863
1906
|
}, {
|
|
1864
|
-
append:
|
|
1865
|
-
var
|
|
1907
|
+
append: i(() => {
|
|
1908
|
+
var S;
|
|
1866
1909
|
return [
|
|
1867
|
-
|
|
1868
|
-
|
|
1869
|
-
text: (
|
|
1910
|
+
_("div", Qo, [
|
|
1911
|
+
o(g, {
|
|
1912
|
+
text: (S = e(n).patreon) != null && S.isActive ? "Active" : "Coming Soon",
|
|
1870
1913
|
color: "surface-variant",
|
|
1871
1914
|
readonly: ""
|
|
1872
1915
|
}, null, 8, ["text"])
|
|
1873
1916
|
])
|
|
1874
1917
|
];
|
|
1875
1918
|
}),
|
|
1876
|
-
default:
|
|
1877
|
-
var
|
|
1919
|
+
default: i(() => {
|
|
1920
|
+
var S;
|
|
1878
1921
|
return [
|
|
1879
|
-
(
|
|
1880
|
-
|
|
1881
|
-
|
|
1882
|
-
default:
|
|
1883
|
-
|
|
1884
|
-
"prepend-icon": `svg:${
|
|
1885
|
-
text:
|
|
1922
|
+
(S = e(n).patreon) != null && S.isActive ? (d(), w(N, { key: 0 }, [
|
|
1923
|
+
o(H),
|
|
1924
|
+
o(X, { class: "d-flex justify-space-between align-center flex-wrap" }, {
|
|
1925
|
+
default: i(() => [
|
|
1926
|
+
o(q, {
|
|
1927
|
+
"prepend-icon": `svg:${e($e)}`,
|
|
1928
|
+
text: e(n).patreon.tierName,
|
|
1886
1929
|
color: "success",
|
|
1887
1930
|
variant: "text",
|
|
1888
1931
|
label: ""
|
|
1889
1932
|
}, null, 8, ["prepend-icon", "text"]),
|
|
1890
|
-
|
|
1933
|
+
_("div", Xo, [
|
|
1891
1934
|
j(" Sponsor since "),
|
|
1892
|
-
|
|
1935
|
+
_("span", Zo, C(c(e(n).patreon.createdAt)), 1)
|
|
1893
1936
|
])
|
|
1894
1937
|
]),
|
|
1895
1938
|
_: 1
|
|
1896
1939
|
})
|
|
1897
|
-
], 64)) :
|
|
1940
|
+
], 64)) : $("", !0)
|
|
1898
1941
|
];
|
|
1899
1942
|
}),
|
|
1900
1943
|
_: 1
|
|
@@ -1909,27 +1952,27 @@ const Ge = K("settings", () => {
|
|
|
1909
1952
|
]),
|
|
1910
1953
|
_: 1
|
|
1911
1954
|
}),
|
|
1912
|
-
|
|
1913
|
-
icon: `svg:${
|
|
1955
|
+
o(I, {
|
|
1956
|
+
icon: `svg:${e(St)}`,
|
|
1914
1957
|
class: "mt-auto",
|
|
1915
1958
|
"min-height": "auto",
|
|
1916
1959
|
size: "64",
|
|
1917
1960
|
title: "Your Monthly Contributions"
|
|
1918
1961
|
}, {
|
|
1919
|
-
media:
|
|
1920
|
-
|
|
1962
|
+
media: i(() => [
|
|
1963
|
+
o(U, { color: "success" })
|
|
1921
1964
|
]),
|
|
1922
|
-
headline:
|
|
1923
|
-
|
|
1924
|
-
|
|
1925
|
-
j(" $" + C(parseFloat(String(
|
|
1926
|
-
], 64)) : (d(), w(
|
|
1965
|
+
headline: i(() => [
|
|
1966
|
+
_("div", Ko, [
|
|
1967
|
+
e(s).isSubscriber ? (d(), w(N, { key: 0 }, [
|
|
1968
|
+
j(" $" + C(parseFloat(String(e(n).monthlyTotal)).toFixed(2)), 1)
|
|
1969
|
+
], 64)) : (d(), w(N, { key: 1 }, [
|
|
1927
1970
|
j(" $0.00 ")
|
|
1928
1971
|
], 64))
|
|
1929
1972
|
])
|
|
1930
1973
|
]),
|
|
1931
|
-
text:
|
|
1932
|
-
|
|
1974
|
+
text: i(() => [
|
|
1975
|
+
es
|
|
1933
1976
|
]),
|
|
1934
1977
|
_: 1
|
|
1935
1978
|
}, 8, ["icon"])
|
|
@@ -1942,88 +1985,88 @@ const Ge = K("settings", () => {
|
|
|
1942
1985
|
})
|
|
1943
1986
|
]),
|
|
1944
1987
|
_: 1
|
|
1945
|
-
}, 8, ["prepend-icon"]);
|
|
1988
|
+
}, 8, ["max-height", "prepend-icon"]);
|
|
1946
1989
|
};
|
|
1947
1990
|
}
|
|
1948
|
-
}),
|
|
1991
|
+
}), os = /* @__PURE__ */ V({
|
|
1949
1992
|
__name: "VoSponsorshipsListItem",
|
|
1950
1993
|
setup(u) {
|
|
1951
|
-
const
|
|
1952
|
-
return (
|
|
1953
|
-
const
|
|
1954
|
-
return d(),
|
|
1955
|
-
active:
|
|
1956
|
-
"prepend-icon": `svg:${
|
|
1994
|
+
const t = F(!1);
|
|
1995
|
+
return (a, s) => {
|
|
1996
|
+
const n = ts, r = Y;
|
|
1997
|
+
return d(), v(r, {
|
|
1998
|
+
active: t.value,
|
|
1999
|
+
"prepend-icon": `svg:${e(Ct)}`,
|
|
1957
2000
|
title: "Sponsorships",
|
|
1958
2001
|
link: ""
|
|
1959
2002
|
}, {
|
|
1960
|
-
default:
|
|
1961
|
-
|
|
1962
|
-
modelValue:
|
|
1963
|
-
"onUpdate:modelValue":
|
|
2003
|
+
default: i(() => [
|
|
2004
|
+
o(n, {
|
|
2005
|
+
modelValue: t.value,
|
|
2006
|
+
"onUpdate:modelValue": s[0] || (s[0] = (c) => t.value = c)
|
|
1964
2007
|
}, null, 8, ["modelValue"])
|
|
1965
2008
|
]),
|
|
1966
2009
|
_: 1
|
|
1967
2010
|
}, 8, ["active", "prepend-icon"]);
|
|
1968
2011
|
};
|
|
1969
2012
|
}
|
|
1970
|
-
}),
|
|
2013
|
+
}), ss = {
|
|
1971
2014
|
key: 0,
|
|
1972
2015
|
class: "pt-16"
|
|
1973
|
-
},
|
|
2016
|
+
}, ns = /* @__PURE__ */ _("div", { class: "text-medium-emphasis" }, " All caught up ", -1), is = { class: "ps-3 text-subtitle-2 pe-2" }, as = { class: "text-truncate" }, rs = { class: "text-caption font-weight-bold text-medium-emphasis" }, ls = { class: "text-disabled text-caption my-2" }, cs = /* @__PURE__ */ V({
|
|
1974
2017
|
__name: "VoNotificationsList",
|
|
1975
2018
|
props: {
|
|
1976
2019
|
items: {}
|
|
1977
2020
|
},
|
|
1978
2021
|
setup(u) {
|
|
1979
|
-
const
|
|
1980
|
-
function
|
|
1981
|
-
return
|
|
2022
|
+
const t = M(), a = _e();
|
|
2023
|
+
function s(r) {
|
|
2024
|
+
return t.notifications.read.includes(r);
|
|
1982
2025
|
}
|
|
1983
|
-
function r
|
|
1984
|
-
|
|
2026
|
+
function n(r) {
|
|
2027
|
+
s(r.slug) ? t.notifications.read = t.notifications.read.filter((c) => c !== r.slug) : t.notifications.read.push(r.slug);
|
|
1985
2028
|
}
|
|
1986
|
-
return (
|
|
1987
|
-
const
|
|
1988
|
-
return d(),
|
|
2029
|
+
return (r, c) => {
|
|
2030
|
+
const l = Re("v-empty-state"), h = Y;
|
|
2031
|
+
return d(), v(se, {
|
|
1989
2032
|
class: "py-0",
|
|
1990
2033
|
height: "100%",
|
|
1991
2034
|
lines: "three"
|
|
1992
2035
|
}, {
|
|
1993
|
-
default:
|
|
1994
|
-
|
|
2036
|
+
default: i(() => [
|
|
2037
|
+
r.items.length ? (d(!0), w(N, { key: 1 }, oe(r.items, (p, g) => (d(), v(Ge, {
|
|
1995
2038
|
key: p.slug
|
|
1996
2039
|
}, {
|
|
1997
|
-
default:
|
|
1998
|
-
|
|
1999
|
-
border:
|
|
2040
|
+
default: i(({ isHovering: I, props: m }) => [
|
|
2041
|
+
o(h, Q(m, {
|
|
2042
|
+
border: g !== 0 && "t",
|
|
2000
2043
|
class: "py-4 mb-0"
|
|
2001
2044
|
}), {
|
|
2002
|
-
prepend:
|
|
2003
|
-
|
|
2045
|
+
prepend: i(() => [
|
|
2046
|
+
_("div", is, C(p.metadata.emoji), 1)
|
|
2004
2047
|
]),
|
|
2005
|
-
append:
|
|
2006
|
-
|
|
2048
|
+
append: i(() => [
|
|
2049
|
+
o(Xt, {
|
|
2007
2050
|
class: "mt-n3",
|
|
2008
2051
|
width: "56"
|
|
2009
2052
|
}, {
|
|
2010
|
-
default:
|
|
2011
|
-
|
|
2012
|
-
text:
|
|
2053
|
+
default: i(() => [
|
|
2054
|
+
o(ne, {
|
|
2055
|
+
text: s(p.slug) ? "Mark as unread" : "Mark as read",
|
|
2013
2056
|
location: "bottom"
|
|
2014
2057
|
}, {
|
|
2015
|
-
activator:
|
|
2016
|
-
|
|
2017
|
-
default:
|
|
2018
|
-
|
|
2019
|
-
icon: `svg:${
|
|
2058
|
+
activator: i(({ props: k }) => [
|
|
2059
|
+
o(De, { "hide-on-leave": "" }, {
|
|
2060
|
+
default: i(() => [
|
|
2061
|
+
Le(o(Z, Q(k, {
|
|
2062
|
+
icon: `svg:${s(p.slug) ? e(It) : e(Lt)}`,
|
|
2020
2063
|
class: "ms-auto",
|
|
2021
2064
|
size: "small",
|
|
2022
2065
|
variant: "text",
|
|
2023
2066
|
"mdi-email-variant": "",
|
|
2024
|
-
onClick: (D) =>
|
|
2067
|
+
onClick: (D) => n(p)
|
|
2025
2068
|
}), null, 16, ["icon", "onClick"]), [
|
|
2026
|
-
[
|
|
2069
|
+
[He, I]
|
|
2027
2070
|
])
|
|
2028
2071
|
]),
|
|
2029
2072
|
_: 2
|
|
@@ -2035,17 +2078,17 @@ const Ge = K("settings", () => {
|
|
|
2035
2078
|
_: 2
|
|
2036
2079
|
}, 1024)
|
|
2037
2080
|
]),
|
|
2038
|
-
default:
|
|
2039
|
-
|
|
2040
|
-
default:
|
|
2041
|
-
|
|
2081
|
+
default: i(() => [
|
|
2082
|
+
o(Pt, { class: "text-wrap text-h6 mb-1" }, {
|
|
2083
|
+
default: i(() => [
|
|
2084
|
+
_("div", as, C(p.title), 1)
|
|
2042
2085
|
]),
|
|
2043
2086
|
_: 2
|
|
2044
2087
|
}, 1024),
|
|
2045
|
-
|
|
2046
|
-
|
|
2047
|
-
|
|
2048
|
-
"append-icon": `svg:${
|
|
2088
|
+
_("div", rs, C(e(a).format(p.created_at, "fullDateWithWeekday")), 1),
|
|
2089
|
+
_("div", ls, C(p.metadata.text), 1),
|
|
2090
|
+
o(q, {
|
|
2091
|
+
"append-icon": `svg:${e(At)}`,
|
|
2049
2092
|
href: p.metadata.action,
|
|
2050
2093
|
text: p.metadata.action_text,
|
|
2051
2094
|
size: "small",
|
|
@@ -2053,10 +2096,10 @@ const Ge = K("settings", () => {
|
|
|
2053
2096
|
variant: "text",
|
|
2054
2097
|
border: "",
|
|
2055
2098
|
label: "",
|
|
2056
|
-
onClick: (
|
|
2099
|
+
onClick: (k) => n(p)
|
|
2057
2100
|
}, {
|
|
2058
|
-
append:
|
|
2059
|
-
|
|
2101
|
+
append: i(() => [
|
|
2102
|
+
o(U, { size: "12" })
|
|
2060
2103
|
]),
|
|
2061
2104
|
_: 2
|
|
2062
2105
|
}, 1032, ["append-icon", "href", "text", "onClick"])
|
|
@@ -2065,16 +2108,16 @@ const Ge = K("settings", () => {
|
|
|
2065
2108
|
}, 1040, ["border"])
|
|
2066
2109
|
]),
|
|
2067
2110
|
_: 2
|
|
2068
|
-
}, 1024))), 128)) : (d(), w("div",
|
|
2069
|
-
|
|
2111
|
+
}, 1024))), 128)) : (d(), w("div", ss, [
|
|
2112
|
+
o(l, {
|
|
2070
2113
|
icon: "$vuetify",
|
|
2071
2114
|
size: "256"
|
|
2072
2115
|
}, {
|
|
2073
|
-
media:
|
|
2074
|
-
|
|
2116
|
+
media: i(() => [
|
|
2117
|
+
o(U, { color: "medium-emphasis" })
|
|
2075
2118
|
]),
|
|
2076
|
-
title:
|
|
2077
|
-
|
|
2119
|
+
title: i(() => [
|
|
2120
|
+
ns
|
|
2078
2121
|
]),
|
|
2079
2122
|
_: 1
|
|
2080
2123
|
})
|
|
@@ -2084,71 +2127,51 @@ const Ge = K("settings", () => {
|
|
|
2084
2127
|
});
|
|
2085
2128
|
};
|
|
2086
2129
|
}
|
|
2087
|
-
}),
|
|
2088
|
-
const u = _e(), o = H(), i = Z([]), e = U(!1), r = A(() => i.value.filter((c) => !o.notifications.read.includes(c.slug))), a = A(() => i.value.filter((c) => o.notifications.read.includes(c.slug)));
|
|
2089
|
-
async function l() {
|
|
2090
|
-
try {
|
|
2091
|
-
e.value = !0;
|
|
2092
|
-
const c = await u.get("/one/notifications");
|
|
2093
|
-
i.value = c.notifications;
|
|
2094
|
-
} catch {
|
|
2095
|
-
} finally {
|
|
2096
|
-
e.value = !1;
|
|
2097
|
-
}
|
|
2098
|
-
return i.value;
|
|
2099
|
-
}
|
|
2100
|
-
return {
|
|
2101
|
-
isLoading: e,
|
|
2102
|
-
all: i,
|
|
2103
|
-
get: l,
|
|
2104
|
-
read: a,
|
|
2105
|
-
unread: r
|
|
2106
|
-
};
|
|
2107
|
-
}), cs = { class: "text-caption" }, us = /* @__PURE__ */ b({
|
|
2130
|
+
}), us = { class: "text-caption" }, ds = /* @__PURE__ */ V({
|
|
2108
2131
|
__name: "VoNotificationsDialog",
|
|
2109
2132
|
setup(u) {
|
|
2110
|
-
const
|
|
2111
|
-
return (
|
|
2112
|
-
const
|
|
2113
|
-
return d(),
|
|
2114
|
-
modelValue:
|
|
2115
|
-
"onUpdate:modelValue":
|
|
2116
|
-
"prepend-icon": `svg:${
|
|
2133
|
+
const t = be(), a = ve(), s = F(["0"]), n = F(!1);
|
|
2134
|
+
return (r, c) => {
|
|
2135
|
+
const l = Y, h = cs, p = ye;
|
|
2136
|
+
return d(), v(p, {
|
|
2137
|
+
modelValue: n.value,
|
|
2138
|
+
"onUpdate:modelValue": c[2] || (c[2] = (g) => n.value = g),
|
|
2139
|
+
"prepend-icon": `svg:${e(Dt)}`,
|
|
2117
2140
|
title: "Notifications"
|
|
2118
2141
|
}, {
|
|
2119
|
-
default:
|
|
2120
|
-
|
|
2121
|
-
default:
|
|
2122
|
-
|
|
2123
|
-
location:
|
|
2124
|
-
width:
|
|
2142
|
+
default: i(() => [
|
|
2143
|
+
o(Fe, null, {
|
|
2144
|
+
default: i(() => [
|
|
2145
|
+
o(Zt, {
|
|
2146
|
+
location: e(a).mobile.value ? "top" : "start",
|
|
2147
|
+
width: e(a).mobile.value ? 128 : 168,
|
|
2125
2148
|
permanent: ""
|
|
2126
2149
|
}, {
|
|
2127
|
-
default:
|
|
2128
|
-
|
|
2129
|
-
selected:
|
|
2130
|
-
"onUpdate:selected":
|
|
2150
|
+
default: i(() => [
|
|
2151
|
+
o(se, {
|
|
2152
|
+
selected: s.value,
|
|
2153
|
+
"onUpdate:selected": c[0] || (c[0] = (g) => s.value = g),
|
|
2131
2154
|
class: "px-4 pt-4",
|
|
2132
2155
|
density: "compact",
|
|
2133
2156
|
mandatory: "",
|
|
2134
2157
|
nav: ""
|
|
2135
2158
|
}, {
|
|
2136
|
-
default:
|
|
2137
|
-
|
|
2138
|
-
"prepend-icon": `svg:${
|
|
2159
|
+
default: i(() => [
|
|
2160
|
+
o(l, {
|
|
2161
|
+
"prepend-icon": `svg:${e(Ut)}`,
|
|
2139
2162
|
title: "Unread",
|
|
2140
2163
|
value: "0"
|
|
2141
2164
|
}, G({ _: 2 }, [
|
|
2142
|
-
t
|
|
2165
|
+
e(t).unread.length > 0 ? {
|
|
2143
2166
|
name: "append",
|
|
2144
|
-
fn:
|
|
2145
|
-
|
|
2167
|
+
fn: i(() => [
|
|
2168
|
+
_("span", us, C(e(t).unread.length), 1)
|
|
2146
2169
|
]),
|
|
2147
2170
|
key: "0"
|
|
2148
2171
|
} : void 0
|
|
2149
2172
|
]), 1032, ["prepend-icon"]),
|
|
2150
|
-
|
|
2151
|
-
"prepend-icon": `svg:${
|
|
2173
|
+
o(l, {
|
|
2174
|
+
"prepend-icon": `svg:${e(Ft)}`,
|
|
2152
2175
|
title: "Read",
|
|
2153
2176
|
value: "1",
|
|
2154
2177
|
"mdi-archive-outline": ""
|
|
@@ -2159,25 +2182,25 @@ const Ge = K("settings", () => {
|
|
|
2159
2182
|
]),
|
|
2160
2183
|
_: 1
|
|
2161
2184
|
}, 8, ["location", "width"]),
|
|
2162
|
-
|
|
2163
|
-
default:
|
|
2164
|
-
|
|
2165
|
-
modelValue:
|
|
2166
|
-
"onUpdate:modelValue":
|
|
2185
|
+
o(Ne, { scrollable: "" }, {
|
|
2186
|
+
default: i(() => [
|
|
2187
|
+
o(Ye, {
|
|
2188
|
+
modelValue: s.value,
|
|
2189
|
+
"onUpdate:modelValue": c[1] || (c[1] = (g) => s.value = g)
|
|
2167
2190
|
}, {
|
|
2168
|
-
default:
|
|
2169
|
-
|
|
2170
|
-
default:
|
|
2171
|
-
|
|
2172
|
-
items: t
|
|
2191
|
+
default: i(() => [
|
|
2192
|
+
o(pe, { value: "0" }, {
|
|
2193
|
+
default: i(() => [
|
|
2194
|
+
o(h, {
|
|
2195
|
+
items: e(t).unread
|
|
2173
2196
|
}, null, 8, ["items"])
|
|
2174
2197
|
]),
|
|
2175
2198
|
_: 1
|
|
2176
2199
|
}),
|
|
2177
|
-
|
|
2178
|
-
default:
|
|
2179
|
-
|
|
2180
|
-
items: t
|
|
2200
|
+
o(pe, { value: "1" }, {
|
|
2201
|
+
default: i(() => [
|
|
2202
|
+
o(h, {
|
|
2203
|
+
items: e(t).read
|
|
2181
2204
|
}, null, 8, ["items"])
|
|
2182
2205
|
]),
|
|
2183
2206
|
_: 1
|
|
@@ -2196,125 +2219,137 @@ const Ge = K("settings", () => {
|
|
|
2196
2219
|
}, 8, ["modelValue", "prepend-icon"]);
|
|
2197
2220
|
};
|
|
2198
2221
|
}
|
|
2199
|
-
}),
|
|
2222
|
+
}), ps = /* @__PURE__ */ V({
|
|
2223
|
+
__name: "VoNotificationsBadge",
|
|
2224
|
+
setup(u) {
|
|
2225
|
+
const t = be();
|
|
2226
|
+
return (a, s) => (d(), v(Me, {
|
|
2227
|
+
content: e(t).unread.length,
|
|
2228
|
+
"model-value": e(t).unread.length > 0,
|
|
2229
|
+
color: "error"
|
|
2230
|
+
}, {
|
|
2231
|
+
default: i(() => [
|
|
2232
|
+
B(a.$slots, "default")
|
|
2233
|
+
]),
|
|
2234
|
+
_: 3
|
|
2235
|
+
}, 8, ["content", "model-value"]));
|
|
2236
|
+
}
|
|
2237
|
+
}), ms = /* @__PURE__ */ V({
|
|
2200
2238
|
__name: "VoNotificationsListItem",
|
|
2201
2239
|
setup(u) {
|
|
2202
|
-
const
|
|
2203
|
-
return
|
|
2204
|
-
await
|
|
2205
|
-
}), (
|
|
2206
|
-
const l =
|
|
2207
|
-
return t
|
|
2240
|
+
const t = M(), a = be(), s = F(!1);
|
|
2241
|
+
return Te(async () => {
|
|
2242
|
+
await a.get();
|
|
2243
|
+
}), (n, r) => {
|
|
2244
|
+
const c = ps, l = ds, h = Y;
|
|
2245
|
+
return e(t).notifications.show ? (d(), v(h, {
|
|
2208
2246
|
key: 0,
|
|
2209
|
-
active:
|
|
2210
|
-
"prepend-icon": `svg:${
|
|
2247
|
+
active: s.value,
|
|
2248
|
+
"prepend-icon": `svg:${e(Nt)}`,
|
|
2211
2249
|
title: "Notifications",
|
|
2212
2250
|
link: ""
|
|
2213
2251
|
}, G({
|
|
2214
|
-
default:
|
|
2215
|
-
|
|
2216
|
-
modelValue:
|
|
2217
|
-
"onUpdate:modelValue":
|
|
2252
|
+
default: i(() => [
|
|
2253
|
+
o(l, {
|
|
2254
|
+
modelValue: s.value,
|
|
2255
|
+
"onUpdate:modelValue": r[0] || (r[0] = (p) => s.value = p)
|
|
2218
2256
|
}, null, 8, ["modelValue"])
|
|
2219
2257
|
]),
|
|
2220
2258
|
_: 2
|
|
2221
2259
|
}, [
|
|
2222
|
-
|
|
2260
|
+
e(a).unread.length ? {
|
|
2223
2261
|
name: "prepend",
|
|
2224
|
-
fn:
|
|
2225
|
-
|
|
2226
|
-
|
|
2227
|
-
|
|
2228
|
-
}, {
|
|
2229
|
-
default: n(() => [
|
|
2230
|
-
s(N)
|
|
2262
|
+
fn: i(() => [
|
|
2263
|
+
o(c, null, {
|
|
2264
|
+
default: i(() => [
|
|
2265
|
+
o(U)
|
|
2231
2266
|
]),
|
|
2232
2267
|
_: 1
|
|
2233
|
-
}
|
|
2268
|
+
})
|
|
2234
2269
|
]),
|
|
2235
2270
|
key: "0"
|
|
2236
2271
|
} : void 0
|
|
2237
|
-
]), 1032, ["active", "prepend-icon"])) :
|
|
2272
|
+
]), 1032, ["active", "prepend-icon"])) : $("", !0);
|
|
2238
2273
|
};
|
|
2239
2274
|
}
|
|
2240
|
-
}),
|
|
2275
|
+
}), fs = /* @__PURE__ */ V({
|
|
2241
2276
|
__name: "VoDashboardListItem",
|
|
2242
2277
|
setup(u) {
|
|
2243
|
-
return (
|
|
2244
|
-
const
|
|
2245
|
-
return d(),
|
|
2246
|
-
"prepend-icon": `svg:${
|
|
2278
|
+
return (t, a) => {
|
|
2279
|
+
const s = Y;
|
|
2280
|
+
return d(), v(s, {
|
|
2281
|
+
"prepend-icon": `svg:${e(jt)}`,
|
|
2247
2282
|
title: "Dashboard",
|
|
2248
2283
|
to: "/user/dashboard"
|
|
2249
2284
|
}, null, 8, ["prepend-icon"]);
|
|
2250
2285
|
};
|
|
2251
2286
|
}
|
|
2252
|
-
}),
|
|
2287
|
+
}), vs = /* @__PURE__ */ V({
|
|
2253
2288
|
__name: "VoUserList",
|
|
2254
2289
|
setup(u) {
|
|
2255
|
-
const
|
|
2256
|
-
return (
|
|
2257
|
-
const
|
|
2258
|
-
return d(),
|
|
2290
|
+
const t = z();
|
|
2291
|
+
return (a, s) => {
|
|
2292
|
+
const n = fs, r = ms, c = os, l = Mo, h = bo, p = mo;
|
|
2293
|
+
return d(), v(se, {
|
|
2259
2294
|
density: "compact",
|
|
2260
2295
|
nav: "",
|
|
2261
2296
|
slim: ""
|
|
2262
2297
|
}, {
|
|
2263
|
-
default:
|
|
2264
|
-
|
|
2265
|
-
|
|
2266
|
-
|
|
2267
|
-
t
|
|
2268
|
-
|
|
2269
|
-
t
|
|
2298
|
+
default: i(() => [
|
|
2299
|
+
o(n),
|
|
2300
|
+
o(r),
|
|
2301
|
+
o(c),
|
|
2302
|
+
e(t).user ? (d(), v(l, { key: 0 })) : $("", !0),
|
|
2303
|
+
o(h),
|
|
2304
|
+
e(t).user ? (d(), v(p, { key: 1 })) : $("", !0)
|
|
2270
2305
|
]),
|
|
2271
2306
|
_: 1
|
|
2272
2307
|
});
|
|
2273
2308
|
};
|
|
2274
2309
|
}
|
|
2275
|
-
}),
|
|
2310
|
+
}), _s = { key: 0 }, hs = { class: "d-flex align-center justify-center pa-1 ga-2" }, gs = /* @__PURE__ */ V({
|
|
2276
2311
|
__name: "VoUserQuickActions",
|
|
2277
2312
|
setup(u) {
|
|
2278
|
-
const
|
|
2279
|
-
return (
|
|
2280
|
-
default:
|
|
2281
|
-
t
|
|
2282
|
-
|
|
2283
|
-
|
|
2284
|
-
color: t
|
|
2313
|
+
const t = M();
|
|
2314
|
+
return (a, s) => (d(), v(re, null, {
|
|
2315
|
+
default: i(() => [
|
|
2316
|
+
e(t).quickbar ? (d(), w("div", _s, [
|
|
2317
|
+
_("div", hs, [
|
|
2318
|
+
o(Z, {
|
|
2319
|
+
color: e(t).colors.one,
|
|
2285
2320
|
class: "text-caption",
|
|
2286
2321
|
density: "comfortable",
|
|
2287
2322
|
href: "https://play.vuetifyjs.com",
|
|
2288
2323
|
icon: "$vuetify-play",
|
|
2289
2324
|
target: "_blank"
|
|
2290
2325
|
}, null, 8, ["color"]),
|
|
2291
|
-
|
|
2292
|
-
color: t
|
|
2293
|
-
icon: `svg:${
|
|
2326
|
+
o(Z, {
|
|
2327
|
+
color: e(t).colors.one,
|
|
2328
|
+
icon: `svg:${e(Ot)}`,
|
|
2294
2329
|
class: "text-caption",
|
|
2295
2330
|
density: "comfortable",
|
|
2296
2331
|
href: "https://bin.vuetifyjs.com",
|
|
2297
2332
|
target: "_blank"
|
|
2298
2333
|
}, null, 8, ["color", "icon"]),
|
|
2299
|
-
|
|
2300
|
-
color: t
|
|
2301
|
-
icon: `svg:${
|
|
2334
|
+
o(Z, {
|
|
2335
|
+
color: e(t).colors.one,
|
|
2336
|
+
icon: `svg:${e(Bt)}`,
|
|
2302
2337
|
class: "text-caption",
|
|
2303
2338
|
density: "comfortable",
|
|
2304
2339
|
href: "https://issues.vuetifyjs.com",
|
|
2305
2340
|
target: "_blank"
|
|
2306
2341
|
}, null, 8, ["color", "icon"])
|
|
2307
2342
|
])
|
|
2308
|
-
])) :
|
|
2343
|
+
])) : $("", !0)
|
|
2309
2344
|
]),
|
|
2310
2345
|
_: 1
|
|
2311
2346
|
}));
|
|
2312
2347
|
}
|
|
2313
|
-
}),
|
|
2348
|
+
}), bs = { class: "mb-2" }, ys = { key: 0 }, Vs = { class: "d-flex ga-4 flex-wrap justify-center mb-4" }, ks = { class: "text-h6" }, $s = /* @__PURE__ */ V({
|
|
2314
2349
|
__name: "VoUserAvatar",
|
|
2315
2350
|
setup(u) {
|
|
2316
|
-
const
|
|
2317
|
-
const
|
|
2351
|
+
const t = z(), a = M(), s = F(!1), n = L(() => {
|
|
2352
|
+
const l = [
|
|
2318
2353
|
"https://cdn.vuetifyjs.com/docs/images/avatars/one.png",
|
|
2319
2354
|
"https://cdn.vuetifyjs.com/docs/images/avatars/grass.png",
|
|
2320
2355
|
"https://cdn.vuetifyjs.com/docs/images/avatars/wood.png",
|
|
@@ -2330,35 +2365,35 @@ const Ge = K("settings", () => {
|
|
|
2330
2365
|
"https://cdn.vuetifyjs.com/docs/images/avatars/meteor.png",
|
|
2331
2366
|
"https://cdn.vuetifyjs.com/docs/images/avatars/tada.png"
|
|
2332
2367
|
];
|
|
2333
|
-
return
|
|
2368
|
+
return t.user && l.unshift(t.user.picture), l;
|
|
2334
2369
|
});
|
|
2335
|
-
function
|
|
2336
|
-
|
|
2370
|
+
function r(l) {
|
|
2371
|
+
a.avatar = l;
|
|
2337
2372
|
}
|
|
2338
|
-
function
|
|
2339
|
-
|
|
2373
|
+
function c() {
|
|
2374
|
+
t.isSubscriber && (s.value = !s.value);
|
|
2340
2375
|
}
|
|
2341
|
-
return (
|
|
2376
|
+
return (l, h) => {
|
|
2342
2377
|
var p;
|
|
2343
2378
|
return d(), w("div", null, [
|
|
2344
|
-
|
|
2345
|
-
class:
|
|
2379
|
+
Le((d(), v(de, {
|
|
2380
|
+
class: tt([
|
|
2346
2381
|
"border-md border-opacity-100 border-surface-variant",
|
|
2347
2382
|
{
|
|
2348
|
-
"cursor-pointer": t
|
|
2383
|
+
"cursor-pointer": e(t).isSubscriber
|
|
2349
2384
|
}
|
|
2350
2385
|
]),
|
|
2351
2386
|
color: "surface",
|
|
2352
2387
|
size: "72",
|
|
2353
2388
|
text: "Foobar",
|
|
2354
|
-
onClick:
|
|
2389
|
+
onClick: ze(c, ["prevent", "stop"])
|
|
2355
2390
|
}, {
|
|
2356
|
-
default:
|
|
2357
|
-
t
|
|
2391
|
+
default: i(() => [
|
|
2392
|
+
e(t).user && e(a).avatar ? (d(), v(Ue, {
|
|
2358
2393
|
key: 0,
|
|
2359
|
-
src:
|
|
2394
|
+
src: e(a).avatar,
|
|
2360
2395
|
alt: "User avatar"
|
|
2361
|
-
}, null, 8, ["src"])) : (d(),
|
|
2396
|
+
}, null, 8, ["src"])) : (d(), v(U, {
|
|
2362
2397
|
key: 1,
|
|
2363
2398
|
class: "mt-1",
|
|
2364
2399
|
icon: "$vuetify",
|
|
@@ -2367,29 +2402,29 @@ const Ge = K("settings", () => {
|
|
|
2367
2402
|
]),
|
|
2368
2403
|
_: 1
|
|
2369
2404
|
}, 8, ["class"])), [
|
|
2370
|
-
[Kt, t
|
|
2405
|
+
[Kt, e(t).isSubscriber]
|
|
2371
2406
|
]),
|
|
2372
|
-
|
|
2373
|
-
|
|
2374
|
-
default:
|
|
2375
|
-
|
|
2376
|
-
|
|
2407
|
+
_("div", bs, [
|
|
2408
|
+
o(re, null, {
|
|
2409
|
+
default: i(() => [
|
|
2410
|
+
s.value ? (d(), w("div", ys, [
|
|
2411
|
+
o(R, {
|
|
2377
2412
|
class: "pt-6 pb-1",
|
|
2378
2413
|
rounded: "0",
|
|
2379
2414
|
flat: ""
|
|
2380
2415
|
}, {
|
|
2381
|
-
default:
|
|
2382
|
-
|
|
2383
|
-
(d(!0), w(
|
|
2384
|
-
key:
|
|
2385
|
-
active:
|
|
2416
|
+
default: i(() => [
|
|
2417
|
+
_("div", Vs, [
|
|
2418
|
+
(d(!0), w(N, null, oe(n.value, (g, I) => (d(), v(Z, {
|
|
2419
|
+
key: I,
|
|
2420
|
+
active: e(a).avatar === g,
|
|
2386
2421
|
variant: "flat",
|
|
2387
2422
|
icon: "",
|
|
2388
|
-
onClick: (m) =>
|
|
2423
|
+
onClick: (m) => r(g)
|
|
2389
2424
|
}, {
|
|
2390
|
-
default:
|
|
2391
|
-
|
|
2392
|
-
image:
|
|
2425
|
+
default: i(() => [
|
|
2426
|
+
o(de, {
|
|
2427
|
+
image: g,
|
|
2393
2428
|
eager: ""
|
|
2394
2429
|
}, null, 8, ["image"])
|
|
2395
2430
|
]),
|
|
@@ -2399,68 +2434,141 @@ const Ge = K("settings", () => {
|
|
|
2399
2434
|
]),
|
|
2400
2435
|
_: 1
|
|
2401
2436
|
})
|
|
2402
|
-
])) :
|
|
2437
|
+
])) : $("", !0)
|
|
2403
2438
|
]),
|
|
2404
2439
|
_: 1
|
|
2405
2440
|
})
|
|
2406
2441
|
]),
|
|
2407
|
-
|
|
2442
|
+
_("div", ks, C(((p = e(t).user) == null ? void 0 : p.name) ?? "Guest"), 1)
|
|
2408
2443
|
]);
|
|
2409
2444
|
};
|
|
2410
2445
|
}
|
|
2411
|
-
}),
|
|
2446
|
+
}), xs = { class: "d-flex flex-grow-1 justify-end fill-height align-start" }, ws = {
|
|
2447
|
+
key: "reset",
|
|
2448
|
+
class: "align-self-end"
|
|
2449
|
+
}, Ss = /* @__PURE__ */ V({
|
|
2412
2450
|
__name: "VoUserColors",
|
|
2413
2451
|
setup(u) {
|
|
2414
|
-
const
|
|
2452
|
+
const t = z(), a = J(), s = M(), n = F(!1);
|
|
2415
2453
|
function r() {
|
|
2416
|
-
|
|
2454
|
+
s.colors.one = "surface-light";
|
|
2417
2455
|
}
|
|
2418
|
-
return (
|
|
2419
|
-
const
|
|
2420
|
-
return d(), w(
|
|
2421
|
-
|
|
2422
|
-
color: t
|
|
2456
|
+
return (c, l) => {
|
|
2457
|
+
const h = le;
|
|
2458
|
+
return d(), w(N, null, [
|
|
2459
|
+
o(Ue, {
|
|
2460
|
+
color: e(t).user ? e(s).colors.one : "surface-light",
|
|
2423
2461
|
"content-class": "d-flex align-start justify-end pa-2",
|
|
2424
2462
|
height: "88",
|
|
2425
2463
|
rounded: "0",
|
|
2426
2464
|
cover: "",
|
|
2427
2465
|
flat: ""
|
|
2428
2466
|
}, {
|
|
2429
|
-
default:
|
|
2430
|
-
|
|
2431
|
-
|
|
2467
|
+
default: i(() => [
|
|
2468
|
+
_("div", xs, [
|
|
2469
|
+
o(Ee, {
|
|
2470
|
+
class: "align-center position-absolute ms-2 d-flex ga-2 pa-2",
|
|
2471
|
+
color: "rgba(0,0,0,.36)",
|
|
2472
|
+
rounded: "lg",
|
|
2473
|
+
style: { left: "0" }
|
|
2474
|
+
}, {
|
|
2475
|
+
default: i(() => {
|
|
2476
|
+
var p;
|
|
2477
|
+
return [
|
|
2478
|
+
(p = e(t).user) != null && p.isAdmin ? (d(), v(ne, {
|
|
2479
|
+
key: 0,
|
|
2480
|
+
location: "bottom",
|
|
2481
|
+
text: "Vuetify Administrator"
|
|
2482
|
+
}, {
|
|
2483
|
+
activator: i(({ props: g }) => [
|
|
2484
|
+
o(U, Q({
|
|
2485
|
+
color: "blue",
|
|
2486
|
+
icon: "$vuetify"
|
|
2487
|
+
}, g, { size: "16" }), null, 16)
|
|
2488
|
+
]),
|
|
2489
|
+
_: 1
|
|
2490
|
+
})) : $("", !0),
|
|
2491
|
+
e(a).isSubscriber ? (d(), v(ne, {
|
|
2492
|
+
key: 1,
|
|
2493
|
+
location: "bottom",
|
|
2494
|
+
text: "Vuetify One Subscriber"
|
|
2495
|
+
}, {
|
|
2496
|
+
activator: i(({ props: g }) => [
|
|
2497
|
+
o(U, Q({
|
|
2498
|
+
icon: `svg:${e(zt)}`,
|
|
2499
|
+
color: "amber-darken-2"
|
|
2500
|
+
}, g, { size: "16" }), null, 16, ["icon"])
|
|
2501
|
+
]),
|
|
2502
|
+
_: 1
|
|
2503
|
+
})) : $("", !0),
|
|
2504
|
+
e(a).github ? (d(), v(ne, {
|
|
2505
|
+
key: 2,
|
|
2506
|
+
location: "bottom",
|
|
2507
|
+
text: "GitHub Sponsor"
|
|
2508
|
+
}, {
|
|
2509
|
+
activator: i(({ props: g }) => [
|
|
2510
|
+
o(U, Q({
|
|
2511
|
+
icon: `svg:${e(Ae)}`,
|
|
2512
|
+
color: "medium-emphasis"
|
|
2513
|
+
}, g, { size: "16" }), null, 16, ["icon"])
|
|
2514
|
+
]),
|
|
2515
|
+
_: 1
|
|
2516
|
+
})) : $("", !0),
|
|
2517
|
+
e(a).discord ? (d(), v(ne, {
|
|
2518
|
+
key: 3,
|
|
2519
|
+
location: "bottom",
|
|
2520
|
+
text: "Discord Subscriber"
|
|
2521
|
+
}, {
|
|
2522
|
+
activator: i(({ props: g }) => [
|
|
2523
|
+
o(U, Q({
|
|
2524
|
+
icon: `svg:${e(Ie)}`,
|
|
2525
|
+
color: "medium-emphasis"
|
|
2526
|
+
}, g, { size: "16" }), null, 16, ["icon"])
|
|
2527
|
+
]),
|
|
2528
|
+
_: 1
|
|
2529
|
+
})) : $("", !0)
|
|
2530
|
+
];
|
|
2531
|
+
}),
|
|
2532
|
+
_: 1
|
|
2533
|
+
}),
|
|
2534
|
+
e(t).isSubscriber ? (d(), v(h, {
|
|
2432
2535
|
key: 0,
|
|
2433
|
-
active:
|
|
2434
|
-
icon:
|
|
2435
|
-
variant:
|
|
2536
|
+
active: n.value,
|
|
2537
|
+
icon: n.value ? `svg:${e(te)}` : "$edit",
|
|
2538
|
+
variant: n.value ? "text" : "plain",
|
|
2539
|
+
class: "align-self-end",
|
|
2436
2540
|
color: "inherit",
|
|
2437
|
-
|
|
2541
|
+
density: "comfortable",
|
|
2542
|
+
title: "Edit One Header Color",
|
|
2543
|
+
onClick: l[0] || (l[0] = (p) => n.value = !n.value)
|
|
2438
2544
|
}, {
|
|
2439
|
-
default:
|
|
2440
|
-
|
|
2441
|
-
default:
|
|
2442
|
-
(d(),
|
|
2443
|
-
key: String(
|
|
2545
|
+
default: i(() => [
|
|
2546
|
+
o(De, { "leave-absolute": "" }, {
|
|
2547
|
+
default: i(() => [
|
|
2548
|
+
(d(), v(U, {
|
|
2549
|
+
key: String(n.value)
|
|
2444
2550
|
}))
|
|
2445
2551
|
]),
|
|
2446
2552
|
_: 1
|
|
2447
2553
|
})
|
|
2448
2554
|
]),
|
|
2449
2555
|
_: 1
|
|
2450
|
-
}, 8, ["active", "icon", "variant"])) :
|
|
2451
|
-
|
|
2452
|
-
default:
|
|
2453
|
-
|
|
2454
|
-
|
|
2455
|
-
disabled:
|
|
2456
|
-
icon: `svg:${
|
|
2457
|
-
class: "ms-1",
|
|
2556
|
+
}, 8, ["active", "icon", "variant"])) : $("", !0),
|
|
2557
|
+
o(Et, null, {
|
|
2558
|
+
default: i(() => [
|
|
2559
|
+
Le(_("div", ws, [
|
|
2560
|
+
o(h, {
|
|
2561
|
+
disabled: e(s).colors.one === "surface-light",
|
|
2562
|
+
icon: `svg:${e(Tt)}`,
|
|
2563
|
+
class: "ms-2 me-1",
|
|
2458
2564
|
color: "inherit",
|
|
2565
|
+
density: "comfortable",
|
|
2566
|
+
title: "Revert to Default",
|
|
2459
2567
|
variant: "text",
|
|
2460
2568
|
onClick: r
|
|
2461
2569
|
}, null, 8, ["disabled", "icon"])
|
|
2462
2570
|
], 512), [
|
|
2463
|
-
[
|
|
2571
|
+
[He, n.value]
|
|
2464
2572
|
])
|
|
2465
2573
|
]),
|
|
2466
2574
|
_: 1
|
|
@@ -2469,11 +2577,11 @@ const Ge = K("settings", () => {
|
|
|
2469
2577
|
]),
|
|
2470
2578
|
_: 1
|
|
2471
2579
|
}, 8, ["color"]),
|
|
2472
|
-
|
|
2473
|
-
default:
|
|
2474
|
-
|
|
2580
|
+
o(re, null, {
|
|
2581
|
+
default: i(() => [
|
|
2582
|
+
n.value ? (d(), v(eo, {
|
|
2475
2583
|
key: 0,
|
|
2476
|
-
"model-value":
|
|
2584
|
+
"model-value": e(s).colors.one !== "surface-light" ? e(s).colors.one : void 0,
|
|
2477
2585
|
elevation: "0",
|
|
2478
2586
|
height: "250",
|
|
2479
2587
|
rounded: "0",
|
|
@@ -2483,45 +2591,45 @@ const Ge = K("settings", () => {
|
|
|
2483
2591
|
"hide-inputs": "",
|
|
2484
2592
|
"hide-sliders": "",
|
|
2485
2593
|
"show-swatches": "",
|
|
2486
|
-
"onUpdate:modelValue": l[1] || (l[1] = (
|
|
2487
|
-
}, null, 8, ["model-value"])) :
|
|
2594
|
+
"onUpdate:modelValue": l[1] || (l[1] = (p) => e(s).colors.one = p)
|
|
2595
|
+
}, null, 8, ["model-value"])) : $("", !0)
|
|
2488
2596
|
]),
|
|
2489
2597
|
_: 1
|
|
2490
2598
|
})
|
|
2491
2599
|
], 64);
|
|
2492
2600
|
};
|
|
2493
2601
|
}
|
|
2494
|
-
}),
|
|
2602
|
+
}), Cs = { class: "text-center mt-n9 mb-4" }, Ls = /* @__PURE__ */ V({
|
|
2495
2603
|
__name: "VoUserMenu",
|
|
2496
2604
|
setup(u) {
|
|
2497
|
-
const
|
|
2498
|
-
return (
|
|
2499
|
-
const
|
|
2500
|
-
return d(),
|
|
2501
|
-
modelValue: t
|
|
2502
|
-
"onUpdate:modelValue":
|
|
2605
|
+
const t = J();
|
|
2606
|
+
return (a, s) => {
|
|
2607
|
+
const n = Ss, r = $s, c = gs, l = vs, h = po;
|
|
2608
|
+
return d(), v(to, {
|
|
2609
|
+
modelValue: e(t).isOpen,
|
|
2610
|
+
"onUpdate:modelValue": s[0] || (s[0] = (p) => e(t).isOpen = p),
|
|
2503
2611
|
"close-on-click": !1,
|
|
2504
2612
|
"close-on-content-click": !1,
|
|
2505
2613
|
activator: "parent",
|
|
2506
2614
|
location: "bottom end",
|
|
2507
2615
|
eager: ""
|
|
2508
2616
|
}, {
|
|
2509
|
-
default:
|
|
2510
|
-
|
|
2617
|
+
default: i(() => [
|
|
2618
|
+
o(R, {
|
|
2511
2619
|
rounded: "lg",
|
|
2512
2620
|
width: "280",
|
|
2513
2621
|
border: ""
|
|
2514
2622
|
}, {
|
|
2515
|
-
default:
|
|
2516
|
-
|
|
2517
|
-
|
|
2518
|
-
|
|
2519
|
-
|
|
2623
|
+
default: i(() => [
|
|
2624
|
+
o(n),
|
|
2625
|
+
_("div", Cs, [
|
|
2626
|
+
o(r),
|
|
2627
|
+
o(c)
|
|
2520
2628
|
]),
|
|
2521
|
-
|
|
2522
|
-
|
|
2523
|
-
|
|
2524
|
-
|
|
2629
|
+
o(H),
|
|
2630
|
+
o(l),
|
|
2631
|
+
o(H),
|
|
2632
|
+
o(h)
|
|
2525
2633
|
]),
|
|
2526
2634
|
_: 1
|
|
2527
2635
|
})
|
|
@@ -2530,54 +2638,54 @@ const Ge = K("settings", () => {
|
|
|
2530
2638
|
}, 8, ["modelValue"]);
|
|
2531
2639
|
};
|
|
2532
2640
|
}
|
|
2533
|
-
}),
|
|
2641
|
+
}), Is = { key: 0 }, As = /* @__PURE__ */ V({
|
|
2534
2642
|
__name: "VoAuthBtn",
|
|
2535
2643
|
props: {
|
|
2536
2644
|
external: Boolean
|
|
2537
2645
|
},
|
|
2538
2646
|
setup(u) {
|
|
2539
|
-
const
|
|
2540
|
-
return (
|
|
2541
|
-
const h =
|
|
2542
|
-
return d(),
|
|
2543
|
-
|
|
2647
|
+
const t = z(), a = J(), s = M(), { lgAndUp: n, mdAndDown: r } = ve();
|
|
2648
|
+
return (c, l) => {
|
|
2649
|
+
const h = Ls, p = le, g = so;
|
|
2650
|
+
return d(), v(g, {
|
|
2651
|
+
"offset-y": e(t).user ? 5 : 0
|
|
2544
2652
|
}, {
|
|
2545
|
-
|
|
2546
|
-
|
|
2547
|
-
|
|
2548
|
-
|
|
2549
|
-
|
|
2550
|
-
|
|
2551
|
-
|
|
2552
|
-
|
|
2553
|
-
|
|
2554
|
-
|
|
2555
|
-
|
|
2556
|
-
|
|
2557
|
-
|
|
2558
|
-
|
|
2559
|
-
|
|
2560
|
-
|
|
2561
|
-
|
|
2562
|
-
|
|
2653
|
+
default: i(() => [
|
|
2654
|
+
o(p, Q({
|
|
2655
|
+
[`${e(n) ? "append-" : ""}icon`]: e(t).user ? void 0 : `svg:${e(Rt)}`
|
|
2656
|
+
}, {
|
|
2657
|
+
color: e(a).isOpen || !e(t).user ? "primary" : "surface-light",
|
|
2658
|
+
icon: e(t).user || e(t).isLoading,
|
|
2659
|
+
loading: e(t).isLoading,
|
|
2660
|
+
rounded: e(r),
|
|
2661
|
+
variant: e(t).user ? "outlined" : "flat",
|
|
2662
|
+
class: "vo-auth-btn",
|
|
2663
|
+
size: "default",
|
|
2664
|
+
style: { transition: ".2s ease" },
|
|
2665
|
+
active: ""
|
|
2666
|
+
}), {
|
|
2667
|
+
default: i(() => [
|
|
2668
|
+
e(t).user ? $("", !0) : (d(), w("span", Is, "Login")),
|
|
2669
|
+
e(t).user ? (d(), v(de, {
|
|
2670
|
+
key: 1,
|
|
2671
|
+
image: e(s).avatar || e(t).user.picture || ""
|
|
2672
|
+
}, null, 8, ["image"])) : $("", !0),
|
|
2673
|
+
o(h)
|
|
2674
|
+
]),
|
|
2675
|
+
_: 1
|
|
2676
|
+
}, 16, ["color", "icon", "loading", "rounded", "variant"])
|
|
2563
2677
|
]),
|
|
2564
2678
|
_: 1
|
|
2565
|
-
},
|
|
2679
|
+
}, 8, ["offset-y"]);
|
|
2566
2680
|
};
|
|
2567
2681
|
}
|
|
2568
|
-
})
|
|
2569
|
-
const Ye = (u, o) => {
|
|
2570
|
-
const i = u.__vccOpts || u;
|
|
2571
|
-
for (const [e, r] of o)
|
|
2572
|
-
i[e] = r;
|
|
2573
|
-
return i;
|
|
2574
|
-
}, Is = /* @__PURE__ */ Ye(Ls, [["__scopeId", "data-v-823a1ae2"]]), As = (u) => (et("data-v-86d0e524"), u = u(), tt(), u), Ds = ["href", "title"], Us = {
|
|
2682
|
+
}), Ds = (u) => (ot("data-v-86d0e524"), u = u(), st(), u), Us = ["href", "title"], Fs = {
|
|
2575
2683
|
class: "text-caption text-disabled",
|
|
2576
2684
|
style: { position: "absolute", right: "16px" }
|
|
2577
|
-
},
|
|
2685
|
+
}, Ns = /* @__PURE__ */ Ds(() => /* @__PURE__ */ _("span", { class: "d-none d-sm-inline-block" }, "Vuetify, LLC", -1)), js = /* @__PURE__ */ V({
|
|
2578
2686
|
__name: "VoFooter",
|
|
2579
2687
|
setup(u) {
|
|
2580
|
-
const
|
|
2688
|
+
const t = [
|
|
2581
2689
|
{
|
|
2582
2690
|
title: "Vuetify Documentation",
|
|
2583
2691
|
icon: "$vuetify",
|
|
@@ -2585,7 +2693,7 @@ const Ye = (u, o) => {
|
|
|
2585
2693
|
},
|
|
2586
2694
|
{
|
|
2587
2695
|
title: "Vuetify Support",
|
|
2588
|
-
icon: `svg:${
|
|
2696
|
+
icon: `svg:${Ht}`,
|
|
2589
2697
|
href: "https://support.vuetifyjs.com/"
|
|
2590
2698
|
},
|
|
2591
2699
|
{
|
|
@@ -2595,149 +2703,154 @@ const Ye = (u, o) => {
|
|
|
2595
2703
|
},
|
|
2596
2704
|
{
|
|
2597
2705
|
title: "Vuetify GitHub",
|
|
2598
|
-
icon: `svg:${
|
|
2706
|
+
icon: `svg:${Ae}`,
|
|
2599
2707
|
href: "https://github.com/vuetifyjs/vuetify"
|
|
2600
2708
|
},
|
|
2601
2709
|
{
|
|
2602
2710
|
title: "Vuetify Discord",
|
|
2603
|
-
icon: `svg:${
|
|
2711
|
+
icon: `svg:${Ie}`,
|
|
2604
2712
|
href: "https://community.vuetifyjs.com/"
|
|
2605
2713
|
},
|
|
2606
2714
|
{
|
|
2607
2715
|
title: "Vuetify Reddit",
|
|
2608
|
-
icon: `svg:${
|
|
2716
|
+
icon: `svg:${Mt}`,
|
|
2609
2717
|
href: "https://reddit.com/r/vuetifyjs"
|
|
2610
2718
|
}
|
|
2611
2719
|
];
|
|
2612
|
-
return (
|
|
2720
|
+
return (a, s) => (d(), v(oo, {
|
|
2613
2721
|
class: "vo-footer",
|
|
2614
2722
|
height: "40"
|
|
2615
2723
|
}, {
|
|
2616
|
-
default:
|
|
2617
|
-
(d(), w(
|
|
2618
|
-
key:
|
|
2619
|
-
href:
|
|
2620
|
-
title:
|
|
2724
|
+
default: i(() => [
|
|
2725
|
+
(d(), w(N, null, oe(t, (n) => _("a", {
|
|
2726
|
+
key: n.title,
|
|
2727
|
+
href: n.href,
|
|
2728
|
+
title: n.title,
|
|
2621
2729
|
class: "d-inline-block mx-2 social-link",
|
|
2622
2730
|
rel: "noopener noreferrer",
|
|
2623
2731
|
target: "_blank"
|
|
2624
2732
|
}, [
|
|
2625
|
-
|
|
2626
|
-
icon:
|
|
2627
|
-
size:
|
|
2733
|
+
o(U, {
|
|
2734
|
+
icon: n.icon,
|
|
2735
|
+
size: n.icon === "$vuetify" ? 24 : 16
|
|
2628
2736
|
}, null, 8, ["icon", "size"])
|
|
2629
|
-
], 8,
|
|
2630
|
-
|
|
2737
|
+
], 8, Us)), 64)),
|
|
2738
|
+
_("div", Fs, [
|
|
2631
2739
|
j(" © 2016-" + C((/* @__PURE__ */ new Date()).getFullYear()) + " ", 1),
|
|
2632
|
-
|
|
2740
|
+
Ns
|
|
2633
2741
|
])
|
|
2634
2742
|
]),
|
|
2635
2743
|
_: 1
|
|
2636
2744
|
}));
|
|
2637
2745
|
}
|
|
2638
2746
|
});
|
|
2639
|
-
const
|
|
2640
|
-
const
|
|
2641
|
-
|
|
2642
|
-
|
|
2643
|
-
|
|
2747
|
+
const Os = (u, t) => {
|
|
2748
|
+
const a = u.__vccOpts || u;
|
|
2749
|
+
for (const [s, n] of t)
|
|
2750
|
+
a[s] = n;
|
|
2751
|
+
return a;
|
|
2752
|
+
}, Bs = /* @__PURE__ */ Os(js, [["__scopeId", "data-v-86d0e524"]]), $n = ee("bins", () => {
|
|
2753
|
+
const u = z(), t = ge(), a = K([]), s = K(), n = F(!1), r = F(-1), c = L(() => !u.user || !s.value ? !1 : u.user.id === s.value.owner.id), l = L(() => a.value.filter((b) => b.favorite)), h = L(() => a.value.filter((b) => b.pinned));
|
|
2754
|
+
W(s, () => {
|
|
2755
|
+
window.clearTimeout(r.value), r.value = window.setTimeout(() => {
|
|
2756
|
+
!s.value || !c.value || m(s.value, s.value.id);
|
|
2644
2757
|
}, 100);
|
|
2645
2758
|
}, { deep: !0 });
|
|
2646
2759
|
async function p() {
|
|
2647
2760
|
try {
|
|
2648
|
-
|
|
2649
|
-
const
|
|
2650
|
-
|
|
2761
|
+
n.value = !0;
|
|
2762
|
+
const b = await t.get("/one/bins");
|
|
2763
|
+
a.value = b.bins;
|
|
2651
2764
|
} catch {
|
|
2652
2765
|
} finally {
|
|
2653
|
-
|
|
2766
|
+
n.value = !1;
|
|
2654
2767
|
}
|
|
2655
|
-
return
|
|
2768
|
+
return a.value;
|
|
2656
2769
|
}
|
|
2657
|
-
async function
|
|
2770
|
+
async function g(b) {
|
|
2658
2771
|
try {
|
|
2659
|
-
|
|
2772
|
+
n.value = !0, await t.delete(`/one/bins/${b}`), a.value = a.value.filter((x) => x.id !== b);
|
|
2660
2773
|
} catch {
|
|
2661
2774
|
} finally {
|
|
2662
|
-
|
|
2775
|
+
n.value = !1;
|
|
2663
2776
|
}
|
|
2664
2777
|
return !0;
|
|
2665
2778
|
}
|
|
2666
|
-
async function
|
|
2779
|
+
async function I(b) {
|
|
2667
2780
|
try {
|
|
2668
|
-
|
|
2669
|
-
const
|
|
2670
|
-
return
|
|
2781
|
+
n.value = !0;
|
|
2782
|
+
const x = await t.post("/one/bins", { bin: b });
|
|
2783
|
+
return a.value.push(x.bin), s.value = x.bin, x;
|
|
2671
2784
|
} catch {
|
|
2672
2785
|
} finally {
|
|
2673
|
-
|
|
2786
|
+
n.value = !1;
|
|
2674
2787
|
}
|
|
2675
|
-
return { bin:
|
|
2788
|
+
return { bin: b };
|
|
2676
2789
|
}
|
|
2677
|
-
async function m(
|
|
2790
|
+
async function m(b, x) {
|
|
2678
2791
|
try {
|
|
2679
|
-
|
|
2680
|
-
const
|
|
2681
|
-
|
|
2792
|
+
n.value = !0;
|
|
2793
|
+
const A = await t.post(`/one/bins/${x}`, { bin: b }), O = a.value.findIndex((S) => S.id === x);
|
|
2794
|
+
a.value.splice(O, 1, A.bin);
|
|
2682
2795
|
} catch {
|
|
2683
2796
|
} finally {
|
|
2684
|
-
|
|
2797
|
+
n.value = !1;
|
|
2685
2798
|
}
|
|
2686
|
-
return { bin:
|
|
2799
|
+
return { bin: b };
|
|
2687
2800
|
}
|
|
2688
|
-
async function
|
|
2801
|
+
async function k(b, x) {
|
|
2689
2802
|
try {
|
|
2690
|
-
|
|
2691
|
-
const
|
|
2692
|
-
|
|
2803
|
+
n.value = !0;
|
|
2804
|
+
const A = x ? await m(b, x) : await I(b);
|
|
2805
|
+
s.value = A.bin;
|
|
2693
2806
|
} catch {
|
|
2694
2807
|
} finally {
|
|
2695
|
-
|
|
2808
|
+
n.value = !1;
|
|
2696
2809
|
}
|
|
2697
|
-
return { bin:
|
|
2810
|
+
return { bin: b };
|
|
2698
2811
|
}
|
|
2699
|
-
async function D(
|
|
2812
|
+
async function D(b) {
|
|
2700
2813
|
try {
|
|
2701
|
-
|
|
2702
|
-
const
|
|
2703
|
-
|
|
2814
|
+
n.value = !0;
|
|
2815
|
+
const x = await t.get(`/one/bins/${b}`);
|
|
2816
|
+
s.value = x.bin;
|
|
2704
2817
|
} catch {
|
|
2705
2818
|
} finally {
|
|
2706
|
-
|
|
2819
|
+
n.value = !1;
|
|
2707
2820
|
}
|
|
2708
|
-
return { bin:
|
|
2821
|
+
return { bin: s.value };
|
|
2709
2822
|
}
|
|
2710
2823
|
return {
|
|
2711
|
-
isLoading:
|
|
2712
|
-
isOwner:
|
|
2824
|
+
isLoading: n,
|
|
2825
|
+
isOwner: c,
|
|
2713
2826
|
pinned: h,
|
|
2714
|
-
favorites:
|
|
2715
|
-
all:
|
|
2716
|
-
create:
|
|
2717
|
-
delete:
|
|
2718
|
-
current:
|
|
2827
|
+
favorites: l,
|
|
2828
|
+
all: a,
|
|
2829
|
+
create: I,
|
|
2830
|
+
delete: g,
|
|
2831
|
+
current: s,
|
|
2719
2832
|
find: D,
|
|
2720
2833
|
get: p,
|
|
2721
2834
|
update: m,
|
|
2722
|
-
updateOrCreate:
|
|
2835
|
+
updateOrCreate: k
|
|
2723
2836
|
};
|
|
2724
2837
|
});
|
|
2725
|
-
function
|
|
2726
|
-
function u(
|
|
2727
|
-
|
|
2838
|
+
function xn() {
|
|
2839
|
+
function u(t) {
|
|
2840
|
+
t.component("VoAuthBtn", As), t.component("VoFooter", Bs);
|
|
2728
2841
|
}
|
|
2729
2842
|
return { install: u };
|
|
2730
2843
|
}
|
|
2731
|
-
function
|
|
2844
|
+
function wn(u) {
|
|
2732
2845
|
u.store.url = "https://api.vuetifyjs.com";
|
|
2733
2846
|
}
|
|
2734
2847
|
export {
|
|
2735
|
-
|
|
2736
|
-
|
|
2737
|
-
|
|
2738
|
-
|
|
2739
|
-
|
|
2740
|
-
|
|
2741
|
-
|
|
2742
|
-
|
|
2848
|
+
xn as createOne,
|
|
2849
|
+
wn as one,
|
|
2850
|
+
z as useAuthStore,
|
|
2851
|
+
$n as useBinsStore,
|
|
2852
|
+
ge as useHttpStore,
|
|
2853
|
+
J as useOneStore,
|
|
2854
|
+
Qe as useSettingsStore,
|
|
2855
|
+
M as useUserStore
|
|
2743
2856
|
};
|