@bobbykim/manguito-theme 1.0.2 → 1.2.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 +16 -0
- package/dist/composable.cjs +1 -1
- package/dist/composable.js +1 -1
- package/dist/core.cjs +2 -4
- package/dist/core.d.ts +10 -1
- package/dist/core.js +703 -1695
- package/dist/directives.cjs +1 -1
- package/dist/directives.js +2 -2
- package/dist/{getGlassmorphismClass-CVLAjoa8.cjs → getGlassmorphismClass-DqCdKnYl.cjs} +1 -1
- package/dist/{getGlassmorphismClass-MdsD9yII.js → getGlassmorphismClass-d_Ji96-u.js} +1 -1
- package/dist/{index-CaGu958U.js → index-CDXrm85l.js} +249 -221
- package/dist/index-CKV6der_.cjs +1 -0
- package/dist/index-CsKLajvY.cjs +1 -0
- package/dist/index-r-cHwpQM.js +101 -0
- package/dist/useModalScrollLock-BUdEkX4m.cjs +1 -0
- package/dist/useModalScrollLock-CZPywtVE.js +56 -0
- package/dist/util.cjs +1 -1
- package/dist/util.d.ts +7 -0
- package/dist/util.js +1 -1
- package/package.json +3 -2
- package/dist/index-CYEzkRix.js +0 -703
- package/dist/index-D9hDl4no.cjs +0 -2
- package/dist/index-DPCdWvOi.cjs +0 -1
- package/dist/useModalScrollLock-BbvxlEaZ.cjs +0 -1
- package/dist/useModalScrollLock-CPlcveJr.js +0 -58
package/dist/core.js
CHANGED
|
@@ -1,141 +1,142 @@
|
|
|
1
|
-
(function(){"use strict";try{if(typeof document<"u"){var a=document.createElement("style");a.appendChild(document.createTextNode(".slide-prev-enter-active[data-v-e9caba8a]{transition:all .5s linear}.slide-prev-leave-active[data-v-e9caba8a]{transition:all .5s}.slide-prev-enter-from[data-v-e9caba8a]{transform:translate(-100%);opacity:0}.slide-prev-leave-to[data-v-e9caba8a]{transform:translate(100%);opacity:0}.slide-next-enter-active[data-v-e9caba8a]{transition:all .5s linear}.slide-next-leave-active[data-v-e9caba8a]{transition:all .5s}.slide-next-enter-from[data-v-e9caba8a]{transform:translate(100%);opacity:0}.slide-next-leave-to[data-v-e9caba8a]{transform:translate(-100%);opacity:0}.collapse-enter-active[data-v-
|
|
2
|
-
import { a as
|
|
3
|
-
import { defineComponent as
|
|
4
|
-
import { useWindowSize as
|
|
5
|
-
import { p as
|
|
6
|
-
import { g as
|
|
7
|
-
import { v as
|
|
8
|
-
|
|
9
|
-
|
|
1
|
+
(function(){"use strict";try{if(typeof document<"u"){var a=document.createElement("style");a.appendChild(document.createTextNode(".slide-prev-enter-active[data-v-e9caba8a]{transition:all .5s linear}.slide-prev-leave-active[data-v-e9caba8a]{transition:all .5s}.slide-prev-enter-from[data-v-e9caba8a]{transform:translate(-100%);opacity:0}.slide-prev-leave-to[data-v-e9caba8a]{transform:translate(100%);opacity:0}.slide-next-enter-active[data-v-e9caba8a]{transition:all .5s linear}.slide-next-leave-active[data-v-e9caba8a]{transition:all .5s}.slide-next-enter-from[data-v-e9caba8a]{transform:translate(100%);opacity:0}.slide-next-leave-to[data-v-e9caba8a]{transform:translate(-100%);opacity:0}.collapse-enter-active[data-v-06457b08],.collapse-leave-active[data-v-06457b08]{transition-property:height,opacity;transition-duration:.5s;transition-timing-function:ease}.dropup-bottom[data-v-0cb1bffb]{bottom:var(--button-height)}.dropdown-content-enter-active[data-v-0cb1bffb],.dropdown-content-leave-active[data-v-0cb1bffb]{transition:all .3s}.dropdown-content-enter-from[data-v-0cb1bffb],.dropdown-content-leave-to[data-v-0cb1bffb]{opacity:0;transform:translateY(-10px)}.hamburger__icon[data-v-b0ec6d90]:before,.hamburger__icon[data-v-b0ec6d90]:after{position:absolute;left:0;transition:all .3s linear}.hamburger__icon[data-v-b0ec6d90]:before{top:-.5rem}.hamburger__icon[data-v-b0ec6d90]:after{top:.5rem}.hamburger__button:focus .hamburger__icon[data-v-b0ec6d90],.hamburger__button:hover .hamburger__icon[data-v-b0ec6d90]{scale:1.05}.hamburger__checkbox:checked+.hamburger__icon[data-v-b0ec6d90]{background-color:transparent}.hamburger__checkbox:checked+.hamburger__icon[data-v-b0ec6d90]:before{top:0;transform:rotate(135deg)}.hamburger__checkbox:checked+.hamburger__icon[data-v-b0ec6d90]:after{top:0;transform:rotate(-135deg)}.collapse-enter-active[data-v-c0638fe0]{transition:height .5s ease-in}.collapse-leave-active[data-v-c0638fe0]{transition:height .5s ease-out}.header-desktop[data-v-ebabc502]{width:100%}@media screen and (min-width:1024px){.header-desktop[data-v-ebabc502]{width:var(--header-width)}}.slide-down-enter-active[data-v-ebabc502]{transition:transform .3s ease-in .2s,opacity .5s ease-in}.slide-down-leave-active[data-v-ebabc502]{transition:transform .5s ease-in,opacity .3s ease-in .2s}.slide-down-enter-from[data-v-ebabc502],.slide-down-leave-to[data-v-ebabc502]{opacity:0;transform:translateY(-100%)}.vertical-placement[data-v-db5af4d2]{top:var(--vertical-placement);left:50%;transform:translateY(calc(-1 * var(--vertical-placement))) translate(-50%)}.fade-enter-active[data-v-db5af4d2],.fade-leave-active[data-v-db5af4d2]{transition-property:opacity;transition-duration:.3s;transition-timing-function:linear}.fade-enter-from[data-v-db5af4d2],.fade-leave-to[data-v-db5af4d2]{opacity:0}.slide-down-enter-active[data-v-db5af4d2]{animation:slide-down-db5af4d2 .3s ease}.slide-down-leave-active[data-v-db5af4d2]{animation:slide-down-db5af4d2 reverse .3s ease}@keyframes slide-down-db5af4d2{0%{opacity:0;transform:translateY(-100%) translate(-50%)}to{opacity:1;transform:translateY(calc(-1 * var(--vertical-placement))) translate(-50%)}}.sidebar-body[data-v-93dd8f8e]{width:100%}.sidebar-body-height[data-v-93dd8f8e]{min-height:calc(100vh - var(--header-height) - var(--footer-height))}.fade-enter-active[data-v-93dd8f8e],.fade-leave-active[data-v-93dd8f8e]{transition-property:opacity;transition-duration:.3s;transition-timing-function:linear}.fade-enter-from[data-v-93dd8f8e],.fade-leave-to[data-v-93dd8f8e]{opacity:0}.sidebar-left-enter-active[data-v-93dd8f8e],.sidebar-left-leave-active[data-v-93dd8f8e],.sidebar-right-enter-active[data-v-93dd8f8e],.sidebar-right-leave-active[data-v-93dd8f8e]{transition-property:transform,opacity;transition-duration:.3s;transition-timing-function:linear}.sidebar-left-enter-from[data-v-93dd8f8e],.sidebar-left-leave-to[data-v-93dd8f8e]{transform:translate(-100%)}.sidebar-right-enter-from[data-v-93dd8f8e],.sidebar-right-leave-to[data-v-93dd8f8e]{transform:translate(100%)}@media screen and (min-width:768px){.sidebar-body[data-v-93dd8f8e]{width:var(--sidebar-width)}.sidebar-left-enter-from[data-v-93dd8f8e],.sidebar-left-leave-to[data-v-93dd8f8e]{transform:translate(calc(-1 * var(--sidebar-width)))}.sidebar-right-enter-from[data-v-93dd8f8e],.sidebar-right-leave-to[data-v-93dd8f8e]{transform:translate(var(--sidebar-width))}}.container-hts[data-v-4b028d39]{max-height:var(--container-hts, none)}.slide-prev-enter-active[data-v-4b028d39]{transition:all .5s linear}.slide-prev-leave-active[data-v-4b028d39]{transition:all .5s}.slide-prev-enter-from[data-v-4b028d39]{transform:translate(-100%);opacity:0}.slide-prev-leave-to[data-v-4b028d39]{transform:translate(100%);opacity:0}.slide-next-enter-active[data-v-4b028d39]{transition:all .5s linear}.slide-next-leave-active[data-v-4b028d39]{transition:all .5s}.slide-next-enter-from[data-v-4b028d39]{transform:translate(100%);opacity:0}.slide-next-leave-to[data-v-4b028d39]{transform:translate(-100%);opacity:0}")),document.head.appendChild(a)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}})();
|
|
2
|
+
import { a as ie, p as ce, b as de, c as ue, d as fe, e as he, f as ge, h as ve, m as me, i as be, j as pe, k as ye, l as Ce, n as we, o as xe, q as Ve, r as ke, s as Be, t as Re, u as $e, v as Oe, w as Te, x as Ie, y as Le, z as De, A as Ae, B as Se, C as Ee, D as Ne, E as He, F as Ge, G as _e, H as ze, I as je, J as We, K as Me, L as Fe, M as Xe, N as Pe, O as Ye, P as Ue, Q as Ke, R as qe, S as Je, T as Qe, U as Ze, V as et, W as tt, X as ot, Y as at, Z as st, _ as rt, $ as lt, a0 as nt, a1 as it, a2 as ct, a3 as dt, a4 as ut, a5 as ft, g as y } from "./index-CDXrm85l.js";
|
|
3
|
+
import { defineComponent as $, openBlock as l, createElementBlock as i, renderSlot as C, useSlots as T, ref as w, computed as B, watch as N, normalizeClass as h, createElementVNode as m, createCommentVNode as v, toDisplayString as j, provide as J, createVNode as A, Transition as S, withCtx as E, inject as Q, withDirectives as z, vShow as Z, useId as ee, toRef as ht, unref as V, onMounted as F, withKeys as gt, createBlock as X, normalizeStyle as W, vModelCheckbox as vt, Teleport as mt } from "vue";
|
|
4
|
+
import { useWindowSize as bt, useWindowScroll as pt, useScrollLock as yt, useElementSize as Ct } from "@vueuse/core";
|
|
5
|
+
import { p as wt, u as xt, o as oe, a as ae } from "./useModalScrollLock-CZPywtVE.js";
|
|
6
|
+
import { g as Vt } from "./getGlassmorphismClass-d_Ji96-u.js";
|
|
7
|
+
import { v as te } from "./index-r-cHwpQM.js";
|
|
8
|
+
import { useFocusTrap as se } from "@vueuse/integrations/useFocusTrap";
|
|
9
|
+
const yo = (e, t) => {
|
|
10
|
+
switch (e) {
|
|
10
11
|
case "BGCOLOR":
|
|
11
|
-
return
|
|
12
|
+
return ft({ color: t });
|
|
12
13
|
case "HVBGCOLOR":
|
|
13
|
-
return
|
|
14
|
+
return ut({ color: t });
|
|
14
15
|
case "FCBGCOLOR":
|
|
15
|
-
return
|
|
16
|
+
return dt({ color: t });
|
|
16
17
|
case "BEFOREBG":
|
|
17
|
-
return
|
|
18
|
+
return ct({ color: t });
|
|
18
19
|
case "AFTERBG":
|
|
19
|
-
return
|
|
20
|
+
return it({ color: t });
|
|
20
21
|
case "ACTIVEBG":
|
|
21
|
-
return
|
|
22
|
+
return nt({ color: t });
|
|
22
23
|
case "TEXTCOLOR":
|
|
23
|
-
return
|
|
24
|
+
return lt({ color: t });
|
|
24
25
|
case "HVTEXTCOLOR":
|
|
25
|
-
return
|
|
26
|
+
return rt({ color: t });
|
|
26
27
|
case "FCTEXTCOLOR":
|
|
27
|
-
return
|
|
28
|
+
return st({ color: t });
|
|
28
29
|
case "DISABLEDTEXTCOLOR":
|
|
29
|
-
return
|
|
30
|
+
return at({ color: t });
|
|
30
31
|
case "SVGFILL":
|
|
31
|
-
return
|
|
32
|
+
return ot({ color: t });
|
|
32
33
|
case "RINGCOLOR":
|
|
33
|
-
return
|
|
34
|
+
return tt({ color: t });
|
|
34
35
|
case "FOCUSRING":
|
|
35
|
-
return
|
|
36
|
+
return et({ color: t });
|
|
36
37
|
case "ACTIVERING":
|
|
37
|
-
return
|
|
38
|
+
return Ze({ color: t });
|
|
38
39
|
case "OFFSETRING":
|
|
39
|
-
return
|
|
40
|
+
return Qe({ color: t });
|
|
40
41
|
case "OUTLINE":
|
|
41
|
-
return
|
|
42
|
+
return Je({ color: t });
|
|
42
43
|
case "FOCUSOUTLINE":
|
|
43
|
-
return
|
|
44
|
+
return qe({ color: t });
|
|
44
45
|
case "ACTIVEOUTLINE":
|
|
45
|
-
return
|
|
46
|
+
return Ke({ color: t });
|
|
46
47
|
case "BTNCOLOR":
|
|
47
|
-
return
|
|
48
|
+
return Ue({ color: t });
|
|
48
49
|
case "LISTCOLOR":
|
|
49
|
-
return
|
|
50
|
+
return Ye({ color: t });
|
|
50
51
|
case "BORDER":
|
|
51
|
-
return
|
|
52
|
+
return Pe({ color: t });
|
|
52
53
|
case "BORDERX":
|
|
53
|
-
return
|
|
54
|
+
return Xe({ color: t });
|
|
54
55
|
case "BORDERY":
|
|
55
|
-
return
|
|
56
|
+
return Fe({ color: t });
|
|
56
57
|
case "BORDERT":
|
|
57
|
-
return
|
|
58
|
+
return Me({ color: t });
|
|
58
59
|
case "BORDERB":
|
|
59
|
-
return
|
|
60
|
+
return We({ color: t });
|
|
60
61
|
case "BORDERL":
|
|
61
|
-
return
|
|
62
|
+
return je({ color: t });
|
|
62
63
|
case "BORDERR":
|
|
63
|
-
return
|
|
64
|
+
return ze({ color: t });
|
|
64
65
|
case "H1":
|
|
65
|
-
return
|
|
66
|
+
return _e({ size: t });
|
|
66
67
|
case "H2":
|
|
67
|
-
return
|
|
68
|
+
return Ge({ size: t });
|
|
68
69
|
case "H3":
|
|
69
|
-
return
|
|
70
|
+
return He({ size: t });
|
|
70
71
|
case "H4":
|
|
71
|
-
return
|
|
72
|
+
return Ne({ size: t });
|
|
72
73
|
case "BODYTEXT":
|
|
73
|
-
return
|
|
74
|
+
return Ee({ size: t });
|
|
74
75
|
case "FONTWEIGHT":
|
|
75
|
-
return
|
|
76
|
+
return Se({ weight: t });
|
|
76
77
|
case "TEXTALIGN":
|
|
77
|
-
return
|
|
78
|
+
return Ae({ align: t });
|
|
78
79
|
case "BORDERW":
|
|
79
|
-
return
|
|
80
|
+
return De({ width: t });
|
|
80
81
|
case "BORDERXW":
|
|
81
|
-
return
|
|
82
|
+
return Le({ width: t });
|
|
82
83
|
case "BORDERYW":
|
|
83
|
-
return
|
|
84
|
+
return Ie({ width: t });
|
|
84
85
|
case "BORDERTW":
|
|
85
|
-
return
|
|
86
|
+
return Te({ width: t });
|
|
86
87
|
case "BORDERBW":
|
|
87
|
-
return
|
|
88
|
+
return Oe({ width: t });
|
|
88
89
|
case "BORDERLW":
|
|
89
|
-
return
|
|
90
|
+
return $e({ width: t });
|
|
90
91
|
case "BORDERRW":
|
|
91
|
-
return
|
|
92
|
+
return Re({ width: t });
|
|
92
93
|
case "OPACITY":
|
|
93
|
-
return
|
|
94
|
+
return Be({ opacity: t });
|
|
94
95
|
case "BGOPACITY":
|
|
95
|
-
return
|
|
96
|
+
return ke({ opacity: t });
|
|
96
97
|
case "OUTLINEOPACITY":
|
|
97
|
-
return
|
|
98
|
+
return Ve({ opacity: t });
|
|
98
99
|
case "MARGIN":
|
|
99
|
-
return
|
|
100
|
+
return xe({ spacing: t });
|
|
100
101
|
case "MARGINX":
|
|
101
|
-
return
|
|
102
|
+
return we({ spacing: t });
|
|
102
103
|
case "MARGINY":
|
|
103
|
-
return
|
|
104
|
+
return Ce({ spacing: t });
|
|
104
105
|
case "MARGINT":
|
|
105
|
-
return
|
|
106
|
+
return ye({ spacing: t });
|
|
106
107
|
case "MARGINB":
|
|
107
|
-
return
|
|
108
|
+
return pe({ spacing: t });
|
|
108
109
|
case "MARGINL":
|
|
109
|
-
return
|
|
110
|
+
return be({ spacing: t });
|
|
110
111
|
case "MARGINR":
|
|
111
|
-
return
|
|
112
|
+
return me({ spacing: t });
|
|
112
113
|
case "PADDING":
|
|
113
|
-
return
|
|
114
|
+
return ve({ spacing: t });
|
|
114
115
|
case "PADDINGX":
|
|
115
|
-
return
|
|
116
|
+
return ge({ spacing: t });
|
|
116
117
|
case "PADDINGY":
|
|
117
|
-
return
|
|
118
|
+
return he({ spacing: t });
|
|
118
119
|
case "PADDINGT":
|
|
119
|
-
return
|
|
120
|
+
return fe({ spacing: t });
|
|
120
121
|
case "PADDINGB":
|
|
121
|
-
return
|
|
122
|
+
return ue({ spacing: t });
|
|
122
123
|
case "PADDINGL":
|
|
123
|
-
return
|
|
124
|
+
return de({ spacing: t });
|
|
124
125
|
case "PADDINGR":
|
|
125
|
-
return
|
|
126
|
+
return ce({ spacing: t });
|
|
126
127
|
case "GAP":
|
|
127
|
-
return
|
|
128
|
+
return ie({ spacing: t });
|
|
128
129
|
default:
|
|
129
130
|
return "";
|
|
130
131
|
}
|
|
131
|
-
},
|
|
132
|
+
}, Co = /* @__PURE__ */ $({
|
|
132
133
|
__name: "AccordionGroup",
|
|
133
|
-
setup(
|
|
134
|
-
return
|
|
135
|
-
|
|
134
|
+
setup(e) {
|
|
135
|
+
return wt(), (t, u) => (l(), i("div", null, [
|
|
136
|
+
C(t.$slots, "default")
|
|
136
137
|
]));
|
|
137
138
|
}
|
|
138
|
-
}),
|
|
139
|
+
}), kt = { class: "flex w-full justify-between gap-2xs" }, Bt = { class: "w-full" }, wo = /* @__PURE__ */ $({
|
|
139
140
|
__name: "Alert",
|
|
140
141
|
props: {
|
|
141
142
|
color: { default: "danger" },
|
|
@@ -145,59 +146,59 @@ const Kr = (t, e) => {
|
|
|
145
146
|
dismissible: { type: Boolean, default: !1 }
|
|
146
147
|
},
|
|
147
148
|
emits: ["close"],
|
|
148
|
-
setup(
|
|
149
|
-
const
|
|
150
|
-
|
|
151
|
-
const
|
|
152
|
-
const { color:
|
|
153
|
-
return
|
|
154
|
-
}),
|
|
155
|
-
|
|
156
|
-
},
|
|
157
|
-
|
|
149
|
+
setup(e, { expose: t, emit: u }) {
|
|
150
|
+
const c = e;
|
|
151
|
+
T();
|
|
152
|
+
const s = u, d = w(c.show), o = B(() => {
|
|
153
|
+
const { color: r, rounded: f, shadow: p } = c, b = [y.bgColorVariant({ color: r })];
|
|
154
|
+
return f && b.push("rounded-md"), p && b.push("drop-shadow-md"), b.join(" ");
|
|
155
|
+
}), n = (r) => {
|
|
156
|
+
d.value = !1, s("close", r);
|
|
157
|
+
}, a = () => {
|
|
158
|
+
d.value = !1;
|
|
158
159
|
};
|
|
159
|
-
return
|
|
160
|
-
() =>
|
|
161
|
-
(
|
|
162
|
-
|
|
160
|
+
return N(
|
|
161
|
+
() => c.show,
|
|
162
|
+
(r) => {
|
|
163
|
+
d.value = r;
|
|
163
164
|
}
|
|
164
|
-
),
|
|
165
|
-
close:
|
|
166
|
-
}), (
|
|
165
|
+
), t({
|
|
166
|
+
close: a
|
|
167
|
+
}), (r, f) => d.value ? (l(), i("div", {
|
|
167
168
|
key: 0,
|
|
168
169
|
role: "alert",
|
|
169
170
|
"aria-live": "polite",
|
|
170
171
|
"aria-atomic": "true",
|
|
171
|
-
class:
|
|
172
|
+
class: h(["relative px-[1.25rem] py-[0.75rem]", [o.value]])
|
|
172
173
|
}, [
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
174
|
+
m("div", kt, [
|
|
175
|
+
m("div", Bt, [
|
|
176
|
+
C(r.$slots, "default")
|
|
176
177
|
]),
|
|
177
|
-
|
|
178
|
+
e.dismissible ? (l(), i("button", {
|
|
178
179
|
key: 0,
|
|
179
|
-
onClick:
|
|
180
|
+
onClick: n,
|
|
180
181
|
class: "flex items-center opacity-60 transition-opacity duration-300 ease-linear hover:opacity-40"
|
|
181
|
-
}, [...
|
|
182
|
-
|
|
182
|
+
}, [...f[0] || (f[0] = [
|
|
183
|
+
m("svg", {
|
|
183
184
|
xmlns: "http://www.w3.org/2000/svg",
|
|
184
185
|
viewBox: "0 0 384 512",
|
|
185
186
|
fill: "currentColor",
|
|
186
187
|
class: "h-xs"
|
|
187
188
|
}, [
|
|
188
|
-
|
|
189
|
+
m("path", { d: "M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z" })
|
|
189
190
|
], -1)
|
|
190
|
-
])])) :
|
|
191
|
+
])])) : v("", !0)
|
|
191
192
|
])
|
|
192
|
-
], 2)) :
|
|
193
|
+
], 2)) : v("", !0);
|
|
193
194
|
}
|
|
194
|
-
}),
|
|
195
|
+
}), Rt = ["src", "alt"], $t = {
|
|
195
196
|
key: 2,
|
|
196
197
|
class: "flex-1 px-xs pt-xs pb-2xs"
|
|
197
|
-
},
|
|
198
|
+
}, Ot = {
|
|
198
199
|
key: 3,
|
|
199
200
|
class: "flex-1"
|
|
200
|
-
},
|
|
201
|
+
}, xo = /* @__PURE__ */ $({
|
|
201
202
|
__name: "Card",
|
|
202
203
|
props: {
|
|
203
204
|
variant: { default: "light-1" },
|
|
@@ -219,81 +220,81 @@ const Kr = (t, e) => {
|
|
|
219
220
|
titleSize: { default: "md" },
|
|
220
221
|
cardClass: { default: "" }
|
|
221
222
|
},
|
|
222
|
-
setup(
|
|
223
|
-
const
|
|
223
|
+
setup(e) {
|
|
224
|
+
const t = e, u = T(), c = B(() => {
|
|
224
225
|
const {
|
|
225
|
-
variant:
|
|
226
|
-
rounded:
|
|
227
|
-
shadow:
|
|
228
|
-
border:
|
|
229
|
-
borderVariant:
|
|
230
|
-
glass:
|
|
226
|
+
variant: n,
|
|
227
|
+
rounded: a,
|
|
228
|
+
shadow: r,
|
|
229
|
+
border: f,
|
|
230
|
+
borderVariant: p,
|
|
231
|
+
glass: b,
|
|
231
232
|
glassBlur: g,
|
|
232
233
|
glassOpacity: L
|
|
233
|
-
} =
|
|
234
|
+
} = t;
|
|
234
235
|
return [
|
|
235
|
-
|
|
236
|
-
|
|
237
|
-
|
|
238
|
-
|
|
239
|
-
|
|
240
|
-
|
|
236
|
+
y.bgColorVariant({ color: n }),
|
|
237
|
+
a ? "rounded-lg" : "rounded-sm",
|
|
238
|
+
r && "drop-shadow-md",
|
|
239
|
+
f && "border",
|
|
240
|
+
f && y.borderColorVariant({ color: p }),
|
|
241
|
+
b && Vt(n, g, L)
|
|
241
242
|
].filter(Boolean).join(" ");
|
|
242
|
-
}),
|
|
243
|
-
const { titleVariant:
|
|
243
|
+
}), s = B(() => {
|
|
244
|
+
const { titleVariant: n, titleSize: a } = t;
|
|
244
245
|
return [
|
|
245
|
-
|
|
246
|
-
|
|
246
|
+
y.textColorVariant({ color: n }),
|
|
247
|
+
y.h3Variant({ size: a })
|
|
247
248
|
].join(" ");
|
|
248
|
-
}),
|
|
249
|
-
const { border:
|
|
249
|
+
}), d = B(() => {
|
|
250
|
+
const { border: n, borderVariant: a, titleVariant: r } = t;
|
|
250
251
|
return [
|
|
251
|
-
|
|
252
|
-
|
|
253
|
-
|
|
252
|
+
y.textColorVariant({ color: r }),
|
|
253
|
+
n && "border-b",
|
|
254
|
+
y.borderColorVariant({ color: a })
|
|
254
255
|
].filter(Boolean).join(" ");
|
|
255
|
-
}),
|
|
256
|
-
const { border:
|
|
256
|
+
}), o = B(() => {
|
|
257
|
+
const { border: n, borderVariant: a } = t;
|
|
257
258
|
return [
|
|
258
|
-
|
|
259
|
-
|
|
259
|
+
n && "border-t",
|
|
260
|
+
n && y.borderColorVariant({ color: a })
|
|
260
261
|
].filter(Boolean).join(" ");
|
|
261
262
|
});
|
|
262
|
-
return (
|
|
263
|
-
class:
|
|
263
|
+
return (n, a) => (l(), i("div", {
|
|
264
|
+
class: h(["flex h-full w-full flex-col overflow-hidden", [c.value, e.cardClass]])
|
|
264
265
|
}, [
|
|
265
|
-
|
|
266
|
-
|
|
267
|
-
class:
|
|
266
|
+
e.header || u.header ? C(n.$slots, "header", { key: 0 }, () => [
|
|
267
|
+
m("div", {
|
|
268
|
+
class: h([[d.value], "px-xs py-2xs font-bold"])
|
|
268
269
|
}, [
|
|
269
|
-
|
|
270
|
+
m("p", null, j(e.header), 1)
|
|
270
271
|
], 2)
|
|
271
|
-
]) :
|
|
272
|
-
|
|
272
|
+
]) : v("", !0),
|
|
273
|
+
e.imageSrc && !e.noImage ? (l(), i("img", {
|
|
273
274
|
key: 1,
|
|
274
|
-
src:
|
|
275
|
-
alt:
|
|
275
|
+
src: e.imageSrc,
|
|
276
|
+
alt: e.imageAlt,
|
|
276
277
|
class: "aspect-video min-w-full object-cover object-top"
|
|
277
|
-
}, null, 8,
|
|
278
|
-
|
|
279
|
-
|
|
280
|
-
class:
|
|
281
|
-
},
|
|
282
|
-
|
|
278
|
+
}, null, 8, Rt)) : v("", !0),
|
|
279
|
+
e.noBody ? v("", !0) : (l(), i("div", $t, [
|
|
280
|
+
m("h3", {
|
|
281
|
+
class: h([[s.value], "mb-xs"])
|
|
282
|
+
}, j(e.title), 3),
|
|
283
|
+
u.body ? C(n.$slots, "body", { key: 0 }) : v("", !0)
|
|
283
284
|
])),
|
|
284
|
-
|
|
285
|
-
|
|
286
|
-
])) :
|
|
287
|
-
|
|
288
|
-
|
|
289
|
-
class:
|
|
285
|
+
e.noBody && u.default ? (l(), i("div", Ot, [
|
|
286
|
+
C(n.$slots, "default")
|
|
287
|
+
])) : v("", !0),
|
|
288
|
+
e.footer || u.footer ? C(n.$slots, "footer", { key: 4 }, () => [
|
|
289
|
+
m("div", {
|
|
290
|
+
class: h(["px-xs py-2xs", [o.value]])
|
|
290
291
|
}, [
|
|
291
|
-
|
|
292
|
+
m("p", null, j(e.footer), 1)
|
|
292
293
|
], 2)
|
|
293
|
-
]) :
|
|
294
|
+
]) : v("", !0)
|
|
294
295
|
], 2));
|
|
295
296
|
}
|
|
296
|
-
}),
|
|
297
|
+
}), re = /* @__PURE__ */ Symbol(), Tt = /* @__PURE__ */ $({
|
|
297
298
|
__name: "CarouselContainer",
|
|
298
299
|
props: {
|
|
299
300
|
bodyClass: { default: "" },
|
|
@@ -302,112 +303,112 @@ const Kr = (t, e) => {
|
|
|
302
303
|
controllerBottomClass: { default: "" },
|
|
303
304
|
loop: { type: Boolean, default: !1 }
|
|
304
305
|
},
|
|
305
|
-
setup(
|
|
306
|
-
const
|
|
307
|
-
|
|
308
|
-
},
|
|
309
|
-
|
|
306
|
+
setup(e, { expose: t }) {
|
|
307
|
+
const u = e, c = T(), s = w(0), d = w([]), o = w(0), n = w("slide-next"), a = (b) => {
|
|
308
|
+
d.value.push(b), o.value = [...new Set(d.value)].length;
|
|
309
|
+
}, r = (b) => {
|
|
310
|
+
s.value = b;
|
|
310
311
|
};
|
|
311
|
-
|
|
312
|
-
activeIdx:
|
|
313
|
-
setSlide:
|
|
312
|
+
J(re, {
|
|
313
|
+
activeIdx: s,
|
|
314
|
+
setSlide: a
|
|
314
315
|
});
|
|
315
|
-
const
|
|
316
|
-
const { loop:
|
|
317
|
-
|
|
318
|
-
},
|
|
319
|
-
const { loop:
|
|
320
|
-
|
|
316
|
+
const f = () => {
|
|
317
|
+
const { loop: b } = u;
|
|
318
|
+
b && s.value === o.value - 1 ? s.value = 0 : s.value < o.value - 1 && (s.value = s.value + 1);
|
|
319
|
+
}, p = () => {
|
|
320
|
+
const { loop: b } = u;
|
|
321
|
+
b && s.value === 0 ? s.value = o.value - 1 : s.value > 0 && (s.value = s.value - 1);
|
|
321
322
|
};
|
|
322
|
-
return
|
|
323
|
-
() =>
|
|
324
|
-
(
|
|
325
|
-
|
|
323
|
+
return N(
|
|
324
|
+
() => s.value,
|
|
325
|
+
(b, g) => {
|
|
326
|
+
b > g || b === 0 && g === o.value - 1 ? n.value = "slide-next" : n.value = "slide-prev";
|
|
326
327
|
}
|
|
327
|
-
),
|
|
328
|
-
numberOfSlides:
|
|
329
|
-
prev:
|
|
330
|
-
next:
|
|
331
|
-
setActive:
|
|
332
|
-
}), (
|
|
333
|
-
class:
|
|
328
|
+
), t({
|
|
329
|
+
numberOfSlides: o,
|
|
330
|
+
prev: p,
|
|
331
|
+
next: f,
|
|
332
|
+
setActive: r
|
|
333
|
+
}), (b, g) => (l(), i("div", {
|
|
334
|
+
class: h([e.bodyClass, "relative overflow-x-hidden"])
|
|
334
335
|
}, [
|
|
335
|
-
|
|
336
|
+
c["controller-top"] ? (l(), i("div", {
|
|
336
337
|
key: 0,
|
|
337
|
-
class:
|
|
338
|
+
class: h(e.controllerTopClass)
|
|
338
339
|
}, [
|
|
339
|
-
|
|
340
|
-
next:
|
|
341
|
-
prev:
|
|
342
|
-
setActive:
|
|
343
|
-
activeSlide:
|
|
344
|
-
numberOfSlides:
|
|
340
|
+
C(b.$slots, "controller-top", {
|
|
341
|
+
next: f,
|
|
342
|
+
prev: p,
|
|
343
|
+
setActive: r,
|
|
344
|
+
activeSlide: s.value,
|
|
345
|
+
numberOfSlides: o.value
|
|
345
346
|
}, void 0, !0)
|
|
346
|
-
], 2)) :
|
|
347
|
-
|
|
348
|
-
class:
|
|
347
|
+
], 2)) : v("", !0),
|
|
348
|
+
m("div", {
|
|
349
|
+
class: h(["grid grid-cols-1 grid-rows-1", e.contentContainerClass])
|
|
349
350
|
}, [
|
|
350
|
-
|
|
351
|
-
default:
|
|
352
|
-
(
|
|
353
|
-
key:
|
|
351
|
+
A(S, { name: n.value }, {
|
|
352
|
+
default: E(() => [
|
|
353
|
+
(l(), i("div", {
|
|
354
|
+
key: s.value,
|
|
354
355
|
class: "col-start-1 col-end-1 row-start-1 row-end-1"
|
|
355
356
|
}, [
|
|
356
|
-
|
|
357
|
+
C(b.$slots, "content", {}, void 0, !0)
|
|
357
358
|
]))
|
|
358
359
|
]),
|
|
359
360
|
_: 3
|
|
360
361
|
}, 8, ["name"])
|
|
361
362
|
], 2),
|
|
362
|
-
|
|
363
|
+
c["controller-bottom"] ? (l(), i("div", {
|
|
363
364
|
key: 1,
|
|
364
|
-
class:
|
|
365
|
+
class: h(e.controllerBottomClass)
|
|
365
366
|
}, [
|
|
366
|
-
|
|
367
|
-
next:
|
|
368
|
-
prev:
|
|
369
|
-
setActive:
|
|
370
|
-
activeSlide:
|
|
371
|
-
numberOfSlides:
|
|
367
|
+
C(b.$slots, "controller-bottom", {
|
|
368
|
+
next: f,
|
|
369
|
+
prev: p,
|
|
370
|
+
setActive: r,
|
|
371
|
+
activeSlide: s.value,
|
|
372
|
+
numberOfSlides: o.value
|
|
372
373
|
}, void 0, !0)
|
|
373
|
-
], 2)) :
|
|
374
|
+
], 2)) : v("", !0)
|
|
374
375
|
], 2));
|
|
375
376
|
}
|
|
376
|
-
}),
|
|
377
|
-
const
|
|
378
|
-
for (const [
|
|
379
|
-
|
|
380
|
-
return
|
|
381
|
-
},
|
|
377
|
+
}), H = (e, t) => {
|
|
378
|
+
const u = e.__vccOpts || e;
|
|
379
|
+
for (const [c, s] of t)
|
|
380
|
+
u[c] = s;
|
|
381
|
+
return u;
|
|
382
|
+
}, Vo = /* @__PURE__ */ H(Tt, [["__scopeId", "data-v-e9caba8a"]]), It = ["id"], ko = /* @__PURE__ */ $({
|
|
382
383
|
__name: "CarouselContent",
|
|
383
384
|
props: {
|
|
384
385
|
slideNumber: {},
|
|
385
386
|
id: {},
|
|
386
387
|
slideClass: { default: "" }
|
|
387
388
|
},
|
|
388
|
-
setup(
|
|
389
|
-
const
|
|
390
|
-
|
|
391
|
-
),
|
|
392
|
-
|
|
393
|
-
const
|
|
394
|
-
const { slideNumber:
|
|
395
|
-
return
|
|
389
|
+
setup(e) {
|
|
390
|
+
const t = e, { activeIdx: u, setSlide: c } = Q(
|
|
391
|
+
re
|
|
392
|
+
), s = w(null);
|
|
393
|
+
c(t.slideNumber), T();
|
|
394
|
+
const d = B(() => {
|
|
395
|
+
const { slideNumber: o } = t;
|
|
396
|
+
return u.value === o;
|
|
396
397
|
});
|
|
397
|
-
return (
|
|
398
|
+
return (o, n) => z((l(), i("div", {
|
|
398
399
|
ref_key: "slideRef",
|
|
399
|
-
ref:
|
|
400
|
-
id:
|
|
401
|
-
class:
|
|
400
|
+
ref: s,
|
|
401
|
+
id: e.id,
|
|
402
|
+
class: h([e.slideClass, "w-full"]),
|
|
402
403
|
role: "tabpanel",
|
|
403
404
|
tabindex: "-1"
|
|
404
405
|
}, [
|
|
405
|
-
|
|
406
|
-
], 10,
|
|
407
|
-
[
|
|
406
|
+
C(o.$slots, "default")
|
|
407
|
+
], 10, It)), [
|
|
408
|
+
[Z, d.value]
|
|
408
409
|
]);
|
|
409
410
|
}
|
|
410
|
-
}),
|
|
411
|
+
}), Lt = ["id"], Dt = /* @__PURE__ */ $({
|
|
411
412
|
__name: "Collapse",
|
|
412
413
|
props: {
|
|
413
414
|
id: {},
|
|
@@ -415,123 +416,118 @@ const Kr = (t, e) => {
|
|
|
415
416
|
visible: { type: Boolean, default: !1 }
|
|
416
417
|
},
|
|
417
418
|
emits: ["open", "close"],
|
|
418
|
-
setup(
|
|
419
|
-
const
|
|
420
|
-
|
|
421
|
-
const
|
|
422
|
-
|
|
423
|
-
|
|
424
|
-
),
|
|
419
|
+
setup(e, { expose: t, emit: u }) {
|
|
420
|
+
const c = e;
|
|
421
|
+
T();
|
|
422
|
+
const s = u, d = c.id ?? ee(), { isOpen: o, toggle: n, open: a, close: r } = xt(
|
|
423
|
+
d,
|
|
424
|
+
ht(c, "visible")
|
|
425
|
+
), f = (g) => {
|
|
425
426
|
g.style.height = "auto", g.style.opacity = "0";
|
|
426
427
|
const L = getComputedStyle(g).height;
|
|
427
428
|
g.style.height = "0px", g.offsetHeight, g.style.height = L, g.style.opacity = "1";
|
|
428
|
-
},
|
|
429
|
+
}, p = (g) => {
|
|
429
430
|
g.style.height = "auto", g.style.opacity = "1";
|
|
430
|
-
},
|
|
431
|
+
}, b = (g) => {
|
|
431
432
|
g.style.height = getComputedStyle(g).height, g.offsetHeight, g.style.height = "0px", g.style.opacity = "0";
|
|
432
433
|
};
|
|
433
|
-
return
|
|
434
|
-
g ?
|
|
435
|
-
}),
|
|
436
|
-
toggle:
|
|
437
|
-
open:
|
|
438
|
-
close:
|
|
439
|
-
}), (g, L) => (
|
|
440
|
-
|
|
441
|
-
|
|
442
|
-
|
|
443
|
-
|
|
444
|
-
|
|
445
|
-
|
|
446
|
-
|
|
447
|
-
|
|
448
|
-
|
|
449
|
-
|
|
450
|
-
|
|
451
|
-
|
|
452
|
-
|
|
453
|
-
|
|
454
|
-
|
|
455
|
-
|
|
456
|
-
|
|
457
|
-
|
|
458
|
-
[Ve, I(r)]
|
|
459
|
-
])
|
|
460
|
-
]),
|
|
461
|
-
_: 3
|
|
462
|
-
})
|
|
434
|
+
return N(o, (g) => {
|
|
435
|
+
g ? s("open", !0) : s("close", !1);
|
|
436
|
+
}), t({
|
|
437
|
+
toggle: n,
|
|
438
|
+
open: a,
|
|
439
|
+
close: r
|
|
440
|
+
}), (g, L) => (l(), i("div", { id: V(d) }, [
|
|
441
|
+
A(S, {
|
|
442
|
+
name: "collapse",
|
|
443
|
+
tag: "div",
|
|
444
|
+
onEnter: f,
|
|
445
|
+
onAfterEnter: p,
|
|
446
|
+
onLeave: b,
|
|
447
|
+
class: "overflow-y-clip"
|
|
448
|
+
}, {
|
|
449
|
+
default: E(() => [
|
|
450
|
+
z(m("div", null, [
|
|
451
|
+
m("div", {
|
|
452
|
+
class: h(e.customClass)
|
|
453
|
+
}, [
|
|
454
|
+
C(g.$slots, "default", {}, void 0, !0)
|
|
455
|
+
], 2)
|
|
456
|
+
], 512), [
|
|
457
|
+
[Z, V(o)]
|
|
458
|
+
])
|
|
463
459
|
]),
|
|
464
460
|
_: 3
|
|
465
461
|
})
|
|
466
|
-
], 8,
|
|
462
|
+
], 8, Lt));
|
|
467
463
|
}
|
|
468
|
-
}),
|
|
464
|
+
}), Bo = /* @__PURE__ */ H(Dt, [["__scopeId", "data-v-06457b08"]]), le = /* @__PURE__ */ Symbol(), Ro = /* @__PURE__ */ $({
|
|
469
465
|
__name: "DropdownContainer",
|
|
470
466
|
emits: ["click-outside", "toggle"],
|
|
471
|
-
setup(
|
|
472
|
-
|
|
473
|
-
const
|
|
474
|
-
|
|
475
|
-
active:
|
|
476
|
-
buttonHeight:
|
|
467
|
+
setup(e, { emit: t }) {
|
|
468
|
+
T();
|
|
469
|
+
const u = t, c = w(), s = w(!1), d = w(0);
|
|
470
|
+
J(le, {
|
|
471
|
+
active: s,
|
|
472
|
+
buttonHeight: d,
|
|
477
473
|
closeDropdown: () => {
|
|
478
|
-
|
|
474
|
+
s.value = !1;
|
|
479
475
|
}
|
|
480
476
|
});
|
|
481
|
-
const
|
|
482
|
-
|
|
483
|
-
},
|
|
484
|
-
|
|
485
|
-
},
|
|
486
|
-
|
|
477
|
+
const n = (f) => {
|
|
478
|
+
s.value = !s.value, u("toggle", f);
|
|
479
|
+
}, a = (f) => {
|
|
480
|
+
s.value = !1, u("click-outside", f);
|
|
481
|
+
}, r = () => {
|
|
482
|
+
s.value = !1;
|
|
487
483
|
};
|
|
488
|
-
return
|
|
489
|
-
|
|
490
|
-
}), (
|
|
484
|
+
return F(() => {
|
|
485
|
+
d.value = c.value.scrollHeight;
|
|
486
|
+
}), (f, p) => z((l(), i("div", {
|
|
491
487
|
class: "relative",
|
|
492
488
|
ref_key: "dropdownTarget",
|
|
493
|
-
ref:
|
|
494
|
-
onKeyup:
|
|
489
|
+
ref: c,
|
|
490
|
+
onKeyup: gt(r, ["esc"])
|
|
495
491
|
}, [
|
|
496
|
-
|
|
497
|
-
toggle:
|
|
498
|
-
dropdownState:
|
|
492
|
+
C(f.$slots, "toggler", {
|
|
493
|
+
toggle: n,
|
|
494
|
+
dropdownState: s.value
|
|
499
495
|
}),
|
|
500
|
-
|
|
496
|
+
C(f.$slots, "default")
|
|
501
497
|
], 32)), [
|
|
502
|
-
[
|
|
498
|
+
[V(te), a]
|
|
503
499
|
]);
|
|
504
500
|
}
|
|
505
|
-
}),
|
|
501
|
+
}), At = /* @__PURE__ */ $({
|
|
506
502
|
__name: "DropdownContent",
|
|
507
503
|
props: {
|
|
508
504
|
customClass: { default: "" }
|
|
509
505
|
},
|
|
510
|
-
setup(
|
|
511
|
-
const { height:
|
|
512
|
-
|
|
513
|
-
const
|
|
514
|
-
|
|
515
|
-
),
|
|
516
|
-
if (!(!
|
|
506
|
+
setup(e) {
|
|
507
|
+
const { height: t } = bt();
|
|
508
|
+
T();
|
|
509
|
+
const u = w(), { active: c, buttonHeight: s, closeDropdown: d } = Q(
|
|
510
|
+
le
|
|
511
|
+
), o = B(() => ({ "--button-height": `${s}px` })), n = B(() => {
|
|
512
|
+
if (!(!c || !u.value) && t.value - u.value.getBoundingClientRect().bottom < 0)
|
|
517
513
|
return "dropup-bottom";
|
|
518
514
|
});
|
|
519
|
-
return (
|
|
520
|
-
default:
|
|
521
|
-
|
|
515
|
+
return (a, r) => (l(), X(S, { name: "dropdown-content" }, {
|
|
516
|
+
default: E(() => [
|
|
517
|
+
V(c) ? (l(), i("div", {
|
|
522
518
|
key: 0,
|
|
523
519
|
ref_key: "contentRef",
|
|
524
|
-
ref:
|
|
525
|
-
class:
|
|
526
|
-
style:
|
|
520
|
+
ref: u,
|
|
521
|
+
class: h(["absolute my-2xs w-max max-w-[14rem] overflow-hidden", [n.value, e.customClass]]),
|
|
522
|
+
style: W(o.value)
|
|
527
523
|
}, [
|
|
528
|
-
|
|
529
|
-
], 6)) :
|
|
524
|
+
C(a.$slots, "default", { itemClick: V(d) }, void 0, !0)
|
|
525
|
+
], 6)) : v("", !0)
|
|
530
526
|
]),
|
|
531
527
|
_: 3
|
|
532
528
|
}));
|
|
533
529
|
}
|
|
534
|
-
}),
|
|
530
|
+
}), $o = /* @__PURE__ */ H(At, [["__scopeId", "data-v-0cb1bffb"]]), St = ["aria-label", "aria-expanded"], Et = /* @__PURE__ */ $({
|
|
535
531
|
__name: "NavDrawer",
|
|
536
532
|
props: {
|
|
537
533
|
color: { default: "dark-2" },
|
|
@@ -540,49 +536,52 @@ const Kr = (t, e) => {
|
|
|
540
536
|
bgColor: {}
|
|
541
537
|
},
|
|
542
538
|
emits: ["hbg-click"],
|
|
543
|
-
setup(
|
|
544
|
-
const
|
|
545
|
-
|
|
546
|
-
},
|
|
539
|
+
setup(e, { emit: t }) {
|
|
540
|
+
const u = e, c = t, s = (a) => {
|
|
541
|
+
c("hbg-click", a);
|
|
542
|
+
}, d = B({
|
|
547
543
|
get() {
|
|
548
|
-
return
|
|
544
|
+
return u.toggle;
|
|
549
545
|
},
|
|
550
|
-
set(
|
|
551
|
-
return
|
|
546
|
+
set(a) {
|
|
547
|
+
return a;
|
|
552
548
|
}
|
|
553
|
-
}),
|
|
554
|
-
const
|
|
555
|
-
|
|
556
|
-
|
|
549
|
+
}), o = (a, r, f) => {
|
|
550
|
+
const p = [
|
|
551
|
+
y.ringColorVariant({ color: a }),
|
|
552
|
+
y.ringOffsetColorVariant({ color: f })
|
|
557
553
|
];
|
|
558
|
-
return
|
|
559
|
-
},
|
|
560
|
-
|
|
561
|
-
|
|
562
|
-
|
|
554
|
+
return r && (p.push(y.borderColorVariant({ color: a })), p.push("border")), p.join(" ");
|
|
555
|
+
}, n = (a) => [
|
|
556
|
+
y.bgColorVariant({ color: a }),
|
|
557
|
+
y.beforeBgColorVariant({ color: a }),
|
|
558
|
+
y.afterBgColorVariant({ color: a })
|
|
563
559
|
].join(" ");
|
|
564
|
-
return (
|
|
565
|
-
class:
|
|
566
|
-
onClick:
|
|
567
|
-
"aria-label":
|
|
568
|
-
"aria-expanded":
|
|
560
|
+
return (a, r) => (l(), i("button", {
|
|
561
|
+
class: h(["hamburger__button aspect-square rounded-md p-3xs ring-offset-2 transition-all duration-300 ease-linear outline-none hover:opacity-70 focus:opacity-70 focus:ring-4", o(e.color, e.showBorder, e.bgColor)]),
|
|
562
|
+
onClick: s,
|
|
563
|
+
"aria-label": e.toggle ? "Close" : "Open",
|
|
564
|
+
"aria-expanded": e.toggle
|
|
569
565
|
}, [
|
|
570
|
-
|
|
566
|
+
z(m("input", {
|
|
571
567
|
type: "checkbox",
|
|
572
|
-
"onUpdate:modelValue":
|
|
568
|
+
"onUpdate:modelValue": r[0] || (r[0] = (f) => d.value = f),
|
|
573
569
|
class: "hamburger__checkbox hidden"
|
|
574
570
|
}, null, 512), [
|
|
575
|
-
[
|
|
571
|
+
[vt, d.value]
|
|
576
572
|
]),
|
|
577
|
-
|
|
578
|
-
class:
|
|
573
|
+
m("div", {
|
|
574
|
+
class: h(["hamburger__icon relative h-[3px] w-sm transition-all duration-300 ease-linear before:h-[3px] before:w-sm after:h-[3px] after:w-sm", n(e.color)])
|
|
579
575
|
}, null, 2)
|
|
580
|
-
], 10,
|
|
576
|
+
], 10, St));
|
|
581
577
|
}
|
|
582
|
-
}),
|
|
578
|
+
}), q = /* @__PURE__ */ H(Et, [["__scopeId", "data-v-b0ec6d90"]]), Nt = { class: "mx-xs flex flex-wrap items-center justify-between py-xs align-middle sm:max-w-[640px] md:mx-sm md:max-w-[768px] md:py-2xs lg:max-w-[1024px] xl:max-w-[1280px] 2xl:max-w-[1536px]" }, Ht = { class: "min-h-[24px]" }, Gt = { class: "ml-auto" }, _t = {
|
|
583
579
|
key: 0,
|
|
584
580
|
class: "hidden lg:block"
|
|
585
|
-
},
|
|
581
|
+
}, zt = { class: "overflow-hidden lg:hidden" }, jt = {
|
|
582
|
+
key: 0,
|
|
583
|
+
class: "overflow-hidden"
|
|
584
|
+
}, Wt = { key: 0 }, Mt = /* @__PURE__ */ $({
|
|
586
585
|
__name: "HeaderHorizontal",
|
|
587
586
|
props: {
|
|
588
587
|
bgColor: { default: "light-1" },
|
|
@@ -594,80 +593,84 @@ const Kr = (t, e) => {
|
|
|
594
593
|
sticky: { default: "all" }
|
|
595
594
|
},
|
|
596
595
|
emits: ["toggle-drawer"],
|
|
597
|
-
setup(
|
|
598
|
-
const
|
|
599
|
-
|
|
600
|
-
},
|
|
601
|
-
|
|
602
|
-
},
|
|
603
|
-
|
|
604
|
-
const
|
|
605
|
-
|
|
606
|
-
},
|
|
607
|
-
|
|
608
|
-
},
|
|
609
|
-
|
|
610
|
-
}, g =
|
|
611
|
-
const { bgColor:
|
|
612
|
-
|
|
596
|
+
setup(e, { expose: t, emit: u }) {
|
|
597
|
+
const c = e, s = T(), d = w(!1), { y: o } = pt(), n = u, a = () => {
|
|
598
|
+
d.value = !1;
|
|
599
|
+
}, r = (x) => {
|
|
600
|
+
d.value = !d.value, n("toggle-drawer", x, d.value);
|
|
601
|
+
}, f = (x) => {
|
|
602
|
+
x.style.height = "auto";
|
|
603
|
+
const k = getComputedStyle(x).height;
|
|
604
|
+
x.style.height = "0px", x.offsetHeight, x.style.height = k;
|
|
605
|
+
}, p = (x) => {
|
|
606
|
+
x.style.height = "auto";
|
|
607
|
+
}, b = (x) => {
|
|
608
|
+
x.style.height = getComputedStyle(x).height, x.offsetHeight, x.style.height = "0px";
|
|
609
|
+
}, g = B(() => {
|
|
610
|
+
const { bgColor: x, sticky: k } = c, I = [
|
|
611
|
+
y.bgColorVariant({ color: x })
|
|
613
612
|
];
|
|
614
|
-
return
|
|
615
|
-
}), L =
|
|
616
|
-
const { fadeInOnScroll:
|
|
617
|
-
return
|
|
613
|
+
return k === "all" ? (I.push("sticky top-0"), I.join(" ")) : k === "tablet" ? (I.push("md:sticky top-0"), I.join(" ")) : (k === "pc" && I.push("lg:sticky top-0"), I.join(" "));
|
|
614
|
+
}), L = B(() => {
|
|
615
|
+
const { fadeInOnScroll: x, scrollDistance: k } = c;
|
|
616
|
+
return x ? o.value >= k ? "lg:shadow-md bg-opacity-70" : "bg-opacity-100" : "";
|
|
618
617
|
});
|
|
619
|
-
return
|
|
620
|
-
headerClose:
|
|
621
|
-
}), (
|
|
622
|
-
class:
|
|
618
|
+
return t({
|
|
619
|
+
headerClose: a
|
|
620
|
+
}), (x, k) => (l(), i("header", {
|
|
621
|
+
class: h(["z-50 w-full items-center transition delay-150 duration-500 ease-in", [L.value, g.value]])
|
|
623
622
|
}, [
|
|
624
|
-
|
|
625
|
-
|
|
626
|
-
|
|
623
|
+
m("nav", Nt, [
|
|
624
|
+
m("div", Ht, [
|
|
625
|
+
C(x.$slots, "content", {}, void 0, !0)
|
|
627
626
|
]),
|
|
628
|
-
|
|
629
|
-
|
|
630
|
-
color:
|
|
631
|
-
"show-border":
|
|
627
|
+
m("div", Gt, [
|
|
628
|
+
A(q, {
|
|
629
|
+
color: e.drawerBtnColor,
|
|
630
|
+
"show-border": e.showDrawerBorder,
|
|
632
631
|
class: "block lg:hidden",
|
|
633
|
-
onHbgClick:
|
|
634
|
-
toggle:
|
|
635
|
-
"bg-color":
|
|
632
|
+
onHbgClick: r,
|
|
633
|
+
toggle: d.value,
|
|
634
|
+
"bg-color": e.bgColor
|
|
636
635
|
}, null, 8, ["color", "show-border", "toggle", "bg-color"]),
|
|
637
|
-
|
|
638
|
-
|
|
639
|
-
])) :
|
|
636
|
+
s["content-right"] ? (l(), i("div", _t, [
|
|
637
|
+
C(x.$slots, "content-right", {}, void 0, !0)
|
|
638
|
+
])) : v("", !0)
|
|
640
639
|
])
|
|
641
640
|
]),
|
|
642
|
-
|
|
643
|
-
|
|
641
|
+
m("div", zt, [
|
|
642
|
+
A(S, {
|
|
644
643
|
name: "collapse",
|
|
645
|
-
onEnter:
|
|
646
|
-
onAfterEnter:
|
|
647
|
-
onLeave:
|
|
644
|
+
onEnter: f,
|
|
645
|
+
onAfterEnter: p,
|
|
646
|
+
onLeave: b
|
|
648
647
|
}, {
|
|
649
|
-
default:
|
|
650
|
-
|
|
651
|
-
|
|
652
|
-
|
|
653
|
-
|
|
654
|
-
|
|
655
|
-
|
|
656
|
-
|
|
657
|
-
|
|
648
|
+
default: E(() => [
|
|
649
|
+
d.value ? (l(), i("div", jt, [
|
|
650
|
+
m("div", {
|
|
651
|
+
class: h(["mx-xs my-2xs overflow-hidden rounded-md bg-opacity-80", V(y).bgColorVariant({ color: e.mobileMenuBgColor })])
|
|
652
|
+
}, [
|
|
653
|
+
s["mobile-content"] ? (l(), i("div", Wt, [
|
|
654
|
+
C(x.$slots, "mobile-content", { headerClose: a }, void 0, !0)
|
|
655
|
+
])) : v("", !0)
|
|
656
|
+
], 2)
|
|
657
|
+
])) : v("", !0)
|
|
658
658
|
]),
|
|
659
659
|
_: 3
|
|
660
660
|
})
|
|
661
661
|
])
|
|
662
662
|
], 2));
|
|
663
663
|
}
|
|
664
|
-
}),
|
|
664
|
+
}), Oo = /* @__PURE__ */ H(Mt, [["__scopeId", "data-v-c0638fe0"]]), Ft = { class: "flex h-full flex-col justify-between" }, Xt = { key: 0 }, Pt = {
|
|
665
|
+
key: 0,
|
|
666
|
+
class: "fixed top-0 right-0 z-50 mt-xs mr-xs block lg:hidden"
|
|
667
|
+
}, Yt = { class: "relative z-40 block lg:hidden" }, Ut = {
|
|
665
668
|
key: 0,
|
|
666
669
|
class: "fixed top-0 right-0 z-50 mt-xs mr-xs block lg:hidden"
|
|
667
|
-
},
|
|
670
|
+
}, Kt = {
|
|
668
671
|
key: 0,
|
|
669
672
|
class: "h-full"
|
|
670
|
-
},
|
|
673
|
+
}, qt = /* @__PURE__ */ $({
|
|
671
674
|
__name: "HeaderVertical",
|
|
672
675
|
props: {
|
|
673
676
|
bgColor: { default: "light-1" },
|
|
@@ -676,1087 +679,88 @@ const Kr = (t, e) => {
|
|
|
676
679
|
headerWidth: { default: 160 }
|
|
677
680
|
},
|
|
678
681
|
emits: ["toggle-drawer"],
|
|
679
|
-
setup(
|
|
680
|
-
const
|
|
681
|
-
|
|
682
|
-
},
|
|
683
|
-
|
|
684
|
-
},
|
|
685
|
-
return
|
|
686
|
-
|
|
687
|
-
|
|
688
|
-
|
|
682
|
+
setup(e, { expose: t, emit: u }) {
|
|
683
|
+
const c = e, s = T(), d = u, o = w(!1), n = w(!1), a = (p) => {
|
|
684
|
+
o.value = !o.value, d("toggle-drawer", p, o.value);
|
|
685
|
+
}, r = () => {
|
|
686
|
+
o.value = !1;
|
|
687
|
+
}, f = B(() => ({ "--header-width": `${c.headerWidth}px` }));
|
|
688
|
+
return F(() => {
|
|
689
|
+
n.value = !0;
|
|
690
|
+
const p = yt(document);
|
|
691
|
+
N(o, (b) => {
|
|
692
|
+
p.value = b;
|
|
689
693
|
});
|
|
690
|
-
}),
|
|
691
|
-
headerClose:
|
|
692
|
-
}), (
|
|
694
|
+
}), t({
|
|
695
|
+
headerClose: r
|
|
696
|
+
}), (p, b) => (l(), i("header", {
|
|
693
697
|
class: "relative",
|
|
694
|
-
style:
|
|
698
|
+
style: W(f.value)
|
|
695
699
|
}, [
|
|
696
|
-
|
|
697
|
-
class:
|
|
700
|
+
m("nav", {
|
|
701
|
+
class: h(["header-desktop hidden overflow-y-scroll overscroll-contain py-sm lg:sticky lg:top-0 lg:left-0 lg:block lg:h-[100vh]", [V(y).bgColorVariant({ color: e.bgColor })]])
|
|
698
702
|
}, [
|
|
699
|
-
|
|
700
|
-
|
|
701
|
-
|
|
703
|
+
m("div", Ft, [
|
|
704
|
+
m("div", null, [
|
|
705
|
+
C(p.$slots, "content", {}, void 0, !0)
|
|
702
706
|
]),
|
|
703
|
-
|
|
704
|
-
|
|
705
|
-
])) :
|
|
707
|
+
s["content-bottom"] ? (l(), i("div", Xt, [
|
|
708
|
+
C(p.$slots, "content-bottom", {}, void 0, !0)
|
|
709
|
+
])) : v("", !0)
|
|
706
710
|
])
|
|
707
711
|
], 2),
|
|
708
|
-
(
|
|
709
|
-
|
|
710
|
-
|
|
711
|
-
|
|
712
|
-
|
|
713
|
-
|
|
712
|
+
s["mobile-content"] && !n.value ? (l(), i("div", Pt, [
|
|
713
|
+
A(q, {
|
|
714
|
+
color: e.drawerBtnColor,
|
|
715
|
+
"show-border": e.showDrawerBorder,
|
|
716
|
+
class: "relative block lg:hidden",
|
|
717
|
+
onHbgClick: a,
|
|
718
|
+
toggle: o.value,
|
|
719
|
+
"bg-color": e.bgColor
|
|
720
|
+
}, null, 8, ["color", "show-border", "toggle", "bg-color"])
|
|
721
|
+
])) : v("", !0),
|
|
722
|
+
n.value ? (l(), X(mt, {
|
|
723
|
+
key: 1,
|
|
724
|
+
to: "body"
|
|
725
|
+
}, [
|
|
726
|
+
m("div", Yt, [
|
|
727
|
+
s["mobile-content"] ? (l(), i("div", Ut, [
|
|
728
|
+
A(q, {
|
|
729
|
+
color: e.drawerBtnColor,
|
|
730
|
+
"show-border": e.showDrawerBorder,
|
|
714
731
|
class: "relative block lg:hidden",
|
|
715
|
-
onHbgClick:
|
|
716
|
-
toggle:
|
|
717
|
-
"bg-color":
|
|
732
|
+
onHbgClick: a,
|
|
733
|
+
toggle: o.value,
|
|
734
|
+
"bg-color": e.bgColor
|
|
718
735
|
}, null, 8, ["color", "show-border", "toggle", "bg-color"])
|
|
719
|
-
])) :
|
|
720
|
-
|
|
736
|
+
])) : v("", !0),
|
|
737
|
+
A(S, {
|
|
721
738
|
name: "slide-down",
|
|
722
739
|
appear: ""
|
|
723
740
|
}, {
|
|
724
|
-
default:
|
|
725
|
-
|
|
741
|
+
default: E(() => [
|
|
742
|
+
o.value ? (l(), i("nav", {
|
|
726
743
|
key: 0,
|
|
727
|
-
class:
|
|
744
|
+
class: h(["fixed inset-0 overflow-y-scroll overscroll-contain px-sm py-lg", V(y).bgColorVariant({ color: e.bgColor })])
|
|
728
745
|
}, [
|
|
729
|
-
|
|
730
|
-
|
|
731
|
-
])) :
|
|
732
|
-
], 2)) :
|
|
746
|
+
s["mobile-content"] ? (l(), i("div", Kt, [
|
|
747
|
+
C(p.$slots, "mobile-content", { headerClose: r }, void 0, !0)
|
|
748
|
+
])) : v("", !0)
|
|
749
|
+
], 2)) : v("", !0)
|
|
733
750
|
]),
|
|
734
751
|
_: 3
|
|
735
752
|
})
|
|
736
753
|
])
|
|
737
|
-
]))
|
|
754
|
+
])) : v("", !0)
|
|
738
755
|
], 4));
|
|
739
756
|
}
|
|
740
|
-
}),
|
|
741
|
-
typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
|
|
742
|
-
const qa = (t) => t != null;
|
|
743
|
-
var qe = ["input:not([inert]):not([inert] *)", "select:not([inert]):not([inert] *)", "textarea:not([inert]):not([inert] *)", "a[href]:not([inert]):not([inert] *)", "button:not([inert]):not([inert] *)", "[tabindex]:not(slot):not([inert]):not([inert] *)", "audio[controls]:not([inert]):not([inert] *)", "video[controls]:not([inert]):not([inert] *)", '[contenteditable]:not([contenteditable="false"]):not([inert]):not([inert] *)', "details>summary:first-of-type:not([inert]):not([inert] *)", "details:not([inert]):not([inert] *)"], ye = /* @__PURE__ */ qe.join(","), Ze = typeof Element > "u", ue = Ze ? function() {
|
|
744
|
-
} : Element.prototype.matches || Element.prototype.msMatchesSelector || Element.prototype.webkitMatchesSelector, we = !Ze && Element.prototype.getRootNode ? function(t) {
|
|
745
|
-
var e;
|
|
746
|
-
return t == null || (e = t.getRootNode) === null || e === void 0 ? void 0 : e.call(t);
|
|
747
|
-
} : function(t) {
|
|
748
|
-
return t?.ownerDocument;
|
|
749
|
-
}, Ce = function(e, a) {
|
|
750
|
-
var o;
|
|
751
|
-
a === void 0 && (a = !0);
|
|
752
|
-
var n = e == null || (o = e.getAttribute) === null || o === void 0 ? void 0 : o.call(e, "inert"), c = n === "" || n === "true", r = c || a && e && // closest does not exist on shadow roots, so we fall back to a manual
|
|
753
|
-
// lookup upward, in case it is not defined.
|
|
754
|
-
(typeof e.closest == "function" ? e.closest("[inert]") : Ce(e.parentNode));
|
|
755
|
-
return r;
|
|
756
|
-
}, Za = function(e) {
|
|
757
|
-
var a, o = e == null || (a = e.getAttribute) === null || a === void 0 ? void 0 : a.call(e, "contenteditable");
|
|
758
|
-
return o === "" || o === "true";
|
|
759
|
-
}, Je = function(e, a, o) {
|
|
760
|
-
if (Ce(e))
|
|
761
|
-
return [];
|
|
762
|
-
var n = Array.prototype.slice.apply(e.querySelectorAll(ye));
|
|
763
|
-
return a && ue.call(e, ye) && n.unshift(e), n = n.filter(o), n;
|
|
764
|
-
}, ke = function(e, a, o) {
|
|
765
|
-
for (var n = [], c = Array.from(e); c.length; ) {
|
|
766
|
-
var r = c.shift();
|
|
767
|
-
if (!Ce(r, !1))
|
|
768
|
-
if (r.tagName === "SLOT") {
|
|
769
|
-
var u = r.assignedElements(), l = u.length ? u : r.children, d = ke(l, !0, o);
|
|
770
|
-
o.flatten ? n.push.apply(n, d) : n.push({
|
|
771
|
-
scopeParent: r,
|
|
772
|
-
candidates: d
|
|
773
|
-
});
|
|
774
|
-
} else {
|
|
775
|
-
var v = ue.call(r, ye);
|
|
776
|
-
v && o.filter(r) && (a || !e.includes(r)) && n.push(r);
|
|
777
|
-
var b = r.shadowRoot || // check for an undisclosed shadow
|
|
778
|
-
typeof o.getShadowRoot == "function" && o.getShadowRoot(r), h = !Ce(b, !1) && (!o.shadowRootFilter || o.shadowRootFilter(r));
|
|
779
|
-
if (b && h) {
|
|
780
|
-
var g = ke(b === !0 ? r.children : b.children, !0, o);
|
|
781
|
-
o.flatten ? n.push.apply(n, g) : n.push({
|
|
782
|
-
scopeParent: r,
|
|
783
|
-
candidates: g
|
|
784
|
-
});
|
|
785
|
-
} else
|
|
786
|
-
c.unshift.apply(c, r.children);
|
|
787
|
-
}
|
|
788
|
-
}
|
|
789
|
-
return n;
|
|
790
|
-
}, Qe = function(e) {
|
|
791
|
-
return !isNaN(parseInt(e.getAttribute("tabindex"), 10));
|
|
792
|
-
}, ce = function(e) {
|
|
793
|
-
if (!e)
|
|
794
|
-
throw new Error("No node provided");
|
|
795
|
-
return e.tabIndex < 0 && (/^(AUDIO|VIDEO|DETAILS)$/.test(e.tagName) || Za(e)) && !Qe(e) ? 0 : e.tabIndex;
|
|
796
|
-
}, Ja = function(e, a) {
|
|
797
|
-
var o = ce(e);
|
|
798
|
-
return o < 0 && a && !Qe(e) ? 0 : o;
|
|
799
|
-
}, Qa = function(e, a) {
|
|
800
|
-
return e.tabIndex === a.tabIndex ? e.documentOrder - a.documentOrder : e.tabIndex - a.tabIndex;
|
|
801
|
-
}, et = function(e) {
|
|
802
|
-
return e.tagName === "INPUT";
|
|
803
|
-
}, er = function(e) {
|
|
804
|
-
return et(e) && e.type === "hidden";
|
|
805
|
-
}, tr = function(e) {
|
|
806
|
-
var a = e.tagName === "DETAILS" && Array.prototype.slice.apply(e.children).some(function(o) {
|
|
807
|
-
return o.tagName === "SUMMARY";
|
|
808
|
-
});
|
|
809
|
-
return a;
|
|
810
|
-
}, ar = function(e, a) {
|
|
811
|
-
for (var o = 0; o < e.length; o++)
|
|
812
|
-
if (e[o].checked && e[o].form === a)
|
|
813
|
-
return e[o];
|
|
814
|
-
}, rr = function(e) {
|
|
815
|
-
if (!e.name)
|
|
816
|
-
return !0;
|
|
817
|
-
var a = e.form || we(e), o = function(u) {
|
|
818
|
-
return a.querySelectorAll('input[type="radio"][name="' + u + '"]');
|
|
819
|
-
}, n;
|
|
820
|
-
if (typeof window < "u" && typeof window.CSS < "u" && typeof window.CSS.escape == "function")
|
|
821
|
-
n = o(window.CSS.escape(e.name));
|
|
822
|
-
else
|
|
823
|
-
try {
|
|
824
|
-
n = o(e.name);
|
|
825
|
-
} catch (r) {
|
|
826
|
-
return console.error("Looks like you have a radio button with a name attribute containing invalid CSS selector characters and need the CSS.escape polyfill: %s", r.message), !1;
|
|
827
|
-
}
|
|
828
|
-
var c = ar(n, e.form);
|
|
829
|
-
return !c || c === e;
|
|
830
|
-
}, or = function(e) {
|
|
831
|
-
return et(e) && e.type === "radio";
|
|
832
|
-
}, nr = function(e) {
|
|
833
|
-
return or(e) && !rr(e);
|
|
834
|
-
}, ir = function(e) {
|
|
835
|
-
var a, o = e && we(e), n = (a = o) === null || a === void 0 ? void 0 : a.host, c = !1;
|
|
836
|
-
if (o && o !== e) {
|
|
837
|
-
var r, u, l;
|
|
838
|
-
for (c = !!((r = n) !== null && r !== void 0 && (u = r.ownerDocument) !== null && u !== void 0 && u.contains(n) || e != null && (l = e.ownerDocument) !== null && l !== void 0 && l.contains(e)); !c && n; ) {
|
|
839
|
-
var d, v, b;
|
|
840
|
-
o = we(n), n = (d = o) === null || d === void 0 ? void 0 : d.host, c = !!((v = n) !== null && v !== void 0 && (b = v.ownerDocument) !== null && b !== void 0 && b.contains(n));
|
|
841
|
-
}
|
|
842
|
-
}
|
|
843
|
-
return c;
|
|
844
|
-
}, $e = function(e) {
|
|
845
|
-
var a = e.getBoundingClientRect(), o = a.width, n = a.height;
|
|
846
|
-
return o === 0 && n === 0;
|
|
847
|
-
}, sr = function(e, a) {
|
|
848
|
-
var o = a.displayCheck, n = a.getShadowRoot;
|
|
849
|
-
if (o === "full-native" && "checkVisibility" in e) {
|
|
850
|
-
var c = e.checkVisibility({
|
|
851
|
-
// Checking opacity might be desirable for some use cases, but natively,
|
|
852
|
-
// opacity zero elements _are_ focusable and tabbable.
|
|
853
|
-
checkOpacity: !1,
|
|
854
|
-
opacityProperty: !1,
|
|
855
|
-
contentVisibilityAuto: !0,
|
|
856
|
-
visibilityProperty: !0,
|
|
857
|
-
// This is an alias for `visibilityProperty`. Contemporary browsers
|
|
858
|
-
// support both. However, this alias has wider browser support (Chrome
|
|
859
|
-
// >= 105 and Firefox >= 106, vs. Chrome >= 121 and Firefox >= 122), so
|
|
860
|
-
// we include it anyway.
|
|
861
|
-
checkVisibilityCSS: !0
|
|
862
|
-
});
|
|
863
|
-
return !c;
|
|
864
|
-
}
|
|
865
|
-
if (getComputedStyle(e).visibility === "hidden")
|
|
866
|
-
return !0;
|
|
867
|
-
var r = ue.call(e, "details>summary:first-of-type"), u = r ? e.parentElement : e;
|
|
868
|
-
if (ue.call(u, "details:not([open]) *"))
|
|
869
|
-
return !0;
|
|
870
|
-
if (!o || o === "full" || // full-native can run this branch when it falls through in case
|
|
871
|
-
// Element#checkVisibility is unsupported
|
|
872
|
-
o === "full-native" || o === "legacy-full") {
|
|
873
|
-
if (typeof n == "function") {
|
|
874
|
-
for (var l = e; e; ) {
|
|
875
|
-
var d = e.parentElement, v = we(e);
|
|
876
|
-
if (d && !d.shadowRoot && n(d) === !0)
|
|
877
|
-
return $e(e);
|
|
878
|
-
e.assignedSlot ? e = e.assignedSlot : !d && v !== e.ownerDocument ? e = v.host : e = d;
|
|
879
|
-
}
|
|
880
|
-
e = l;
|
|
881
|
-
}
|
|
882
|
-
if (ir(e))
|
|
883
|
-
return !e.getClientRects().length;
|
|
884
|
-
if (o !== "legacy-full")
|
|
885
|
-
return !0;
|
|
886
|
-
} else if (o === "non-zero-area")
|
|
887
|
-
return $e(e);
|
|
888
|
-
return !1;
|
|
889
|
-
}, lr = function(e) {
|
|
890
|
-
if (/^(INPUT|BUTTON|SELECT|TEXTAREA)$/.test(e.tagName))
|
|
891
|
-
for (var a = e.parentElement; a; ) {
|
|
892
|
-
if (a.tagName === "FIELDSET" && a.disabled) {
|
|
893
|
-
for (var o = 0; o < a.children.length; o++) {
|
|
894
|
-
var n = a.children.item(o);
|
|
895
|
-
if (n.tagName === "LEGEND")
|
|
896
|
-
return ue.call(a, "fieldset[disabled] *") ? !0 : !n.contains(e);
|
|
897
|
-
}
|
|
898
|
-
return !0;
|
|
899
|
-
}
|
|
900
|
-
a = a.parentElement;
|
|
901
|
-
}
|
|
902
|
-
return !1;
|
|
903
|
-
}, Te = function(e, a) {
|
|
904
|
-
return !(a.disabled || er(a) || sr(a, e) || // For a details element with a summary, the summary element gets the focus
|
|
905
|
-
tr(a) || lr(a));
|
|
906
|
-
}, Ne = function(e, a) {
|
|
907
|
-
return !(nr(a) || ce(a) < 0 || !Te(e, a));
|
|
908
|
-
}, cr = function(e) {
|
|
909
|
-
var a = parseInt(e.getAttribute("tabindex"), 10);
|
|
910
|
-
return !!(isNaN(a) || a >= 0);
|
|
911
|
-
}, tt = function(e) {
|
|
912
|
-
var a = [], o = [];
|
|
913
|
-
return e.forEach(function(n, c) {
|
|
914
|
-
var r = !!n.scopeParent, u = r ? n.scopeParent : n, l = Ja(u, r), d = r ? tt(n.candidates) : u;
|
|
915
|
-
l === 0 ? r ? a.push.apply(a, d) : a.push(u) : o.push({
|
|
916
|
-
documentOrder: c,
|
|
917
|
-
tabIndex: l,
|
|
918
|
-
item: n,
|
|
919
|
-
isScope: r,
|
|
920
|
-
content: d
|
|
921
|
-
});
|
|
922
|
-
}), o.sort(Qa).reduce(function(n, c) {
|
|
923
|
-
return c.isScope ? n.push.apply(n, c.content) : n.push(c.content), n;
|
|
924
|
-
}, []).concat(a);
|
|
925
|
-
}, ur = function(e, a) {
|
|
926
|
-
a = a || {};
|
|
927
|
-
var o;
|
|
928
|
-
return a.getShadowRoot ? o = ke([e], a.includeContainer, {
|
|
929
|
-
filter: Ne.bind(null, a),
|
|
930
|
-
flatten: !1,
|
|
931
|
-
getShadowRoot: a.getShadowRoot,
|
|
932
|
-
shadowRootFilter: cr
|
|
933
|
-
}) : o = Je(e, a.includeContainer, Ne.bind(null, a)), tt(o);
|
|
934
|
-
}, dr = function(e, a) {
|
|
935
|
-
a = a || {};
|
|
936
|
-
var o;
|
|
937
|
-
return a.getShadowRoot ? o = ke([e], a.includeContainer, {
|
|
938
|
-
filter: Te.bind(null, a),
|
|
939
|
-
flatten: !0,
|
|
940
|
-
getShadowRoot: a.getShadowRoot
|
|
941
|
-
}) : o = Je(e, a.includeContainer, Te.bind(null, a)), o;
|
|
942
|
-
}, fe = function(e, a) {
|
|
943
|
-
if (a = a || {}, !e)
|
|
944
|
-
throw new Error("No node provided");
|
|
945
|
-
return ue.call(e, ye) === !1 ? !1 : Ne(a, e);
|
|
946
|
-
}, fr = /* @__PURE__ */ qe.concat("iframe:not([inert]):not([inert] *)").join(","), Ee = function(e, a) {
|
|
947
|
-
if (a = a || {}, !e)
|
|
948
|
-
throw new Error("No node provided");
|
|
949
|
-
return ue.call(e, fr) === !1 ? !1 : Te(a, e);
|
|
950
|
-
};
|
|
951
|
-
function Oe(t, e) {
|
|
952
|
-
(e == null || e > t.length) && (e = t.length);
|
|
953
|
-
for (var a = 0, o = Array(e); a < e; a++) o[a] = t[a];
|
|
954
|
-
return o;
|
|
955
|
-
}
|
|
956
|
-
function vr(t) {
|
|
957
|
-
if (Array.isArray(t)) return Oe(t);
|
|
958
|
-
}
|
|
959
|
-
function Pe(t, e, a, o, n, c, r) {
|
|
960
|
-
try {
|
|
961
|
-
var u = t[c](r), l = u.value;
|
|
962
|
-
} catch (d) {
|
|
963
|
-
return void a(d);
|
|
964
|
-
}
|
|
965
|
-
u.done ? e(l) : Promise.resolve(l).then(o, n);
|
|
966
|
-
}
|
|
967
|
-
function je(t) {
|
|
968
|
-
return function() {
|
|
969
|
-
var e = this, a = arguments;
|
|
970
|
-
return new Promise(function(o, n) {
|
|
971
|
-
var c = t.apply(e, a);
|
|
972
|
-
function r(l) {
|
|
973
|
-
Pe(c, o, n, r, u, "next", l);
|
|
974
|
-
}
|
|
975
|
-
function u(l) {
|
|
976
|
-
Pe(c, o, n, r, u, "throw", l);
|
|
977
|
-
}
|
|
978
|
-
r(void 0);
|
|
979
|
-
});
|
|
980
|
-
};
|
|
981
|
-
}
|
|
982
|
-
function _e(t, e) {
|
|
983
|
-
var a = typeof Symbol < "u" && t[Symbol.iterator] || t["@@iterator"];
|
|
984
|
-
if (!a) {
|
|
985
|
-
if (Array.isArray(t) || (a = at(t)) || e) {
|
|
986
|
-
a && (t = a);
|
|
987
|
-
var o = 0, n = function() {
|
|
988
|
-
};
|
|
989
|
-
return {
|
|
990
|
-
s: n,
|
|
991
|
-
n: function() {
|
|
992
|
-
return o >= t.length ? {
|
|
993
|
-
done: !0
|
|
994
|
-
} : {
|
|
995
|
-
done: !1,
|
|
996
|
-
value: t[o++]
|
|
997
|
-
};
|
|
998
|
-
},
|
|
999
|
-
e: function(l) {
|
|
1000
|
-
throw l;
|
|
1001
|
-
},
|
|
1002
|
-
f: n
|
|
1003
|
-
};
|
|
1004
|
-
}
|
|
1005
|
-
throw new TypeError(`Invalid attempt to iterate non-iterable instance.
|
|
1006
|
-
In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`);
|
|
1007
|
-
}
|
|
1008
|
-
var c, r = !0, u = !1;
|
|
1009
|
-
return {
|
|
1010
|
-
s: function() {
|
|
1011
|
-
a = a.call(t);
|
|
1012
|
-
},
|
|
1013
|
-
n: function() {
|
|
1014
|
-
var l = a.next();
|
|
1015
|
-
return r = l.done, l;
|
|
1016
|
-
},
|
|
1017
|
-
e: function(l) {
|
|
1018
|
-
u = !0, c = l;
|
|
1019
|
-
},
|
|
1020
|
-
f: function() {
|
|
1021
|
-
try {
|
|
1022
|
-
r || a.return == null || a.return();
|
|
1023
|
-
} finally {
|
|
1024
|
-
if (u) throw c;
|
|
1025
|
-
}
|
|
1026
|
-
}
|
|
1027
|
-
};
|
|
1028
|
-
}
|
|
1029
|
-
function br(t, e, a) {
|
|
1030
|
-
return (e = yr(e)) in t ? Object.defineProperty(t, e, {
|
|
1031
|
-
value: a,
|
|
1032
|
-
enumerable: !0,
|
|
1033
|
-
configurable: !0,
|
|
1034
|
-
writable: !0
|
|
1035
|
-
}) : t[e] = a, t;
|
|
1036
|
-
}
|
|
1037
|
-
function hr(t) {
|
|
1038
|
-
if (typeof Symbol < "u" && t[Symbol.iterator] != null || t["@@iterator"] != null) return Array.from(t);
|
|
1039
|
-
}
|
|
1040
|
-
function pr() {
|
|
1041
|
-
throw new TypeError(`Invalid attempt to spread non-iterable instance.
|
|
1042
|
-
In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`);
|
|
1043
|
-
}
|
|
1044
|
-
function Ge(t, e) {
|
|
1045
|
-
var a = Object.keys(t);
|
|
1046
|
-
if (Object.getOwnPropertySymbols) {
|
|
1047
|
-
var o = Object.getOwnPropertySymbols(t);
|
|
1048
|
-
e && (o = o.filter(function(n) {
|
|
1049
|
-
return Object.getOwnPropertyDescriptor(t, n).enumerable;
|
|
1050
|
-
})), a.push.apply(a, o);
|
|
1051
|
-
}
|
|
1052
|
-
return a;
|
|
1053
|
-
}
|
|
1054
|
-
function He(t) {
|
|
1055
|
-
for (var e = 1; e < arguments.length; e++) {
|
|
1056
|
-
var a = arguments[e] != null ? arguments[e] : {};
|
|
1057
|
-
e % 2 ? Ge(Object(a), !0).forEach(function(o) {
|
|
1058
|
-
br(t, o, a[o]);
|
|
1059
|
-
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(t, Object.getOwnPropertyDescriptors(a)) : Ge(Object(a)).forEach(function(o) {
|
|
1060
|
-
Object.defineProperty(t, o, Object.getOwnPropertyDescriptor(a, o));
|
|
1061
|
-
});
|
|
1062
|
-
}
|
|
1063
|
-
return t;
|
|
1064
|
-
}
|
|
1065
|
-
function be() {
|
|
1066
|
-
var t, e, a = typeof Symbol == "function" ? Symbol : {}, o = a.iterator || "@@iterator", n = a.toStringTag || "@@toStringTag";
|
|
1067
|
-
function c(g, L, B, $) {
|
|
1068
|
-
var G = L && L.prototype instanceof u ? L : u, M = Object.create(G.prototype);
|
|
1069
|
-
return q(M, "_invoke", (function(se, oe, ne) {
|
|
1070
|
-
var W, F, R, z = 0, j = ne || [], H = !1, K = {
|
|
1071
|
-
p: 0,
|
|
1072
|
-
n: 0,
|
|
1073
|
-
v: t,
|
|
1074
|
-
a: N,
|
|
1075
|
-
f: N.bind(t, 4),
|
|
1076
|
-
d: function(i, s) {
|
|
1077
|
-
return W = i, F = 0, R = t, K.n = s, r;
|
|
1078
|
-
}
|
|
1079
|
-
};
|
|
1080
|
-
function N(i, s) {
|
|
1081
|
-
for (F = i, R = s, e = 0; !H && z && !f && e < j.length; e++) {
|
|
1082
|
-
var f, m = j[e], C = K.p, k = m[2];
|
|
1083
|
-
i > 3 ? (f = k === s) && (R = m[(F = m[4]) ? 5 : (F = 3, 3)], m[4] = m[5] = t) : m[0] <= C && ((f = i < 2 && C < m[1]) ? (F = 0, K.v = s, K.n = m[1]) : C < k && (f = i < 3 || m[0] > s || s > k) && (m[4] = i, m[5] = s, K.n = k, F = 0));
|
|
1084
|
-
}
|
|
1085
|
-
if (f || i > 1) return r;
|
|
1086
|
-
throw H = !0, s;
|
|
1087
|
-
}
|
|
1088
|
-
return function(i, s, f) {
|
|
1089
|
-
if (z > 1) throw TypeError("Generator is already running");
|
|
1090
|
-
for (H && s === 1 && N(s, f), F = s, R = f; (e = F < 2 ? t : R) || !H; ) {
|
|
1091
|
-
W || (F ? F < 3 ? (F > 1 && (K.n = -1), N(F, R)) : K.n = R : K.v = R);
|
|
1092
|
-
try {
|
|
1093
|
-
if (z = 2, W) {
|
|
1094
|
-
if (F || (i = "next"), e = W[i]) {
|
|
1095
|
-
if (!(e = e.call(W, R))) throw TypeError("iterator result is not an object");
|
|
1096
|
-
if (!e.done) return e;
|
|
1097
|
-
R = e.value, F < 2 && (F = 0);
|
|
1098
|
-
} else F === 1 && (e = W.return) && e.call(W), F < 2 && (R = TypeError("The iterator does not provide a '" + i + "' method"), F = 1);
|
|
1099
|
-
W = t;
|
|
1100
|
-
} else if ((e = (H = K.n < 0) ? R : se.call(oe, K)) !== r) break;
|
|
1101
|
-
} catch (m) {
|
|
1102
|
-
W = t, F = 1, R = m;
|
|
1103
|
-
} finally {
|
|
1104
|
-
z = 1;
|
|
1105
|
-
}
|
|
1106
|
-
}
|
|
1107
|
-
return {
|
|
1108
|
-
value: e,
|
|
1109
|
-
done: H
|
|
1110
|
-
};
|
|
1111
|
-
};
|
|
1112
|
-
})(g, B, $), !0), M;
|
|
1113
|
-
}
|
|
1114
|
-
var r = {};
|
|
1115
|
-
function u() {
|
|
1116
|
-
}
|
|
1117
|
-
function l() {
|
|
1118
|
-
}
|
|
1119
|
-
function d() {
|
|
1120
|
-
}
|
|
1121
|
-
e = Object.getPrototypeOf;
|
|
1122
|
-
var v = [][o] ? e(e([][o]())) : (q(e = {}, o, function() {
|
|
1123
|
-
return this;
|
|
1124
|
-
}), e), b = d.prototype = u.prototype = Object.create(v);
|
|
1125
|
-
function h(g) {
|
|
1126
|
-
return Object.setPrototypeOf ? Object.setPrototypeOf(g, d) : (g.__proto__ = d, q(g, n, "GeneratorFunction")), g.prototype = Object.create(b), g;
|
|
1127
|
-
}
|
|
1128
|
-
return l.prototype = d, q(b, "constructor", d), q(d, "constructor", l), l.displayName = "GeneratorFunction", q(d, n, "GeneratorFunction"), q(b), q(b, n, "Generator"), q(b, o, function() {
|
|
1129
|
-
return this;
|
|
1130
|
-
}), q(b, "toString", function() {
|
|
1131
|
-
return "[object Generator]";
|
|
1132
|
-
}), (be = function() {
|
|
1133
|
-
return {
|
|
1134
|
-
w: c,
|
|
1135
|
-
m: h
|
|
1136
|
-
};
|
|
1137
|
-
})();
|
|
1138
|
-
}
|
|
1139
|
-
function q(t, e, a, o) {
|
|
1140
|
-
var n = Object.defineProperty;
|
|
1141
|
-
try {
|
|
1142
|
-
n({}, "", {});
|
|
1143
|
-
} catch {
|
|
1144
|
-
n = 0;
|
|
1145
|
-
}
|
|
1146
|
-
q = function(c, r, u, l) {
|
|
1147
|
-
function d(v, b) {
|
|
1148
|
-
q(c, v, function(h) {
|
|
1149
|
-
return this._invoke(v, b, h);
|
|
1150
|
-
});
|
|
1151
|
-
}
|
|
1152
|
-
r ? n ? n(c, r, {
|
|
1153
|
-
value: u,
|
|
1154
|
-
enumerable: !l,
|
|
1155
|
-
configurable: !l,
|
|
1156
|
-
writable: !l
|
|
1157
|
-
}) : c[r] = u : (d("next", 0), d("throw", 1), d("return", 2));
|
|
1158
|
-
}, q(t, e, a, o);
|
|
1159
|
-
}
|
|
1160
|
-
function gr(t) {
|
|
1161
|
-
return vr(t) || hr(t) || at(t) || pr();
|
|
1162
|
-
}
|
|
1163
|
-
function mr(t, e) {
|
|
1164
|
-
if (typeof t != "object" || !t) return t;
|
|
1165
|
-
var a = t[Symbol.toPrimitive];
|
|
1166
|
-
if (a !== void 0) {
|
|
1167
|
-
var o = a.call(t, e);
|
|
1168
|
-
if (typeof o != "object") return o;
|
|
1169
|
-
throw new TypeError("@@toPrimitive must return a primitive value.");
|
|
1170
|
-
}
|
|
1171
|
-
return (e === "string" ? String : Number)(t);
|
|
1172
|
-
}
|
|
1173
|
-
function yr(t) {
|
|
1174
|
-
var e = mr(t, "string");
|
|
1175
|
-
return typeof e == "symbol" ? e : e + "";
|
|
1176
|
-
}
|
|
1177
|
-
function at(t, e) {
|
|
1178
|
-
if (t) {
|
|
1179
|
-
if (typeof t == "string") return Oe(t, e);
|
|
1180
|
-
var a = {}.toString.call(t).slice(8, -1);
|
|
1181
|
-
return a === "Object" && t.constructor && (a = t.constructor.name), a === "Map" || a === "Set" ? Array.from(t) : a === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a) ? Oe(t, e) : void 0;
|
|
1182
|
-
}
|
|
1183
|
-
}
|
|
1184
|
-
var ae = {
|
|
1185
|
-
// Returns the trap from the top of the stack.
|
|
1186
|
-
getActiveTrap: function(e) {
|
|
1187
|
-
return e?.length > 0 ? e[e.length - 1] : null;
|
|
1188
|
-
},
|
|
1189
|
-
// Pauses the currently active trap, then adds a new trap to the stack.
|
|
1190
|
-
activateTrap: function(e, a) {
|
|
1191
|
-
var o = ae.getActiveTrap(e);
|
|
1192
|
-
a !== o && ae.pauseTrap(e);
|
|
1193
|
-
var n = e.indexOf(a);
|
|
1194
|
-
n === -1 || e.splice(n, 1), e.push(a);
|
|
1195
|
-
},
|
|
1196
|
-
// Removes the trap from the top of the stack, then unpauses the next trap down.
|
|
1197
|
-
deactivateTrap: function(e, a) {
|
|
1198
|
-
var o = e.indexOf(a);
|
|
1199
|
-
o !== -1 && e.splice(o, 1), ae.unpauseTrap(e);
|
|
1200
|
-
},
|
|
1201
|
-
// Pauses the trap at the top of the stack.
|
|
1202
|
-
pauseTrap: function(e) {
|
|
1203
|
-
var a = ae.getActiveTrap(e);
|
|
1204
|
-
a?._setPausedState(!0);
|
|
1205
|
-
},
|
|
1206
|
-
// Unpauses the trap at the top of the stack.
|
|
1207
|
-
unpauseTrap: function(e) {
|
|
1208
|
-
var a = ae.getActiveTrap(e);
|
|
1209
|
-
a && !a._isManuallyPaused() && a._setPausedState(!1);
|
|
1210
|
-
}
|
|
1211
|
-
}, wr = function(e) {
|
|
1212
|
-
return e.tagName && e.tagName.toLowerCase() === "input" && typeof e.select == "function";
|
|
1213
|
-
}, Cr = function(e) {
|
|
1214
|
-
return e?.key === "Escape" || e?.key === "Esc" || e?.keyCode === 27;
|
|
1215
|
-
}, pe = function(e) {
|
|
1216
|
-
return e?.key === "Tab" || e?.keyCode === 9;
|
|
1217
|
-
}, kr = function(e) {
|
|
1218
|
-
return pe(e) && !e.shiftKey;
|
|
1219
|
-
}, Tr = function(e) {
|
|
1220
|
-
return pe(e) && e.shiftKey;
|
|
1221
|
-
}, Me = function(e) {
|
|
1222
|
-
return setTimeout(e, 0);
|
|
1223
|
-
}, ve = function(e) {
|
|
1224
|
-
for (var a = arguments.length, o = new Array(a > 1 ? a - 1 : 0), n = 1; n < a; n++)
|
|
1225
|
-
o[n - 1] = arguments[n];
|
|
1226
|
-
return typeof e == "function" ? e.apply(void 0, o) : e;
|
|
1227
|
-
}, me = function(e) {
|
|
1228
|
-
return e.target.shadowRoot && typeof e.composedPath == "function" ? e.composedPath()[0] : e.target;
|
|
1229
|
-
}, Sr = [], xr = function(e, a) {
|
|
1230
|
-
var o = a?.document || document, n = a?.trapStack || Sr, c = He({
|
|
1231
|
-
returnFocusOnDeactivate: !0,
|
|
1232
|
-
escapeDeactivates: !0,
|
|
1233
|
-
delayInitialFocus: !0,
|
|
1234
|
-
delayReturnFocus: !0,
|
|
1235
|
-
isolateSubtrees: !1,
|
|
1236
|
-
isKeyForward: kr,
|
|
1237
|
-
isKeyBackward: Tr
|
|
1238
|
-
}, a), r = {
|
|
1239
|
-
// containers given to createFocusTrap()
|
|
1240
|
-
/** @type {Array<HTMLElement>} */
|
|
1241
|
-
containers: [],
|
|
1242
|
-
// list of objects identifying tabbable nodes in `containers` in the trap
|
|
1243
|
-
// NOTE: it's possible that a group has no tabbable nodes if nodes get removed while the trap
|
|
1244
|
-
// is active, but the trap should never get to a state where there isn't at least one group
|
|
1245
|
-
// with at least one tabbable node in it (that would lead to an error condition that would
|
|
1246
|
-
// result in an error being thrown)
|
|
1247
|
-
/** @type {Array<{
|
|
1248
|
-
* container: HTMLElement,
|
|
1249
|
-
* tabbableNodes: Array<HTMLElement>, // empty if none
|
|
1250
|
-
* focusableNodes: Array<HTMLElement>, // empty if none
|
|
1251
|
-
* posTabIndexesFound: boolean,
|
|
1252
|
-
* firstTabbableNode: HTMLElement|undefined,
|
|
1253
|
-
* lastTabbableNode: HTMLElement|undefined,
|
|
1254
|
-
* firstDomTabbableNode: HTMLElement|undefined,
|
|
1255
|
-
* lastDomTabbableNode: HTMLElement|undefined,
|
|
1256
|
-
* nextTabbableNode: (node: HTMLElement, forward: boolean) => HTMLElement|undefined
|
|
1257
|
-
* }>}
|
|
1258
|
-
*/
|
|
1259
|
-
containerGroups: [],
|
|
1260
|
-
// same order/length as `containers` list
|
|
1261
|
-
// references to objects in `containerGroups`, but only those that actually have
|
|
1262
|
-
// tabbable nodes in them
|
|
1263
|
-
// NOTE: same order as `containers` and `containerGroups`, but __not necessarily__
|
|
1264
|
-
// the same length
|
|
1265
|
-
tabbableGroups: [],
|
|
1266
|
-
// references to nodes that are siblings to the ancestors of this trap's containers.
|
|
1267
|
-
/** @type {Set<HTMLElement>} */
|
|
1268
|
-
adjacentElements: /* @__PURE__ */ new Set(),
|
|
1269
|
-
// references to nodes that were inert or aria-hidden before the trap was activated.
|
|
1270
|
-
/** @type {Set<HTMLElement>} */
|
|
1271
|
-
alreadySilent: /* @__PURE__ */ new Set(),
|
|
1272
|
-
nodeFocusedBeforeActivation: null,
|
|
1273
|
-
mostRecentlyFocusedNode: null,
|
|
1274
|
-
active: !1,
|
|
1275
|
-
paused: !1,
|
|
1276
|
-
manuallyPaused: !1,
|
|
1277
|
-
// timer ID for when delayInitialFocus is true and initial focus in this trap
|
|
1278
|
-
// has been delayed during activation
|
|
1279
|
-
delayInitialFocusTimer: void 0,
|
|
1280
|
-
// the most recent KeyboardEvent for the configured nav key (typically [SHIFT+]TAB), if any
|
|
1281
|
-
recentNavEvent: void 0
|
|
1282
|
-
}, u, l = function(i, s, f) {
|
|
1283
|
-
return i && i[s] !== void 0 ? i[s] : c[f || s];
|
|
1284
|
-
}, d = function(i, s) {
|
|
1285
|
-
var f = typeof s?.composedPath == "function" ? s.composedPath() : void 0;
|
|
1286
|
-
return r.containerGroups.findIndex(function(m) {
|
|
1287
|
-
var C = m.container, k = m.tabbableNodes;
|
|
1288
|
-
return C.contains(i) || f?.includes(C) || k.find(function(w) {
|
|
1289
|
-
return w === i;
|
|
1290
|
-
});
|
|
1291
|
-
});
|
|
1292
|
-
}, v = function(i) {
|
|
1293
|
-
var s = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, f = s.hasFallback, m = f === void 0 ? !1 : f, C = s.params, k = C === void 0 ? [] : C, w = c[i];
|
|
1294
|
-
if (typeof w == "function" && (w = w.apply(void 0, gr(k))), w === !0 && (w = void 0), !w) {
|
|
1295
|
-
if (w === void 0 || w === !1)
|
|
1296
|
-
return w;
|
|
1297
|
-
throw new Error("`".concat(i, "` was specified but was not a node, or did not return a node"));
|
|
1298
|
-
}
|
|
1299
|
-
var x = w;
|
|
1300
|
-
if (typeof w == "string") {
|
|
1301
|
-
try {
|
|
1302
|
-
x = o.querySelector(w);
|
|
1303
|
-
} catch (T) {
|
|
1304
|
-
throw new Error("`".concat(i, '` appears to be an invalid selector; error="').concat(T.message, '"'));
|
|
1305
|
-
}
|
|
1306
|
-
if (!x && !m)
|
|
1307
|
-
throw new Error("`".concat(i, "` as selector refers to no known node"));
|
|
1308
|
-
}
|
|
1309
|
-
return x;
|
|
1310
|
-
}, b = function() {
|
|
1311
|
-
var i = v("initialFocus", {
|
|
1312
|
-
hasFallback: !0
|
|
1313
|
-
});
|
|
1314
|
-
if (i === !1)
|
|
1315
|
-
return !1;
|
|
1316
|
-
if (i === void 0 || i && !Ee(i, c.tabbableOptions))
|
|
1317
|
-
if (d(o.activeElement) >= 0)
|
|
1318
|
-
i = o.activeElement;
|
|
1319
|
-
else {
|
|
1320
|
-
var s = r.tabbableGroups[0], f = s && s.firstTabbableNode;
|
|
1321
|
-
i = f || v("fallbackFocus");
|
|
1322
|
-
}
|
|
1323
|
-
else i === null && (i = v("fallbackFocus"));
|
|
1324
|
-
if (!i)
|
|
1325
|
-
throw new Error("Your focus-trap needs to have at least one focusable element");
|
|
1326
|
-
return i;
|
|
1327
|
-
}, h = function() {
|
|
1328
|
-
if (r.containerGroups = r.containers.map(function(i) {
|
|
1329
|
-
var s = ur(i, c.tabbableOptions), f = dr(i, c.tabbableOptions), m = s.length > 0 ? s[0] : void 0, C = s.length > 0 ? s[s.length - 1] : void 0, k = f.find(function(T) {
|
|
1330
|
-
return fe(T);
|
|
1331
|
-
}), w = f.slice().reverse().find(function(T) {
|
|
1332
|
-
return fe(T);
|
|
1333
|
-
}), x = !!s.find(function(T) {
|
|
1334
|
-
return ce(T) > 0;
|
|
1335
|
-
});
|
|
1336
|
-
return {
|
|
1337
|
-
container: i,
|
|
1338
|
-
tabbableNodes: s,
|
|
1339
|
-
focusableNodes: f,
|
|
1340
|
-
/** True if at least one node with positive `tabindex` was found in this container. */
|
|
1341
|
-
posTabIndexesFound: x,
|
|
1342
|
-
/** First tabbable node in container, __tabindex__ order; `undefined` if none. */
|
|
1343
|
-
firstTabbableNode: m,
|
|
1344
|
-
/** Last tabbable node in container, __tabindex__ order; `undefined` if none. */
|
|
1345
|
-
lastTabbableNode: C,
|
|
1346
|
-
// NOTE: DOM order is NOT NECESSARILY "document position" order, but figuring that out
|
|
1347
|
-
// would require more than just https://developer.mozilla.org/en-US/docs/Web/API/Node/compareDocumentPosition
|
|
1348
|
-
// because that API doesn't work with Shadow DOM as well as it should (@see
|
|
1349
|
-
// https://github.com/whatwg/dom/issues/320) and since this first/last is only needed, so far,
|
|
1350
|
-
// to address an edge case related to positive tabindex support, this seems like a much easier,
|
|
1351
|
-
// "close enough most of the time" alternative for positive tabindexes which should generally
|
|
1352
|
-
// be avoided anyway...
|
|
1353
|
-
/** First tabbable node in container, __DOM__ order; `undefined` if none. */
|
|
1354
|
-
firstDomTabbableNode: k,
|
|
1355
|
-
/** Last tabbable node in container, __DOM__ order; `undefined` if none. */
|
|
1356
|
-
lastDomTabbableNode: w,
|
|
1357
|
-
/**
|
|
1358
|
-
* Finds the __tabbable__ node that follows the given node in the specified direction,
|
|
1359
|
-
* in this container, if any.
|
|
1360
|
-
* @param {HTMLElement} node
|
|
1361
|
-
* @param {boolean} [forward] True if going in forward tab order; false if going
|
|
1362
|
-
* in reverse.
|
|
1363
|
-
* @returns {HTMLElement|undefined} The next tabbable node, if any.
|
|
1364
|
-
*/
|
|
1365
|
-
nextTabbableNode: function(P) {
|
|
1366
|
-
var U = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !0, X = s.indexOf(P);
|
|
1367
|
-
return X < 0 ? U ? f.slice(f.indexOf(P) + 1).find(function(le) {
|
|
1368
|
-
return fe(le);
|
|
1369
|
-
}) : f.slice(0, f.indexOf(P)).reverse().find(function(le) {
|
|
1370
|
-
return fe(le);
|
|
1371
|
-
}) : s[X + (U ? 1 : -1)];
|
|
1372
|
-
}
|
|
1373
|
-
};
|
|
1374
|
-
}), r.tabbableGroups = r.containerGroups.filter(function(i) {
|
|
1375
|
-
return i.tabbableNodes.length > 0;
|
|
1376
|
-
}), r.tabbableGroups.length <= 0 && !v("fallbackFocus"))
|
|
1377
|
-
throw new Error("Your focus-trap must have at least one container with at least one tabbable node in it at all times");
|
|
1378
|
-
if (r.containerGroups.find(function(i) {
|
|
1379
|
-
return i.posTabIndexesFound;
|
|
1380
|
-
}) && r.containerGroups.length > 1)
|
|
1381
|
-
throw new Error("At least one node with a positive tabindex was found in one of your focus-trap's multiple containers. Positive tabindexes are only supported in single-container focus-traps.");
|
|
1382
|
-
}, g = function(i) {
|
|
1383
|
-
var s = i.activeElement;
|
|
1384
|
-
if (s)
|
|
1385
|
-
return s.shadowRoot && s.shadowRoot.activeElement !== null ? g(s.shadowRoot) : s;
|
|
1386
|
-
}, L = function(i) {
|
|
1387
|
-
if (i !== !1 && i !== g(document)) {
|
|
1388
|
-
if (!i || !i.focus) {
|
|
1389
|
-
L(b());
|
|
1390
|
-
return;
|
|
1391
|
-
}
|
|
1392
|
-
i.focus({
|
|
1393
|
-
preventScroll: !!c.preventScroll
|
|
1394
|
-
}), r.mostRecentlyFocusedNode = i, wr(i) && i.select();
|
|
1395
|
-
}
|
|
1396
|
-
}, B = function(i) {
|
|
1397
|
-
var s = v("setReturnFocus", {
|
|
1398
|
-
params: [i]
|
|
1399
|
-
});
|
|
1400
|
-
return s || (s === !1 ? !1 : i);
|
|
1401
|
-
}, $ = function(i) {
|
|
1402
|
-
var s = i.target, f = i.event, m = i.isBackward, C = m === void 0 ? !1 : m;
|
|
1403
|
-
s = s || me(f), h();
|
|
1404
|
-
var k = null;
|
|
1405
|
-
if (r.tabbableGroups.length > 0) {
|
|
1406
|
-
var w = d(s, f), x = w >= 0 ? r.containerGroups[w] : void 0;
|
|
1407
|
-
if (w < 0)
|
|
1408
|
-
C ? k = r.tabbableGroups[r.tabbableGroups.length - 1].lastTabbableNode : k = r.tabbableGroups[0].firstTabbableNode;
|
|
1409
|
-
else if (C) {
|
|
1410
|
-
var T = r.tabbableGroups.findIndex(function(xe) {
|
|
1411
|
-
var Re = xe.firstTabbableNode;
|
|
1412
|
-
return s === Re;
|
|
1413
|
-
});
|
|
1414
|
-
if (T < 0 && (x.container === s || Ee(s, c.tabbableOptions) && !fe(s, c.tabbableOptions) && !x.nextTabbableNode(s, !1)) && (T = w), T >= 0) {
|
|
1415
|
-
var P = T === 0 ? r.tabbableGroups.length - 1 : T - 1, U = r.tabbableGroups[P];
|
|
1416
|
-
k = ce(s) >= 0 ? U.lastTabbableNode : U.lastDomTabbableNode;
|
|
1417
|
-
} else pe(f) || (k = x.nextTabbableNode(s, !1));
|
|
1418
|
-
} else {
|
|
1419
|
-
var X = r.tabbableGroups.findIndex(function(xe) {
|
|
1420
|
-
var Re = xe.lastTabbableNode;
|
|
1421
|
-
return s === Re;
|
|
1422
|
-
});
|
|
1423
|
-
if (X < 0 && (x.container === s || Ee(s, c.tabbableOptions) && !fe(s, c.tabbableOptions) && !x.nextTabbableNode(s)) && (X = w), X >= 0) {
|
|
1424
|
-
var le = X === r.tabbableGroups.length - 1 ? 0 : X + 1, ie = r.tabbableGroups[le];
|
|
1425
|
-
k = ce(s) >= 0 ? ie.firstTabbableNode : ie.firstDomTabbableNode;
|
|
1426
|
-
} else pe(f) || (k = x.nextTabbableNode(s));
|
|
1427
|
-
}
|
|
1428
|
-
} else
|
|
1429
|
-
k = v("fallbackFocus");
|
|
1430
|
-
return k;
|
|
1431
|
-
}, G = function(i) {
|
|
1432
|
-
var s = me(i);
|
|
1433
|
-
if (!(d(s, i) >= 0)) {
|
|
1434
|
-
if (ve(c.clickOutsideDeactivates, i)) {
|
|
1435
|
-
u.deactivate({
|
|
1436
|
-
// NOTE: by setting `returnFocus: false`, deactivate() will do nothing,
|
|
1437
|
-
// which will result in the outside click setting focus to the node
|
|
1438
|
-
// that was clicked (and if not focusable, to "nothing"); by setting
|
|
1439
|
-
// `returnFocus: true`, we'll attempt to re-focus the node originally-focused
|
|
1440
|
-
// on activation (or the configured `setReturnFocus` node), whether the
|
|
1441
|
-
// outside click was on a focusable node or not
|
|
1442
|
-
returnFocus: c.returnFocusOnDeactivate
|
|
1443
|
-
});
|
|
1444
|
-
return;
|
|
1445
|
-
}
|
|
1446
|
-
ve(c.allowOutsideClick, i) || i.preventDefault();
|
|
1447
|
-
}
|
|
1448
|
-
}, M = function(i) {
|
|
1449
|
-
var s = me(i), f = d(s, i) >= 0;
|
|
1450
|
-
if (f || s instanceof Document)
|
|
1451
|
-
f && (r.mostRecentlyFocusedNode = s);
|
|
1452
|
-
else {
|
|
1453
|
-
i.stopImmediatePropagation();
|
|
1454
|
-
var m, C = !0;
|
|
1455
|
-
if (r.mostRecentlyFocusedNode)
|
|
1456
|
-
if (ce(r.mostRecentlyFocusedNode) > 0) {
|
|
1457
|
-
var k = d(r.mostRecentlyFocusedNode), w = r.containerGroups[k].tabbableNodes;
|
|
1458
|
-
if (w.length > 0) {
|
|
1459
|
-
var x = w.findIndex(function(T) {
|
|
1460
|
-
return T === r.mostRecentlyFocusedNode;
|
|
1461
|
-
});
|
|
1462
|
-
x >= 0 && (c.isKeyForward(r.recentNavEvent) ? x + 1 < w.length && (m = w[x + 1], C = !1) : x - 1 >= 0 && (m = w[x - 1], C = !1));
|
|
1463
|
-
}
|
|
1464
|
-
} else
|
|
1465
|
-
r.containerGroups.some(function(T) {
|
|
1466
|
-
return T.tabbableNodes.some(function(P) {
|
|
1467
|
-
return ce(P) > 0;
|
|
1468
|
-
});
|
|
1469
|
-
}) || (C = !1);
|
|
1470
|
-
else
|
|
1471
|
-
C = !1;
|
|
1472
|
-
C && (m = $({
|
|
1473
|
-
// move FROM the MRU node, not event-related node (which will be the node that is
|
|
1474
|
-
// outside the trap causing the focus escape we're trying to fix)
|
|
1475
|
-
target: r.mostRecentlyFocusedNode,
|
|
1476
|
-
isBackward: c.isKeyBackward(r.recentNavEvent)
|
|
1477
|
-
})), L(m || r.mostRecentlyFocusedNode || b());
|
|
1478
|
-
}
|
|
1479
|
-
r.recentNavEvent = void 0;
|
|
1480
|
-
}, se = function(i) {
|
|
1481
|
-
var s = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !1;
|
|
1482
|
-
r.recentNavEvent = i;
|
|
1483
|
-
var f = $({
|
|
1484
|
-
event: i,
|
|
1485
|
-
isBackward: s
|
|
1486
|
-
});
|
|
1487
|
-
f && (pe(i) && i.preventDefault(), L(f));
|
|
1488
|
-
}, oe = function(i) {
|
|
1489
|
-
(c.isKeyForward(i) || c.isKeyBackward(i)) && se(i, c.isKeyBackward(i));
|
|
1490
|
-
}, ne = function(i) {
|
|
1491
|
-
Cr(i) && ve(c.escapeDeactivates, i) !== !1 && (i.preventDefault(), u.deactivate());
|
|
1492
|
-
}, W = function(i) {
|
|
1493
|
-
var s = me(i);
|
|
1494
|
-
d(s, i) >= 0 || ve(c.clickOutsideDeactivates, i) || ve(c.allowOutsideClick, i) || (i.preventDefault(), i.stopImmediatePropagation());
|
|
1495
|
-
}, F = function() {
|
|
1496
|
-
if (!r.active)
|
|
1497
|
-
return Promise.resolve();
|
|
1498
|
-
ae.activateTrap(n, u);
|
|
1499
|
-
var i;
|
|
1500
|
-
return c.delayInitialFocus ? i = new Promise(function(s) {
|
|
1501
|
-
r.delayInitialFocusTimer = Me(function() {
|
|
1502
|
-
L(b()), s();
|
|
1503
|
-
});
|
|
1504
|
-
}) : (i = Promise.resolve(), L(b())), o.addEventListener("focusin", M, !0), o.addEventListener("mousedown", G, {
|
|
1505
|
-
capture: !0,
|
|
1506
|
-
passive: !1
|
|
1507
|
-
}), o.addEventListener("touchstart", G, {
|
|
1508
|
-
capture: !0,
|
|
1509
|
-
passive: !1
|
|
1510
|
-
}), o.addEventListener("click", W, {
|
|
1511
|
-
capture: !0,
|
|
1512
|
-
passive: !1
|
|
1513
|
-
}), o.addEventListener("keydown", oe, {
|
|
1514
|
-
capture: !0,
|
|
1515
|
-
passive: !1
|
|
1516
|
-
}), o.addEventListener("keydown", ne), i;
|
|
1517
|
-
}, R = function(i) {
|
|
1518
|
-
r.active && !r.paused && u._setSubtreeIsolation(!1), r.adjacentElements.clear(), r.alreadySilent.clear();
|
|
1519
|
-
var s = /* @__PURE__ */ new Set(), f = /* @__PURE__ */ new Set(), m = _e(i), C;
|
|
1520
|
-
try {
|
|
1521
|
-
for (m.s(); !(C = m.n()).done; ) {
|
|
1522
|
-
var k = C.value;
|
|
1523
|
-
s.add(k);
|
|
1524
|
-
for (var w = typeof ShadowRoot < "u" && k.getRootNode() instanceof ShadowRoot, x = k; x; ) {
|
|
1525
|
-
s.add(x);
|
|
1526
|
-
var T = x.parentElement, P = [];
|
|
1527
|
-
T ? P = T.children : !T && w && (P = x.getRootNode().children, T = x.getRootNode().host, w = typeof ShadowRoot < "u" && T.getRootNode() instanceof ShadowRoot);
|
|
1528
|
-
var U = _e(P), X;
|
|
1529
|
-
try {
|
|
1530
|
-
for (U.s(); !(X = U.n()).done; ) {
|
|
1531
|
-
var le = X.value;
|
|
1532
|
-
f.add(le);
|
|
1533
|
-
}
|
|
1534
|
-
} catch (ie) {
|
|
1535
|
-
U.e(ie);
|
|
1536
|
-
} finally {
|
|
1537
|
-
U.f();
|
|
1538
|
-
}
|
|
1539
|
-
x = T;
|
|
1540
|
-
}
|
|
1541
|
-
}
|
|
1542
|
-
} catch (ie) {
|
|
1543
|
-
m.e(ie);
|
|
1544
|
-
} finally {
|
|
1545
|
-
m.f();
|
|
1546
|
-
}
|
|
1547
|
-
s.forEach(function(ie) {
|
|
1548
|
-
f.delete(ie);
|
|
1549
|
-
}), r.adjacentElements = f;
|
|
1550
|
-
}, z = function() {
|
|
1551
|
-
if (r.active)
|
|
1552
|
-
return o.removeEventListener("focusin", M, !0), o.removeEventListener("mousedown", G, !0), o.removeEventListener("touchstart", G, !0), o.removeEventListener("click", W, !0), o.removeEventListener("keydown", oe, !0), o.removeEventListener("keydown", ne), u;
|
|
1553
|
-
}, j = function(i) {
|
|
1554
|
-
var s = r.mostRecentlyFocusedNode;
|
|
1555
|
-
if (s) {
|
|
1556
|
-
var f = i.some(function(C) {
|
|
1557
|
-
var k = Array.from(C.removedNodes);
|
|
1558
|
-
return k.some(function(w) {
|
|
1559
|
-
return w === s || typeof w.contains == "function" && w.contains(s);
|
|
1560
|
-
});
|
|
1561
|
-
});
|
|
1562
|
-
if (f && r.containers.some(function(C) {
|
|
1563
|
-
return C?.isConnected;
|
|
1564
|
-
})) {
|
|
1565
|
-
h();
|
|
1566
|
-
var m = b();
|
|
1567
|
-
L(m);
|
|
1568
|
-
}
|
|
1569
|
-
}
|
|
1570
|
-
}, H = typeof window < "u" && "MutationObserver" in window ? new MutationObserver(j) : void 0, K = function() {
|
|
1571
|
-
H && (H.disconnect(), r.active && !r.paused && r.containers.map(function(i) {
|
|
1572
|
-
H.observe(i, {
|
|
1573
|
-
subtree: !0,
|
|
1574
|
-
childList: !0
|
|
1575
|
-
});
|
|
1576
|
-
}));
|
|
1577
|
-
};
|
|
1578
|
-
return u = {
|
|
1579
|
-
get active() {
|
|
1580
|
-
return r.active;
|
|
1581
|
-
},
|
|
1582
|
-
get paused() {
|
|
1583
|
-
return r.paused;
|
|
1584
|
-
},
|
|
1585
|
-
activate: function(i) {
|
|
1586
|
-
if (r.active)
|
|
1587
|
-
return this;
|
|
1588
|
-
var s = l(i, "onActivate"), f = l(i, "onPostActivate"), m = l(i, "checkCanFocusTrap"), C = ae.getActiveTrap(n), k = !1;
|
|
1589
|
-
if (C && !C.paused) {
|
|
1590
|
-
var w;
|
|
1591
|
-
(w = C._setSubtreeIsolation) === null || w === void 0 || w.call(C, !1), k = !0;
|
|
1592
|
-
}
|
|
1593
|
-
try {
|
|
1594
|
-
m || h(), r.active = !0, r.paused = !1, r.nodeFocusedBeforeActivation = g(o), s?.({
|
|
1595
|
-
trap: u
|
|
1596
|
-
});
|
|
1597
|
-
var x = /* @__PURE__ */ (function() {
|
|
1598
|
-
var P = je(/* @__PURE__ */ be().m(function U() {
|
|
1599
|
-
return be().w(function(X) {
|
|
1600
|
-
for (; ; ) switch (X.n) {
|
|
1601
|
-
case 0:
|
|
1602
|
-
return m && h(), X.n = 1, F();
|
|
1603
|
-
case 1:
|
|
1604
|
-
u._setSubtreeIsolation(!0), K(), f?.({
|
|
1605
|
-
trap: u
|
|
1606
|
-
});
|
|
1607
|
-
case 2:
|
|
1608
|
-
return X.a(2);
|
|
1609
|
-
}
|
|
1610
|
-
}, U);
|
|
1611
|
-
}));
|
|
1612
|
-
return function() {
|
|
1613
|
-
return P.apply(this, arguments);
|
|
1614
|
-
};
|
|
1615
|
-
})();
|
|
1616
|
-
if (m)
|
|
1617
|
-
return m(r.containers.concat()).then(x, x), this;
|
|
1618
|
-
x();
|
|
1619
|
-
} catch (P) {
|
|
1620
|
-
if (C === ae.getActiveTrap(n) && k) {
|
|
1621
|
-
var T;
|
|
1622
|
-
(T = C._setSubtreeIsolation) === null || T === void 0 || T.call(C, !0);
|
|
1623
|
-
}
|
|
1624
|
-
throw P;
|
|
1625
|
-
}
|
|
1626
|
-
return this;
|
|
1627
|
-
},
|
|
1628
|
-
deactivate: function(i) {
|
|
1629
|
-
if (!r.active)
|
|
1630
|
-
return this;
|
|
1631
|
-
var s = He({
|
|
1632
|
-
onDeactivate: c.onDeactivate,
|
|
1633
|
-
onPostDeactivate: c.onPostDeactivate,
|
|
1634
|
-
checkCanReturnFocus: c.checkCanReturnFocus
|
|
1635
|
-
}, i);
|
|
1636
|
-
clearTimeout(r.delayInitialFocusTimer), r.delayInitialFocusTimer = void 0, r.paused || u._setSubtreeIsolation(!1), r.alreadySilent.clear(), z(), r.active = !1, r.paused = !1, K(), ae.deactivateTrap(n, u);
|
|
1637
|
-
var f = l(s, "onDeactivate"), m = l(s, "onPostDeactivate"), C = l(s, "checkCanReturnFocus"), k = l(s, "delayReturnFocus"), w = l(s, "returnFocus", "returnFocusOnDeactivate");
|
|
1638
|
-
f?.({
|
|
1639
|
-
trap: u
|
|
1640
|
-
});
|
|
1641
|
-
var x = function() {
|
|
1642
|
-
w && L(B(r.nodeFocusedBeforeActivation)), m?.({
|
|
1643
|
-
trap: u
|
|
1644
|
-
});
|
|
1645
|
-
}, T = function() {
|
|
1646
|
-
k && w ? Me(x) : x();
|
|
1647
|
-
};
|
|
1648
|
-
return w && C ? (C(B(r.nodeFocusedBeforeActivation)).then(T, T), this) : (T(), this);
|
|
1649
|
-
},
|
|
1650
|
-
pause: function(i) {
|
|
1651
|
-
return r.active ? (r.manuallyPaused = !0, this._setPausedState(!0, i)) : this;
|
|
1652
|
-
},
|
|
1653
|
-
unpause: function(i) {
|
|
1654
|
-
return r.active ? (r.manuallyPaused = !1, n[n.length - 1] !== this ? this : this._setPausedState(!1, i)) : this;
|
|
1655
|
-
},
|
|
1656
|
-
updateContainerElements: function(i) {
|
|
1657
|
-
var s = [].concat(i).filter(Boolean);
|
|
1658
|
-
return r.containers = s.map(function(f) {
|
|
1659
|
-
return typeof f == "string" ? o.querySelector(f) : f;
|
|
1660
|
-
}), c.isolateSubtrees && R(r.containers), r.active && (h(), r.paused || u._setSubtreeIsolation(!0)), K(), this;
|
|
1661
|
-
}
|
|
1662
|
-
}, Object.defineProperties(u, {
|
|
1663
|
-
_isManuallyPaused: {
|
|
1664
|
-
value: function() {
|
|
1665
|
-
return r.manuallyPaused;
|
|
1666
|
-
}
|
|
1667
|
-
},
|
|
1668
|
-
_setPausedState: {
|
|
1669
|
-
value: function(i, s) {
|
|
1670
|
-
if (r.paused === i)
|
|
1671
|
-
return this;
|
|
1672
|
-
if (r.paused = i, i) {
|
|
1673
|
-
var f = l(s, "onPause"), m = l(s, "onPostPause");
|
|
1674
|
-
f?.({
|
|
1675
|
-
trap: u
|
|
1676
|
-
}), z(), u._setSubtreeIsolation(!1), K(), m?.({
|
|
1677
|
-
trap: u
|
|
1678
|
-
});
|
|
1679
|
-
} else {
|
|
1680
|
-
var C = l(s, "onUnpause"), k = l(s, "onPostUnpause");
|
|
1681
|
-
C?.({
|
|
1682
|
-
trap: u
|
|
1683
|
-
});
|
|
1684
|
-
var w = /* @__PURE__ */ (function() {
|
|
1685
|
-
var x = je(/* @__PURE__ */ be().m(function T() {
|
|
1686
|
-
return be().w(function(P) {
|
|
1687
|
-
for (; ; ) switch (P.n) {
|
|
1688
|
-
case 0:
|
|
1689
|
-
return h(), P.n = 1, F();
|
|
1690
|
-
case 1:
|
|
1691
|
-
u._setSubtreeIsolation(!0), K(), k?.({
|
|
1692
|
-
trap: u
|
|
1693
|
-
});
|
|
1694
|
-
case 2:
|
|
1695
|
-
return P.a(2);
|
|
1696
|
-
}
|
|
1697
|
-
}, T);
|
|
1698
|
-
}));
|
|
1699
|
-
return function() {
|
|
1700
|
-
return x.apply(this, arguments);
|
|
1701
|
-
};
|
|
1702
|
-
})();
|
|
1703
|
-
w();
|
|
1704
|
-
}
|
|
1705
|
-
return this;
|
|
1706
|
-
}
|
|
1707
|
-
},
|
|
1708
|
-
_setSubtreeIsolation: {
|
|
1709
|
-
value: function(i) {
|
|
1710
|
-
c.isolateSubtrees && r.adjacentElements.forEach(function(s) {
|
|
1711
|
-
var f;
|
|
1712
|
-
i ? c.isolateSubtrees === "aria-hidden" ? ((s.ariaHidden === "true" || ((f = s.getAttribute("aria-hidden")) === null || f === void 0 ? void 0 : f.toLowerCase()) === "true") && r.alreadySilent.add(s), s.setAttribute("aria-hidden", "true")) : ((s.inert || s.hasAttribute("inert")) && r.alreadySilent.add(s), s.setAttribute("inert", !0)) : r.alreadySilent.has(s) || (c.isolateSubtrees === "aria-hidden" ? s.removeAttribute("aria-hidden") : s.removeAttribute("inert"));
|
|
1713
|
-
});
|
|
1714
|
-
}
|
|
1715
|
-
}
|
|
1716
|
-
}), u.updateContainerElements(e), u;
|
|
1717
|
-
};
|
|
1718
|
-
function rt(t, e = {}) {
|
|
1719
|
-
let a;
|
|
1720
|
-
const { immediate: o, ...n } = e, c = Fe(!1), r = Fe(!1), u = (b) => a && a.activate(b), l = (b) => a && a.deactivate(b), d = () => {
|
|
1721
|
-
a && (a.pause(), r.value = !0);
|
|
1722
|
-
}, v = () => {
|
|
1723
|
-
a && (a.unpause(), r.value = !1);
|
|
1724
|
-
};
|
|
1725
|
-
return Q(_(() => ga(Le(t)).map((b) => {
|
|
1726
|
-
const h = Le(b);
|
|
1727
|
-
return typeof h == "string" ? h : ma(h);
|
|
1728
|
-
}).filter(qa)), (b) => {
|
|
1729
|
-
if (b.length)
|
|
1730
|
-
if (!a)
|
|
1731
|
-
a = xr(b, {
|
|
1732
|
-
...n,
|
|
1733
|
-
onActivate(h) {
|
|
1734
|
-
c.value = !0, e.onActivate && e.onActivate(h);
|
|
1735
|
-
},
|
|
1736
|
-
onDeactivate(h) {
|
|
1737
|
-
c.value = !1, e.onDeactivate && e.onDeactivate(h);
|
|
1738
|
-
}
|
|
1739
|
-
}), o && u();
|
|
1740
|
-
else {
|
|
1741
|
-
const h = a?.active;
|
|
1742
|
-
a?.updateContainerElements(b), !h && o && u();
|
|
1743
|
-
}
|
|
1744
|
-
}, { flush: "post" }), ya(() => l()), {
|
|
1745
|
-
hasFocus: c,
|
|
1746
|
-
isPaused: r,
|
|
1747
|
-
activate: u,
|
|
1748
|
-
deactivate: l,
|
|
1749
|
-
pause: d,
|
|
1750
|
-
unpause: v
|
|
1751
|
-
};
|
|
1752
|
-
}
|
|
1753
|
-
const Rr = ["visible"], Er = ["aria-labelledby"], Nr = {
|
|
757
|
+
}), To = /* @__PURE__ */ H(qt, [["__scopeId", "data-v-ebabc502"]]), Jt = ["visible"], Qt = ["aria-labelledby"], Zt = {
|
|
1754
758
|
key: 0,
|
|
1755
759
|
class: "sticky top-0"
|
|
1756
|
-
},
|
|
760
|
+
}, eo = ["id"], to = {
|
|
1757
761
|
key: 1,
|
|
1758
762
|
class: "sticky bottom-0"
|
|
1759
|
-
},
|
|
763
|
+
}, oo = /* @__PURE__ */ $({
|
|
1760
764
|
__name: "Modal",
|
|
1761
765
|
props: {
|
|
1762
766
|
title: {},
|
|
@@ -1771,149 +775,151 @@ const Rr = ["visible"], Er = ["aria-labelledby"], Nr = {
|
|
|
1771
775
|
width: { default: "small" }
|
|
1772
776
|
},
|
|
1773
777
|
emits: ["open", "close"],
|
|
1774
|
-
setup(
|
|
1775
|
-
const
|
|
1776
|
-
let
|
|
1777
|
-
const { activate:
|
|
1778
|
-
|
|
778
|
+
setup(e, { expose: t, emit: u }) {
|
|
779
|
+
const c = e, s = T(), d = u, o = w(), n = w(), a = w(c.visible), r = w(!1), f = ee();
|
|
780
|
+
let p = null;
|
|
781
|
+
const { activate: b, deactivate: g } = se(
|
|
782
|
+
n,
|
|
1779
783
|
{ immediate: !1 }
|
|
1780
784
|
), L = () => {
|
|
1781
|
-
|
|
1782
|
-
},
|
|
1783
|
-
|
|
1784
|
-
},
|
|
1785
|
-
|
|
1786
|
-
},
|
|
1787
|
-
|
|
1788
|
-
},
|
|
1789
|
-
|
|
1790
|
-
},
|
|
785
|
+
a.value = !a.value;
|
|
786
|
+
}, x = () => {
|
|
787
|
+
a.value = !0;
|
|
788
|
+
}, k = () => {
|
|
789
|
+
r.value === !0 && (a.value = !1);
|
|
790
|
+
}, I = () => {
|
|
791
|
+
d("open", !0);
|
|
792
|
+
}, D = () => {
|
|
793
|
+
d("close", !1);
|
|
794
|
+
}, P = B(() => {
|
|
1791
795
|
const R = {
|
|
1792
796
|
top: 25,
|
|
1793
797
|
center: 50,
|
|
1794
798
|
bottom: 75
|
|
1795
|
-
}, { placement:
|
|
1796
|
-
return { "--vertical-placement": (R[
|
|
1797
|
-
}),
|
|
1798
|
-
const { width: R } =
|
|
799
|
+
}, { placement: G } = c;
|
|
800
|
+
return { "--vertical-placement": (R[G] ?? R.center) + "%" };
|
|
801
|
+
}), Y = B(() => {
|
|
802
|
+
const { width: R } = c, G = {
|
|
1799
803
|
small: "max-w-[28rem]",
|
|
1800
804
|
medium: "max-w-[28rem] md:max-w-[36rem]",
|
|
1801
805
|
large: "max-w-[28rem] md:max-w-[56rem]"
|
|
1802
806
|
};
|
|
1803
|
-
return
|
|
1804
|
-
}),
|
|
1805
|
-
|
|
1806
|
-
},
|
|
1807
|
-
|
|
807
|
+
return G[R] ?? G.small;
|
|
808
|
+
}), M = () => {
|
|
809
|
+
r.value = !0, n.value && b();
|
|
810
|
+
}, U = () => {
|
|
811
|
+
r.value = !1;
|
|
1808
812
|
};
|
|
1809
|
-
return
|
|
1810
|
-
|
|
1811
|
-
}),
|
|
1812
|
-
|
|
813
|
+
return F(() => {
|
|
814
|
+
a.value && !r.value && M();
|
|
815
|
+
}), oe(o, (R = !1) => {
|
|
816
|
+
a.value = R;
|
|
817
|
+
}), N(
|
|
818
|
+
() => c.visible,
|
|
1813
819
|
(R) => {
|
|
1814
|
-
|
|
820
|
+
a.value = R;
|
|
1815
821
|
}
|
|
1816
|
-
),
|
|
1817
|
-
R === !0 ? (typeof document < "u" && (
|
|
1818
|
-
}),
|
|
822
|
+
), N(a, (R) => {
|
|
823
|
+
R === !0 ? (typeof document < "u" && (p = document.activeElement), I()) : R === !1 && (g(), p?.focus(), p = null, r.value === !0 && D());
|
|
824
|
+
}), ae(a), t({
|
|
1819
825
|
toggle: L,
|
|
1820
|
-
close:
|
|
1821
|
-
open:
|
|
1822
|
-
}), (R,
|
|
1823
|
-
style:
|
|
1824
|
-
visible:
|
|
826
|
+
close: k,
|
|
827
|
+
open: x
|
|
828
|
+
}), (R, G) => (l(), i("div", {
|
|
829
|
+
style: W(P.value),
|
|
830
|
+
visible: a.value,
|
|
1825
831
|
ref_key: "modalRef",
|
|
1826
|
-
ref:
|
|
832
|
+
ref: o
|
|
1827
833
|
}, [
|
|
1828
|
-
|
|
834
|
+
e.showBackdrop ? (l(), X(S, {
|
|
1829
835
|
key: 0,
|
|
1830
836
|
name: "fade",
|
|
1831
837
|
appear: "",
|
|
1832
838
|
tag: "div"
|
|
1833
839
|
}, {
|
|
1834
|
-
default:
|
|
1835
|
-
|
|
840
|
+
default: E(() => [
|
|
841
|
+
a.value ? (l(), i("section", {
|
|
1836
842
|
key: 0,
|
|
1837
|
-
onClick:
|
|
843
|
+
onClick: k,
|
|
1838
844
|
"aria-hidden": "true",
|
|
1839
|
-
class:
|
|
1840
|
-
}, null, 2)) :
|
|
845
|
+
class: h(["fixed inset-0 z-[100] overflow-y-auto backdrop-blur bg-opacity-70", V(y).bgColorVariant({ color: e.backdropColor })])
|
|
846
|
+
}, null, 2)) : v("", !0)
|
|
1841
847
|
]),
|
|
1842
848
|
_: 1
|
|
1843
|
-
})) :
|
|
1844
|
-
|
|
849
|
+
})) : v("", !0),
|
|
850
|
+
A(S, {
|
|
1845
851
|
name: "slide-down",
|
|
1846
852
|
tag: "div",
|
|
1847
|
-
onAfterEnter:
|
|
1848
|
-
onAfterLeave:
|
|
853
|
+
onAfterEnter: M,
|
|
854
|
+
onAfterLeave: U,
|
|
1849
855
|
appear: ""
|
|
1850
856
|
}, {
|
|
1851
|
-
default:
|
|
1852
|
-
|
|
857
|
+
default: E(() => [
|
|
858
|
+
a.value ? (l(), i("div", {
|
|
1853
859
|
key: 0,
|
|
1854
|
-
class:
|
|
860
|
+
class: h(["vertical-placement fixed z-[110] w-full px-xs", Y.value])
|
|
1855
861
|
}, [
|
|
1856
|
-
|
|
862
|
+
z((l(), i("div", {
|
|
1857
863
|
ref_key: "dialogRef",
|
|
1858
|
-
ref:
|
|
864
|
+
ref: n,
|
|
1859
865
|
role: "dialog",
|
|
1860
866
|
"aria-modal": "true",
|
|
1861
|
-
"aria-labelledby":
|
|
1862
|
-
class:
|
|
867
|
+
"aria-labelledby": e.title ? V(f) : void 0,
|
|
868
|
+
class: h([[V(y).bgColorVariant({ color: e.color }), e.customClass], "relative max-h-[80vh] overflow-y-scroll overscroll-contain md:max-h-[60vh]"])
|
|
1863
869
|
}, [
|
|
1864
|
-
|
|
1865
|
-
|
|
1866
|
-
close:
|
|
1867
|
-
status:
|
|
870
|
+
e.showHeader ? (l(), i("div", Zt, [
|
|
871
|
+
C(R.$slots, "header", {
|
|
872
|
+
close: k,
|
|
873
|
+
status: a.value
|
|
1868
874
|
}, () => [
|
|
1869
|
-
|
|
1870
|
-
class:
|
|
875
|
+
m("div", {
|
|
876
|
+
class: h(["flex items-center justify-between border-b-2 border-b-light-4 p-xs", V(y).bgColorVariant({ color: e.color })])
|
|
1871
877
|
}, [
|
|
1872
|
-
|
|
878
|
+
e.title ? (l(), i("h3", {
|
|
1873
879
|
key: 0,
|
|
1874
|
-
id:
|
|
1875
|
-
class:
|
|
1876
|
-
},
|
|
1877
|
-
|
|
880
|
+
id: V(f),
|
|
881
|
+
class: h(["h3-md", V(y).textColorVariant({ color: e.titleColor })])
|
|
882
|
+
}, j(e.title), 11, eo)) : v("", !0),
|
|
883
|
+
m("button", {
|
|
1878
884
|
type: "button",
|
|
1879
885
|
"aria-label": "Close",
|
|
1880
|
-
onClick:
|
|
886
|
+
onClick: k
|
|
1881
887
|
}, [
|
|
1882
|
-
(
|
|
888
|
+
(l(), i("svg", {
|
|
1883
889
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1884
890
|
height: "1em",
|
|
1885
891
|
viewBox: "0 0 384 512",
|
|
1886
892
|
"aria-hidden": "true",
|
|
1887
|
-
class:
|
|
1888
|
-
|
|
893
|
+
class: h(["h-sm transition-opacity duration-300 ease-in hover:opacity-75 focus:opacity-75", [
|
|
894
|
+
V(y).svgFillColorVariant({ color: e.titleColor })
|
|
1889
895
|
]])
|
|
1890
|
-
}, [...
|
|
1891
|
-
|
|
896
|
+
}, [...G[0] || (G[0] = [
|
|
897
|
+
m("path", { d: "M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z" }, null, -1)
|
|
1892
898
|
])], 2))
|
|
1893
899
|
])
|
|
1894
900
|
], 2)
|
|
1895
901
|
], !0)
|
|
1896
|
-
])) :
|
|
1897
|
-
|
|
1898
|
-
close:
|
|
1899
|
-
status:
|
|
902
|
+
])) : v("", !0),
|
|
903
|
+
C(R.$slots, "body", {
|
|
904
|
+
close: k,
|
|
905
|
+
status: a.value
|
|
1900
906
|
}, void 0, !0),
|
|
1901
|
-
|
|
1902
|
-
|
|
1903
|
-
close:
|
|
1904
|
-
status:
|
|
907
|
+
s.footer ? (l(), i("div", to, [
|
|
908
|
+
C(R.$slots, "footer", {
|
|
909
|
+
close: k,
|
|
910
|
+
status: a.value
|
|
1905
911
|
}, void 0, !0)
|
|
1906
|
-
])) :
|
|
1907
|
-
], 10,
|
|
1908
|
-
[
|
|
912
|
+
])) : v("", !0)
|
|
913
|
+
], 10, Qt)), [
|
|
914
|
+
[V(te), k]
|
|
1909
915
|
])
|
|
1910
|
-
], 2)) :
|
|
916
|
+
], 2)) : v("", !0)
|
|
1911
917
|
]),
|
|
1912
918
|
_: 3
|
|
1913
919
|
})
|
|
1914
|
-
], 12,
|
|
920
|
+
], 12, Jt));
|
|
1915
921
|
}
|
|
1916
|
-
}),
|
|
922
|
+
}), Io = /* @__PURE__ */ H(oo, [["__scopeId", "data-v-db5af4d2"]]), ao = ["visible"], so = ["aria-labelledby"], ro = ["id"], lo = { class: "sidebar-body-height" }, no = /* @__PURE__ */ $({
|
|
1917
923
|
__name: "Sidebar",
|
|
1918
924
|
props: {
|
|
1919
925
|
title: {},
|
|
@@ -1928,222 +934,224 @@ const Rr = ["visible"], Er = ["aria-labelledby"], Nr = {
|
|
|
1928
934
|
width: { default: 300 }
|
|
1929
935
|
},
|
|
1930
936
|
emits: ["open", "close"],
|
|
1931
|
-
setup(
|
|
1932
|
-
const
|
|
937
|
+
setup(e, { expose: t, emit: u }) {
|
|
938
|
+
const c = e, s = T(), d = u, o = w(c.visible), n = w(!1), a = w(), r = w(), f = w(), p = w(), b = ee();
|
|
1933
939
|
let g = null;
|
|
1934
|
-
const { activate: L, deactivate:
|
|
1935
|
-
|
|
940
|
+
const { activate: L, deactivate: x } = se(
|
|
941
|
+
r,
|
|
1936
942
|
{ immediate: !1 }
|
|
1937
|
-
),
|
|
1938
|
-
|
|
1939
|
-
},
|
|
1940
|
-
|
|
1941
|
-
},
|
|
1942
|
-
|
|
1943
|
-
},
|
|
1944
|
-
|
|
1945
|
-
},
|
|
1946
|
-
|
|
1947
|
-
},
|
|
1948
|
-
const
|
|
943
|
+
), k = () => {
|
|
944
|
+
o.value = !o.value;
|
|
945
|
+
}, I = () => {
|
|
946
|
+
o.value = !0;
|
|
947
|
+
}, D = () => {
|
|
948
|
+
n.value === !0 && (o.value = !1);
|
|
949
|
+
}, P = () => {
|
|
950
|
+
d("open", !0);
|
|
951
|
+
}, Y = () => {
|
|
952
|
+
d("close", !1);
|
|
953
|
+
}, M = B(() => {
|
|
954
|
+
const O = (_) => _ && o.value ? `${_.scrollHeight}px` : "0px";
|
|
1949
955
|
return {
|
|
1950
|
-
"--sidebar-width": `${
|
|
1951
|
-
"--header-height":
|
|
1952
|
-
"--footer-height":
|
|
956
|
+
"--sidebar-width": `${c.width}px`,
|
|
957
|
+
"--header-height": O(f.value),
|
|
958
|
+
"--footer-height": O(p.value)
|
|
1953
959
|
};
|
|
1954
|
-
}),
|
|
1955
|
-
|
|
960
|
+
}), U = B(() => c.placement === "left" ? "sidebar-left" : "sidebar-right"), K = () => {
|
|
961
|
+
n.value = !0, r.value && L();
|
|
1956
962
|
}, R = () => {
|
|
1957
|
-
|
|
963
|
+
n.value = !1;
|
|
1958
964
|
};
|
|
1959
|
-
return
|
|
1960
|
-
|
|
1961
|
-
}),
|
|
1962
|
-
|
|
1963
|
-
|
|
1964
|
-
|
|
965
|
+
return F(() => {
|
|
966
|
+
o.value && !n.value && K();
|
|
967
|
+
}), oe(a, (O = !1) => {
|
|
968
|
+
o.value = O;
|
|
969
|
+
}), N(
|
|
970
|
+
() => c.visible,
|
|
971
|
+
(O) => {
|
|
972
|
+
o.value = O;
|
|
1965
973
|
}
|
|
1966
|
-
),
|
|
1967
|
-
|
|
1968
|
-
}),
|
|
1969
|
-
toggle:
|
|
1970
|
-
open:
|
|
1971
|
-
close:
|
|
1972
|
-
}), (
|
|
1973
|
-
style:
|
|
1974
|
-
visible:
|
|
974
|
+
), N(o, (O) => {
|
|
975
|
+
O === !0 ? (typeof document < "u" && (g = document.activeElement), P()) : O === !1 && (x(), g?.focus(), g = null, n.value === !0 && Y());
|
|
976
|
+
}), ae(o), t({
|
|
977
|
+
toggle: k,
|
|
978
|
+
open: I,
|
|
979
|
+
close: D
|
|
980
|
+
}), (O, _) => (l(), i("div", {
|
|
981
|
+
style: W(M.value),
|
|
982
|
+
visible: o.value,
|
|
1975
983
|
ref_key: "sidebarRef",
|
|
1976
|
-
ref:
|
|
984
|
+
ref: a
|
|
1977
985
|
}, [
|
|
1978
|
-
|
|
986
|
+
e.showBackdrop ? (l(), X(S, {
|
|
1979
987
|
key: 0,
|
|
1980
988
|
name: "fade",
|
|
1981
989
|
appear: "",
|
|
1982
990
|
tag: "div"
|
|
1983
991
|
}, {
|
|
1984
|
-
default:
|
|
1985
|
-
|
|
992
|
+
default: E(() => [
|
|
993
|
+
o.value ? (l(), i("section", {
|
|
1986
994
|
key: 0,
|
|
1987
|
-
onClick:
|
|
995
|
+
onClick: D,
|
|
1988
996
|
"aria-hidden": "true",
|
|
1989
|
-
class:
|
|
1990
|
-
}, null, 2)) :
|
|
997
|
+
class: h(["fixed inset-0 z-[100] overflow-y-auto backdrop-blur bg-opacity-70", V(y).bgColorVariant({ color: e.backdropColor })])
|
|
998
|
+
}, null, 2)) : v("", !0)
|
|
1991
999
|
]),
|
|
1992
1000
|
_: 1
|
|
1993
|
-
})) :
|
|
1994
|
-
|
|
1995
|
-
name:
|
|
1996
|
-
onAfterEnter:
|
|
1001
|
+
})) : v("", !0),
|
|
1002
|
+
A(S, {
|
|
1003
|
+
name: U.value,
|
|
1004
|
+
onAfterEnter: K,
|
|
1997
1005
|
onAfterLeave: R,
|
|
1998
1006
|
appear: ""
|
|
1999
1007
|
}, {
|
|
2000
|
-
default:
|
|
2001
|
-
|
|
1008
|
+
default: E(() => [
|
|
1009
|
+
o.value ? z((l(), i("div", {
|
|
2002
1010
|
key: 0,
|
|
2003
1011
|
ref_key: "dialogRef",
|
|
2004
|
-
ref:
|
|
1012
|
+
ref: r,
|
|
2005
1013
|
role: "dialog",
|
|
2006
1014
|
"aria-modal": "true",
|
|
2007
|
-
"aria-labelledby":
|
|
2008
|
-
class:
|
|
1015
|
+
"aria-labelledby": e.title ? V(b) : void 0,
|
|
1016
|
+
class: h(["sidebar-body fixed inset-y-0 z-[110] h-full overflow-hidden shadow", [e.placement === "left" ? "left-0" : "right-0"]])
|
|
2009
1017
|
}, [
|
|
2010
|
-
|
|
2011
|
-
class:
|
|
1018
|
+
m("div", {
|
|
1019
|
+
class: h(["relative h-full overflow-y-scroll overscroll-contain", [V(y).bgColorVariant({ color: e.color }), e.customClass]])
|
|
2012
1020
|
}, [
|
|
2013
|
-
|
|
1021
|
+
e.showHeader ? (l(), i("div", {
|
|
2014
1022
|
key: 0,
|
|
2015
1023
|
class: "sticky top-0 z-10",
|
|
2016
1024
|
ref_key: "headerRef",
|
|
2017
|
-
ref:
|
|
1025
|
+
ref: f
|
|
2018
1026
|
}, [
|
|
2019
|
-
|
|
2020
|
-
close:
|
|
2021
|
-
status:
|
|
1027
|
+
C(O.$slots, "header", {
|
|
1028
|
+
close: D,
|
|
1029
|
+
status: o.value
|
|
2022
1030
|
}, () => [
|
|
2023
|
-
|
|
2024
|
-
class:
|
|
1031
|
+
m("div", {
|
|
1032
|
+
class: h(["flex items-center justify-between p-xs", V(y).bgColorVariant({ color: e.color })])
|
|
2025
1033
|
}, [
|
|
2026
|
-
|
|
1034
|
+
e.placement === "right" ? (l(), i("button", {
|
|
2027
1035
|
key: 0,
|
|
2028
1036
|
type: "button",
|
|
2029
1037
|
"aria-label": "Close",
|
|
2030
|
-
onClick:
|
|
1038
|
+
onClick: D
|
|
2031
1039
|
}, [
|
|
2032
|
-
(
|
|
1040
|
+
(l(), i("svg", {
|
|
2033
1041
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2034
1042
|
height: "1em",
|
|
2035
1043
|
viewBox: "0 0 384 512",
|
|
2036
1044
|
"aria-hidden": "true",
|
|
2037
|
-
class:
|
|
2038
|
-
|
|
1045
|
+
class: h(["h-sm transition-opacity duration-300 ease-in hover:opacity-75 focus:opacity-75", [
|
|
1046
|
+
V(y).svgFillColorVariant({ color: e.titleColor })
|
|
2039
1047
|
]])
|
|
2040
|
-
}, [...
|
|
2041
|
-
|
|
1048
|
+
}, [..._[0] || (_[0] = [
|
|
1049
|
+
m("path", { d: "M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z" }, null, -1)
|
|
2042
1050
|
])], 2))
|
|
2043
|
-
])) :
|
|
2044
|
-
|
|
1051
|
+
])) : v("", !0),
|
|
1052
|
+
e.title ? (l(), i("h3", {
|
|
2045
1053
|
key: 1,
|
|
2046
|
-
id:
|
|
2047
|
-
class:
|
|
2048
|
-
},
|
|
2049
|
-
|
|
1054
|
+
id: V(b),
|
|
1055
|
+
class: h(["h3-md", V(y).textColorVariant({ color: e.titleColor })])
|
|
1056
|
+
}, j(e.title), 11, ro)) : v("", !0),
|
|
1057
|
+
e.placement === "left" ? (l(), i("button", {
|
|
2050
1058
|
key: 2,
|
|
2051
1059
|
type: "button",
|
|
2052
1060
|
"aria-label": "Close",
|
|
2053
|
-
onClick:
|
|
1061
|
+
onClick: D
|
|
2054
1062
|
}, [
|
|
2055
|
-
(
|
|
1063
|
+
(l(), i("svg", {
|
|
2056
1064
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2057
1065
|
height: "1em",
|
|
2058
1066
|
viewBox: "0 0 384 512",
|
|
2059
1067
|
"aria-hidden": "true",
|
|
2060
|
-
class:
|
|
2061
|
-
|
|
1068
|
+
class: h(["h-sm transition-opacity duration-300 ease-in hover:opacity-75 focus:opacity-75", [
|
|
1069
|
+
V(y).svgFillColorVariant({ color: e.titleColor })
|
|
2062
1070
|
]])
|
|
2063
|
-
}, [...
|
|
2064
|
-
|
|
1071
|
+
}, [..._[1] || (_[1] = [
|
|
1072
|
+
m("path", { d: "M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z" }, null, -1)
|
|
2065
1073
|
])], 2))
|
|
2066
|
-
])) :
|
|
1074
|
+
])) : v("", !0)
|
|
2067
1075
|
], 2)
|
|
2068
1076
|
], !0)
|
|
2069
|
-
], 512)) :
|
|
2070
|
-
|
|
2071
|
-
|
|
2072
|
-
close:
|
|
2073
|
-
status:
|
|
1077
|
+
], 512)) : v("", !0),
|
|
1078
|
+
m("div", lo, [
|
|
1079
|
+
C(O.$slots, "body", {
|
|
1080
|
+
close: D,
|
|
1081
|
+
status: o.value
|
|
2074
1082
|
}, void 0, !0)
|
|
2075
1083
|
]),
|
|
2076
|
-
|
|
1084
|
+
s.footer ? (l(), i("div", {
|
|
2077
1085
|
key: 1,
|
|
2078
1086
|
class: "sticky bottom-0",
|
|
2079
1087
|
ref_key: "footerRef",
|
|
2080
|
-
ref:
|
|
1088
|
+
ref: p
|
|
2081
1089
|
}, [
|
|
2082
|
-
|
|
2083
|
-
close:
|
|
2084
|
-
status:
|
|
1090
|
+
C(O.$slots, "footer", {
|
|
1091
|
+
close: D,
|
|
1092
|
+
status: o.value
|
|
2085
1093
|
}, void 0, !0)
|
|
2086
|
-
], 512)) :
|
|
1094
|
+
], 512)) : v("", !0)
|
|
2087
1095
|
], 2)
|
|
2088
|
-
], 10,
|
|
2089
|
-
[
|
|
2090
|
-
]) :
|
|
1096
|
+
], 10, so)), [
|
|
1097
|
+
[V(te), D]
|
|
1098
|
+
]) : v("", !0)
|
|
2091
1099
|
]),
|
|
2092
1100
|
_: 3
|
|
2093
1101
|
}, 8, ["name"])
|
|
2094
|
-
], 12,
|
|
1102
|
+
], 12, ao));
|
|
2095
1103
|
}
|
|
2096
|
-
}),
|
|
1104
|
+
}), Lo = /* @__PURE__ */ H(no, [["__scopeId", "data-v-93dd8f8e"]]), ne = /* @__PURE__ */ Symbol(), io = { class: "container-hts grid grid-cols-1 grid-rows-1 transition-[max-height] duration-300" }, co = /* @__PURE__ */ $({
|
|
2097
1105
|
__name: "TabContainer",
|
|
2098
1106
|
props: {
|
|
2099
1107
|
bodyClass: { default: "" },
|
|
2100
1108
|
btnContainerClass: { default: "" },
|
|
2101
1109
|
contentContainerClass: { default: "" }
|
|
2102
1110
|
},
|
|
2103
|
-
setup(
|
|
2104
|
-
|
|
2105
|
-
const
|
|
2106
|
-
|
|
2107
|
-
activeTabIdx:
|
|
2108
|
-
containerHeight:
|
|
2109
|
-
updateHeight: (
|
|
2110
|
-
|
|
1111
|
+
setup(e, { expose: t }) {
|
|
1112
|
+
T();
|
|
1113
|
+
const u = w(0), c = w(0), s = w(!1), d = w("slide-next");
|
|
1114
|
+
J(ne, {
|
|
1115
|
+
activeTabIdx: u,
|
|
1116
|
+
containerHeight: c,
|
|
1117
|
+
updateHeight: (r) => {
|
|
1118
|
+
r > 0 && (s.value = !0), c.value = r;
|
|
2111
1119
|
}
|
|
2112
1120
|
});
|
|
2113
|
-
const
|
|
2114
|
-
|
|
2115
|
-
},
|
|
2116
|
-
return
|
|
2117
|
-
update:
|
|
2118
|
-
}),
|
|
2119
|
-
() =>
|
|
2120
|
-
(
|
|
2121
|
-
|
|
1121
|
+
const n = (r) => {
|
|
1122
|
+
u.value = r;
|
|
1123
|
+
}, a = B(() => s.value ? { "--container-hts": `${c.value}px` } : void 0);
|
|
1124
|
+
return t({
|
|
1125
|
+
update: n
|
|
1126
|
+
}), N(
|
|
1127
|
+
() => u.value,
|
|
1128
|
+
(r, f) => {
|
|
1129
|
+
r > f ? d.value = "slide-next" : d.value = "slide-prev";
|
|
2122
1130
|
}
|
|
2123
|
-
), (
|
|
2124
|
-
class:
|
|
2125
|
-
style:
|
|
1131
|
+
), (r, f) => (l(), i("div", {
|
|
1132
|
+
class: h(e.bodyClass),
|
|
1133
|
+
style: W(a.value)
|
|
2126
1134
|
}, [
|
|
2127
|
-
|
|
2128
|
-
class:
|
|
1135
|
+
m("div", {
|
|
1136
|
+
class: h(e.btnContainerClass),
|
|
2129
1137
|
role: "tablist"
|
|
2130
1138
|
}, [
|
|
2131
|
-
|
|
2132
|
-
update:
|
|
2133
|
-
activeTab:
|
|
1139
|
+
C(r.$slots, "tab-button", {
|
|
1140
|
+
update: n,
|
|
1141
|
+
activeTab: u.value
|
|
2134
1142
|
}, void 0, !0)
|
|
2135
1143
|
], 2),
|
|
2136
|
-
|
|
2137
|
-
class:
|
|
1144
|
+
m("div", {
|
|
1145
|
+
class: h(e.contentContainerClass)
|
|
2138
1146
|
}, [
|
|
2139
|
-
|
|
2140
|
-
|
|
2141
|
-
default:
|
|
2142
|
-
(
|
|
2143
|
-
key:
|
|
1147
|
+
m("div", io, [
|
|
1148
|
+
A(S, { name: d.value }, {
|
|
1149
|
+
default: E(() => [
|
|
1150
|
+
(l(), i("div", {
|
|
1151
|
+
key: u.value,
|
|
2144
1152
|
class: "relative col-start-1 col-end-1 row-start-1 row-end-1"
|
|
2145
1153
|
}, [
|
|
2146
|
-
|
|
1154
|
+
C(r.$slots, "tab-content", {}, void 0, !0)
|
|
2147
1155
|
]))
|
|
2148
1156
|
]),
|
|
2149
1157
|
_: 3
|
|
@@ -2152,46 +1160,46 @@ const Rr = ["visible"], Er = ["aria-labelledby"], Nr = {
|
|
|
2152
1160
|
], 2)
|
|
2153
1161
|
], 6));
|
|
2154
1162
|
}
|
|
2155
|
-
}),
|
|
1163
|
+
}), Do = /* @__PURE__ */ H(co, [["__scopeId", "data-v-4b028d39"]]), uo = ["id"], Ao = /* @__PURE__ */ $({
|
|
2156
1164
|
__name: "TabContent",
|
|
2157
1165
|
props: {
|
|
2158
1166
|
tabNumber: {},
|
|
2159
1167
|
id: {},
|
|
2160
1168
|
tabClass: { default: "" }
|
|
2161
1169
|
},
|
|
2162
|
-
setup(
|
|
2163
|
-
const
|
|
2164
|
-
|
|
2165
|
-
),
|
|
2166
|
-
return (
|
|
1170
|
+
setup(e) {
|
|
1171
|
+
const t = e, { activeTabIdx: u, updateHeight: c } = Q(
|
|
1172
|
+
ne
|
|
1173
|
+
), s = w(null), { height: d } = Ct(s), o = B(() => u.value === t.tabNumber ? (c(d.value), !0) : !1);
|
|
1174
|
+
return (n, a) => z((l(), i("div", {
|
|
2167
1175
|
ref_key: "slotRef",
|
|
2168
|
-
ref:
|
|
2169
|
-
id:
|
|
2170
|
-
class:
|
|
1176
|
+
ref: s,
|
|
1177
|
+
id: e.id,
|
|
1178
|
+
class: h([e.tabClass, "w-full"]),
|
|
2171
1179
|
role: "tabpanel",
|
|
2172
1180
|
tabindex: "-1"
|
|
2173
1181
|
}, [
|
|
2174
|
-
|
|
2175
|
-
], 10,
|
|
2176
|
-
[
|
|
1182
|
+
C(n.$slots, "default")
|
|
1183
|
+
], 10, uo)), [
|
|
1184
|
+
[Z, o.value]
|
|
2177
1185
|
]);
|
|
2178
1186
|
}
|
|
2179
1187
|
});
|
|
2180
1188
|
export {
|
|
2181
|
-
|
|
2182
|
-
|
|
2183
|
-
|
|
2184
|
-
|
|
2185
|
-
|
|
2186
|
-
|
|
2187
|
-
|
|
2188
|
-
|
|
2189
|
-
|
|
2190
|
-
|
|
2191
|
-
|
|
2192
|
-
|
|
2193
|
-
|
|
2194
|
-
|
|
2195
|
-
|
|
2196
|
-
|
|
1189
|
+
Co as AccordionGroup,
|
|
1190
|
+
wo as Alert,
|
|
1191
|
+
xo as Card,
|
|
1192
|
+
Vo as CarouselContainer,
|
|
1193
|
+
ko as CarouselContent,
|
|
1194
|
+
Bo as Collapse,
|
|
1195
|
+
Ro as DropdownContainer,
|
|
1196
|
+
$o as DropdownContent,
|
|
1197
|
+
Oo as HeaderHorizontal,
|
|
1198
|
+
To as HeaderVertical,
|
|
1199
|
+
Io as Modal,
|
|
1200
|
+
Lo as Sidebar,
|
|
1201
|
+
Do as TabContainer,
|
|
1202
|
+
Ao as TabContent,
|
|
1203
|
+
yo as default,
|
|
1204
|
+
y as generateClass
|
|
2197
1205
|
};
|