@wssto2/vue-core 0.10.0 → 0.11.0
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/CHANGELOG.md +15 -0
- package/dist/ActionRow.vue_vue_type_script_setup_true_lang-DybAIOHS.js +64 -0
- package/dist/{Activity-CeAG0ZtJ.js → Activity-CdkJW68R.js} +2 -2
- package/dist/{Changes-B9-zpDxG.js → Changes-DxK_QfiB.js} +2 -2
- package/dist/{CollectionPage.vue_vue_type_script_setup_true_lang-Cn0YOWJF.js → CollectionPage.vue_vue_type_script_setup_true_lang-x0jyJ01f.js} +1 -1
- package/dist/{DataTable.vue_vue_type_script_setup_true_lang-BQRG8bpH.js → DataTable.vue_vue_type_script_setup_true_lang-C_ZytnW-.js} +1 -1
- package/dist/{DeadLetters-BP03yC4R.js → DeadLetters-DnA7LP1w.js} +2 -2
- package/dist/{General-BDmCJr3H.js → General-2matxl2Y.js} +23 -21
- package/dist/Highlight.vue_vue_type_script_setup_true_lang-DZGBmwcX.js +29 -0
- package/dist/{IncidentRecord-DEhl6AyA.js → IncidentRecord-Bt3G4HlX.js} +1 -1
- package/dist/{IncidentsList-COgRPdk3.js → IncidentsList-2iwgqp9J.js} +3 -3
- package/dist/{ProfilePage-BQCK2w8R.js → ProfilePage-CpuyDBAv.js} +21 -20
- package/dist/{ServiceAccountDialog.vue_vue_type_script_setup_true_lang-C0OIBrSp.js → ServiceAccountDialog.vue_vue_type_script_setup_true_lang-FJbWxME_.js} +2 -2
- package/dist/{ServiceAccountRecord-gtlhYaAz.js → ServiceAccountRecord-0-JF5lRx.js} +29 -29
- package/dist/{ServiceAccountsList-BM7GGcvw.js → ServiceAccountsList-DcsnOcf-.js} +6 -6
- package/dist/{Sessions-BCDJYuV2.js → Sessions-DgWhpk-i.js} +2 -2
- package/dist/{SettingsPage-DUhMsYBf.js → SettingsPage-BXPWATYU.js} +5 -4
- package/dist/{SignIn-4D7WohI8.js → SignIn-DPoUwHZd.js} +2 -2
- package/dist/{SignInPage-B6B-34GG.js → SignInPage-OyrVemro.js} +1 -1
- package/dist/{SignIns-CFoe4hpX.js → SignIns-BMDrZVVp.js} +6 -6
- package/dist/{UserRecord-Cd1TCpJZ.js → UserRecord-BW-gdCqi.js} +43 -43
- package/dist/{UsersList-GJU5-CTG.js → UsersList-B3ZF_1Dj.js} +25 -25
- package/dist/app/index.d.ts +1 -0
- package/dist/app/index.js +11 -10
- package/dist/app/languages.d.ts +8 -0
- package/dist/collection/Highlight.vue.d.ts +12 -0
- package/dist/collection/index.d.ts +1 -0
- package/dist/collection/index.js +18 -17
- package/dist/i18n/index.d.ts +1 -0
- package/dist/i18n/index.js +6 -4
- package/dist/i18n/serverMessages.d.ts +16 -0
- package/dist/identity/index.d.ts +2 -1
- package/dist/identity/index.js +7 -7
- package/dist/identity/users/context.d.ts +3 -0
- package/dist/identity/users/feature.d.ts +12 -1
- package/dist/identity/users/list.d.ts +12 -1
- package/dist/identity/users/personSections.d.ts +14 -5
- package/dist/incidents/index.js +1 -1
- package/dist/{index-CTkG-acm.js → index-ClJeyW3F.js} +2 -2
- package/dist/{index-pJ_eRg80.js → index-Cq9TuOqH.js} +441 -434
- package/dist/{index-DUs7WSz-.js → index-kEHY7hcG.js} +2 -2
- package/dist/index.d.ts +1 -1
- package/dist/index.js +1 -1
- package/dist/keepAlive-ClGnsIzT.js +55 -0
- package/dist/notifications/index.js +1 -1
- package/dist/rowLayout-BsKEzEME.js +650 -0
- package/dist/serverMessages-B6GHgi40.js +25 -0
- package/dist/shell/QuickSearchPalette.vue.d.ts +3 -3
- package/dist/shell/index.js +419 -427
- package/dist/shell/quickSearchControl.d.ts +8 -5
- package/dist/styles.css +1 -1
- package/package.json +1 -1
- package/dist/ActionRow.vue_vue_type_script_setup_true_lang-IpcP3Bjc.js +0 -87
- package/dist/highlight-DnYhLXnu.js +0 -9
- package/dist/identity/fieldMessages.d.ts +0 -15
- package/dist/identity/users/languages.d.ts +0 -4
- package/dist/keepAlive-z3IRFkQq.js +0 -46
- package/dist/rowLayout-Il4psyXN.js +0 -658
package/dist/shell/index.js
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
|
-
import { defineComponent as R, provide as
|
|
2
|
-
import { useI18n as
|
|
3
|
-
import { _ as
|
|
4
|
-
import { _ as
|
|
1
|
+
import { defineComponent as R, provide as ce, computed as L, ref as N, useId as Se, openBlock as l, createElementBlock as m, normalizeClass as T, unref as t, createVNode as p, createCommentVNode as k, createElementVNode as r, toDisplayString as M, createBlock as P, withDirectives as nt, Fragment as U, renderList as se, vShow as at, withCtx as D, mergeProps as le, useTemplateRef as re, renderSlot as j, createSlots as G, normalizeProps as ne, guardReactiveProps as ae, inject as Le, onMounted as ot, onBeforeUnmount as Re, normalizeStyle as ve, nextTick as be, watch as Q, onScopeDispose as ue, Teleport as Oe, shallowRef as Ne, h as te, Transition as we, toValue as _e, createTextVNode as ie } from "vue";
|
|
2
|
+
import { useI18n as K } from "vue-i18n";
|
|
3
|
+
import { _ as Pe } from "../Avatar.vue_vue_type_script_setup_true_lang-BPj_fkJR.js";
|
|
4
|
+
import { _ as q, u as st, c as lt } from "../Icon.vue_vue_type_script_lang-BhhsFYwp.js";
|
|
5
5
|
import { _ as rt } from "../Popover.vue_vue_type_script_setup_true_lang-C20Hf3Hl.js";
|
|
6
|
-
import { u as qe, S as
|
|
6
|
+
import { u as qe, S as J } from "../contributions-CeG4bszd.js";
|
|
7
7
|
import { u as it } from "../environment-Dva-SG8D.js";
|
|
8
8
|
import { _ as ct } from "../CountryFlag.vue_vue_type_script_setup_true_lang-Kry_vPPZ.js";
|
|
9
9
|
import { l as Ae } from "../languageName-CItV_SOv.js";
|
|
10
10
|
import { t as Be } from "../toast-CqSDTWRX.js";
|
|
11
|
-
import { u as
|
|
11
|
+
import { u as de, h as Ce } from "../platform-BQOX_Ntw.js";
|
|
12
12
|
import { a as ut, _ as $e, h as Ee } from "../AccountMenuItem.vue_vue_type_script_setup_true_lang-BIYgaihv.js";
|
|
13
13
|
import { _ as dt } from "../Sheet.vue_vue_type_script_setup_true_lang-B91aRD_y.js";
|
|
14
14
|
import { _ as ft } from "../LeaveGuardRoot.vue_vue_type_script_setup_true_lang-CIwW7y4j.js";
|
|
@@ -16,18 +16,18 @@ import { _ as mt } from "../Toaster.vue_vue_type_script_setup_true_lang-55boRLAj
|
|
|
16
16
|
import { _ as pt } from "../BottomDock.vue_vue_type_script_setup_true_lang-CjN7xYEr.js";
|
|
17
17
|
import { b as je } from "../chrome-nUcmVu8G.js";
|
|
18
18
|
import { p as Ke, A as vt } from "../access-DmAceEo5.js";
|
|
19
|
-
import { RouterLink as Ve, useRoute as ht, useRouter as
|
|
19
|
+
import { RouterLink as Ve, useRoute as ht, useRouter as ge } from "vue-router";
|
|
20
20
|
import { u as bt } from "../navigation-TnVFYRaX.js";
|
|
21
21
|
import { u as gt } from "../leaveGuard-Cc8yeLxM.js";
|
|
22
22
|
import { u as yt, S as xt } from "../dialogStack-B5G6xHq0.js";
|
|
23
|
-
import { a as
|
|
23
|
+
import { a as oe } from "../mediaQuery-CygcXmFW.js";
|
|
24
24
|
import { u as Fe } from "../useDialog-DfNmqM-0.js";
|
|
25
25
|
import { _ as kt } from "../Menu.vue_vue_type_script_setup_true_lang-wKc9gdCn.js";
|
|
26
26
|
import { W as _t, s as Ue, u as wt, b as $t } from "../shortcut-DUR6yPWA.js";
|
|
27
|
-
import { d as
|
|
28
|
-
import { _ as
|
|
27
|
+
import { d as fe } from "../feature-DdUAfyi4.js";
|
|
28
|
+
import { _ as po } from "../HeaderAction.vue_vue_type_script_setup_true_lang-Da59TLBh.js";
|
|
29
29
|
import { p as St } from "../perDocument-DUuFrdGU.js";
|
|
30
|
-
import {
|
|
30
|
+
import { _ as De } from "../Highlight.vue_vue_type_script_setup_true_lang-DZGBmwcX.js";
|
|
31
31
|
import { _ as Lt } from "../SearchInput.vue_vue_type_script_setup_true_lang-w4eAqyZ9.js";
|
|
32
32
|
import { _ as Ct } from "../Badge.vue_vue_type_script_setup_true_lang-DJyZc0C7.js";
|
|
33
33
|
import { _ as Et } from "../StatusLine.vue_vue_type_script_setup_true_lang-DsdQmLq6.js";
|
|
@@ -39,10 +39,10 @@ const Mt = ["aria-expanded", "aria-controls"], At = { class: "flex-1 whitespace-
|
|
|
39
39
|
},
|
|
40
40
|
emits: ["close"],
|
|
41
41
|
setup(e, { emit: a }) {
|
|
42
|
-
const n = e, o = a, { t: i } =
|
|
43
|
-
|
|
44
|
-
const d = n.appearance === "sheet", b =
|
|
45
|
-
async function
|
|
42
|
+
const n = e, o = a, { t: i } = K(), { session: u } = de(), s = it(), c = qe();
|
|
43
|
+
ce(ut, { appearance: n.appearance, close: () => o("close") });
|
|
44
|
+
const d = n.appearance === "sheet", b = L(() => c.get("accountMenu").length > 0), g = s.locales.length > 1, h = N(!1), $ = Se(), _ = L(() => Ae(s.locale.value)), y = (z) => s.localeFlags[z];
|
|
45
|
+
async function C() {
|
|
46
46
|
try {
|
|
47
47
|
await u.signOut();
|
|
48
48
|
} catch {
|
|
@@ -50,112 +50,112 @@ const Mt = ["aria-expanded", "aria-controls"], At = { class: "flex-1 whitespace-
|
|
|
50
50
|
}
|
|
51
51
|
}
|
|
52
52
|
const v = d ? "overflow-hidden rounded-group bg-surface-cell shadow-group" : "";
|
|
53
|
-
return (z,
|
|
54
|
-
class:
|
|
53
|
+
return (z, f) => (l(), m("div", {
|
|
54
|
+
class: T(d ? "flex flex-col gap-group-gap text-content-strong" : "-m-1.5 space-y-1 *:not-first:border-t *:not-first:border-border-separator *:not-first:pt-1"),
|
|
55
55
|
"data-shell-account-menu": ""
|
|
56
56
|
}, [
|
|
57
|
-
b.value ? (
|
|
57
|
+
b.value ? (l(), m("div", {
|
|
58
58
|
key: 0,
|
|
59
|
-
class:
|
|
59
|
+
class: T(t(v))
|
|
60
60
|
}, [
|
|
61
|
-
p(t(
|
|
61
|
+
p(t(J), { name: "accountMenu" })
|
|
62
62
|
], 2)) : k("", !0),
|
|
63
|
-
g ? (
|
|
63
|
+
g ? (l(), m("div", {
|
|
64
64
|
key: 1,
|
|
65
|
-
class:
|
|
65
|
+
class: T(t(v))
|
|
66
66
|
}, [
|
|
67
67
|
r("div", {
|
|
68
|
-
class:
|
|
68
|
+
class: T(d ? "relative" : "")
|
|
69
69
|
}, [
|
|
70
70
|
r("button", {
|
|
71
71
|
type: "button",
|
|
72
72
|
"aria-expanded": h.value,
|
|
73
73
|
"aria-controls": t($),
|
|
74
74
|
"data-account-language": "",
|
|
75
|
-
class:
|
|
76
|
-
onClick:
|
|
75
|
+
class: T(["flex w-full cursor-pointer items-center gap-3 text-left transition-colors duration-motion-fast focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-border-focus", d ? "min-h-row px-row-inset py-2 text-body active:bg-fill" : "rounded-md px-2 py-1.5 text-sm hover:bg-fill"]),
|
|
76
|
+
onClick: f[0] || (f[0] = (I) => h.value = !h.value)
|
|
77
77
|
}, [
|
|
78
|
-
p(t(
|
|
78
|
+
p(t(q), {
|
|
79
79
|
name: "translate",
|
|
80
80
|
size: d ? 22 : 16,
|
|
81
81
|
class: "shrink-0 text-content-muted"
|
|
82
82
|
}, null, 8, ["size"]),
|
|
83
|
-
r("span", At,
|
|
83
|
+
r("span", At, M(t(i)("core.shell.account.language")), 1),
|
|
84
84
|
r("span", {
|
|
85
|
-
class:
|
|
85
|
+
class: T(["flex min-w-0 items-center gap-1.5 text-content-muted", d ? "" : "text-xs"])
|
|
86
86
|
}, [
|
|
87
|
-
y(t(
|
|
87
|
+
y(t(s).locale.value) ? (l(), P(ct, {
|
|
88
88
|
key: 0,
|
|
89
|
-
country: y(t(
|
|
89
|
+
country: y(t(s).locale.value)
|
|
90
90
|
}, null, 8, ["country"])) : k("", !0),
|
|
91
|
-
r("span", Dt,
|
|
91
|
+
r("span", Dt, M(_.value), 1)
|
|
92
92
|
], 2),
|
|
93
|
-
p(t(
|
|
93
|
+
p(t(q), {
|
|
94
94
|
name: "arrowDownSLine",
|
|
95
95
|
size: d ? 18 : 16,
|
|
96
|
-
class:
|
|
96
|
+
class: T(["shrink-0 text-content-disabled transition-transform duration-motion-fast", h.value ? "rotate-180" : ""])
|
|
97
97
|
}, null, 8, ["size", "class"])
|
|
98
98
|
], 10, Mt)
|
|
99
99
|
], 2),
|
|
100
100
|
nt(r("div", {
|
|
101
101
|
id: t($),
|
|
102
|
-
class:
|
|
102
|
+
class: T(d ? "" : "space-y-0.5 pl-4")
|
|
103
103
|
}, [
|
|
104
|
-
(
|
|
104
|
+
(l(!0), m(U, null, se(t(s).locales, (I) => (l(), P($e, {
|
|
105
105
|
key: I,
|
|
106
106
|
label: t(Ae)(I),
|
|
107
107
|
flag: y(I),
|
|
108
|
-
selected: I === t(
|
|
109
|
-
onClick: (
|
|
108
|
+
selected: I === t(s).locale.value,
|
|
109
|
+
onClick: (E) => t(s).setLocale(I)
|
|
110
110
|
}, null, 8, ["label", "flag", "selected", "onClick"]))), 128))
|
|
111
111
|
], 10, zt), [
|
|
112
112
|
[at, h.value]
|
|
113
113
|
])
|
|
114
114
|
], 2)) : k("", !0),
|
|
115
115
|
r("div", {
|
|
116
|
-
class:
|
|
116
|
+
class: T(t(v))
|
|
117
117
|
}, [
|
|
118
118
|
p($e, {
|
|
119
119
|
label: t(i)("core.shell.account.sign_out"),
|
|
120
120
|
icon: "logoutBoxRLine",
|
|
121
121
|
tone: "critical",
|
|
122
|
-
onClick:
|
|
122
|
+
onClick: C
|
|
123
123
|
}, null, 8, ["label"])
|
|
124
124
|
], 2)
|
|
125
125
|
], 2));
|
|
126
126
|
}
|
|
127
|
-
}), It = ["onClick"], Rt = { class: "min-w-0 flex-1" }, Ot = { class: "block truncate text-sm font-semibold text-white" },
|
|
127
|
+
}), It = ["onClick"], Rt = { class: "min-w-0 flex-1" }, Ot = { class: "block truncate text-sm font-semibold text-white" }, Nt = {
|
|
128
128
|
key: 0,
|
|
129
129
|
class: "block truncate text-xs text-gray-300"
|
|
130
|
-
},
|
|
130
|
+
}, Pt = /* @__PURE__ */ R({
|
|
131
131
|
__name: "AccountMenu",
|
|
132
132
|
props: {
|
|
133
133
|
identity: {}
|
|
134
134
|
},
|
|
135
135
|
setup(e) {
|
|
136
|
-
const { t: a } =
|
|
137
|
-
return (n, o) => (
|
|
136
|
+
const { t: a } = K();
|
|
137
|
+
return (n, o) => (l(), P(t(rt), {
|
|
138
138
|
placement: "top-start",
|
|
139
139
|
width: "sm",
|
|
140
140
|
block: "",
|
|
141
141
|
arrow: !1,
|
|
142
142
|
label: t(a)("core.shell.account.open")
|
|
143
143
|
}, {
|
|
144
|
-
trigger: D(({ toggle: i, attrs: u, presented:
|
|
145
|
-
r("button",
|
|
144
|
+
trigger: D(({ toggle: i, attrs: u, presented: s }) => [
|
|
145
|
+
r("button", le({ type: "button" }, u, {
|
|
146
146
|
"data-shell-account": "",
|
|
147
|
-
class: ["flex w-full cursor-pointer items-center gap-3 rounded-md px-2 py-2 text-left transition-colors hover:bg-white/5 focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-border-focus", { "bg-white/10":
|
|
147
|
+
class: ["flex w-full cursor-pointer items-center gap-3 rounded-md px-2 py-2 text-left transition-colors hover:bg-white/5 focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-border-focus", { "bg-white/10": s }],
|
|
148
148
|
onClick: i
|
|
149
149
|
}), [
|
|
150
|
-
p(t(
|
|
150
|
+
p(t(Pe), {
|
|
151
151
|
name: e.identity.name,
|
|
152
152
|
size: "md"
|
|
153
153
|
}, null, 8, ["name"]),
|
|
154
154
|
r("span", Rt, [
|
|
155
|
-
r("span", Ot,
|
|
156
|
-
e.identity.detail ? (
|
|
155
|
+
r("span", Ot, M(e.identity.name), 1),
|
|
156
|
+
e.identity.detail ? (l(), m("span", Nt, M(e.identity.detail), 1)) : k("", !0)
|
|
157
157
|
]),
|
|
158
|
-
p(t(
|
|
158
|
+
p(t(q), {
|
|
159
159
|
name: "expandUpDownLine",
|
|
160
160
|
size: 16,
|
|
161
161
|
class: "shrink-0 text-gray-400"
|
|
@@ -177,8 +177,8 @@ const Mt = ["aria-expanded", "aria-controls"], At = { class: "flex-1 whitespace-
|
|
|
177
177
|
identity: {}
|
|
178
178
|
},
|
|
179
179
|
setup(e, { expose: a }) {
|
|
180
|
-
const n =
|
|
181
|
-
return a({ present: () => n.value?.present(), dismiss: () => n.value?.dismiss() }), (o, i) => (
|
|
180
|
+
const n = re("sheet");
|
|
181
|
+
return a({ present: () => n.value?.present(), dismiss: () => n.value?.dismiss() }), (o, i) => (l(), P(t(dt), {
|
|
182
182
|
ref_key: "sheet",
|
|
183
183
|
ref: n,
|
|
184
184
|
title: e.identity.name,
|
|
@@ -226,13 +226,13 @@ const Kt = ["aria-label", "data-appearance"], Vt = ["data-separated"], Ft = ["id
|
|
|
226
226
|
},
|
|
227
227
|
emits: ["select"],
|
|
228
228
|
setup(e, { emit: a }) {
|
|
229
|
-
const n = e, o = a, { t: i } =
|
|
230
|
-
function b(y,
|
|
229
|
+
const n = e, o = a, { t: i } = K(), u = Se(), s = n.items === void 0 ? bt() : null, c = Bt(), d = L(() => jt(n.items ?? s?.value ?? []));
|
|
230
|
+
function b(y, C, v) {
|
|
231
231
|
if (n.appearance === "drawer" && Xe(y)) {
|
|
232
232
|
y.preventDefault(), o("select", v);
|
|
233
233
|
return;
|
|
234
234
|
}
|
|
235
|
-
|
|
235
|
+
C(y);
|
|
236
236
|
}
|
|
237
237
|
const g = {
|
|
238
238
|
item: `${ze} group gap-2.5 rounded-md px-2.5 py-1.5 text-sm`,
|
|
@@ -251,49 +251,49 @@ const Kt = ["aria-label", "data-appearance"], Vt = ["data-separated"], Ft = ["id
|
|
|
251
251
|
iconInactive: "",
|
|
252
252
|
heading: "px-3 pt-4.5 pb-1.5 text-subheadline text-content-muted",
|
|
253
253
|
separator: "before:mx-3 before:my-3 before:block before:border-t before:border-border-separator"
|
|
254
|
-
}, $ =
|
|
255
|
-
return (y,
|
|
254
|
+
}, $ = L(() => n.appearance === "rail" ? g : h), _ = L(() => n.appearance === "rail" ? 16 : 22);
|
|
255
|
+
return (y, C) => (l(), m("nav", {
|
|
256
256
|
"aria-label": e.label ?? t(i)("core.shell.menu"),
|
|
257
257
|
"data-shell-navigation": "",
|
|
258
258
|
"data-appearance": e.appearance
|
|
259
259
|
}, [
|
|
260
260
|
r("ul", null, [
|
|
261
|
-
(
|
|
261
|
+
(l(!0), m(U, null, se(d.value, (v, z) => (l(), m("li", {
|
|
262
262
|
key: v.key,
|
|
263
263
|
"data-separated": v.separated || void 0,
|
|
264
|
-
class:
|
|
264
|
+
class: T(v.separated ? $.value.separator : "")
|
|
265
265
|
}, [
|
|
266
|
-
v.heading ? (
|
|
266
|
+
v.heading ? (l(), m("p", {
|
|
267
267
|
key: 0,
|
|
268
268
|
id: `${t(u)}-${z}`,
|
|
269
|
-
class:
|
|
270
|
-
},
|
|
269
|
+
class: T([$.value.heading, e.appearance === "rail" ? z > 0 ? "pt-4" : "pt-1" : ""])
|
|
270
|
+
}, M(v.heading), 11, Ft)) : k("", !0),
|
|
271
271
|
r("ul", {
|
|
272
272
|
"aria-labelledby": v.heading ? `${t(u)}-${z}` : void 0,
|
|
273
|
-
class:
|
|
273
|
+
class: T(e.appearance === "rail" ? "space-y-0.5" : "")
|
|
274
274
|
}, [
|
|
275
|
-
(
|
|
276
|
-
key:
|
|
275
|
+
(l(!0), m(U, null, se(v.items, (f) => (l(), m("li", {
|
|
276
|
+
key: f.key
|
|
277
277
|
}, [
|
|
278
278
|
p(t(Ve), {
|
|
279
279
|
custom: "",
|
|
280
|
-
to:
|
|
280
|
+
to: f.to
|
|
281
281
|
}, {
|
|
282
|
-
default: D(({ href: I, navigate:
|
|
282
|
+
default: D(({ href: I, navigate: E }) => [
|
|
283
283
|
r("a", {
|
|
284
284
|
href: I,
|
|
285
|
-
"aria-current":
|
|
285
|
+
"aria-current": f.active ? "page" : void 0,
|
|
286
286
|
"data-shell-destination": "",
|
|
287
|
-
class:
|
|
288
|
-
onClick: (x) => b(x,
|
|
287
|
+
class: T([$.value.item, f.active ? $.value.active : $.value.inactive]),
|
|
288
|
+
onClick: (x) => b(x, E, f.to)
|
|
289
289
|
}, [
|
|
290
|
-
t(c)(
|
|
290
|
+
t(c)(f.icon) ? (l(), P(t(q), {
|
|
291
291
|
key: 0,
|
|
292
|
-
name: t(c)(
|
|
292
|
+
name: t(c)(f.icon),
|
|
293
293
|
size: _.value,
|
|
294
|
-
class:
|
|
294
|
+
class: T(f.active ? $.value.iconActive : $.value.iconInactive)
|
|
295
295
|
}, null, 8, ["name", "size", "class"])) : k("", !0),
|
|
296
|
-
r("span", Xt,
|
|
296
|
+
r("span", Xt, M(f.label), 1)
|
|
297
297
|
], 10, Wt)
|
|
298
298
|
]),
|
|
299
299
|
_: 2
|
|
@@ -314,30 +314,30 @@ const Kt = ["aria-label", "data-appearance"], Vt = ["data-separated"], Ft = ["id
|
|
|
314
314
|
},
|
|
315
315
|
emits: ["select"],
|
|
316
316
|
setup(e, { emit: a }) {
|
|
317
|
-
const n = e, o = a, { t: i } =
|
|
318
|
-
function
|
|
317
|
+
const n = e, o = a, { t: i } = K(), { config: u } = de();
|
|
318
|
+
function s(c, d) {
|
|
319
319
|
if (n.intercept && Xe(c)) {
|
|
320
320
|
c.preventDefault(), o("select", n.to);
|
|
321
321
|
return;
|
|
322
322
|
}
|
|
323
323
|
d(c);
|
|
324
324
|
}
|
|
325
|
-
return (c, d) => (
|
|
325
|
+
return (c, d) => (l(), P(t(Ve), {
|
|
326
326
|
custom: "",
|
|
327
327
|
to: e.to
|
|
328
328
|
}, {
|
|
329
329
|
default: D(({ href: b, navigate: g }) => [
|
|
330
|
-
r("a",
|
|
330
|
+
r("a", le(c.$attrs, {
|
|
331
331
|
href: b,
|
|
332
332
|
"aria-label": t(i)("core.shell.home"),
|
|
333
333
|
"data-shell-brand": "",
|
|
334
334
|
class: "inline-block rounded-control focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-border-focus",
|
|
335
|
-
onClick: (h) =>
|
|
335
|
+
onClick: (h) => s(h, g)
|
|
336
336
|
}), [
|
|
337
|
-
|
|
337
|
+
j(c.$slots, "default", { tone: e.tone }, () => [
|
|
338
338
|
r("span", {
|
|
339
|
-
class:
|
|
340
|
-
},
|
|
339
|
+
class: T(["block truncate text-headline font-semibold", e.tone === "light" ? "text-white" : "text-content-strong"])
|
|
340
|
+
}, M(t(u).appName), 3)
|
|
341
341
|
])
|
|
342
342
|
], 16, Yt)
|
|
343
343
|
]),
|
|
@@ -347,7 +347,7 @@ const Kt = ["aria-label", "data-appearance"], Vt = ["data-separated"], Ft = ["id
|
|
|
347
347
|
});
|
|
348
348
|
function Qe() {
|
|
349
349
|
const e = qe();
|
|
350
|
-
return
|
|
350
|
+
return L(() => e.get("search").length > 0);
|
|
351
351
|
}
|
|
352
352
|
const Ht = {
|
|
353
353
|
class: "flex h-full flex-col bg-surface-page text-content-strong",
|
|
@@ -366,29 +366,29 @@ const Ht = {
|
|
|
366
366
|
},
|
|
367
367
|
emits: ["select", "account"],
|
|
368
368
|
setup(e, { emit: a }) {
|
|
369
|
-
const n = a, { t: o } =
|
|
370
|
-
return (u,
|
|
369
|
+
const n = a, { t: o } = K(), i = Qe();
|
|
370
|
+
return (u, s) => (l(), m("div", Ht, [
|
|
371
371
|
r("div", Qt, [
|
|
372
372
|
p(Te, {
|
|
373
373
|
to: e.home,
|
|
374
374
|
tone: "brand",
|
|
375
375
|
intercept: "",
|
|
376
376
|
class: "max-w-36",
|
|
377
|
-
onSelect:
|
|
378
|
-
},
|
|
377
|
+
onSelect: s[0] || (s[0] = (c) => n("select", c))
|
|
378
|
+
}, G({ _: 2 }, [
|
|
379
379
|
u.$slots.brand ? {
|
|
380
380
|
name: "default",
|
|
381
381
|
fn: D((c) => [
|
|
382
|
-
|
|
382
|
+
j(u.$slots, "brand", ne(ae(c)))
|
|
383
383
|
]),
|
|
384
384
|
key: "0"
|
|
385
385
|
} : void 0
|
|
386
386
|
]), 1032, ["to"])
|
|
387
387
|
]),
|
|
388
|
-
t(i) ? (
|
|
389
|
-
p(t(
|
|
388
|
+
t(i) ? (l(), m("div", Gt, [
|
|
389
|
+
p(t(J), { name: "search" })
|
|
390
390
|
])) : k("", !0),
|
|
391
|
-
|
|
391
|
+
s[3] || (s[3] = r("div", {
|
|
392
392
|
class: "mx-5.5 shrink-0 border-t border-border-separator",
|
|
393
393
|
role: "presentation"
|
|
394
394
|
}, null, -1)),
|
|
@@ -396,25 +396,25 @@ const Ht = {
|
|
|
396
396
|
appearance: "drawer",
|
|
397
397
|
label: t(o)("core.shell.menu"),
|
|
398
398
|
class: "min-h-0 flex-1 overflow-y-auto overscroll-contain pt-2 pr-2.5 pb-3 pl-[max(0.625rem,env(safe-area-inset-left))] [mask-image:linear-gradient(to_bottom,black_calc(100%-1.5rem),transparent)]",
|
|
399
|
-
onSelect:
|
|
399
|
+
onSelect: s[1] || (s[1] = (c) => n("select", c))
|
|
400
400
|
}, null, 8, ["label"]),
|
|
401
|
-
|
|
401
|
+
j(u.$slots, "footer"),
|
|
402
402
|
r("button", {
|
|
403
403
|
type: "button",
|
|
404
404
|
"data-shell-drawer-account": "",
|
|
405
405
|
"aria-haspopup": "dialog",
|
|
406
406
|
class: "flex shrink-0 cursor-pointer items-center gap-3 border-t border-border-separator pt-3 pr-4 pb-[max(1rem,env(safe-area-inset-bottom))] pl-[max(1.125rem,env(safe-area-inset-left))] text-left transition-colors duration-motion-fast active:bg-fill focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-border-focus",
|
|
407
|
-
onClick:
|
|
407
|
+
onClick: s[2] || (s[2] = (c) => n("account"))
|
|
408
408
|
}, [
|
|
409
|
-
p(t(
|
|
409
|
+
p(t(Pe), {
|
|
410
410
|
name: e.identity.name,
|
|
411
411
|
size: "lg"
|
|
412
412
|
}, null, 8, ["name"]),
|
|
413
413
|
r("span", Jt, [
|
|
414
|
-
r("span", Zt,
|
|
415
|
-
e.identity.detail ? (
|
|
414
|
+
r("span", Zt, M(e.identity.name), 1),
|
|
415
|
+
e.identity.detail ? (l(), m("span", en, M(e.identity.detail), 1)) : k("", !0)
|
|
416
416
|
]),
|
|
417
|
-
p(t(
|
|
417
|
+
p(t(q), {
|
|
418
418
|
name: "arrowRightSLine",
|
|
419
419
|
size: 18,
|
|
420
420
|
class: "shrink-0 text-content-disabled"
|
|
@@ -426,29 +426,29 @@ const Ht = {
|
|
|
426
426
|
function Je() {
|
|
427
427
|
return Le(Ge, null);
|
|
428
428
|
}
|
|
429
|
-
const
|
|
429
|
+
const he = 72, nn = 110, an = 0.5, on = 600;
|
|
430
430
|
function sn(e, a) {
|
|
431
|
-
const n =
|
|
432
|
-
let i = 0, u = 0,
|
|
431
|
+
const n = N(0), o = N(!1);
|
|
432
|
+
let i = 0, u = 0, s = !1;
|
|
433
433
|
function c(h) {
|
|
434
|
-
|
|
434
|
+
s = !1, !(!a.enabled() || o.value || h.touches.length !== 1 || window.scrollY > 0) && (i = h.touches[0].clientX, u = h.touches[0].clientY, s = !0);
|
|
435
435
|
}
|
|
436
436
|
function d(h) {
|
|
437
|
-
if (!
|
|
437
|
+
if (!s) return;
|
|
438
438
|
const $ = h.touches[0].clientX - i, _ = h.touches[0].clientY - u;
|
|
439
439
|
if (_ <= 0 || Math.abs($) > _ || window.scrollY > 0) {
|
|
440
|
-
n.value === 0 && (
|
|
440
|
+
n.value === 0 && (s = !1), n.value = 0;
|
|
441
441
|
return;
|
|
442
442
|
}
|
|
443
443
|
n.value = Math.min(nn, _ * an);
|
|
444
444
|
}
|
|
445
445
|
async function b() {
|
|
446
|
-
if (
|
|
447
|
-
if (
|
|
446
|
+
if (s) {
|
|
447
|
+
if (s = !1, n.value < he) {
|
|
448
448
|
n.value = 0;
|
|
449
449
|
return;
|
|
450
450
|
}
|
|
451
|
-
o.value = !0, n.value =
|
|
451
|
+
o.value = !0, n.value = he;
|
|
452
452
|
try {
|
|
453
453
|
await Promise.all([e(), new Promise((h) => setTimeout(h, on))]);
|
|
454
454
|
} finally {
|
|
@@ -457,7 +457,7 @@ function sn(e, a) {
|
|
|
457
457
|
}
|
|
458
458
|
}
|
|
459
459
|
function g() {
|
|
460
|
-
|
|
460
|
+
s = !1, o.value || (n.value = 0);
|
|
461
461
|
}
|
|
462
462
|
return ot(() => {
|
|
463
463
|
window.addEventListener("touchstart", c, { passive: !0 }), window.addEventListener("touchmove", d, { passive: !0 }), window.addEventListener("touchend", b), window.addEventListener("touchcancel", g);
|
|
@@ -468,27 +468,27 @@ function sn(e, a) {
|
|
|
468
468
|
const ln = { class: "flex size-9 items-center justify-center rounded-full bg-surface-raised text-primary-700 shadow-md ring-1 ring-border-separator dark:text-primary-300" }, rn = /* @__PURE__ */ R({
|
|
469
469
|
__name: "PullToRefresh",
|
|
470
470
|
setup(e) {
|
|
471
|
-
const a =
|
|
471
|
+
const a = oe("(display-mode: standalone)"), n = yt(), o = Je(), i = gt(), u = Le(Ke, null), { pull: s, refreshing: c } = sn(
|
|
472
472
|
async () => {
|
|
473
|
-
i.hasUnsavedChanges() && !await i.confirm() || (u && u.value++, await
|
|
473
|
+
i.hasUnsavedChanges() && !await i.confirm() || (u && u.value++, await be());
|
|
474
474
|
},
|
|
475
475
|
{
|
|
476
476
|
enabled: () => u !== null && n.value === 0 && !o?.open.value && (a.value || navigator.standalone === !0)
|
|
477
477
|
}
|
|
478
478
|
);
|
|
479
|
-
return (d, b) => t(
|
|
479
|
+
return (d, b) => t(s) > 0 || t(c) ? (l(), m("div", {
|
|
480
480
|
key: 0,
|
|
481
481
|
"aria-hidden": "true",
|
|
482
482
|
"data-shell-pull-to-refresh": "",
|
|
483
483
|
class: "pointer-events-none fixed inset-x-0 z-40 flex justify-center",
|
|
484
|
-
style:
|
|
484
|
+
style: ve({ top: `calc(env(safe-area-inset-top) + ${Math.max(t(s), 8)}px)` })
|
|
485
485
|
}, [
|
|
486
486
|
r("span", ln, [
|
|
487
|
-
p(t(
|
|
487
|
+
p(t(q), {
|
|
488
488
|
name: t(c) ? "loader4Line" : "refreshLine",
|
|
489
489
|
size: 20,
|
|
490
|
-
class:
|
|
491
|
-
style:
|
|
490
|
+
class: T(t(c) ? "animate-spin motion-reduce:animate-none" : ""),
|
|
491
|
+
style: ve(t(c) ? void 0 : { transform: `rotate(${t(s) / t(he) * 270}deg)`, opacity: Math.min(1, t(s) / t(he)) })
|
|
492
492
|
}, null, 8, ["name", "class", "style"])
|
|
493
493
|
])
|
|
494
494
|
], 4)) : k("", !0);
|
|
@@ -507,38 +507,38 @@ const ln = { class: "flex size-9 items-center justify-center rounded-full bg-sur
|
|
|
507
507
|
home: {}
|
|
508
508
|
},
|
|
509
509
|
setup(e) {
|
|
510
|
-
|
|
511
|
-
const a =
|
|
512
|
-
return (o, i) => t(a) ? (
|
|
510
|
+
ce(Ee, "rail");
|
|
511
|
+
const a = oe("(min-width: 48rem)"), n = Qe();
|
|
512
|
+
return (o, i) => t(a) ? (l(), m("aside", cn, [
|
|
513
513
|
r("div", un, [
|
|
514
514
|
r("div", dn, [
|
|
515
515
|
p(Te, {
|
|
516
516
|
to: e.home,
|
|
517
517
|
tone: "light",
|
|
518
518
|
class: "min-w-0"
|
|
519
|
-
},
|
|
519
|
+
}, G({ _: 2 }, [
|
|
520
520
|
o.$slots.brand ? {
|
|
521
521
|
name: "default",
|
|
522
522
|
fn: D((u) => [
|
|
523
|
-
|
|
523
|
+
j(o.$slots, "brand", ne(ae(u)))
|
|
524
524
|
]),
|
|
525
525
|
key: "0"
|
|
526
526
|
} : void 0
|
|
527
527
|
]), 1032, ["to"]),
|
|
528
528
|
r("div", fn, [
|
|
529
|
-
p(t(
|
|
529
|
+
p(t(J), { name: "headerActions" })
|
|
530
530
|
])
|
|
531
531
|
]),
|
|
532
|
-
t(n) ? (
|
|
533
|
-
p(t(
|
|
532
|
+
t(n) ? (l(), m("div", mn, [
|
|
533
|
+
p(t(J), { name: "search" })
|
|
534
534
|
])) : k("", !0),
|
|
535
535
|
p(He, {
|
|
536
536
|
appearance: "rail",
|
|
537
537
|
class: "scrollbar-subtle min-h-0 flex-1 overflow-y-auto px-2 pt-3 pb-3 [mask-image:linear-gradient(to_bottom,transparent,black_12px,black_calc(100%-12px),transparent)]"
|
|
538
538
|
}),
|
|
539
|
-
|
|
539
|
+
j(o.$slots, "footer"),
|
|
540
540
|
r("div", pn, [
|
|
541
|
-
p(
|
|
541
|
+
p(Pt, { identity: e.identity }, null, 8, ["identity"])
|
|
542
542
|
])
|
|
543
543
|
])
|
|
544
544
|
])) : k("", !0);
|
|
@@ -552,25 +552,25 @@ function yn({ offset: e, startOffset: a, width: n, velocity: o }) {
|
|
|
552
552
|
return e > n / 2;
|
|
553
553
|
}
|
|
554
554
|
function xn(e) {
|
|
555
|
-
const a =
|
|
556
|
-
let o = !1, i = null, u = 0,
|
|
557
|
-
function h(
|
|
558
|
-
o = !0, i = null, u = d =
|
|
555
|
+
const a = N(0), n = N(!1);
|
|
556
|
+
let o = !1, i = null, u = 0, s = 0, c = 0, d = 0, b = 0, g = 0;
|
|
557
|
+
function h(E, x) {
|
|
558
|
+
o = !0, i = null, u = d = E.clientX, s = E.clientY, c = x, b = performance.now(), g = 0;
|
|
559
559
|
}
|
|
560
|
-
function $(
|
|
561
|
-
const x =
|
|
560
|
+
function $(E) {
|
|
561
|
+
const x = E.touches[0];
|
|
562
562
|
if (!o || !x) return;
|
|
563
|
-
const
|
|
563
|
+
const B = x.clientX - u, Z = x.clientY - s;
|
|
564
564
|
if (!i) {
|
|
565
|
-
if (Math.max(Math.abs(
|
|
566
|
-
if (i = Math.abs(
|
|
565
|
+
if (Math.max(Math.abs(B), Math.abs(Z)) < bn) return;
|
|
566
|
+
if (i = Math.abs(B) > Math.abs(Z) ? "x" : "y", i === "y" || c === 0 && B < 0) {
|
|
567
567
|
o = !1;
|
|
568
568
|
return;
|
|
569
569
|
}
|
|
570
570
|
n.value = !0, a.value = c, e.onStart();
|
|
571
571
|
}
|
|
572
|
-
const
|
|
573
|
-
g = (x.clientX - d) / Math.max(
|
|
572
|
+
const Y = performance.now();
|
|
573
|
+
g = (x.clientX - d) / Math.max(Y - b, 1), d = x.clientX, b = Y, a.value = Math.min(e.width(), Math.max(0, c + B)), E.cancelable && E.preventDefault();
|
|
574
574
|
}
|
|
575
575
|
function _() {
|
|
576
576
|
o && (o = !1, n.value && (n.value = !1, e.onSettle(yn({ offset: a.value, startOffset: c, width: e.width(), velocity: g }))));
|
|
@@ -578,21 +578,21 @@ function xn(e) {
|
|
|
578
578
|
function y() {
|
|
579
579
|
o = !1, n.value = !1;
|
|
580
580
|
}
|
|
581
|
-
function E
|
|
582
|
-
const x =
|
|
583
|
-
!x ||
|
|
581
|
+
function C(E) {
|
|
582
|
+
const x = E.touches[0];
|
|
583
|
+
!x || E.touches.length !== 1 || e.isOpen() || !e.canOpenFromEdge() || x.clientX > hn || h(x, 0);
|
|
584
584
|
}
|
|
585
585
|
let v = !1;
|
|
586
586
|
function z() {
|
|
587
|
-
v || (v = !0, window.addEventListener("touchstart",
|
|
587
|
+
v || (v = !0, window.addEventListener("touchstart", C, { passive: !0 }), window.addEventListener("touchmove", $, { passive: !1 }), window.addEventListener("touchend", _), window.addEventListener("touchcancel", _));
|
|
588
588
|
}
|
|
589
|
-
function
|
|
590
|
-
v && (v = !1, window.removeEventListener("touchstart",
|
|
589
|
+
function f() {
|
|
590
|
+
v && (v = !1, window.removeEventListener("touchstart", C), window.removeEventListener("touchmove", $), window.removeEventListener("touchend", _), window.removeEventListener("touchcancel", _), y());
|
|
591
591
|
}
|
|
592
|
-
return
|
|
593
|
-
onTouchstartPassive(
|
|
594
|
-
const x =
|
|
595
|
-
x &&
|
|
592
|
+
return Q(e.enabled, (E) => E ? z() : f(), { immediate: !0 }), ue(f), { offset: a, dragging: n, closeEvents: {
|
|
593
|
+
onTouchstartPassive(E) {
|
|
594
|
+
const x = E.touches[0];
|
|
595
|
+
x && E.touches.length === 1 && e.isOpen() && h(x, e.width());
|
|
596
596
|
}
|
|
597
597
|
}, cancel: y };
|
|
598
598
|
}
|
|
@@ -602,79 +602,79 @@ const kn = ["id", "aria-label"], _n = ["data-drawer", "inert"], wn = /* @__PURE_
|
|
|
602
602
|
enabled: { type: Boolean }
|
|
603
603
|
},
|
|
604
604
|
setup(e) {
|
|
605
|
-
const a = e, { t: n } =
|
|
606
|
-
let v = 0, z = !1,
|
|
607
|
-
const
|
|
605
|
+
const a = e, { t: n } = K(), o = ht(), i = ge(), u = oe("(max-width: 47.999rem)"), s = oe("(display-mode: standalone)"), c = oe("(prefers-reduced-motion: reduce)"), d = L(() => a.enabled && u.value), b = re("stage"), g = re("scroller"), h = N(null), $ = Se(), _ = N(!1), y = N(!1), C = N(!1);
|
|
606
|
+
let v = 0, z = !1, f, I = null;
|
|
607
|
+
const E = () => h.value?.offsetWidth ?? 0, x = xn({
|
|
608
608
|
enabled: () => d.value,
|
|
609
|
-
width:
|
|
610
|
-
isOpen: () =>
|
|
611
|
-
canOpenFromEdge: () =>
|
|
609
|
+
width: E,
|
|
610
|
+
isOpen: () => C.value,
|
|
611
|
+
canOpenFromEdge: () => s.value || navigator.standalone === !0,
|
|
612
612
|
onStart: () => {
|
|
613
|
-
clearTimeout(
|
|
613
|
+
clearTimeout(f), ee();
|
|
614
614
|
},
|
|
615
|
-
onSettle: (S) => S ? _.value = !0 :
|
|
616
|
-
}),
|
|
615
|
+
onSettle: (S) => S ? _.value = !0 : F()
|
|
616
|
+
}), B = L(() => x.dragging.value ? x.offset.value : C.value ? E() : 0), Z = L(() => E() ? B.value / E() : 0), Y = Fe(h, {
|
|
617
617
|
initialFocus: "panel",
|
|
618
|
-
onEscape: () =>
|
|
618
|
+
onEscape: () => F()
|
|
619
619
|
});
|
|
620
|
-
function
|
|
620
|
+
function ye() {
|
|
621
621
|
const S = getComputedStyle(document.documentElement).getPropertyValue("--app-motion-drawer").trim();
|
|
622
622
|
return S.endsWith("ms") ? parseFloat(S) : parseFloat(S) * 1e3 || 0;
|
|
623
623
|
}
|
|
624
|
-
function
|
|
625
|
-
const S = b.value,
|
|
626
|
-
y.value || !S || !
|
|
624
|
+
function ee() {
|
|
625
|
+
const S = b.value, V = g.value;
|
|
626
|
+
y.value || !S || !V || (v = window.scrollY, z = !1, Object.assign(S.style, { position: "fixed", inset: "0", overflow: "hidden", zIndex: "10" }), Object.assign(V.style, { position: "absolute", inset: "0", overflow: "hidden" }), V.scrollTop = v, y.value = !0);
|
|
627
627
|
}
|
|
628
|
-
function
|
|
629
|
-
const S = b.value,
|
|
630
|
-
!y.value || !S || !
|
|
628
|
+
function W() {
|
|
629
|
+
const S = b.value, V = g.value;
|
|
630
|
+
!y.value || !S || !V || (Object.assign(S.style, { position: "", inset: "", overflow: "", zIndex: "", transform: "", transition: "", borderRadius: "" }), Object.assign(V.style, { position: "", inset: "", overflow: "" }), y.value = !1, window.scrollTo({ top: z ? 0 : v, behavior: "instant" }));
|
|
631
631
|
}
|
|
632
|
-
|
|
632
|
+
Q([B, () => x.dragging.value, y], () => {
|
|
633
633
|
const S = b.value;
|
|
634
|
-
!S || !y.value || (S.style.transform = `translate3d(${
|
|
634
|
+
!S || !y.value || (S.style.transform = `translate3d(${B.value}px, 0, 0)`, S.style.borderRadius = B.value > 0 ? "2.5rem" : "", S.style.transition = x.dragging.value || c.value ? "none" : "transform var(--app-motion-drawer) var(--app-motion-sheet-easing), border-radius var(--app-motion-drawer) var(--app-motion-sheet-easing)");
|
|
635
635
|
}, { flush: "sync" });
|
|
636
|
-
function
|
|
636
|
+
function H() {
|
|
637
637
|
if (!d.value) {
|
|
638
638
|
_.value = !1;
|
|
639
639
|
return;
|
|
640
640
|
}
|
|
641
|
-
clearTimeout(
|
|
641
|
+
clearTimeout(f), I = null, ee(), b.value?.offsetWidth, C.value = !0, Y.present(), be(() => {
|
|
642
642
|
h.value?.querySelector('[aria-current="page"]')?.focus({ preventScroll: !0 });
|
|
643
643
|
});
|
|
644
644
|
}
|
|
645
|
-
function
|
|
645
|
+
function F(S) {
|
|
646
646
|
if (S && (I = S), _.value) {
|
|
647
647
|
_.value = !1;
|
|
648
648
|
return;
|
|
649
649
|
}
|
|
650
|
-
|
|
650
|
+
C.value = !1, Y.dismissWithoutAsking(), clearTimeout(f), f = setTimeout(xe, ye() + 30);
|
|
651
651
|
}
|
|
652
|
-
function
|
|
653
|
-
|
|
652
|
+
function xe() {
|
|
653
|
+
W();
|
|
654
654
|
const S = I;
|
|
655
655
|
I = null, S?.();
|
|
656
656
|
}
|
|
657
|
-
|
|
658
|
-
S || (x.cancel(), clearTimeout(
|
|
659
|
-
}),
|
|
660
|
-
y.value && (z = !0),
|
|
657
|
+
Q(_, (S) => S ? H() : F()), Q(d, (S) => {
|
|
658
|
+
S || (x.cancel(), clearTimeout(f), I = null, _.value = !1, C.value = !1, Y.dismissWithoutAsking(), W());
|
|
659
|
+
}), Q(() => o.fullPath, () => {
|
|
660
|
+
y.value && (z = !0), C.value && F();
|
|
661
661
|
});
|
|
662
|
-
function
|
|
662
|
+
function me(S) {
|
|
663
663
|
i.push(S).catch(() => {
|
|
664
|
-
}).finally(() =>
|
|
664
|
+
}).finally(() => F());
|
|
665
665
|
}
|
|
666
|
-
return
|
|
666
|
+
return ce(Ge, {
|
|
667
667
|
available: d,
|
|
668
668
|
open: _,
|
|
669
669
|
panelId: $,
|
|
670
670
|
present: () => {
|
|
671
671
|
d.value && (_.value = !0);
|
|
672
672
|
},
|
|
673
|
-
dismiss:
|
|
673
|
+
dismiss: F
|
|
674
674
|
}), Re(() => {
|
|
675
|
-
clearTimeout(
|
|
676
|
-
}), (S,
|
|
677
|
-
d.value ? (
|
|
675
|
+
clearTimeout(f), W();
|
|
676
|
+
}), (S, V) => (l(), m(U, null, [
|
|
677
|
+
d.value ? (l(), m("div", le({
|
|
678
678
|
key: 0,
|
|
679
679
|
id: t($),
|
|
680
680
|
ref_key: "panel",
|
|
@@ -685,51 +685,51 @@ const kn = ["id", "aria-label"], _n = ["data-drawer", "inert"], wn = /* @__PURE_
|
|
|
685
685
|
tabindex: "-1",
|
|
686
686
|
"data-shell-drawer": "",
|
|
687
687
|
class: ["fixed inset-y-0 left-0 z-0 w-[min(82vw,20rem)] outline-none", y.value ? "visible" : "invisible"],
|
|
688
|
-
style: t(c) ? { opacity:
|
|
688
|
+
style: t(c) ? { opacity: C.value || t(x).dragging.value ? 1 : 0, transition: "opacity var(--app-motion-drawer) linear" } : void 0
|
|
689
689
|
}, t(x).closeEvents), [
|
|
690
|
-
|
|
691
|
-
select:
|
|
692
|
-
dismiss:
|
|
690
|
+
j(S.$slots, "drawer", {
|
|
691
|
+
select: me,
|
|
692
|
+
dismiss: F
|
|
693
693
|
})
|
|
694
694
|
], 16, kn)) : k("", !0),
|
|
695
695
|
r("div", {
|
|
696
696
|
ref_key: "stage",
|
|
697
697
|
ref: b,
|
|
698
698
|
"data-shell-stage": "",
|
|
699
|
-
"data-drawer":
|
|
700
|
-
class:
|
|
701
|
-
inert:
|
|
699
|
+
"data-drawer": C.value ? "open" : void 0,
|
|
700
|
+
class: T(["flex flex-1 flex-col", y.value ? "overscroll-none bg-surface-page shadow-dialog" : ""]),
|
|
701
|
+
inert: C.value || t(x).dragging.value || void 0
|
|
702
702
|
}, [
|
|
703
703
|
r("div", {
|
|
704
704
|
ref_key: "scroller",
|
|
705
705
|
ref: g,
|
|
706
706
|
class: "flex flex-1 flex-col"
|
|
707
707
|
}, [
|
|
708
|
-
|
|
708
|
+
j(S.$slots, "default")
|
|
709
709
|
], 512),
|
|
710
|
-
y.value ? (
|
|
710
|
+
y.value ? (l(), m("div", {
|
|
711
711
|
key: 0,
|
|
712
712
|
"aria-hidden": "true",
|
|
713
713
|
class: "pointer-events-none fixed inset-0 z-50 bg-scrim",
|
|
714
|
-
style:
|
|
714
|
+
style: ve({ opacity: Z.value * 0.55 })
|
|
715
715
|
}, null, 4)) : k("", !0)
|
|
716
716
|
], 10, _n),
|
|
717
|
-
y.value &&
|
|
717
|
+
y.value && B.value > 0 ? (l(), m("div", le({
|
|
718
718
|
key: 1,
|
|
719
719
|
"aria-hidden": "true",
|
|
720
720
|
"data-shell-stage-cover": "",
|
|
721
721
|
class: "fixed inset-y-0 right-0 z-20",
|
|
722
|
-
style: { left: `${
|
|
722
|
+
style: { left: `${B.value}px` }
|
|
723
723
|
}, t(x).closeEvents, {
|
|
724
|
-
onClick:
|
|
724
|
+
onClick: V[0] || (V[0] = (Me) => F())
|
|
725
725
|
}), null, 16)) : k("", !0)
|
|
726
726
|
], 64));
|
|
727
727
|
}
|
|
728
728
|
}), $n = ["aria-label", "aria-expanded", "aria-controls"], Sn = /* @__PURE__ */ R({
|
|
729
729
|
__name: "NavigationMenuButton",
|
|
730
730
|
setup(e) {
|
|
731
|
-
const a = Je(), { t: n } =
|
|
732
|
-
return (o, i) => t(a)?.available.value ? (
|
|
731
|
+
const a = Je(), { t: n } = K();
|
|
732
|
+
return (o, i) => t(a)?.available.value ? (l(), m("button", {
|
|
733
733
|
key: 0,
|
|
734
734
|
type: "button",
|
|
735
735
|
"data-shell-menu-button": "",
|
|
@@ -740,7 +740,7 @@ const kn = ["id", "aria-label"], _n = ["data-drawer", "inert"], wn = /* @__PURE_
|
|
|
740
740
|
class: "relative my-1 ml-2 flex size-11 shrink-0 cursor-pointer items-center justify-center rounded-full bg-surface-cell text-content-strong shadow-float transition-transform duration-motion-fast active:scale-95 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-border-focus",
|
|
741
741
|
onClick: i[0] || (i[0] = (u) => t(a).present())
|
|
742
742
|
}, [
|
|
743
|
-
p(t(
|
|
743
|
+
p(t(q), {
|
|
744
744
|
name: "menuLines",
|
|
745
745
|
size: 20
|
|
746
746
|
})
|
|
@@ -752,62 +752,62 @@ const kn = ["id", "aria-label"], _n = ["data-drawer", "inert"], wn = /* @__PURE_
|
|
|
752
752
|
home: {}
|
|
753
753
|
},
|
|
754
754
|
setup(e) {
|
|
755
|
-
const { t: a } =
|
|
756
|
-
|
|
757
|
-
const
|
|
755
|
+
const { t: a } = K(), n = ge(), o = je(), { session: i } = de(), u = oe("(max-width: 47.999rem)");
|
|
756
|
+
ce(Ee, "bar");
|
|
757
|
+
const s = L(() => Ce(i.state.value) !== null), c = L(() => !s.value || u.value), d = L(() => s.value ? o.back.value : null), b = L(() => s.value ? o.leading.value : null), g = L(() => o.navTitle.value ?? o.title.value), h = L(() => s.value && !!g.value && (!!o.navTitle.value || !o.titleInView.value)), $ = L(() => s.value ? o.actions.value : []), _ = L(() => $.value.filter((v) => v.placement === "primary" && v.tone !== "critical")), y = L(
|
|
758
758
|
() => $.value.filter((v) => !_.value.includes(v)).map((v) => ({ id: v.id, label: v.label, icon: v.icon, tone: v.tone, disabled: v.disabled, processing: v.processing, onSelect: v.onClick }))
|
|
759
759
|
);
|
|
760
|
-
function
|
|
760
|
+
function C() {
|
|
761
761
|
d.value && n.push(d.value.to);
|
|
762
762
|
}
|
|
763
|
-
return (v, z) => c.value ? (
|
|
763
|
+
return (v, z) => c.value ? (l(), m("header", {
|
|
764
764
|
key: 0,
|
|
765
765
|
"data-shell-top-bar": "",
|
|
766
|
-
class:
|
|
766
|
+
class: T(["pt-[max(0.25rem,env(safe-area-inset-top))] pr-[max(0.5rem,env(safe-area-inset-right))] pb-1 pl-[max(0.5rem,env(safe-area-inset-left))] text-content-strong", s.value ? ["sticky top-[var(--shell-banner-h,0px)] z-30 border-b bg-surface-page/85 backdrop-blur-xl transition-colors duration-motion-normal", h.value ? "border-border-separator" : "border-transparent"] : "border-b border-border-separator bg-surface-cell"])
|
|
767
767
|
}, [
|
|
768
768
|
r("div", Ln, [
|
|
769
769
|
r("div", Cn, [
|
|
770
|
-
b.value ? (
|
|
770
|
+
b.value ? (l(), m("button", {
|
|
771
771
|
key: 0,
|
|
772
772
|
type: "button",
|
|
773
773
|
"data-shell-bar-leading": "",
|
|
774
774
|
"data-page-action": b.value.id,
|
|
775
775
|
disabled: b.value.disabled || b.value.processing,
|
|
776
776
|
class: "hit-target inline-flex min-w-0 cursor-pointer items-center rounded-control px-2 text-body text-content-link disabled:text-content-disabled",
|
|
777
|
-
onClick: z[0] || (z[0] = (
|
|
777
|
+
onClick: z[0] || (z[0] = (f) => b.value.onClick())
|
|
778
778
|
}, [
|
|
779
|
-
r("span", Tn,
|
|
780
|
-
], 8, En)) : d.value ? (
|
|
779
|
+
r("span", Tn, M(b.value.label), 1)
|
|
780
|
+
], 8, En)) : d.value ? (l(), m("button", {
|
|
781
781
|
key: 1,
|
|
782
782
|
type: "button",
|
|
783
783
|
"data-shell-bar-back": "",
|
|
784
784
|
"data-page-back": "",
|
|
785
785
|
class: "hit-target inline-flex min-w-0 cursor-pointer items-center rounded-control pr-2 text-body text-content-link active:opacity-60",
|
|
786
|
-
onClick:
|
|
786
|
+
onClick: C
|
|
787
787
|
}, [
|
|
788
|
-
p(t(
|
|
788
|
+
p(t(q), {
|
|
789
789
|
name: "arrowLeftSLine",
|
|
790
790
|
size: 28,
|
|
791
791
|
class: "-mr-0.5 shrink-0"
|
|
792
792
|
}),
|
|
793
793
|
r("span", {
|
|
794
|
-
class:
|
|
795
|
-
},
|
|
796
|
-
])) :
|
|
794
|
+
class: T(["truncate", h.value ? "sr-only" : ""])
|
|
795
|
+
}, M(d.value.label), 3)
|
|
796
|
+
])) : s.value ? (l(), m(U, { key: 2 }, [
|
|
797
797
|
p(Sn),
|
|
798
798
|
r("span", Mn, [
|
|
799
|
-
p(t(
|
|
799
|
+
p(t(J), { name: "headerActions" })
|
|
800
800
|
])
|
|
801
|
-
], 64)) : (
|
|
801
|
+
], 64)) : (l(), P(Te, {
|
|
802
802
|
key: 3,
|
|
803
803
|
to: e.home,
|
|
804
804
|
tone: "brand",
|
|
805
|
-
class:
|
|
806
|
-
},
|
|
805
|
+
class: T(["px-2 transition-opacity", h.value ? "opacity-0" : "opacity-100"])
|
|
806
|
+
}, G({ _: 2 }, [
|
|
807
807
|
v.$slots.brand ? {
|
|
808
808
|
name: "default",
|
|
809
|
-
fn: D((
|
|
810
|
-
|
|
809
|
+
fn: D((f) => [
|
|
810
|
+
j(v.$slots, "brand", ne(ae(f)))
|
|
811
811
|
]),
|
|
812
812
|
key: "0"
|
|
813
813
|
} : void 0
|
|
@@ -816,60 +816,60 @@ const kn = ["id", "aria-label"], _n = ["data-drawer", "inert"], wn = /* @__PURE_
|
|
|
816
816
|
r("span", {
|
|
817
817
|
"aria-hidden": "true",
|
|
818
818
|
"data-shell-bar-title": "",
|
|
819
|
-
class:
|
|
820
|
-
},
|
|
819
|
+
class: T(["pointer-events-none truncate text-center text-headline font-semibold transition-opacity duration-motion-normal", h.value ? "max-w-[42vw] opacity-100" : "max-w-0 opacity-0"])
|
|
820
|
+
}, M(g.value), 3),
|
|
821
821
|
r("div", An, [
|
|
822
|
-
|
|
823
|
-
(
|
|
824
|
-
key:
|
|
822
|
+
s.value ? (l(), m(U, { key: 0 }, [
|
|
823
|
+
(l(!0), m(U, null, se(_.value, (f) => (l(), m(U, {
|
|
824
|
+
key: f.id
|
|
825
825
|
}, [
|
|
826
|
-
|
|
826
|
+
f.compact === "icon" && f.icon ? (l(), m("button", {
|
|
827
827
|
key: 0,
|
|
828
828
|
type: "button",
|
|
829
|
-
"data-page-action":
|
|
830
|
-
"aria-label":
|
|
831
|
-
disabled:
|
|
829
|
+
"data-page-action": f.id,
|
|
830
|
+
"aria-label": f.label,
|
|
831
|
+
disabled: f.disabled || f.processing,
|
|
832
832
|
class: "hit-target mx-1 flex size-8 shrink-0 cursor-pointer items-center justify-center rounded-full bg-tint-soft text-content-link disabled:opacity-45",
|
|
833
|
-
onClick: (I) =>
|
|
833
|
+
onClick: (I) => f.onClick()
|
|
834
834
|
}, [
|
|
835
|
-
p(t(
|
|
836
|
-
name:
|
|
835
|
+
p(t(q), {
|
|
836
|
+
name: f.processing ? "loader4Line" : f.icon,
|
|
837
837
|
size: 18,
|
|
838
|
-
class:
|
|
838
|
+
class: T(f.processing ? "animate-spin" : "")
|
|
839
839
|
}, null, 8, ["name", "class"])
|
|
840
|
-
], 8, Dn)) : (
|
|
840
|
+
], 8, Dn)) : (l(), m("button", {
|
|
841
841
|
key: 1,
|
|
842
842
|
type: "button",
|
|
843
|
-
"data-page-action":
|
|
844
|
-
disabled:
|
|
845
|
-
"aria-label":
|
|
846
|
-
"aria-busy":
|
|
843
|
+
"data-page-action": f.id,
|
|
844
|
+
disabled: f.disabled || f.processing,
|
|
845
|
+
"aria-label": f.shortLabel ? f.label : void 0,
|
|
846
|
+
"aria-busy": f.processing || void 0,
|
|
847
847
|
class: "hit-target flex min-w-0 shrink cursor-pointer items-center gap-1 rounded-control px-2 text-body font-semibold text-content-link disabled:text-content-disabled",
|
|
848
|
-
onClick: (I) =>
|
|
848
|
+
onClick: (I) => f.onClick()
|
|
849
849
|
}, [
|
|
850
|
-
|
|
850
|
+
f.processing ? (l(), P(t(q), {
|
|
851
851
|
key: 0,
|
|
852
852
|
name: "loader4Line",
|
|
853
853
|
size: 16,
|
|
854
854
|
class: "animate-spin"
|
|
855
855
|
})) : k("", !0),
|
|
856
|
-
r("span", In,
|
|
856
|
+
r("span", In, M(f.shortLabel ?? f.label), 1)
|
|
857
857
|
], 8, zn))
|
|
858
858
|
], 64))), 128)),
|
|
859
|
-
y.value.length ? (
|
|
859
|
+
y.value.length ? (l(), P(t(kt), {
|
|
860
860
|
key: 0,
|
|
861
861
|
items: y.value,
|
|
862
862
|
label: t(a)("core.page.more_actions")
|
|
863
863
|
}, {
|
|
864
|
-
trigger: D(({ toggle:
|
|
865
|
-
r("button",
|
|
864
|
+
trigger: D(({ toggle: f, attrs: I }) => [
|
|
865
|
+
r("button", le({ type: "button" }, I, {
|
|
866
866
|
"aria-label": t(a)("core.page.more_actions"),
|
|
867
867
|
"data-shell-bar-more": "",
|
|
868
868
|
"data-page-overflow": "",
|
|
869
869
|
class: "hit-target flex size-9 cursor-pointer items-center justify-center rounded-full text-content-link",
|
|
870
|
-
onClick:
|
|
870
|
+
onClick: f
|
|
871
871
|
}), [
|
|
872
|
-
p(t(
|
|
872
|
+
p(t(q), {
|
|
873
873
|
name: "moreLine",
|
|
874
874
|
size: 22
|
|
875
875
|
})
|
|
@@ -878,19 +878,19 @@ const kn = ["id", "aria-label"], _n = ["data-drawer", "inert"], wn = /* @__PURE_
|
|
|
878
878
|
_: 1
|
|
879
879
|
}, 8, ["items", "label"])) : k("", !0)
|
|
880
880
|
], 64)) : k("", !0),
|
|
881
|
-
|
|
881
|
+
j(v.$slots, "end")
|
|
882
882
|
])
|
|
883
883
|
])
|
|
884
884
|
], 2)) : k("", !0);
|
|
885
885
|
}
|
|
886
886
|
});
|
|
887
|
-
function
|
|
887
|
+
function Nn(e) {
|
|
888
888
|
const { name: a, email: n } = e;
|
|
889
889
|
return { name: typeof a == "string" && a !== "" ? a : String(e.id), detail: typeof n == "string" ? n : null };
|
|
890
890
|
}
|
|
891
|
-
function
|
|
892
|
-
const { session: a } =
|
|
893
|
-
return
|
|
891
|
+
function Pn(e) {
|
|
892
|
+
const { session: a } = de(), n = e ?? Nn;
|
|
893
|
+
return L(() => {
|
|
894
894
|
const o = Ce(a.state.value);
|
|
895
895
|
return o ? n(o.user) : null;
|
|
896
896
|
});
|
|
@@ -904,11 +904,11 @@ const qn = { class: "flex min-h-screen flex-col bg-surface-page text-base text-c
|
|
|
904
904
|
pullToRefresh: { type: Boolean, default: !0 }
|
|
905
905
|
},
|
|
906
906
|
setup(e) {
|
|
907
|
-
const a = e, { t: n } =
|
|
908
|
-
|
|
909
|
-
const
|
|
910
|
-
return (d, b) => (
|
|
911
|
-
e.progress?.visible.value ? (
|
|
907
|
+
const a = e, { t: n } = K(), { session: o } = de(), i = je(), u = Pn(a.identity);
|
|
908
|
+
ce(Ke, N(0));
|
|
909
|
+
const s = L(() => Ce(o.state.value) !== null), c = re("accountSheet");
|
|
910
|
+
return (d, b) => (l(), m("div", qn, [
|
|
911
|
+
e.progress?.visible.value ? (l(), m("div", {
|
|
912
912
|
key: 0,
|
|
913
913
|
role: "progressbar",
|
|
914
914
|
"aria-label": t(n)("core.state.loading"),
|
|
@@ -917,58 +917,58 @@ const qn = { class: "flex min-h-screen flex-col bg-surface-page text-base text-c
|
|
|
917
917
|
}, [...b[0] || (b[0] = [
|
|
918
918
|
r("div", { class: "animate-grow-and-shrink-width bg-primary-600 motion-reduce:w-full motion-reduce:animate-none motion-reduce:opacity-60" }, null, -1)
|
|
919
919
|
])], 8, Bn)) : k("", !0),
|
|
920
|
-
p(t(
|
|
921
|
-
p(wn, { enabled:
|
|
920
|
+
p(t(J), { name: "banner" }),
|
|
921
|
+
p(wn, { enabled: s.value }, G({
|
|
922
922
|
default: D(() => [
|
|
923
|
-
e.pullToRefresh &&
|
|
924
|
-
p(On, { home: e.home },
|
|
923
|
+
e.pullToRefresh && s.value ? (l(), P(rn, { key: 0 })) : k("", !0),
|
|
924
|
+
p(On, { home: e.home }, G({ _: 2 }, [
|
|
925
925
|
d.$slots.brand ? {
|
|
926
926
|
name: "brand",
|
|
927
927
|
fn: D((g) => [
|
|
928
|
-
|
|
928
|
+
j(d.$slots, "brand", ne(ae(g)))
|
|
929
929
|
]),
|
|
930
930
|
key: "0"
|
|
931
931
|
} : void 0,
|
|
932
932
|
d.$slots["top-bar-end"] ? {
|
|
933
933
|
name: "end",
|
|
934
934
|
fn: D(() => [
|
|
935
|
-
|
|
935
|
+
j(d.$slots, "top-bar-end")
|
|
936
936
|
]),
|
|
937
937
|
key: "1"
|
|
938
938
|
} : void 0
|
|
939
939
|
]), 1032, ["home"]),
|
|
940
940
|
r("div", jn, [
|
|
941
|
-
t(u) ? (
|
|
941
|
+
t(u) ? (l(), P(vn, {
|
|
942
942
|
key: 0,
|
|
943
943
|
identity: t(u),
|
|
944
944
|
home: e.home
|
|
945
|
-
},
|
|
945
|
+
}, G({ _: 2 }, [
|
|
946
946
|
d.$slots.brand ? {
|
|
947
947
|
name: "brand",
|
|
948
948
|
fn: D((g) => [
|
|
949
|
-
|
|
949
|
+
j(d.$slots, "brand", ne(ae(g)))
|
|
950
950
|
]),
|
|
951
951
|
key: "0"
|
|
952
952
|
} : void 0,
|
|
953
953
|
d.$slots.footer ? {
|
|
954
954
|
name: "footer",
|
|
955
955
|
fn: D(() => [
|
|
956
|
-
|
|
956
|
+
j(d.$slots, "footer")
|
|
957
957
|
]),
|
|
958
958
|
key: "1"
|
|
959
959
|
} : void 0
|
|
960
960
|
]), 1032, ["identity", "home"])) : k("", !0),
|
|
961
961
|
r("div", Kn, [
|
|
962
962
|
r("main", {
|
|
963
|
-
class:
|
|
964
|
-
style:
|
|
963
|
+
class: T(["flex min-w-0 flex-1 flex-col", t(i).hasShell.value ? "" : "p-4 md:px-8 md:py-6"]),
|
|
964
|
+
style: ve(t(i).hasShell.value ? void 0 : { paddingBottom: "calc(var(--bottom-dock-h, 0px) + 1rem)" })
|
|
965
965
|
}, [
|
|
966
966
|
p(t(vt))
|
|
967
967
|
], 6)
|
|
968
968
|
])
|
|
969
969
|
]),
|
|
970
970
|
p(t(pt), {
|
|
971
|
-
class:
|
|
971
|
+
class: T(s.value ? "md:left-64" : "")
|
|
972
972
|
}, null, 8, ["class"])
|
|
973
973
|
]),
|
|
974
974
|
_: 2
|
|
@@ -981,18 +981,18 @@ const qn = { class: "flex min-h-screen flex-col bg-surface-page text-base text-c
|
|
|
981
981
|
home: e.home,
|
|
982
982
|
onSelect: g,
|
|
983
983
|
onAccount: ($) => h(() => c.value?.present())
|
|
984
|
-
},
|
|
984
|
+
}, G({ _: 2 }, [
|
|
985
985
|
d.$slots.brand ? {
|
|
986
986
|
name: "brand",
|
|
987
987
|
fn: D(($) => [
|
|
988
|
-
|
|
988
|
+
j(d.$slots, "brand", ne(ae($)))
|
|
989
989
|
]),
|
|
990
990
|
key: "0"
|
|
991
991
|
} : void 0,
|
|
992
992
|
d.$slots.footer ? {
|
|
993
993
|
name: "footer",
|
|
994
994
|
fn: D(() => [
|
|
995
|
-
|
|
995
|
+
j(d.$slots, "footer")
|
|
996
996
|
]),
|
|
997
997
|
key: "1"
|
|
998
998
|
} : void 0
|
|
@@ -1001,24 +1001,24 @@ const qn = { class: "flex min-h-screen flex-col bg-surface-page text-base text-c
|
|
|
1001
1001
|
key: "0"
|
|
1002
1002
|
} : void 0
|
|
1003
1003
|
]), 1032, ["enabled"]),
|
|
1004
|
-
t(u) ? (
|
|
1004
|
+
t(u) ? (l(), P(qt, {
|
|
1005
1005
|
key: 1,
|
|
1006
1006
|
ref_key: "accountSheet",
|
|
1007
1007
|
ref: c,
|
|
1008
1008
|
identity: t(u)
|
|
1009
1009
|
}, null, 8, ["identity"])) : k("", !0),
|
|
1010
|
-
(
|
|
1010
|
+
(l(), P(Oe, { to: "body" }, [
|
|
1011
1011
|
r("div", Vn, [
|
|
1012
1012
|
p(t(mt))
|
|
1013
1013
|
])
|
|
1014
1014
|
])),
|
|
1015
1015
|
p(ft),
|
|
1016
|
-
p(t(
|
|
1016
|
+
p(t(J), { name: "host" })
|
|
1017
1017
|
]));
|
|
1018
1018
|
}
|
|
1019
1019
|
});
|
|
1020
1020
|
function Un(e = _t) {
|
|
1021
|
-
const a =
|
|
1021
|
+
const a = Ne(!1);
|
|
1022
1022
|
let n;
|
|
1023
1023
|
return {
|
|
1024
1024
|
visible: a,
|
|
@@ -1030,12 +1030,12 @@ function Un(e = _t) {
|
|
|
1030
1030
|
}
|
|
1031
1031
|
};
|
|
1032
1032
|
}
|
|
1033
|
-
function
|
|
1033
|
+
function so(e = {}) {
|
|
1034
1034
|
const a = Un(), { brand: n, footer: o, topBarEnd: i } = e;
|
|
1035
1035
|
return { component: R({
|
|
1036
1036
|
name: "BackofficeShell",
|
|
1037
1037
|
setup() {
|
|
1038
|
-
return () =>
|
|
1038
|
+
return () => te(
|
|
1039
1039
|
Fn,
|
|
1040
1040
|
{
|
|
1041
1041
|
home: e.home,
|
|
@@ -1045,9 +1045,9 @@ function ro(e = {}) {
|
|
|
1045
1045
|
pullToRefresh: e.pullToRefresh
|
|
1046
1046
|
},
|
|
1047
1047
|
{
|
|
1048
|
-
...n && { brand: (
|
|
1049
|
-
...o && { footer: () =>
|
|
1050
|
-
...i && { "top-bar-end": () =>
|
|
1048
|
+
...n && { brand: (s) => te(n, s) },
|
|
1049
|
+
...o && { footer: () => te(o) },
|
|
1050
|
+
...i && { "top-bar-end": () => te(i) }
|
|
1051
1051
|
}
|
|
1052
1052
|
);
|
|
1053
1053
|
}
|
|
@@ -1066,9 +1066,9 @@ function Qn(e) {
|
|
|
1066
1066
|
name: "AppUpdateNotice",
|
|
1067
1067
|
setup() {
|
|
1068
1068
|
if (e.enabled === !1) return () => null;
|
|
1069
|
-
const { t: a } =
|
|
1069
|
+
const { t: a } = K(), n = e.url ?? "/", o = Hn();
|
|
1070
1070
|
let i = !1, u = 0;
|
|
1071
|
-
async function
|
|
1071
|
+
async function s() {
|
|
1072
1072
|
if (!(i || o.length === 0 || !navigator.onLine || document.visibilityState !== "visible") && !(Date.now() - u < Xn)) {
|
|
1073
1073
|
u = Date.now();
|
|
1074
1074
|
try {
|
|
@@ -1082,29 +1082,29 @@ function Qn(e) {
|
|
|
1082
1082
|
}
|
|
1083
1083
|
}
|
|
1084
1084
|
}
|
|
1085
|
-
const c = () => void
|
|
1085
|
+
const c = () => void s();
|
|
1086
1086
|
document.addEventListener("visibilitychange", c);
|
|
1087
|
-
const d = setInterval(
|
|
1088
|
-
return
|
|
1087
|
+
const d = setInterval(s, e.checkEveryMs ?? Wn);
|
|
1088
|
+
return ue(() => {
|
|
1089
1089
|
document.removeEventListener("visibilitychange", c), clearInterval(d);
|
|
1090
1090
|
}), () => null;
|
|
1091
1091
|
}
|
|
1092
1092
|
});
|
|
1093
1093
|
}
|
|
1094
|
-
function
|
|
1095
|
-
return
|
|
1094
|
+
function lo(e = {}) {
|
|
1095
|
+
return fe({
|
|
1096
1096
|
id: "vue-core.app-updates",
|
|
1097
1097
|
contributions: [{ id: "vue-core.app-updates", slot: "host", component: Qn(e), scope: "always" }]
|
|
1098
1098
|
});
|
|
1099
1099
|
}
|
|
1100
|
-
const Gn = 1e3,
|
|
1100
|
+
const Gn = 1e3, pe = (e) => e.path.split("/").filter(Boolean).length;
|
|
1101
1101
|
function Jn(e) {
|
|
1102
1102
|
if (typeof document > "u" || typeof document.startViewTransition != "function") return () => {
|
|
1103
1103
|
};
|
|
1104
1104
|
let a = null;
|
|
1105
1105
|
const n = () => window.matchMedia("(max-width: 1023px)").matches && !window.matchMedia("(prefers-reduced-motion: reduce)").matches && !document.body.classList.contains(xt), o = e.beforeResolve((c, d) => {
|
|
1106
1106
|
if (i(), !d.matched.length || c.path === d.path || !n()) return;
|
|
1107
|
-
const b =
|
|
1107
|
+
const b = pe(c) > pe(d) ? "forward" : pe(c) < pe(d) ? "back" : null;
|
|
1108
1108
|
if (!b) return;
|
|
1109
1109
|
const g = document.documentElement;
|
|
1110
1110
|
return g.dataset.navDirection = b, new Promise((h) => {
|
|
@@ -1125,49 +1125,49 @@ function Jn(e) {
|
|
|
1125
1125
|
});
|
|
1126
1126
|
function i() {
|
|
1127
1127
|
const c = a;
|
|
1128
|
-
a = null, c &&
|
|
1128
|
+
a = null, c && be().then(c);
|
|
1129
1129
|
}
|
|
1130
|
-
const u = e.afterEach(i),
|
|
1130
|
+
const u = e.afterEach(i), s = e.onError(i);
|
|
1131
1131
|
return () => {
|
|
1132
|
-
o(), u(),
|
|
1132
|
+
o(), u(), s(), delete document.documentElement.dataset.navDirection, a?.(), a = null;
|
|
1133
1133
|
};
|
|
1134
1134
|
}
|
|
1135
1135
|
const Zn = R({
|
|
1136
1136
|
name: "ViewTransitions",
|
|
1137
1137
|
setup() {
|
|
1138
|
-
return
|
|
1138
|
+
return ue(Jn(ge())), () => null;
|
|
1139
1139
|
}
|
|
1140
1140
|
});
|
|
1141
|
-
function
|
|
1142
|
-
return
|
|
1141
|
+
function ro() {
|
|
1142
|
+
return fe({
|
|
1143
1143
|
id: "vue-core.view-transitions",
|
|
1144
1144
|
contributions: [{ id: "vue-core.view-transitions", slot: "host", component: Zn, scope: "always" }]
|
|
1145
1145
|
});
|
|
1146
1146
|
}
|
|
1147
1147
|
const ea = Symbol("vue-core:quick-search");
|
|
1148
1148
|
function Ze() {
|
|
1149
|
-
const e = St(ea, () =>
|
|
1149
|
+
const e = St(ea, () => Ne(!1));
|
|
1150
1150
|
return { isOpen: e, open: () => e.value = !0, close: () => e.value = !1 };
|
|
1151
1151
|
}
|
|
1152
1152
|
const ta = { class: "flex-1 truncate" }, na = /* @__PURE__ */ R({
|
|
1153
1153
|
__name: "QuickSearchButton",
|
|
1154
1154
|
setup(e) {
|
|
1155
|
-
const { t: a } =
|
|
1156
|
-
return (u,
|
|
1155
|
+
const { t: a } = K(), n = Ze(), o = Le(Ee, "bar") === "rail", i = L(() => Ue({ key: "k", mod: !0 }).join(" "));
|
|
1156
|
+
return (u, s) => (l(), m("button", {
|
|
1157
1157
|
type: "button",
|
|
1158
1158
|
"data-test": "quick-search-button",
|
|
1159
|
-
class:
|
|
1160
|
-
onClick:
|
|
1159
|
+
class: T(["flex h-9 w-full cursor-pointer items-center gap-2 rounded-control px-3 text-left text-callout transition-colors duration-motion-fast focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-border-focus", o ? "bg-gray-500/15 text-gray-400 hover:bg-gray-500/25" : "bg-fill text-content-muted hover:bg-fill-strong"]),
|
|
1160
|
+
onClick: s[0] || (s[0] = (c) => t(n).open())
|
|
1161
1161
|
}, [
|
|
1162
|
-
p(t(
|
|
1162
|
+
p(t(q), {
|
|
1163
1163
|
name: "search",
|
|
1164
1164
|
size: 16,
|
|
1165
1165
|
class: "shrink-0"
|
|
1166
1166
|
}),
|
|
1167
|
-
r("span", ta,
|
|
1167
|
+
r("span", ta, M(t(a)("core.shell.search.open")) + "…", 1),
|
|
1168
1168
|
r("kbd", {
|
|
1169
|
-
class:
|
|
1170
|
-
},
|
|
1169
|
+
class: T(["rounded border px-1.5 text-caption [@media(pointer:coarse)]:hidden", o ? "border-gray-500/30" : "border-border-separator"])
|
|
1170
|
+
}, M(i.value), 3)
|
|
1171
1171
|
], 2));
|
|
1172
1172
|
}
|
|
1173
1173
|
}), aa = ["aria-label"], oa = { class: "flex items-center gap-3 border-b border-border-separator px-4 py-3 pt-[max(0.75rem,var(--app-safe-top))] md:px-5 md:py-4" }, sa = {
|
|
@@ -1178,23 +1178,17 @@ const ta = { class: "flex-1 truncate" }, na = /* @__PURE__ */ R({
|
|
|
1178
1178
|
class: "flex flex-col items-center gap-1 px-6 py-10 text-center",
|
|
1179
1179
|
"data-test": "quick-search-empty"
|
|
1180
1180
|
}, ra = { class: "text-headline font-semibold" }, ia = { class: "max-w-sm text-subheadline text-content-muted" }, ca = ["data-test"], ua = ["id", "aria-selected", "data-index", "data-test", "onMousemove", "onClick"], da = { class: "flex min-w-0 flex-1 flex-col" }, fa = { class: "truncate text-body font-semibold" }, ma = {
|
|
1181
|
-
key: 0,
|
|
1182
|
-
class: "rounded-sm bg-tint-soft px-px text-inherit"
|
|
1183
|
-
}, pa = {
|
|
1184
|
-
key: 0,
|
|
1185
|
-
class: "rounded-sm bg-tint-soft px-px text-content-strong"
|
|
1186
|
-
}, va = {
|
|
1187
1181
|
key: 2,
|
|
1188
1182
|
class: "px-3 py-3 text-subheadline text-content-destructive",
|
|
1189
1183
|
role: "alert"
|
|
1190
|
-
},
|
|
1184
|
+
}, pa = {
|
|
1191
1185
|
key: 3,
|
|
1192
1186
|
class: "px-3 py-2 text-footnote text-content-muted",
|
|
1193
1187
|
"data-test": "quick-search-unavailable"
|
|
1194
|
-
},
|
|
1188
|
+
}, va = {
|
|
1195
1189
|
key: 4,
|
|
1196
1190
|
class: "px-3 py-8 text-center text-subheadline text-content-muted"
|
|
1197
|
-
},
|
|
1191
|
+
}, ha = { class: "hidden items-center gap-4 border-t border-border-separator px-5 py-2.5 text-footnote text-content-muted md:flex" }, ba = { class: "font-semibold" }, ga = /* @__PURE__ */ R({
|
|
1198
1192
|
__name: "QuickSearchPalette",
|
|
1199
1193
|
props: {
|
|
1200
1194
|
search: {},
|
|
@@ -1208,42 +1202,42 @@ const ta = { class: "flex-1 truncate" }, na = /* @__PURE__ */ R({
|
|
|
1208
1202
|
delayMs: { default: 180 }
|
|
1209
1203
|
},
|
|
1210
1204
|
setup(e) {
|
|
1211
|
-
const a = e, { t: n } =
|
|
1212
|
-
|
|
1205
|
+
const a = e, { t: n } = K(), o = ge(), i = Ze(), u = re("panel"), s = re("list"), { isOpen: c, present: d, dismiss: b } = Fe(u, { onDismissed: () => {
|
|
1206
|
+
B(), i.close();
|
|
1213
1207
|
} });
|
|
1214
|
-
wt({ key: "k", mod: !0, group: "general", label: () => n("core.shell.search.title") }, () => i.open()),
|
|
1215
|
-
const g =
|
|
1216
|
-
let z = null,
|
|
1217
|
-
const I = $t(_),
|
|
1218
|
-
function
|
|
1219
|
-
clearTimeout(
|
|
1208
|
+
wt({ key: "k", mod: !0, group: "general", label: () => n("core.shell.search.title") }, () => i.open()), ue(() => i.close());
|
|
1209
|
+
const g = N(""), h = N(null), $ = N(""), _ = N(!1), y = N(!1), C = N(0), v = N([]);
|
|
1210
|
+
let z = null, f;
|
|
1211
|
+
const I = $t(_), E = L(() => g.value.trim()), x = L(() => E.value.length >= a.minLength);
|
|
1212
|
+
function B() {
|
|
1213
|
+
clearTimeout(f), z?.abort(), z = null, _.value = !1;
|
|
1220
1214
|
}
|
|
1221
|
-
|
|
1222
|
-
w ? (g.value = "", h.value = null, $.value = "", y.value = !1,
|
|
1223
|
-
}),
|
|
1224
|
-
if (
|
|
1215
|
+
Q(i.isOpen, (w) => {
|
|
1216
|
+
w ? (g.value = "", h.value = null, $.value = "", y.value = !1, C.value = 0, v.value = a.recent?.() ?? [], d()) : c.value && (B(), b());
|
|
1217
|
+
}), Q(E, (w) => {
|
|
1218
|
+
if (B(), C.value = 0, w.length < a.minLength) {
|
|
1225
1219
|
h.value = null, $.value = "", y.value = !1;
|
|
1226
1220
|
return;
|
|
1227
1221
|
}
|
|
1228
|
-
|
|
1222
|
+
f = setTimeout(() => void Z(w), a.delayMs);
|
|
1229
1223
|
});
|
|
1230
|
-
async function
|
|
1224
|
+
async function Z(w) {
|
|
1231
1225
|
const A = new AbortController();
|
|
1232
1226
|
z = A, _.value = !0, y.value = !1;
|
|
1233
1227
|
try {
|
|
1234
|
-
const
|
|
1235
|
-
A.signal.aborted || (h.value =
|
|
1228
|
+
const X = await a.search(w, A.signal);
|
|
1229
|
+
A.signal.aborted || (h.value = X, $.value = w);
|
|
1236
1230
|
} catch {
|
|
1237
1231
|
A.signal.aborted || (y.value = !0);
|
|
1238
1232
|
} finally {
|
|
1239
1233
|
z === A && (z = null, _.value = !1);
|
|
1240
1234
|
}
|
|
1241
1235
|
}
|
|
1242
|
-
const
|
|
1236
|
+
const Y = L(() => x.value && h.value ? h.value.groups : []), ye = L(() => x.value ? a.suggest?.(E.value) ?? [] : []), ee = L(() => x.value ? [...Y.value, ...ye.value].filter((w) => w.rows.length > 0) : v.value.length ? [{ key: "recent", label: n("core.shell.search.recent"), rows: v.value }] : []), W = L(() => ee.value.flatMap((w) => w.rows)), H = L(() => new Map(W.value.map((w, A) => [w, A]))), F = L(() => x.value && $.value === E.value && !_.value && !y.value), xe = L(() => F.value && !Y.value.some((w) => w.rows.length > 0)), me = L(() => x.value ? h.value?.unavailable ?? [] : []);
|
|
1243
1237
|
function S(w) {
|
|
1244
|
-
|
|
1238
|
+
W.value.length && (C.value = (C.value + w + W.value.length) % W.value.length, be(() => s.value?.querySelector(`[data-index="${C.value}"]`)?.scrollIntoView({ block: "nearest" })));
|
|
1245
1239
|
}
|
|
1246
|
-
function
|
|
1240
|
+
function V(w, A = !1) {
|
|
1247
1241
|
if (w) {
|
|
1248
1242
|
if (a.onChoose?.(w), A) {
|
|
1249
1243
|
window.open(o.resolve(w.to).href, "_blank", "noopener");
|
|
@@ -1253,14 +1247,14 @@ const ta = { class: "flex-1 truncate" }, na = /* @__PURE__ */ R({
|
|
|
1253
1247
|
}
|
|
1254
1248
|
}
|
|
1255
1249
|
function Me(w) {
|
|
1256
|
-
w.key === "ArrowDown" || w.key === "ArrowUp" ? (w.preventDefault(), S(w.key === "ArrowDown" ? 1 : -1)) : w.key === "Enter" && !w.isComposing && (w.preventDefault(),
|
|
1250
|
+
w.key === "ArrowDown" || w.key === "ArrowUp" ? (w.preventDefault(), S(w.key === "ArrowDown" ? 1 : -1)) : w.key === "Enter" && !w.isComposing && (w.preventDefault(), V(W.value[C.value], w.metaKey || w.ctrlKey));
|
|
1257
1251
|
}
|
|
1258
1252
|
const et = {
|
|
1259
1253
|
neutral: "bg-surface-inverse text-content-inverse-accent",
|
|
1260
1254
|
accent: "bg-control-on text-white",
|
|
1261
1255
|
action: "bg-tint-soft text-content-link"
|
|
1262
|
-
}, tt =
|
|
1263
|
-
return (w, A) => (
|
|
1256
|
+
}, tt = L(() => Ue({ key: "k", mod: !0 })[0]);
|
|
1257
|
+
return (w, A) => (l(), P(Oe, { to: "body" }, [
|
|
1264
1258
|
p(we, {
|
|
1265
1259
|
"enter-active-class": "transition-opacity duration-motion-normal ease-motion-standard",
|
|
1266
1260
|
"enter-from-class": "opacity-0",
|
|
@@ -1268,11 +1262,11 @@ const ta = { class: "flex-1 truncate" }, na = /* @__PURE__ */ R({
|
|
|
1268
1262
|
"leave-to-class": "opacity-0"
|
|
1269
1263
|
}, {
|
|
1270
1264
|
default: D(() => [
|
|
1271
|
-
t(c) ? (
|
|
1265
|
+
t(c) ? (l(), m("div", {
|
|
1272
1266
|
key: 0,
|
|
1273
1267
|
class: "fixed inset-0 z-9999 bg-scrim",
|
|
1274
1268
|
"aria-hidden": "true",
|
|
1275
|
-
onClick: A[0] || (A[0] = (
|
|
1269
|
+
onClick: A[0] || (A[0] = (X) => t(b)())
|
|
1276
1270
|
})) : k("", !0)
|
|
1277
1271
|
]),
|
|
1278
1272
|
_: 1
|
|
@@ -1284,7 +1278,7 @@ const ta = { class: "flex-1 truncate" }, na = /* @__PURE__ */ R({
|
|
|
1284
1278
|
"leave-to-class": "opacity-0 scale-98"
|
|
1285
1279
|
}, {
|
|
1286
1280
|
default: D(() => [
|
|
1287
|
-
t(c) ? (
|
|
1281
|
+
t(c) ? (l(), m("div", {
|
|
1288
1282
|
key: 0,
|
|
1289
1283
|
ref_key: "panel",
|
|
1290
1284
|
ref: u,
|
|
@@ -1297,103 +1291,101 @@ const ta = { class: "flex-1 truncate" }, na = /* @__PURE__ */ R({
|
|
|
1297
1291
|
onKeydown: Me
|
|
1298
1292
|
}, [
|
|
1299
1293
|
r("div", oa, [
|
|
1300
|
-
p(t(
|
|
1294
|
+
p(t(q), {
|
|
1301
1295
|
name: "search",
|
|
1302
1296
|
size: 20,
|
|
1303
1297
|
class: "shrink-0 text-content-muted"
|
|
1304
1298
|
}),
|
|
1305
|
-
p(t(Lt),
|
|
1299
|
+
p(t(Lt), le({
|
|
1306
1300
|
modelValue: g.value,
|
|
1307
|
-
"onUpdate:modelValue": A[1] || (A[1] = (
|
|
1301
|
+
"onUpdate:modelValue": A[1] || (A[1] = (X) => g.value = X),
|
|
1308
1302
|
label: t(n)("core.shell.search.title"),
|
|
1309
|
-
placeholder: a.placeholder ?? t(n)("core.shell.search.placeholder")
|
|
1303
|
+
placeholder: _e(a.placeholder) ?? t(n)("core.shell.search.placeholder")
|
|
1310
1304
|
}, {
|
|
1311
1305
|
role: "combobox",
|
|
1312
1306
|
"aria-expanded": "true",
|
|
1313
1307
|
"aria-controls": "quick-search-results",
|
|
1314
|
-
"aria-activedescendant":
|
|
1308
|
+
"aria-activedescendant": W.value.length ? `quick-search-row-${C.value}` : void 0,
|
|
1315
1309
|
"data-test": "quick-search-input"
|
|
1316
1310
|
}), null, 16, ["modelValue", "label", "placeholder"]),
|
|
1317
1311
|
r("button", {
|
|
1318
1312
|
type: "button",
|
|
1319
1313
|
class: "hit-target shrink-0 cursor-pointer rounded-control px-1 text-body text-content-link md:hidden",
|
|
1320
|
-
onClick: A[2] || (A[2] = (
|
|
1321
|
-
},
|
|
1314
|
+
onClick: A[2] || (A[2] = (X) => t(b)())
|
|
1315
|
+
}, M(t(n)("core.actions.cancel")), 1),
|
|
1322
1316
|
A[3] || (A[3] = r("kbd", { class: "hidden shrink-0 rounded-md border border-border-separator px-1.5 py-0.5 text-caption text-content-muted md:inline" }, "esc", -1))
|
|
1323
1317
|
]),
|
|
1324
1318
|
r("div", {
|
|
1325
1319
|
id: "quick-search-results",
|
|
1326
1320
|
ref_key: "list",
|
|
1327
|
-
ref:
|
|
1321
|
+
ref: s,
|
|
1328
1322
|
role: "listbox",
|
|
1329
1323
|
class: "min-h-0 flex-1 overflow-y-auto overscroll-contain px-2 py-2 md:px-3",
|
|
1330
1324
|
"data-test": "quick-search-results"
|
|
1331
1325
|
}, [
|
|
1332
|
-
t(I).visible.value && !
|
|
1326
|
+
t(I).visible.value && !F.value ? (l(), m("div", sa, [
|
|
1333
1327
|
p(t(Et), {
|
|
1334
1328
|
text: t(n)("core.shell.search.searching")
|
|
1335
1329
|
}, null, 8, ["text"])
|
|
1336
1330
|
])) : k("", !0),
|
|
1337
|
-
|
|
1338
|
-
r("p", ra,
|
|
1339
|
-
r("p", ia,
|
|
1331
|
+
xe.value ? (l(), m("div", la, [
|
|
1332
|
+
r("p", ra, M(t(n)("core.shell.search.none", { query: E.value })), 1),
|
|
1333
|
+
r("p", ia, M(_e(a.noneHint) ?? t(n)("core.shell.search.none_hint")), 1)
|
|
1340
1334
|
])) : k("", !0),
|
|
1341
|
-
(
|
|
1342
|
-
key:
|
|
1335
|
+
(l(!0), m(U, null, se(ee.value, (X) => (l(), m(U, {
|
|
1336
|
+
key: X.key
|
|
1343
1337
|
}, [
|
|
1344
1338
|
r("p", {
|
|
1345
1339
|
class: "px-3 pt-2.5 pb-1.5 text-footnote font-semibold text-content-muted uppercase",
|
|
1346
|
-
"data-test": `quick-search-group-${
|
|
1347
|
-
},
|
|
1348
|
-
(
|
|
1349
|
-
id: `quick-search-row-${
|
|
1340
|
+
"data-test": `quick-search-group-${X.key}`
|
|
1341
|
+
}, M(X.label), 9, ca),
|
|
1342
|
+
(l(!0), m(U, null, se(X.rows, (O) => (l(), m("div", {
|
|
1343
|
+
id: `quick-search-row-${H.value.get(O)}`,
|
|
1350
1344
|
key: O.key,
|
|
1351
1345
|
role: "option",
|
|
1352
|
-
"aria-selected":
|
|
1353
|
-
"data-index":
|
|
1346
|
+
"aria-selected": H.value.get(O) === C.value,
|
|
1347
|
+
"data-index": H.value.get(O),
|
|
1354
1348
|
"data-test": `quick-search-row-${O.key}`,
|
|
1355
|
-
class:
|
|
1356
|
-
onMousemove: (
|
|
1357
|
-
onClick: (
|
|
1349
|
+
class: T(["flex cursor-pointer animate-row-in items-center gap-3 rounded-control px-3 py-2.5", H.value.get(O) === C.value ? "bg-surface-selected" : "hover:bg-fill"]),
|
|
1350
|
+
onMousemove: (ke) => C.value = H.value.get(O),
|
|
1351
|
+
onClick: (ke) => V(O, ke.metaKey || ke.ctrlKey)
|
|
1358
1352
|
}, [
|
|
1359
1353
|
r("span", {
|
|
1360
|
-
class:
|
|
1354
|
+
class: T(["flex size-8 shrink-0 items-center justify-center rounded-lg", et[O.tile ?? "neutral"]])
|
|
1361
1355
|
}, [
|
|
1362
|
-
p(t(
|
|
1356
|
+
p(t(q), {
|
|
1363
1357
|
name: O.icon,
|
|
1364
1358
|
size: 16
|
|
1365
1359
|
}, null, 8, ["name"])
|
|
1366
1360
|
], 2),
|
|
1367
1361
|
r("span", da, [
|
|
1368
1362
|
r("span", fa, [
|
|
1369
|
-
(
|
|
1370
|
-
|
|
1371
|
-
|
|
1372
|
-
|
|
1373
|
-
], 64))), 128))
|
|
1363
|
+
p(De, {
|
|
1364
|
+
text: O.title,
|
|
1365
|
+
search: x.value ? E.value : ""
|
|
1366
|
+
}, null, 8, ["text", "search"])
|
|
1374
1367
|
]),
|
|
1375
|
-
O.meta ? (
|
|
1368
|
+
O.meta ? (l(), m("span", {
|
|
1376
1369
|
key: 0,
|
|
1377
|
-
class:
|
|
1370
|
+
class: T(["truncate text-footnote text-content-muted", O.mono ? "font-mono tracking-tight" : ""])
|
|
1378
1371
|
}, [
|
|
1379
|
-
(
|
|
1380
|
-
|
|
1381
|
-
|
|
1382
|
-
|
|
1383
|
-
], 64))), 128))
|
|
1372
|
+
p(De, {
|
|
1373
|
+
text: O.meta,
|
|
1374
|
+
search: x.value ? E.value : ""
|
|
1375
|
+
}, null, 8, ["text", "search"])
|
|
1384
1376
|
], 2)) : k("", !0)
|
|
1385
1377
|
]),
|
|
1386
|
-
O.badge ? (
|
|
1378
|
+
O.badge ? (l(), P(t(Ct), {
|
|
1387
1379
|
key: 0,
|
|
1388
1380
|
tone: O.badge.tone,
|
|
1389
1381
|
class: "hidden shrink-0 sm:inline-flex"
|
|
1390
1382
|
}, {
|
|
1391
1383
|
default: D(() => [
|
|
1392
|
-
|
|
1384
|
+
ie(M(O.badge.label), 1)
|
|
1393
1385
|
]),
|
|
1394
1386
|
_: 2
|
|
1395
1387
|
}, 1032, ["tone"])) : k("", !0),
|
|
1396
|
-
|
|
1388
|
+
H.value.get(O) === C.value ? (l(), P(t(q), {
|
|
1397
1389
|
key: 1,
|
|
1398
1390
|
name: "arrowRightSLine",
|
|
1399
1391
|
size: 16,
|
|
@@ -1401,22 +1393,22 @@ const ta = { class: "flex-1 truncate" }, na = /* @__PURE__ */ R({
|
|
|
1401
1393
|
})) : k("", !0)
|
|
1402
1394
|
], 42, ua))), 128))
|
|
1403
1395
|
], 64))), 128)),
|
|
1404
|
-
y.value ? (
|
|
1405
|
-
|
|
1406
|
-
!
|
|
1396
|
+
y.value ? (l(), m("p", ma, M(t(n)("core.shell.search.failed")), 1)) : k("", !0),
|
|
1397
|
+
me.value.length ? (l(), m("p", pa, M(t(n)("core.shell.search.unavailable", { groups: me.value.join(", ") })), 1)) : k("", !0),
|
|
1398
|
+
!ee.value.length && !x.value ? (l(), m("p", va, M(_e(a.hint) ?? t(n)("core.shell.search.hint")), 1)) : k("", !0)
|
|
1407
1399
|
], 512),
|
|
1408
|
-
r("div",
|
|
1400
|
+
r("div", ha, [
|
|
1409
1401
|
r("span", null, [
|
|
1410
1402
|
A[4] || (A[4] = r("kbd", { class: "font-semibold" }, "↑ ↓", -1)),
|
|
1411
|
-
|
|
1403
|
+
ie(" " + M(t(n)("core.shell.search.select")), 1)
|
|
1412
1404
|
]),
|
|
1413
1405
|
r("span", null, [
|
|
1414
1406
|
A[5] || (A[5] = r("kbd", { class: "font-semibold" }, "↵", -1)),
|
|
1415
|
-
|
|
1407
|
+
ie(" " + M(t(n)("core.shell.search.open_row")), 1)
|
|
1416
1408
|
]),
|
|
1417
1409
|
r("span", null, [
|
|
1418
|
-
r("kbd",
|
|
1419
|
-
|
|
1410
|
+
r("kbd", ba, M(tt.value) + " ↵", 1),
|
|
1411
|
+
ie(" " + M(t(n)("core.shell.search.new_tab")), 1)
|
|
1420
1412
|
])
|
|
1421
1413
|
])
|
|
1422
1414
|
], 40, aa)) : k("", !0)
|
|
@@ -1426,61 +1418,61 @@ const ta = { class: "flex-1 truncate" }, na = /* @__PURE__ */ R({
|
|
|
1426
1418
|
]));
|
|
1427
1419
|
}
|
|
1428
1420
|
});
|
|
1429
|
-
function
|
|
1430
|
-
return R({ name: "QuickSearch", setup: () => () =>
|
|
1421
|
+
function ya(e) {
|
|
1422
|
+
return R({ name: "QuickSearch", setup: () => () => te(ga, e) });
|
|
1431
1423
|
}
|
|
1432
|
-
function
|
|
1433
|
-
return
|
|
1424
|
+
function io(e) {
|
|
1425
|
+
return fe({
|
|
1434
1426
|
id: "vue-core.quick-search",
|
|
1435
1427
|
contributions: [
|
|
1436
1428
|
{ id: "vue-core.quick-search.button", slot: "search", component: na, scope: "authenticated", optional: !0 },
|
|
1437
|
-
{ id: "vue-core.quick-search.palette", slot: "host", component:
|
|
1429
|
+
{ id: "vue-core.quick-search.palette", slot: "host", component: ya(e), scope: "authenticated" }
|
|
1438
1430
|
]
|
|
1439
1431
|
});
|
|
1440
1432
|
}
|
|
1441
|
-
const
|
|
1433
|
+
const xa = /* @__PURE__ */ R({
|
|
1442
1434
|
__name: "DarkModeRow",
|
|
1443
1435
|
props: {
|
|
1444
1436
|
dark: { type: Boolean }
|
|
1445
1437
|
},
|
|
1446
1438
|
emits: ["toggle"],
|
|
1447
1439
|
setup(e, { emit: a }) {
|
|
1448
|
-
const n = e, o = a, { t: i } =
|
|
1449
|
-
return (u,
|
|
1440
|
+
const n = e, o = a, { t: i } = K();
|
|
1441
|
+
return (u, s) => (l(), P($e, {
|
|
1450
1442
|
label: t(i)("core.shell.dark_mode"),
|
|
1451
1443
|
icon: "moonLine",
|
|
1452
1444
|
checked: n.dark,
|
|
1453
|
-
onClick:
|
|
1445
|
+
onClick: s[0] || (s[0] = (c) => o("toggle"))
|
|
1454
1446
|
}, null, 8, ["label", "checked"]));
|
|
1455
1447
|
}
|
|
1456
|
-
}),
|
|
1457
|
-
function
|
|
1448
|
+
}), ka = { light: "#ffffff", dark: "#18181B" };
|
|
1449
|
+
function _a(e, a = ka) {
|
|
1458
1450
|
document.documentElement.classList.toggle("dark", e), document.querySelector('meta[name="theme-color"]')?.setAttribute("content", e ? a.dark : a.light);
|
|
1459
1451
|
}
|
|
1460
|
-
function
|
|
1452
|
+
function co(e) {
|
|
1461
1453
|
const a = R({
|
|
1462
1454
|
name: "DarkModeSwitch",
|
|
1463
|
-
setup: () => () =>
|
|
1455
|
+
setup: () => () => te(xa, { dark: e.dark(), onToggle: () => void e.set(!e.dark()) })
|
|
1464
1456
|
});
|
|
1465
|
-
return
|
|
1457
|
+
return fe({
|
|
1466
1458
|
id: "vue-core.dark-mode",
|
|
1467
1459
|
contributions: [{ id: "vue-core.dark-mode.row", slot: "accountMenu", component: a, scope: "authenticated" }],
|
|
1468
1460
|
// Runs while the application is mounted, signed in or not; the watcher's stop handle is the effect's cleanup.
|
|
1469
|
-
effects: [{ id: "vue-core.dark-mode", scope: "app", start: () =>
|
|
1461
|
+
effects: [{ id: "vue-core.dark-mode", scope: "app", start: () => Q(e.dark, (n) => _a(n, e.themeColor), { immediate: !0 }) }]
|
|
1470
1462
|
});
|
|
1471
1463
|
}
|
|
1472
|
-
const
|
|
1464
|
+
const wa = {
|
|
1473
1465
|
key: 0,
|
|
1474
1466
|
role: "status",
|
|
1475
1467
|
"data-test": "offline-notice",
|
|
1476
1468
|
class: "dock-safe-area pointer-events-auto order-first mb-3 px-3"
|
|
1477
|
-
},
|
|
1469
|
+
}, $a = { class: "mx-auto flex max-w-md items-center justify-center gap-2 rounded-full bg-status-warning-surface px-4 py-2 text-subheadline font-semibold text-status-warning-content shadow-float" }, Sa = /* @__PURE__ */ R({
|
|
1478
1470
|
__name: "OfflineNotice",
|
|
1479
1471
|
setup(e) {
|
|
1480
|
-
const { t: a } =
|
|
1481
|
-
return window.addEventListener("online", o), window.addEventListener("offline", o),
|
|
1472
|
+
const { t: a } = K(), n = N(navigator.onLine), o = () => n.value = navigator.onLine;
|
|
1473
|
+
return window.addEventListener("online", o), window.addEventListener("offline", o), ue(() => {
|
|
1482
1474
|
window.removeEventListener("online", o), window.removeEventListener("offline", o);
|
|
1483
|
-
}), (i, u) => (
|
|
1475
|
+
}), (i, u) => (l(), P(t(Tt), null, {
|
|
1484
1476
|
default: D(() => [
|
|
1485
1477
|
p(we, {
|
|
1486
1478
|
"enter-active-class": "transition duration-motion-normal ease-motion-standard",
|
|
@@ -1489,13 +1481,13 @@ const Sa = {
|
|
|
1489
1481
|
"leave-to-class": "translate-y-2 opacity-0"
|
|
1490
1482
|
}, {
|
|
1491
1483
|
default: D(() => [
|
|
1492
|
-
n.value ? k("", !0) : (
|
|
1493
|
-
r("div",
|
|
1494
|
-
p(t(
|
|
1484
|
+
n.value ? k("", !0) : (l(), m("div", wa, [
|
|
1485
|
+
r("div", $a, [
|
|
1486
|
+
p(t(q), {
|
|
1495
1487
|
name: "errorWarningLine",
|
|
1496
1488
|
size: 16
|
|
1497
1489
|
}),
|
|
1498
|
-
|
|
1490
|
+
ie(" " + M(t(a)("core.shell.offline")), 1)
|
|
1499
1491
|
])
|
|
1500
1492
|
]))
|
|
1501
1493
|
]),
|
|
@@ -1506,41 +1498,41 @@ const Sa = {
|
|
|
1506
1498
|
}));
|
|
1507
1499
|
}
|
|
1508
1500
|
});
|
|
1509
|
-
function
|
|
1510
|
-
return
|
|
1501
|
+
function uo() {
|
|
1502
|
+
return fe({
|
|
1511
1503
|
id: "vue-core.offline-notice",
|
|
1512
|
-
contributions: [{ id: "vue-core.offline-notice", slot: "host", component:
|
|
1504
|
+
contributions: [{ id: "vue-core.offline-notice", slot: "host", component: Sa, scope: "always" }]
|
|
1513
1505
|
});
|
|
1514
1506
|
}
|
|
1515
1507
|
export {
|
|
1516
|
-
|
|
1508
|
+
Pt as AccountMenu,
|
|
1517
1509
|
$e as AccountMenuItem,
|
|
1518
1510
|
qt as AccountSheet,
|
|
1519
1511
|
Fn as BackofficeShell,
|
|
1520
|
-
|
|
1521
|
-
|
|
1512
|
+
xa as DarkModeRow,
|
|
1513
|
+
po as HeaderAction,
|
|
1522
1514
|
tn as NavigationDrawer,
|
|
1523
1515
|
He as NavigationList,
|
|
1524
1516
|
Sn as NavigationMenuButton,
|
|
1525
|
-
|
|
1517
|
+
Sa as OfflineNotice,
|
|
1526
1518
|
na as QuickSearchButton,
|
|
1527
|
-
|
|
1519
|
+
ga as QuickSearchPalette,
|
|
1528
1520
|
Te as ShellBrand,
|
|
1529
1521
|
vn as ShellSidebar,
|
|
1530
1522
|
wn as ShellStage,
|
|
1531
1523
|
On as ShellTopBar,
|
|
1532
|
-
|
|
1533
|
-
|
|
1534
|
-
|
|
1524
|
+
lo as appUpdates,
|
|
1525
|
+
_a as applyDarkMode,
|
|
1526
|
+
so as backofficeShell,
|
|
1535
1527
|
Un as createNavigationProgress,
|
|
1536
|
-
|
|
1537
|
-
|
|
1528
|
+
co as darkMode,
|
|
1529
|
+
Nn as defaultIdentity,
|
|
1538
1530
|
jt as groupNavigation,
|
|
1539
1531
|
Jn as installViewTransitions,
|
|
1540
|
-
|
|
1541
|
-
|
|
1532
|
+
uo as offlineNotice,
|
|
1533
|
+
io as quickSearch,
|
|
1542
1534
|
Je as useNavigationDrawer,
|
|
1543
1535
|
Ze as useQuickSearch,
|
|
1544
|
-
|
|
1545
|
-
|
|
1536
|
+
Pn as useShellIdentity,
|
|
1537
|
+
ro as viewTransitions
|
|
1546
1538
|
};
|