@bobbykim/manguito-theme 1.2.0 → 1.3.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 +11 -0
- package/README.md +34 -17
- package/dist/composable.cjs +1 -1
- package/dist/composable.js +1 -1
- package/dist/core.cjs +2 -2
- package/dist/core.d.ts +5 -0
- package/dist/core.js +414 -418
- package/dist/directives.cjs +1 -1
- package/dist/directives.d.ts +13 -10
- package/dist/directives.js +47 -41
- package/dist/index-BjeE_nEZ.cjs +1 -0
- package/dist/index-CzXHE-4G.js +108 -0
- package/dist/useModalScrollLock-ONrBOk5v.js +56 -0
- package/dist/useModalScrollLock-X2enYbzG.cjs +1 -0
- package/package.json +3 -2
- package/dist/index-CKV6der_.cjs +0 -1
- package/dist/index-r-cHwpQM.js +0 -101
- package/dist/useModalScrollLock-BUdEkX4m.cjs +0 -1
- package/dist/useModalScrollLock-CZPywtVE.js +0 -56
package/dist/core.js
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
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 ie, p as ce, b as de, c as ue, d as fe, e as he, f as
|
|
3
|
-
import { defineComponent as
|
|
4
|
-
import { useWindowSize as bt, useWindowScroll as pt, useScrollLock as
|
|
5
|
-
import { p as wt, u as xt, o as oe, a as ae } from "./useModalScrollLock-
|
|
6
|
-
import { g as
|
|
7
|
-
import { v as te } from "./index-
|
|
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-7c910f65],.collapse-leave-active[data-v-7c910f65]{transition-property:height,opacity;transition-duration:.5s;transition-timing-function:ease}.dropup-bottom[data-v-dd0b7b7b]{bottom:var(--button-height)}.dropdown-content-enter-active[data-v-dd0b7b7b],.dropdown-content-leave-active[data-v-dd0b7b7b]{transition:all .3s}.dropdown-content-enter-from[data-v-dd0b7b7b],.dropdown-content-leave-to[data-v-dd0b7b7b]{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-13a13d88]{transition:height .5s ease-in}.collapse-leave-active[data-v-13a13d88]{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-c9b9db1b]{top:var(--vertical-placement);left:50%;transform:translateY(calc(-1 * var(--vertical-placement))) translate(-50%)}.fade-enter-active[data-v-c9b9db1b],.fade-leave-active[data-v-c9b9db1b]{transition-property:opacity;transition-duration:.3s;transition-timing-function:linear}.fade-enter-from[data-v-c9b9db1b],.fade-leave-to[data-v-c9b9db1b]{opacity:0}.slide-down-enter-active[data-v-c9b9db1b]{animation:slide-down-c9b9db1b .3s ease}.slide-down-leave-active[data-v-c9b9db1b]{animation:slide-down-c9b9db1b reverse .3s ease}@keyframes slide-down-c9b9db1b{0%{opacity:0;transform:translateY(-100%) translate(-50%)}to{opacity:1;transform:translateY(calc(-1 * var(--vertical-placement))) translate(-50%)}}.sidebar-body[data-v-80a7a8d2]{width:100%}.sidebar-body-height[data-v-80a7a8d2]{min-height:calc(100vh - var(--header-height) - var(--footer-height))}.fade-enter-active[data-v-80a7a8d2],.fade-leave-active[data-v-80a7a8d2]{transition-property:opacity;transition-duration:.3s;transition-timing-function:linear}.fade-enter-from[data-v-80a7a8d2],.fade-leave-to[data-v-80a7a8d2]{opacity:0}.sidebar-left-enter-active[data-v-80a7a8d2],.sidebar-left-leave-active[data-v-80a7a8d2],.sidebar-right-enter-active[data-v-80a7a8d2],.sidebar-right-leave-active[data-v-80a7a8d2]{transition-property:transform,opacity;transition-duration:.3s;transition-timing-function:linear}.sidebar-left-enter-from[data-v-80a7a8d2],.sidebar-left-leave-to[data-v-80a7a8d2]{transform:translate(-100%)}.sidebar-right-enter-from[data-v-80a7a8d2],.sidebar-right-leave-to[data-v-80a7a8d2]{transform:translate(100%)}@media screen and (min-width:768px){.sidebar-body[data-v-80a7a8d2]{width:var(--sidebar-width)}.sidebar-left-enter-from[data-v-80a7a8d2],.sidebar-left-leave-to[data-v-80a7a8d2]{transform:translate(calc(-1 * var(--sidebar-width)))}.sidebar-right-enter-from[data-v-80a7a8d2],.sidebar-right-leave-to[data-v-80a7a8d2]{transform:translate(var(--sidebar-width))}}.container-hts[data-v-2d9322d9]{max-height:var(--container-hts, none)}.slide-prev-enter-active[data-v-2d9322d9]{transition:all .5s linear}.slide-prev-leave-active[data-v-2d9322d9]{transition:all .5s}.slide-prev-enter-from[data-v-2d9322d9]{transform:translate(-100%);opacity:0}.slide-prev-leave-to[data-v-2d9322d9]{transform:translate(100%);opacity:0}.slide-next-enter-active[data-v-2d9322d9]{transition:all .5s linear}.slide-next-leave-active[data-v-2d9322d9]{transition:all .5s}.slide-next-enter-from[data-v-2d9322d9]{transform:translate(100%);opacity:0}.slide-next-leave-to[data-v-2d9322d9]{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 ve, h as ge, m as me, i as be, j as pe, k as Ce, l as ye, n as we, o as xe, q as ke, r as Ve, s as Be, t as Re, u as Oe, v as $e, 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 C } from "./index-CDXrm85l.js";
|
|
3
|
+
import { defineComponent as O, openBlock as l, createElementBlock as i, renderSlot as y, ref as w, computed as B, watch as E, normalizeClass as h, createElementVNode as m, createCommentVNode as g, useSlots as z, toDisplayString as j, provide as J, createVNode as D, Transition as A, withCtx as S, inject as Q, withDirectives as _, vShow as Z, useId as ee, toRef as ht, unref as k, onMounted as F, withKeys as vt, createBlock as X, normalizeStyle as W, vModelCheckbox as gt, Teleport as mt } from "vue";
|
|
4
|
+
import { useWindowSize as bt, useWindowScroll as pt, useScrollLock as Ct, useElementSize as yt } from "@vueuse/core";
|
|
5
|
+
import { p as wt, u as xt, o as oe, a as ae } from "./useModalScrollLock-ONrBOk5v.js";
|
|
6
|
+
import { g as kt } from "./getGlassmorphismClass-d_Ji96-u.js";
|
|
7
|
+
import { v as te } from "./index-CzXHE-4G.js";
|
|
8
8
|
import { useFocusTrap as se } from "@vueuse/integrations/useFocusTrap";
|
|
9
|
-
const
|
|
9
|
+
const Co = (e, t) => {
|
|
10
10
|
switch (e) {
|
|
11
11
|
case "BGCOLOR":
|
|
12
12
|
return ft({ color: t });
|
|
@@ -85,25 +85,25 @@ const yo = (e, t) => {
|
|
|
85
85
|
case "BORDERTW":
|
|
86
86
|
return Te({ width: t });
|
|
87
87
|
case "BORDERBW":
|
|
88
|
-
return Oe({ width: t });
|
|
89
|
-
case "BORDERLW":
|
|
90
88
|
return $e({ width: t });
|
|
89
|
+
case "BORDERLW":
|
|
90
|
+
return Oe({ width: t });
|
|
91
91
|
case "BORDERRW":
|
|
92
92
|
return Re({ width: t });
|
|
93
93
|
case "OPACITY":
|
|
94
94
|
return Be({ opacity: t });
|
|
95
95
|
case "BGOPACITY":
|
|
96
|
-
return ke({ opacity: t });
|
|
97
|
-
case "OUTLINEOPACITY":
|
|
98
96
|
return Ve({ opacity: t });
|
|
97
|
+
case "OUTLINEOPACITY":
|
|
98
|
+
return ke({ opacity: t });
|
|
99
99
|
case "MARGIN":
|
|
100
100
|
return xe({ spacing: t });
|
|
101
101
|
case "MARGINX":
|
|
102
102
|
return we({ spacing: t });
|
|
103
103
|
case "MARGINY":
|
|
104
|
-
return Ce({ spacing: t });
|
|
105
|
-
case "MARGINT":
|
|
106
104
|
return ye({ spacing: t });
|
|
105
|
+
case "MARGINT":
|
|
106
|
+
return Ce({ spacing: t });
|
|
107
107
|
case "MARGINB":
|
|
108
108
|
return pe({ spacing: t });
|
|
109
109
|
case "MARGINL":
|
|
@@ -111,9 +111,9 @@ const yo = (e, t) => {
|
|
|
111
111
|
case "MARGINR":
|
|
112
112
|
return me({ spacing: t });
|
|
113
113
|
case "PADDING":
|
|
114
|
-
return ve({ spacing: t });
|
|
115
|
-
case "PADDINGX":
|
|
116
114
|
return ge({ spacing: t });
|
|
115
|
+
case "PADDINGX":
|
|
116
|
+
return ve({ spacing: t });
|
|
117
117
|
case "PADDINGY":
|
|
118
118
|
return he({ spacing: t });
|
|
119
119
|
case "PADDINGT":
|
|
@@ -129,14 +129,14 @@ const yo = (e, t) => {
|
|
|
129
129
|
default:
|
|
130
130
|
return "";
|
|
131
131
|
}
|
|
132
|
-
},
|
|
132
|
+
}, yo = /* @__PURE__ */ O({
|
|
133
133
|
__name: "AccordionGroup",
|
|
134
134
|
setup(e) {
|
|
135
135
|
return wt(), (t, u) => (l(), i("div", null, [
|
|
136
|
-
|
|
136
|
+
y(t.$slots, "default")
|
|
137
137
|
]));
|
|
138
138
|
}
|
|
139
|
-
}),
|
|
139
|
+
}), Vt = { class: "flex w-full justify-between gap-2xs" }, Bt = { class: "w-full" }, wo = /* @__PURE__ */ O({
|
|
140
140
|
__name: "Alert",
|
|
141
141
|
props: {
|
|
142
142
|
color: { default: "danger" },
|
|
@@ -147,33 +147,31 @@ const yo = (e, t) => {
|
|
|
147
147
|
},
|
|
148
148
|
emits: ["close"],
|
|
149
149
|
setup(e, { expose: t, emit: u }) {
|
|
150
|
-
const c =
|
|
151
|
-
|
|
152
|
-
const s = u, d = w(c.show), o = B(() => {
|
|
153
|
-
const { color: r, rounded: f, shadow: p } = c, b = [y.bgColorVariant({ color: r })];
|
|
150
|
+
const d = e, a = u, c = w(d.show), s = B(() => {
|
|
151
|
+
const { color: r, rounded: f, shadow: p } = d, b = [C.bgColorVariant({ color: r })];
|
|
154
152
|
return f && b.push("rounded-md"), p && b.push("drop-shadow-md"), b.join(" ");
|
|
155
153
|
}), n = (r) => {
|
|
156
|
-
|
|
157
|
-
},
|
|
158
|
-
|
|
154
|
+
c.value = !1, a("close", r);
|
|
155
|
+
}, o = () => {
|
|
156
|
+
c.value = !1;
|
|
159
157
|
};
|
|
160
|
-
return
|
|
161
|
-
() =>
|
|
158
|
+
return E(
|
|
159
|
+
() => d.show,
|
|
162
160
|
(r) => {
|
|
163
|
-
|
|
161
|
+
c.value = r;
|
|
164
162
|
}
|
|
165
163
|
), t({
|
|
166
|
-
close:
|
|
167
|
-
}), (r, f) =>
|
|
164
|
+
close: o
|
|
165
|
+
}), (r, f) => c.value ? (l(), i("div", {
|
|
168
166
|
key: 0,
|
|
169
167
|
role: "alert",
|
|
170
168
|
"aria-live": "polite",
|
|
171
169
|
"aria-atomic": "true",
|
|
172
|
-
class: h(["relative px-[1.25rem] py-[0.75rem]", [
|
|
170
|
+
class: h(["relative px-[1.25rem] py-[0.75rem]", [s.value]])
|
|
173
171
|
}, [
|
|
174
|
-
m("div",
|
|
172
|
+
m("div", Vt, [
|
|
175
173
|
m("div", Bt, [
|
|
176
|
-
|
|
174
|
+
y(r.$slots, "default")
|
|
177
175
|
]),
|
|
178
176
|
e.dismissible ? (l(), i("button", {
|
|
179
177
|
key: 0,
|
|
@@ -188,17 +186,17 @@ const yo = (e, t) => {
|
|
|
188
186
|
}, [
|
|
189
187
|
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" })
|
|
190
188
|
], -1)
|
|
191
|
-
])])) :
|
|
189
|
+
])])) : g("", !0)
|
|
192
190
|
])
|
|
193
|
-
], 2)) :
|
|
191
|
+
], 2)) : g("", !0);
|
|
194
192
|
}
|
|
195
|
-
}), Rt = ["src", "alt"],
|
|
193
|
+
}), Rt = ["src", "alt"], Ot = {
|
|
196
194
|
key: 2,
|
|
197
195
|
class: "flex-1 px-xs pt-xs pb-2xs"
|
|
198
|
-
},
|
|
196
|
+
}, $t = {
|
|
199
197
|
key: 3,
|
|
200
198
|
class: "flex-1"
|
|
201
|
-
}, xo = /* @__PURE__ */
|
|
199
|
+
}, xo = /* @__PURE__ */ O({
|
|
202
200
|
__name: "Card",
|
|
203
201
|
props: {
|
|
204
202
|
variant: { default: "light-1" },
|
|
@@ -221,80 +219,80 @@ const yo = (e, t) => {
|
|
|
221
219
|
cardClass: { default: "" }
|
|
222
220
|
},
|
|
223
221
|
setup(e) {
|
|
224
|
-
const t = e, u =
|
|
222
|
+
const t = e, u = z(), d = B(() => {
|
|
225
223
|
const {
|
|
226
224
|
variant: n,
|
|
227
|
-
rounded:
|
|
225
|
+
rounded: o,
|
|
228
226
|
shadow: r,
|
|
229
227
|
border: f,
|
|
230
228
|
borderVariant: p,
|
|
231
229
|
glass: b,
|
|
232
|
-
glassBlur:
|
|
233
|
-
glassOpacity:
|
|
230
|
+
glassBlur: v,
|
|
231
|
+
glassOpacity: I
|
|
234
232
|
} = t;
|
|
235
233
|
return [
|
|
236
|
-
|
|
237
|
-
|
|
234
|
+
C.bgColorVariant({ color: n }),
|
|
235
|
+
o ? "rounded-lg" : "rounded-sm",
|
|
238
236
|
r && "drop-shadow-md",
|
|
239
237
|
f && "border",
|
|
240
|
-
f &&
|
|
241
|
-
b &&
|
|
238
|
+
f && C.borderColorVariant({ color: p }),
|
|
239
|
+
b && kt(n, v, I)
|
|
242
240
|
].filter(Boolean).join(" ");
|
|
243
|
-
}),
|
|
244
|
-
const { titleVariant: n, titleSize:
|
|
241
|
+
}), a = B(() => {
|
|
242
|
+
const { titleVariant: n, titleSize: o } = t;
|
|
245
243
|
return [
|
|
246
|
-
|
|
247
|
-
|
|
244
|
+
C.textColorVariant({ color: n }),
|
|
245
|
+
C.h3Variant({ size: o })
|
|
248
246
|
].join(" ");
|
|
249
|
-
}),
|
|
250
|
-
const { border: n, borderVariant:
|
|
247
|
+
}), c = B(() => {
|
|
248
|
+
const { border: n, borderVariant: o, titleVariant: r } = t;
|
|
251
249
|
return [
|
|
252
|
-
|
|
250
|
+
C.textColorVariant({ color: r }),
|
|
253
251
|
n && "border-b",
|
|
254
|
-
|
|
252
|
+
C.borderColorVariant({ color: o })
|
|
255
253
|
].filter(Boolean).join(" ");
|
|
256
|
-
}),
|
|
257
|
-
const { border: n, borderVariant:
|
|
254
|
+
}), s = B(() => {
|
|
255
|
+
const { border: n, borderVariant: o } = t;
|
|
258
256
|
return [
|
|
259
257
|
n && "border-t",
|
|
260
|
-
n &&
|
|
258
|
+
n && C.borderColorVariant({ color: o })
|
|
261
259
|
].filter(Boolean).join(" ");
|
|
262
260
|
});
|
|
263
|
-
return (n,
|
|
264
|
-
class: h(["flex h-full w-full flex-col overflow-hidden", [
|
|
261
|
+
return (n, o) => (l(), i("div", {
|
|
262
|
+
class: h(["flex h-full w-full flex-col overflow-hidden", [d.value, e.cardClass]])
|
|
265
263
|
}, [
|
|
266
|
-
e.header || u.header ?
|
|
264
|
+
e.header || u.header ? y(n.$slots, "header", { key: 0 }, () => [
|
|
267
265
|
m("div", {
|
|
268
|
-
class: h([[
|
|
266
|
+
class: h([[c.value], "px-xs py-2xs font-bold"])
|
|
269
267
|
}, [
|
|
270
268
|
m("p", null, j(e.header), 1)
|
|
271
269
|
], 2)
|
|
272
|
-
]) :
|
|
270
|
+
]) : g("", !0),
|
|
273
271
|
e.imageSrc && !e.noImage ? (l(), i("img", {
|
|
274
272
|
key: 1,
|
|
275
273
|
src: e.imageSrc,
|
|
276
274
|
alt: e.imageAlt,
|
|
277
275
|
class: "aspect-video min-w-full object-cover object-top"
|
|
278
|
-
}, null, 8, Rt)) :
|
|
279
|
-
e.noBody ?
|
|
276
|
+
}, null, 8, Rt)) : g("", !0),
|
|
277
|
+
e.noBody ? g("", !0) : (l(), i("div", Ot, [
|
|
280
278
|
m("h3", {
|
|
281
|
-
class: h([[
|
|
279
|
+
class: h([[a.value], "mb-xs"])
|
|
282
280
|
}, j(e.title), 3),
|
|
283
|
-
u.body ?
|
|
281
|
+
u.body ? y(n.$slots, "body", { key: 0 }) : g("", !0)
|
|
284
282
|
])),
|
|
285
|
-
e.noBody && u.default ? (l(), i("div",
|
|
286
|
-
|
|
287
|
-
])) :
|
|
288
|
-
e.footer || u.footer ?
|
|
283
|
+
e.noBody && u.default ? (l(), i("div", $t, [
|
|
284
|
+
y(n.$slots, "default")
|
|
285
|
+
])) : g("", !0),
|
|
286
|
+
e.footer || u.footer ? y(n.$slots, "footer", { key: 4 }, () => [
|
|
289
287
|
m("div", {
|
|
290
|
-
class: h(["px-xs py-2xs", [
|
|
288
|
+
class: h(["px-xs py-2xs", [s.value]])
|
|
291
289
|
}, [
|
|
292
290
|
m("p", null, j(e.footer), 1)
|
|
293
291
|
], 2)
|
|
294
|
-
]) :
|
|
292
|
+
]) : g("", !0)
|
|
295
293
|
], 2));
|
|
296
294
|
}
|
|
297
|
-
}), re = /* @__PURE__ */ Symbol(), Tt = /* @__PURE__ */
|
|
295
|
+
}), re = /* @__PURE__ */ Symbol(), Tt = /* @__PURE__ */ O({
|
|
298
296
|
__name: "CarouselContainer",
|
|
299
297
|
props: {
|
|
300
298
|
bodyClass: { default: "" },
|
|
@@ -304,82 +302,82 @@ const yo = (e, t) => {
|
|
|
304
302
|
loop: { type: Boolean, default: !1 }
|
|
305
303
|
},
|
|
306
304
|
setup(e, { expose: t }) {
|
|
307
|
-
const u = e,
|
|
308
|
-
|
|
305
|
+
const u = e, d = z(), a = w(0), c = w([]), s = w(0), n = w("slide-next"), o = (b) => {
|
|
306
|
+
c.value.push(b), s.value = [...new Set(c.value)].length;
|
|
309
307
|
}, r = (b) => {
|
|
310
|
-
|
|
308
|
+
a.value = b;
|
|
311
309
|
};
|
|
312
310
|
J(re, {
|
|
313
|
-
activeIdx:
|
|
314
|
-
setSlide:
|
|
311
|
+
activeIdx: a,
|
|
312
|
+
setSlide: o
|
|
315
313
|
});
|
|
316
314
|
const f = () => {
|
|
317
315
|
const { loop: b } = u;
|
|
318
|
-
b &&
|
|
316
|
+
b && a.value === s.value - 1 ? a.value = 0 : a.value < s.value - 1 && (a.value = a.value + 1);
|
|
319
317
|
}, p = () => {
|
|
320
318
|
const { loop: b } = u;
|
|
321
|
-
b &&
|
|
319
|
+
b && a.value === 0 ? a.value = s.value - 1 : a.value > 0 && (a.value = a.value - 1);
|
|
322
320
|
};
|
|
323
|
-
return
|
|
324
|
-
() =>
|
|
325
|
-
(b,
|
|
326
|
-
b >
|
|
321
|
+
return E(
|
|
322
|
+
() => a.value,
|
|
323
|
+
(b, v) => {
|
|
324
|
+
b > v || b === 0 && v === s.value - 1 ? n.value = "slide-next" : n.value = "slide-prev";
|
|
327
325
|
}
|
|
328
326
|
), t({
|
|
329
|
-
numberOfSlides:
|
|
327
|
+
numberOfSlides: s,
|
|
330
328
|
prev: p,
|
|
331
329
|
next: f,
|
|
332
330
|
setActive: r
|
|
333
|
-
}), (b,
|
|
331
|
+
}), (b, v) => (l(), i("div", {
|
|
334
332
|
class: h([e.bodyClass, "relative overflow-x-hidden"])
|
|
335
333
|
}, [
|
|
336
|
-
|
|
334
|
+
d["controller-top"] ? (l(), i("div", {
|
|
337
335
|
key: 0,
|
|
338
336
|
class: h(e.controllerTopClass)
|
|
339
337
|
}, [
|
|
340
|
-
|
|
338
|
+
y(b.$slots, "controller-top", {
|
|
341
339
|
next: f,
|
|
342
340
|
prev: p,
|
|
343
341
|
setActive: r,
|
|
344
|
-
activeSlide:
|
|
345
|
-
numberOfSlides:
|
|
342
|
+
activeSlide: a.value,
|
|
343
|
+
numberOfSlides: s.value
|
|
346
344
|
}, void 0, !0)
|
|
347
|
-
], 2)) :
|
|
345
|
+
], 2)) : g("", !0),
|
|
348
346
|
m("div", {
|
|
349
347
|
class: h(["grid grid-cols-1 grid-rows-1", e.contentContainerClass])
|
|
350
348
|
}, [
|
|
351
|
-
A
|
|
352
|
-
default:
|
|
349
|
+
D(A, { name: n.value }, {
|
|
350
|
+
default: S(() => [
|
|
353
351
|
(l(), i("div", {
|
|
354
|
-
key:
|
|
352
|
+
key: a.value,
|
|
355
353
|
class: "col-start-1 col-end-1 row-start-1 row-end-1"
|
|
356
354
|
}, [
|
|
357
|
-
|
|
355
|
+
y(b.$slots, "content", {}, void 0, !0)
|
|
358
356
|
]))
|
|
359
357
|
]),
|
|
360
358
|
_: 3
|
|
361
359
|
}, 8, ["name"])
|
|
362
360
|
], 2),
|
|
363
|
-
|
|
361
|
+
d["controller-bottom"] ? (l(), i("div", {
|
|
364
362
|
key: 1,
|
|
365
363
|
class: h(e.controllerBottomClass)
|
|
366
364
|
}, [
|
|
367
|
-
|
|
365
|
+
y(b.$slots, "controller-bottom", {
|
|
368
366
|
next: f,
|
|
369
367
|
prev: p,
|
|
370
368
|
setActive: r,
|
|
371
|
-
activeSlide:
|
|
372
|
-
numberOfSlides:
|
|
369
|
+
activeSlide: a.value,
|
|
370
|
+
numberOfSlides: s.value
|
|
373
371
|
}, void 0, !0)
|
|
374
|
-
], 2)) :
|
|
372
|
+
], 2)) : g("", !0)
|
|
375
373
|
], 2));
|
|
376
374
|
}
|
|
377
|
-
}),
|
|
375
|
+
}), N = (e, t) => {
|
|
378
376
|
const u = e.__vccOpts || e;
|
|
379
|
-
for (const [
|
|
380
|
-
u[
|
|
377
|
+
for (const [d, a] of t)
|
|
378
|
+
u[d] = a;
|
|
381
379
|
return u;
|
|
382
|
-
},
|
|
380
|
+
}, ko = /* @__PURE__ */ N(Tt, [["__scopeId", "data-v-e9caba8a"]]), It = ["id"], Vo = /* @__PURE__ */ O({
|
|
383
381
|
__name: "CarouselContent",
|
|
384
382
|
props: {
|
|
385
383
|
slideNumber: {},
|
|
@@ -387,28 +385,27 @@ const yo = (e, t) => {
|
|
|
387
385
|
slideClass: { default: "" }
|
|
388
386
|
},
|
|
389
387
|
setup(e) {
|
|
390
|
-
const t = e, { activeIdx: u, setSlide:
|
|
388
|
+
const t = e, { activeIdx: u, setSlide: d } = Q(
|
|
391
389
|
re
|
|
392
|
-
)
|
|
393
|
-
|
|
394
|
-
const
|
|
395
|
-
const { slideNumber:
|
|
396
|
-
return u.value ===
|
|
390
|
+
);
|
|
391
|
+
d(t.slideNumber);
|
|
392
|
+
const a = B(() => {
|
|
393
|
+
const { slideNumber: c } = t;
|
|
394
|
+
return u.value === c;
|
|
397
395
|
});
|
|
398
|
-
return (
|
|
399
|
-
|
|
400
|
-
ref: s,
|
|
396
|
+
return (c, s) => _((l(), i("div", {
|
|
397
|
+
ref: "slideRef",
|
|
401
398
|
id: e.id,
|
|
402
399
|
class: h([e.slideClass, "w-full"]),
|
|
403
400
|
role: "tabpanel",
|
|
404
401
|
tabindex: "-1"
|
|
405
402
|
}, [
|
|
406
|
-
|
|
403
|
+
y(c.$slots, "default")
|
|
407
404
|
], 10, It)), [
|
|
408
|
-
[Z,
|
|
405
|
+
[Z, a.value]
|
|
409
406
|
]);
|
|
410
407
|
}
|
|
411
|
-
}), Lt = ["id"], Dt = /* @__PURE__ */
|
|
408
|
+
}), Lt = ["id"], Dt = /* @__PURE__ */ O({
|
|
412
409
|
__name: "Collapse",
|
|
413
410
|
props: {
|
|
414
411
|
id: {},
|
|
@@ -417,28 +414,27 @@ const yo = (e, t) => {
|
|
|
417
414
|
},
|
|
418
415
|
emits: ["open", "close"],
|
|
419
416
|
setup(e, { expose: t, emit: u }) {
|
|
420
|
-
const c =
|
|
421
|
-
|
|
422
|
-
|
|
423
|
-
|
|
424
|
-
|
|
425
|
-
|
|
426
|
-
|
|
427
|
-
|
|
428
|
-
|
|
429
|
-
},
|
|
430
|
-
|
|
431
|
-
}, b = (g) => {
|
|
432
|
-
g.style.height = getComputedStyle(g).height, g.offsetHeight, g.style.height = "0px", g.style.opacity = "0";
|
|
417
|
+
const d = e, a = u, c = d.id ?? ee(), { isOpen: s, toggle: n, open: o, close: r } = xt(
|
|
418
|
+
c,
|
|
419
|
+
ht(d, "visible")
|
|
420
|
+
), f = (v) => {
|
|
421
|
+
v.style.height = "auto", v.style.opacity = "0";
|
|
422
|
+
const I = getComputedStyle(v).height;
|
|
423
|
+
v.style.height = "0px", v.offsetHeight, v.style.height = I, v.style.opacity = "1";
|
|
424
|
+
}, p = (v) => {
|
|
425
|
+
v.style.height = "auto", v.style.opacity = "1";
|
|
426
|
+
}, b = (v) => {
|
|
427
|
+
v.style.height = getComputedStyle(v).height, v.offsetHeight, v.style.height = "0px", v.style.opacity = "0";
|
|
433
428
|
};
|
|
434
|
-
return
|
|
435
|
-
|
|
429
|
+
return E(s, (v) => {
|
|
430
|
+
v ? a("open", !0) : a("close", !1);
|
|
436
431
|
}), t({
|
|
432
|
+
isOpen: s,
|
|
437
433
|
toggle: n,
|
|
438
|
-
open:
|
|
434
|
+
open: o,
|
|
439
435
|
close: r
|
|
440
|
-
}), (
|
|
441
|
-
A
|
|
436
|
+
}), (v, I) => (l(), i("div", { id: k(c) }, [
|
|
437
|
+
D(A, {
|
|
442
438
|
name: "collapse",
|
|
443
439
|
tag: "div",
|
|
444
440
|
onEnter: f,
|
|
@@ -446,88 +442,85 @@ const yo = (e, t) => {
|
|
|
446
442
|
onLeave: b,
|
|
447
443
|
class: "overflow-y-clip"
|
|
448
444
|
}, {
|
|
449
|
-
default:
|
|
450
|
-
|
|
445
|
+
default: S(() => [
|
|
446
|
+
_(m("div", null, [
|
|
451
447
|
m("div", {
|
|
452
448
|
class: h(e.customClass)
|
|
453
449
|
}, [
|
|
454
|
-
|
|
450
|
+
y(v.$slots, "default", {}, void 0, !0)
|
|
455
451
|
], 2)
|
|
456
452
|
], 512), [
|
|
457
|
-
[Z,
|
|
453
|
+
[Z, k(s)]
|
|
458
454
|
])
|
|
459
455
|
]),
|
|
460
456
|
_: 3
|
|
461
457
|
})
|
|
462
458
|
], 8, Lt));
|
|
463
459
|
}
|
|
464
|
-
}), Bo = /* @__PURE__ */
|
|
460
|
+
}), Bo = /* @__PURE__ */ N(Dt, [["__scopeId", "data-v-7c910f65"]]), le = /* @__PURE__ */ Symbol(), Ro = /* @__PURE__ */ O({
|
|
465
461
|
__name: "DropdownContainer",
|
|
466
462
|
emits: ["click-outside", "toggle"],
|
|
467
463
|
setup(e, { emit: t }) {
|
|
468
|
-
|
|
469
|
-
const u = t, c = w(), s = w(!1), d = w(0);
|
|
464
|
+
const u = t, d = w(), a = w(!1), c = w(0);
|
|
470
465
|
J(le, {
|
|
471
|
-
active:
|
|
472
|
-
buttonHeight:
|
|
466
|
+
active: a,
|
|
467
|
+
buttonHeight: c,
|
|
473
468
|
closeDropdown: () => {
|
|
474
|
-
|
|
469
|
+
a.value = !1;
|
|
475
470
|
}
|
|
476
471
|
});
|
|
477
472
|
const n = (f) => {
|
|
478
|
-
|
|
479
|
-
},
|
|
480
|
-
|
|
473
|
+
a.value = !a.value, u("toggle", f);
|
|
474
|
+
}, o = (f) => {
|
|
475
|
+
a.value = !1, u("click-outside", f);
|
|
481
476
|
}, r = () => {
|
|
482
|
-
|
|
477
|
+
a.value = !1;
|
|
483
478
|
};
|
|
484
479
|
return F(() => {
|
|
485
|
-
|
|
486
|
-
}), (f, p) =>
|
|
480
|
+
c.value = d.value.scrollHeight;
|
|
481
|
+
}), (f, p) => _((l(), i("div", {
|
|
487
482
|
class: "relative",
|
|
488
483
|
ref_key: "dropdownTarget",
|
|
489
|
-
ref:
|
|
490
|
-
onKeyup:
|
|
484
|
+
ref: d,
|
|
485
|
+
onKeyup: vt(r, ["esc"])
|
|
491
486
|
}, [
|
|
492
|
-
|
|
487
|
+
y(f.$slots, "toggler", {
|
|
493
488
|
toggle: n,
|
|
494
|
-
dropdownState:
|
|
489
|
+
dropdownState: a.value
|
|
495
490
|
}),
|
|
496
|
-
|
|
491
|
+
y(f.$slots, "default")
|
|
497
492
|
], 32)), [
|
|
498
|
-
[
|
|
493
|
+
[k(te), o]
|
|
499
494
|
]);
|
|
500
495
|
}
|
|
501
|
-
}), At = /* @__PURE__ */
|
|
496
|
+
}), At = /* @__PURE__ */ O({
|
|
502
497
|
__name: "DropdownContent",
|
|
503
498
|
props: {
|
|
504
499
|
customClass: { default: "" }
|
|
505
500
|
},
|
|
506
501
|
setup(e) {
|
|
507
|
-
const { height: t } = bt()
|
|
508
|
-
T();
|
|
509
|
-
const u = w(), { active: c, buttonHeight: s, closeDropdown: d } = Q(
|
|
502
|
+
const { height: t } = bt(), u = w(), { active: d, buttonHeight: a, closeDropdown: c } = Q(
|
|
510
503
|
le
|
|
511
|
-
),
|
|
512
|
-
if (!(!
|
|
504
|
+
), s = B(() => ({ "--button-height": `${a}px` })), n = B(() => {
|
|
505
|
+
if (!(!d || !u.value) && t.value - u.value.getBoundingClientRect().bottom < 0)
|
|
513
506
|
return "dropup-bottom";
|
|
514
507
|
});
|
|
515
|
-
return (
|
|
516
|
-
default:
|
|
517
|
-
|
|
508
|
+
return (o, r) => (l(), X(A, { name: "dropdown-content" }, {
|
|
509
|
+
default: S(() => [
|
|
510
|
+
k(d) ? (l(), i("div", {
|
|
518
511
|
key: 0,
|
|
519
512
|
ref_key: "contentRef",
|
|
520
513
|
ref: u,
|
|
521
514
|
class: h(["absolute my-2xs w-max max-w-[14rem] overflow-hidden", [n.value, e.customClass]]),
|
|
522
|
-
style: W(
|
|
515
|
+
style: W(s.value)
|
|
523
516
|
}, [
|
|
524
|
-
|
|
525
|
-
], 6)) :
|
|
517
|
+
y(o.$slots, "default", { itemClick: k(c) }, void 0, !0)
|
|
518
|
+
], 6)) : g("", !0)
|
|
526
519
|
]),
|
|
527
520
|
_: 3
|
|
528
521
|
}));
|
|
529
522
|
}
|
|
530
|
-
}),
|
|
523
|
+
}), Oo = /* @__PURE__ */ N(At, [["__scopeId", "data-v-dd0b7b7b"]]), St = ["aria-label", "aria-expanded"], Et = /* @__PURE__ */ O({
|
|
531
524
|
__name: "NavDrawer",
|
|
532
525
|
props: {
|
|
533
526
|
color: { default: "dark-2" },
|
|
@@ -537,51 +530,51 @@ const yo = (e, t) => {
|
|
|
537
530
|
},
|
|
538
531
|
emits: ["hbg-click"],
|
|
539
532
|
setup(e, { emit: t }) {
|
|
540
|
-
const u = e,
|
|
541
|
-
|
|
542
|
-
},
|
|
533
|
+
const u = e, d = t, a = (o) => {
|
|
534
|
+
d("hbg-click", o);
|
|
535
|
+
}, c = B({
|
|
543
536
|
get() {
|
|
544
537
|
return u.toggle;
|
|
545
538
|
},
|
|
546
|
-
set(
|
|
547
|
-
return
|
|
539
|
+
set(o) {
|
|
540
|
+
return o;
|
|
548
541
|
}
|
|
549
|
-
}),
|
|
542
|
+
}), s = (o, r, f) => {
|
|
550
543
|
const p = [
|
|
551
|
-
|
|
552
|
-
|
|
544
|
+
C.ringColorVariant({ color: o }),
|
|
545
|
+
C.ringOffsetColorVariant({ color: f })
|
|
553
546
|
];
|
|
554
|
-
return r && (p.push(
|
|
555
|
-
}, n = (
|
|
556
|
-
|
|
557
|
-
|
|
558
|
-
|
|
547
|
+
return r && (p.push(C.borderColorVariant({ color: o })), p.push("border")), p.join(" ");
|
|
548
|
+
}, n = (o) => [
|
|
549
|
+
C.bgColorVariant({ color: o }),
|
|
550
|
+
C.beforeBgColorVariant({ color: o }),
|
|
551
|
+
C.afterBgColorVariant({ color: o })
|
|
559
552
|
].join(" ");
|
|
560
|
-
return (
|
|
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",
|
|
562
|
-
onClick:
|
|
553
|
+
return (o, r) => (l(), i("button", {
|
|
554
|
+
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", s(e.color, e.showBorder, e.bgColor)]),
|
|
555
|
+
onClick: a,
|
|
563
556
|
"aria-label": e.toggle ? "Close" : "Open",
|
|
564
557
|
"aria-expanded": e.toggle
|
|
565
558
|
}, [
|
|
566
|
-
|
|
559
|
+
_(m("input", {
|
|
567
560
|
type: "checkbox",
|
|
568
|
-
"onUpdate:modelValue": r[0] || (r[0] = (f) =>
|
|
561
|
+
"onUpdate:modelValue": r[0] || (r[0] = (f) => c.value = f),
|
|
569
562
|
class: "hamburger__checkbox hidden"
|
|
570
563
|
}, null, 512), [
|
|
571
|
-
[
|
|
564
|
+
[gt, c.value]
|
|
572
565
|
]),
|
|
573
566
|
m("div", {
|
|
574
567
|
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)])
|
|
575
568
|
}, null, 2)
|
|
576
569
|
], 10, St));
|
|
577
570
|
}
|
|
578
|
-
}), q = /* @__PURE__ */
|
|
571
|
+
}), q = /* @__PURE__ */ N(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 = {
|
|
579
572
|
key: 0,
|
|
580
573
|
class: "hidden lg:block"
|
|
581
574
|
}, zt = { class: "overflow-hidden lg:hidden" }, jt = {
|
|
582
575
|
key: 0,
|
|
583
576
|
class: "overflow-hidden"
|
|
584
|
-
}, Wt = { key: 0 }, Mt = /* @__PURE__ */
|
|
577
|
+
}, Wt = { key: 0 }, Mt = /* @__PURE__ */ O({
|
|
585
578
|
__name: "HeaderHorizontal",
|
|
586
579
|
props: {
|
|
587
580
|
bgColor: { default: "light-1" },
|
|
@@ -594,74 +587,74 @@ const yo = (e, t) => {
|
|
|
594
587
|
},
|
|
595
588
|
emits: ["toggle-drawer"],
|
|
596
589
|
setup(e, { expose: t, emit: u }) {
|
|
597
|
-
const
|
|
598
|
-
|
|
590
|
+
const d = e, a = z(), c = w(!1), { y: s } = pt(), n = u, o = () => {
|
|
591
|
+
c.value = !1;
|
|
599
592
|
}, r = (x) => {
|
|
600
|
-
|
|
593
|
+
c.value = !c.value, n("toggle-drawer", x, c.value);
|
|
601
594
|
}, f = (x) => {
|
|
602
595
|
x.style.height = "auto";
|
|
603
|
-
const
|
|
604
|
-
x.style.height = "0px", x.offsetHeight, x.style.height =
|
|
596
|
+
const V = getComputedStyle(x).height;
|
|
597
|
+
x.style.height = "0px", x.offsetHeight, x.style.height = V;
|
|
605
598
|
}, p = (x) => {
|
|
606
599
|
x.style.height = "auto";
|
|
607
600
|
}, b = (x) => {
|
|
608
601
|
x.style.height = getComputedStyle(x).height, x.offsetHeight, x.style.height = "0px";
|
|
609
|
-
},
|
|
610
|
-
const { bgColor: x, sticky:
|
|
611
|
-
|
|
602
|
+
}, v = B(() => {
|
|
603
|
+
const { bgColor: x, sticky: V } = d, T = [
|
|
604
|
+
C.bgColorVariant({ color: x })
|
|
612
605
|
];
|
|
613
|
-
return
|
|
614
|
-
}),
|
|
615
|
-
const { fadeInOnScroll: x, scrollDistance:
|
|
616
|
-
return x ?
|
|
606
|
+
return V === "all" ? (T.push("sticky top-0"), T.join(" ")) : V === "tablet" ? (T.push("md:sticky top-0"), T.join(" ")) : (V === "pc" && T.push("lg:sticky top-0"), T.join(" "));
|
|
607
|
+
}), I = B(() => {
|
|
608
|
+
const { fadeInOnScroll: x, scrollDistance: V } = d;
|
|
609
|
+
return x ? s.value >= V ? "lg:shadow-md bg-opacity-70" : "bg-opacity-100" : "";
|
|
617
610
|
});
|
|
618
611
|
return t({
|
|
619
|
-
headerClose:
|
|
620
|
-
}), (x,
|
|
621
|
-
class: h(["z-50 w-full items-center transition delay-150 duration-500 ease-in", [
|
|
612
|
+
headerClose: o
|
|
613
|
+
}), (x, V) => (l(), i("header", {
|
|
614
|
+
class: h(["z-50 w-full items-center transition delay-150 duration-500 ease-in", [I.value, v.value]])
|
|
622
615
|
}, [
|
|
623
616
|
m("nav", Nt, [
|
|
624
617
|
m("div", Ht, [
|
|
625
|
-
|
|
618
|
+
y(x.$slots, "content", {}, void 0, !0)
|
|
626
619
|
]),
|
|
627
620
|
m("div", Gt, [
|
|
628
|
-
|
|
621
|
+
D(q, {
|
|
629
622
|
color: e.drawerBtnColor,
|
|
630
623
|
"show-border": e.showDrawerBorder,
|
|
631
624
|
class: "block lg:hidden",
|
|
632
625
|
onHbgClick: r,
|
|
633
|
-
toggle:
|
|
626
|
+
toggle: c.value,
|
|
634
627
|
"bg-color": e.bgColor
|
|
635
628
|
}, null, 8, ["color", "show-border", "toggle", "bg-color"]),
|
|
636
|
-
|
|
637
|
-
|
|
638
|
-
])) :
|
|
629
|
+
a["content-right"] ? (l(), i("div", _t, [
|
|
630
|
+
y(x.$slots, "content-right", {}, void 0, !0)
|
|
631
|
+
])) : g("", !0)
|
|
639
632
|
])
|
|
640
633
|
]),
|
|
641
634
|
m("div", zt, [
|
|
642
|
-
A
|
|
635
|
+
D(A, {
|
|
643
636
|
name: "collapse",
|
|
644
637
|
onEnter: f,
|
|
645
638
|
onAfterEnter: p,
|
|
646
639
|
onLeave: b
|
|
647
640
|
}, {
|
|
648
|
-
default:
|
|
649
|
-
|
|
641
|
+
default: S(() => [
|
|
642
|
+
c.value ? (l(), i("div", jt, [
|
|
650
643
|
m("div", {
|
|
651
|
-
class: h(["mx-xs my-2xs overflow-hidden rounded-md bg-opacity-80",
|
|
644
|
+
class: h(["mx-xs my-2xs overflow-hidden rounded-md bg-opacity-80", k(C).bgColorVariant({ color: e.mobileMenuBgColor })])
|
|
652
645
|
}, [
|
|
653
|
-
|
|
654
|
-
|
|
655
|
-
])) :
|
|
646
|
+
a["mobile-content"] ? (l(), i("div", Wt, [
|
|
647
|
+
y(x.$slots, "mobile-content", { headerClose: o }, void 0, !0)
|
|
648
|
+
])) : g("", !0)
|
|
656
649
|
], 2)
|
|
657
|
-
])) :
|
|
650
|
+
])) : g("", !0)
|
|
658
651
|
]),
|
|
659
652
|
_: 3
|
|
660
653
|
})
|
|
661
654
|
])
|
|
662
655
|
], 2));
|
|
663
656
|
}
|
|
664
|
-
}),
|
|
657
|
+
}), $o = /* @__PURE__ */ N(Mt, [["__scopeId", "data-v-13a13d88"]]), Ft = { class: "flex h-full flex-col justify-between" }, Xt = { key: 0 }, Pt = {
|
|
665
658
|
key: 0,
|
|
666
659
|
class: "fixed top-0 right-0 z-50 mt-xs mr-xs block lg:hidden"
|
|
667
660
|
}, Yt = { class: "relative z-40 block lg:hidden" }, Ut = {
|
|
@@ -670,7 +663,7 @@ const yo = (e, t) => {
|
|
|
670
663
|
}, Kt = {
|
|
671
664
|
key: 0,
|
|
672
665
|
class: "h-full"
|
|
673
|
-
}, qt = /* @__PURE__ */
|
|
666
|
+
}, qt = /* @__PURE__ */ O({
|
|
674
667
|
__name: "HeaderVertical",
|
|
675
668
|
props: {
|
|
676
669
|
bgColor: { default: "light-1" },
|
|
@@ -680,15 +673,15 @@ const yo = (e, t) => {
|
|
|
680
673
|
},
|
|
681
674
|
emits: ["toggle-drawer"],
|
|
682
675
|
setup(e, { expose: t, emit: u }) {
|
|
683
|
-
const
|
|
684
|
-
|
|
676
|
+
const d = e, a = z(), c = u, s = w(!1), n = w(!1), o = (p) => {
|
|
677
|
+
s.value = !s.value, c("toggle-drawer", p, s.value);
|
|
685
678
|
}, r = () => {
|
|
686
|
-
|
|
687
|
-
}, f = B(() => ({ "--header-width": `${
|
|
679
|
+
s.value = !1;
|
|
680
|
+
}, f = B(() => ({ "--header-width": `${d.headerWidth}px` }));
|
|
688
681
|
return F(() => {
|
|
689
682
|
n.value = !0;
|
|
690
|
-
const p =
|
|
691
|
-
|
|
683
|
+
const p = Ct(document);
|
|
684
|
+
E(s, (b) => {
|
|
692
685
|
p.value = b;
|
|
693
686
|
});
|
|
694
687
|
}), t({
|
|
@@ -698,69 +691,69 @@ const yo = (e, t) => {
|
|
|
698
691
|
style: W(f.value)
|
|
699
692
|
}, [
|
|
700
693
|
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]", [
|
|
694
|
+
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]", [k(C).bgColorVariant({ color: e.bgColor })]])
|
|
702
695
|
}, [
|
|
703
696
|
m("div", Ft, [
|
|
704
697
|
m("div", null, [
|
|
705
|
-
|
|
698
|
+
y(p.$slots, "content", {}, void 0, !0)
|
|
706
699
|
]),
|
|
707
|
-
|
|
708
|
-
|
|
709
|
-
])) :
|
|
700
|
+
a["content-bottom"] ? (l(), i("div", Xt, [
|
|
701
|
+
y(p.$slots, "content-bottom", {}, void 0, !0)
|
|
702
|
+
])) : g("", !0)
|
|
710
703
|
])
|
|
711
704
|
], 2),
|
|
712
|
-
|
|
713
|
-
|
|
705
|
+
a["mobile-content"] && !n.value ? (l(), i("div", Pt, [
|
|
706
|
+
D(q, {
|
|
714
707
|
color: e.drawerBtnColor,
|
|
715
708
|
"show-border": e.showDrawerBorder,
|
|
716
709
|
class: "relative block lg:hidden",
|
|
717
|
-
onHbgClick:
|
|
718
|
-
toggle:
|
|
710
|
+
onHbgClick: o,
|
|
711
|
+
toggle: s.value,
|
|
719
712
|
"bg-color": e.bgColor
|
|
720
713
|
}, null, 8, ["color", "show-border", "toggle", "bg-color"])
|
|
721
|
-
])) :
|
|
714
|
+
])) : g("", !0),
|
|
722
715
|
n.value ? (l(), X(mt, {
|
|
723
716
|
key: 1,
|
|
724
717
|
to: "body"
|
|
725
718
|
}, [
|
|
726
719
|
m("div", Yt, [
|
|
727
|
-
|
|
728
|
-
|
|
720
|
+
a["mobile-content"] ? (l(), i("div", Ut, [
|
|
721
|
+
D(q, {
|
|
729
722
|
color: e.drawerBtnColor,
|
|
730
723
|
"show-border": e.showDrawerBorder,
|
|
731
724
|
class: "relative block lg:hidden",
|
|
732
|
-
onHbgClick:
|
|
733
|
-
toggle:
|
|
725
|
+
onHbgClick: o,
|
|
726
|
+
toggle: s.value,
|
|
734
727
|
"bg-color": e.bgColor
|
|
735
728
|
}, null, 8, ["color", "show-border", "toggle", "bg-color"])
|
|
736
|
-
])) :
|
|
737
|
-
A
|
|
729
|
+
])) : g("", !0),
|
|
730
|
+
D(A, {
|
|
738
731
|
name: "slide-down",
|
|
739
732
|
appear: ""
|
|
740
733
|
}, {
|
|
741
|
-
default:
|
|
742
|
-
|
|
734
|
+
default: S(() => [
|
|
735
|
+
s.value ? (l(), i("nav", {
|
|
743
736
|
key: 0,
|
|
744
|
-
class: h(["fixed inset-0 overflow-y-scroll overscroll-contain px-sm py-lg",
|
|
737
|
+
class: h(["fixed inset-0 overflow-y-scroll overscroll-contain px-sm py-lg", k(C).bgColorVariant({ color: e.bgColor })])
|
|
745
738
|
}, [
|
|
746
|
-
|
|
747
|
-
|
|
748
|
-
])) :
|
|
749
|
-
], 2)) :
|
|
739
|
+
a["mobile-content"] ? (l(), i("div", Kt, [
|
|
740
|
+
y(p.$slots, "mobile-content", { headerClose: r }, void 0, !0)
|
|
741
|
+
])) : g("", !0)
|
|
742
|
+
], 2)) : g("", !0)
|
|
750
743
|
]),
|
|
751
744
|
_: 3
|
|
752
745
|
})
|
|
753
746
|
])
|
|
754
|
-
])) :
|
|
747
|
+
])) : g("", !0)
|
|
755
748
|
], 4));
|
|
756
749
|
}
|
|
757
|
-
}), To = /* @__PURE__ */
|
|
750
|
+
}), To = /* @__PURE__ */ N(qt, [["__scopeId", "data-v-ebabc502"]]), Jt = ["visible"], Qt = ["aria-labelledby"], Zt = {
|
|
758
751
|
key: 0,
|
|
759
752
|
class: "sticky top-0"
|
|
760
753
|
}, eo = ["id"], to = {
|
|
761
754
|
key: 1,
|
|
762
755
|
class: "sticky bottom-0"
|
|
763
|
-
}, oo = /* @__PURE__ */
|
|
756
|
+
}, oo = /* @__PURE__ */ O({
|
|
764
757
|
__name: "Modal",
|
|
765
758
|
props: {
|
|
766
759
|
title: {},
|
|
@@ -776,114 +769,116 @@ const yo = (e, t) => {
|
|
|
776
769
|
},
|
|
777
770
|
emits: ["open", "close"],
|
|
778
771
|
setup(e, { expose: t, emit: u }) {
|
|
779
|
-
const
|
|
772
|
+
const d = e, a = z(), c = u, s = w(), n = w(), o = w(d.visible), r = w(!1), f = ee();
|
|
780
773
|
let p = null;
|
|
781
|
-
const { activate: b, deactivate:
|
|
774
|
+
const { activate: b, deactivate: v } = se(
|
|
782
775
|
n,
|
|
783
|
-
|
|
784
|
-
|
|
785
|
-
|
|
776
|
+
// Trap Tab focus only. Without allowOutsideClick the trap cancels every
|
|
777
|
+
// click outside the dialog, including the backdrop's own @click (#104).
|
|
778
|
+
{ immediate: !1, allowOutsideClick: !0 }
|
|
779
|
+
), I = () => {
|
|
780
|
+
o.value = !o.value;
|
|
786
781
|
}, x = () => {
|
|
787
|
-
|
|
788
|
-
},
|
|
789
|
-
r.value === !0 && (
|
|
790
|
-
},
|
|
791
|
-
|
|
792
|
-
},
|
|
793
|
-
|
|
782
|
+
o.value = !0;
|
|
783
|
+
}, V = () => {
|
|
784
|
+
r.value === !0 && (o.value = !1);
|
|
785
|
+
}, T = () => {
|
|
786
|
+
c("open", !0);
|
|
787
|
+
}, L = () => {
|
|
788
|
+
c("close", !1);
|
|
794
789
|
}, P = B(() => {
|
|
795
790
|
const R = {
|
|
796
791
|
top: 25,
|
|
797
792
|
center: 50,
|
|
798
793
|
bottom: 75
|
|
799
|
-
}, { placement:
|
|
800
|
-
return { "--vertical-placement": (R[
|
|
794
|
+
}, { placement: H } = d;
|
|
795
|
+
return { "--vertical-placement": (R[H] ?? R.center) + "%" };
|
|
801
796
|
}), Y = B(() => {
|
|
802
|
-
const { width: R } =
|
|
797
|
+
const { width: R } = d, H = {
|
|
803
798
|
small: "max-w-[28rem]",
|
|
804
799
|
medium: "max-w-[28rem] md:max-w-[36rem]",
|
|
805
800
|
large: "max-w-[28rem] md:max-w-[56rem]"
|
|
806
801
|
};
|
|
807
|
-
return
|
|
802
|
+
return H[R] ?? H.small;
|
|
808
803
|
}), M = () => {
|
|
809
804
|
r.value = !0, n.value && b();
|
|
810
805
|
}, U = () => {
|
|
811
806
|
r.value = !1;
|
|
812
807
|
};
|
|
813
808
|
return F(() => {
|
|
814
|
-
|
|
815
|
-
}), oe(
|
|
816
|
-
|
|
817
|
-
}),
|
|
818
|
-
() =>
|
|
809
|
+
o.value && !r.value && M();
|
|
810
|
+
}), oe(s, (R = !1) => {
|
|
811
|
+
o.value = R;
|
|
812
|
+
}), E(
|
|
813
|
+
() => d.visible,
|
|
819
814
|
(R) => {
|
|
820
|
-
|
|
815
|
+
o.value = R;
|
|
821
816
|
}
|
|
822
|
-
),
|
|
823
|
-
R === !0 ? (typeof document < "u" && (p = document.activeElement),
|
|
824
|
-
}), ae(
|
|
825
|
-
toggle:
|
|
826
|
-
close:
|
|
817
|
+
), E(o, (R) => {
|
|
818
|
+
R === !0 ? (typeof document < "u" && (p = document.activeElement), T()) : R === !1 && (v(), p?.focus(), p = null, r.value === !0 && L());
|
|
819
|
+
}), ae(o), t({
|
|
820
|
+
toggle: I,
|
|
821
|
+
close: V,
|
|
827
822
|
open: x
|
|
828
|
-
}), (R,
|
|
823
|
+
}), (R, H) => (l(), i("div", {
|
|
829
824
|
style: W(P.value),
|
|
830
|
-
visible:
|
|
825
|
+
visible: o.value,
|
|
831
826
|
ref_key: "modalRef",
|
|
832
|
-
ref:
|
|
827
|
+
ref: s
|
|
833
828
|
}, [
|
|
834
|
-
e.showBackdrop ? (l(), X(
|
|
829
|
+
e.showBackdrop ? (l(), X(A, {
|
|
835
830
|
key: 0,
|
|
836
831
|
name: "fade",
|
|
837
832
|
appear: "",
|
|
838
833
|
tag: "div"
|
|
839
834
|
}, {
|
|
840
|
-
default:
|
|
841
|
-
|
|
835
|
+
default: S(() => [
|
|
836
|
+
o.value ? (l(), i("section", {
|
|
842
837
|
key: 0,
|
|
843
|
-
onClick:
|
|
838
|
+
onClick: V,
|
|
844
839
|
"aria-hidden": "true",
|
|
845
|
-
class: h(["fixed inset-0 z-[100] overflow-y-auto backdrop-blur bg-opacity-70",
|
|
846
|
-
}, null, 2)) :
|
|
840
|
+
class: h(["fixed inset-0 z-[100] overflow-y-auto backdrop-blur bg-opacity-70", k(C).bgColorVariant({ color: e.backdropColor })])
|
|
841
|
+
}, null, 2)) : g("", !0)
|
|
847
842
|
]),
|
|
848
843
|
_: 1
|
|
849
|
-
})) :
|
|
850
|
-
A
|
|
844
|
+
})) : g("", !0),
|
|
845
|
+
D(A, {
|
|
851
846
|
name: "slide-down",
|
|
852
847
|
tag: "div",
|
|
853
848
|
onAfterEnter: M,
|
|
854
849
|
onAfterLeave: U,
|
|
855
850
|
appear: ""
|
|
856
851
|
}, {
|
|
857
|
-
default:
|
|
858
|
-
|
|
852
|
+
default: S(() => [
|
|
853
|
+
o.value ? (l(), i("div", {
|
|
859
854
|
key: 0,
|
|
860
855
|
class: h(["vertical-placement fixed z-[110] w-full px-xs", Y.value])
|
|
861
856
|
}, [
|
|
862
|
-
|
|
857
|
+
_((l(), i("div", {
|
|
863
858
|
ref_key: "dialogRef",
|
|
864
859
|
ref: n,
|
|
865
860
|
role: "dialog",
|
|
866
861
|
"aria-modal": "true",
|
|
867
|
-
"aria-labelledby": e.title ?
|
|
868
|
-
class: h([[
|
|
862
|
+
"aria-labelledby": e.title ? k(f) : void 0,
|
|
863
|
+
class: h([[k(C).bgColorVariant({ color: e.color }), e.customClass], "relative max-h-[80vh] overflow-y-scroll overscroll-contain md:max-h-[60vh]"])
|
|
869
864
|
}, [
|
|
870
865
|
e.showHeader ? (l(), i("div", Zt, [
|
|
871
|
-
|
|
872
|
-
close:
|
|
873
|
-
status:
|
|
866
|
+
y(R.$slots, "header", {
|
|
867
|
+
close: V,
|
|
868
|
+
status: o.value
|
|
874
869
|
}, () => [
|
|
875
870
|
m("div", {
|
|
876
|
-
class: h(["flex items-center justify-between border-b-2 border-b-light-4 p-xs",
|
|
871
|
+
class: h(["flex items-center justify-between border-b-2 border-b-light-4 p-xs", k(C).bgColorVariant({ color: e.color })])
|
|
877
872
|
}, [
|
|
878
873
|
e.title ? (l(), i("h3", {
|
|
879
874
|
key: 0,
|
|
880
|
-
id:
|
|
881
|
-
class: h(["h3-md",
|
|
882
|
-
}, j(e.title), 11, eo)) :
|
|
875
|
+
id: k(f),
|
|
876
|
+
class: h(["h3-md", k(C).textColorVariant({ color: e.titleColor })])
|
|
877
|
+
}, j(e.title), 11, eo)) : g("", !0),
|
|
883
878
|
m("button", {
|
|
884
879
|
type: "button",
|
|
885
880
|
"aria-label": "Close",
|
|
886
|
-
onClick:
|
|
881
|
+
onClick: V
|
|
887
882
|
}, [
|
|
888
883
|
(l(), i("svg", {
|
|
889
884
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -891,35 +886,35 @@ const yo = (e, t) => {
|
|
|
891
886
|
viewBox: "0 0 384 512",
|
|
892
887
|
"aria-hidden": "true",
|
|
893
888
|
class: h(["h-sm transition-opacity duration-300 ease-in hover:opacity-75 focus:opacity-75", [
|
|
894
|
-
|
|
889
|
+
k(C).svgFillColorVariant({ color: e.titleColor })
|
|
895
890
|
]])
|
|
896
|
-
}, [...
|
|
891
|
+
}, [...H[0] || (H[0] = [
|
|
897
892
|
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)
|
|
898
893
|
])], 2))
|
|
899
894
|
])
|
|
900
895
|
], 2)
|
|
901
896
|
], !0)
|
|
902
|
-
])) :
|
|
903
|
-
|
|
904
|
-
close:
|
|
905
|
-
status:
|
|
897
|
+
])) : g("", !0),
|
|
898
|
+
y(R.$slots, "body", {
|
|
899
|
+
close: V,
|
|
900
|
+
status: o.value
|
|
906
901
|
}, void 0, !0),
|
|
907
|
-
|
|
908
|
-
|
|
909
|
-
close:
|
|
910
|
-
status:
|
|
902
|
+
a.footer ? (l(), i("div", to, [
|
|
903
|
+
y(R.$slots, "footer", {
|
|
904
|
+
close: V,
|
|
905
|
+
status: o.value
|
|
911
906
|
}, void 0, !0)
|
|
912
|
-
])) :
|
|
907
|
+
])) : g("", !0)
|
|
913
908
|
], 10, Qt)), [
|
|
914
|
-
[
|
|
909
|
+
[k(te), V]
|
|
915
910
|
])
|
|
916
|
-
], 2)) :
|
|
911
|
+
], 2)) : g("", !0)
|
|
917
912
|
]),
|
|
918
913
|
_: 3
|
|
919
914
|
})
|
|
920
915
|
], 12, Jt));
|
|
921
916
|
}
|
|
922
|
-
}), Io = /* @__PURE__ */
|
|
917
|
+
}), Io = /* @__PURE__ */ N(oo, [["__scopeId", "data-v-c9b9db1b"]]), ao = ["visible"], so = ["aria-labelledby"], ro = ["id"], lo = { class: "sidebar-body-height" }, no = /* @__PURE__ */ O({
|
|
923
918
|
__name: "Sidebar",
|
|
924
919
|
props: {
|
|
925
920
|
title: {},
|
|
@@ -935,88 +930,90 @@ const yo = (e, t) => {
|
|
|
935
930
|
},
|
|
936
931
|
emits: ["open", "close"],
|
|
937
932
|
setup(e, { expose: t, emit: u }) {
|
|
938
|
-
const
|
|
939
|
-
let
|
|
940
|
-
const { activate:
|
|
933
|
+
const d = e, a = z(), c = u, s = w(d.visible), n = w(!1), o = w(), r = w(), f = w(), p = w(), b = ee();
|
|
934
|
+
let v = null;
|
|
935
|
+
const { activate: I, deactivate: x } = se(
|
|
941
936
|
r,
|
|
942
|
-
|
|
943
|
-
|
|
944
|
-
|
|
945
|
-
|
|
946
|
-
|
|
947
|
-
},
|
|
948
|
-
|
|
937
|
+
// Trap Tab focus only. Without allowOutsideClick the trap cancels every
|
|
938
|
+
// click outside the dialog, including the backdrop's own @click (#104).
|
|
939
|
+
{ immediate: !1, allowOutsideClick: !0 }
|
|
940
|
+
), V = () => {
|
|
941
|
+
s.value = !s.value;
|
|
942
|
+
}, T = () => {
|
|
943
|
+
s.value = !0;
|
|
944
|
+
}, L = () => {
|
|
945
|
+
n.value === !0 && (s.value = !1);
|
|
949
946
|
}, P = () => {
|
|
950
|
-
|
|
947
|
+
c("open", !0);
|
|
951
948
|
}, Y = () => {
|
|
952
|
-
|
|
949
|
+
c("close", !1);
|
|
953
950
|
}, M = B(() => {
|
|
954
|
-
const
|
|
951
|
+
const $ = (G) => G && s.value ? `${G.scrollHeight}px` : "0px";
|
|
955
952
|
return {
|
|
956
|
-
"--sidebar-width": `${
|
|
957
|
-
"--header-height":
|
|
958
|
-
"--footer-height":
|
|
953
|
+
"--sidebar-width": `${d.width}px`,
|
|
954
|
+
"--header-height": $(f.value),
|
|
955
|
+
"--footer-height": $(p.value)
|
|
959
956
|
};
|
|
960
|
-
}), U = B(() =>
|
|
961
|
-
n.value = !0, r.value &&
|
|
957
|
+
}), U = B(() => d.placement === "left" ? "sidebar-left" : "sidebar-right"), K = () => {
|
|
958
|
+
n.value = !0, r.value && I();
|
|
962
959
|
}, R = () => {
|
|
963
960
|
n.value = !1;
|
|
964
961
|
};
|
|
965
962
|
return F(() => {
|
|
966
|
-
|
|
967
|
-
}), oe(
|
|
968
|
-
|
|
969
|
-
}),
|
|
970
|
-
() =>
|
|
971
|
-
(
|
|
972
|
-
|
|
963
|
+
s.value && !n.value && K();
|
|
964
|
+
}), oe(o, ($ = !1) => {
|
|
965
|
+
s.value = $;
|
|
966
|
+
}), E(
|
|
967
|
+
() => d.visible,
|
|
968
|
+
($) => {
|
|
969
|
+
s.value = $;
|
|
973
970
|
}
|
|
974
|
-
),
|
|
975
|
-
|
|
976
|
-
}), ae(
|
|
977
|
-
toggle:
|
|
978
|
-
open:
|
|
979
|
-
close:
|
|
980
|
-
}), (
|
|
971
|
+
), E(s, ($) => {
|
|
972
|
+
$ === !0 ? (typeof document < "u" && (v = document.activeElement), P()) : $ === !1 && (x(), v?.focus(), v = null, n.value === !0 && Y());
|
|
973
|
+
}), ae(s), t({
|
|
974
|
+
toggle: V,
|
|
975
|
+
open: T,
|
|
976
|
+
close: L
|
|
977
|
+
}), ($, G) => (l(), i("div", {
|
|
981
978
|
style: W(M.value),
|
|
982
|
-
visible:
|
|
979
|
+
visible: s.value,
|
|
983
980
|
ref_key: "sidebarRef",
|
|
984
|
-
ref:
|
|
981
|
+
ref: o
|
|
985
982
|
}, [
|
|
986
|
-
e.showBackdrop ? (l(), X(
|
|
983
|
+
e.showBackdrop ? (l(), X(A, {
|
|
987
984
|
key: 0,
|
|
988
985
|
name: "fade",
|
|
989
986
|
appear: "",
|
|
990
987
|
tag: "div"
|
|
991
988
|
}, {
|
|
992
|
-
default:
|
|
993
|
-
|
|
989
|
+
default: S(() => [
|
|
990
|
+
s.value ? (l(), i("section", {
|
|
994
991
|
key: 0,
|
|
995
|
-
onClick:
|
|
992
|
+
onClick: L,
|
|
996
993
|
"aria-hidden": "true",
|
|
997
|
-
class: h(["fixed inset-0 z-[100] overflow-y-auto backdrop-blur bg-opacity-70",
|
|
998
|
-
}, null, 2)) :
|
|
994
|
+
class: h(["fixed inset-0 z-[100] overflow-y-auto backdrop-blur bg-opacity-70", k(C).bgColorVariant({ color: e.backdropColor })])
|
|
995
|
+
}, null, 2)) : g("", !0)
|
|
999
996
|
]),
|
|
1000
997
|
_: 1
|
|
1001
|
-
})) :
|
|
1002
|
-
A
|
|
998
|
+
})) : g("", !0),
|
|
999
|
+
D(A, {
|
|
1003
1000
|
name: U.value,
|
|
1004
1001
|
onAfterEnter: K,
|
|
1005
1002
|
onAfterLeave: R,
|
|
1006
1003
|
appear: ""
|
|
1007
1004
|
}, {
|
|
1008
|
-
default:
|
|
1009
|
-
|
|
1005
|
+
default: S(() => [
|
|
1006
|
+
s.value ? _((l(), i("div", {
|
|
1010
1007
|
key: 0,
|
|
1011
1008
|
ref_key: "dialogRef",
|
|
1012
1009
|
ref: r,
|
|
1013
1010
|
role: "dialog",
|
|
1014
1011
|
"aria-modal": "true",
|
|
1015
|
-
"aria-labelledby": e.title ?
|
|
1012
|
+
"aria-labelledby": e.title ? k(b) : void 0,
|
|
1016
1013
|
class: h(["sidebar-body fixed inset-y-0 z-[110] h-full overflow-hidden shadow", [e.placement === "left" ? "left-0" : "right-0"]])
|
|
1017
1014
|
}, [
|
|
1018
1015
|
m("div", {
|
|
1019
|
-
class: h(["relative h-full overflow-y-scroll overscroll-contain", [
|
|
1016
|
+
class: h(["relative h-full overflow-y-scroll overscroll-contain", [k(C).bgColorVariant({ color: e.color }), e.customClass]])
|
|
1020
1017
|
}, [
|
|
1021
1018
|
e.showHeader ? (l(), i("div", {
|
|
1022
1019
|
key: 0,
|
|
@@ -1024,18 +1021,18 @@ const yo = (e, t) => {
|
|
|
1024
1021
|
ref_key: "headerRef",
|
|
1025
1022
|
ref: f
|
|
1026
1023
|
}, [
|
|
1027
|
-
|
|
1028
|
-
close:
|
|
1029
|
-
status:
|
|
1024
|
+
y($.$slots, "header", {
|
|
1025
|
+
close: L,
|
|
1026
|
+
status: s.value
|
|
1030
1027
|
}, () => [
|
|
1031
1028
|
m("div", {
|
|
1032
|
-
class: h(["flex items-center justify-between p-xs",
|
|
1029
|
+
class: h(["flex items-center justify-between p-xs", k(C).bgColorVariant({ color: e.color })])
|
|
1033
1030
|
}, [
|
|
1034
1031
|
e.placement === "right" ? (l(), i("button", {
|
|
1035
1032
|
key: 0,
|
|
1036
1033
|
type: "button",
|
|
1037
1034
|
"aria-label": "Close",
|
|
1038
|
-
onClick:
|
|
1035
|
+
onClick: L
|
|
1039
1036
|
}, [
|
|
1040
1037
|
(l(), i("svg", {
|
|
1041
1038
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -1043,22 +1040,22 @@ const yo = (e, t) => {
|
|
|
1043
1040
|
viewBox: "0 0 384 512",
|
|
1044
1041
|
"aria-hidden": "true",
|
|
1045
1042
|
class: h(["h-sm transition-opacity duration-300 ease-in hover:opacity-75 focus:opacity-75", [
|
|
1046
|
-
|
|
1043
|
+
k(C).svgFillColorVariant({ color: e.titleColor })
|
|
1047
1044
|
]])
|
|
1048
|
-
}, [...
|
|
1045
|
+
}, [...G[0] || (G[0] = [
|
|
1049
1046
|
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)
|
|
1050
1047
|
])], 2))
|
|
1051
|
-
])) :
|
|
1048
|
+
])) : g("", !0),
|
|
1052
1049
|
e.title ? (l(), i("h3", {
|
|
1053
1050
|
key: 1,
|
|
1054
|
-
id:
|
|
1055
|
-
class: h(["h3-md",
|
|
1056
|
-
}, j(e.title), 11, ro)) :
|
|
1051
|
+
id: k(b),
|
|
1052
|
+
class: h(["h3-md", k(C).textColorVariant({ color: e.titleColor })])
|
|
1053
|
+
}, j(e.title), 11, ro)) : g("", !0),
|
|
1057
1054
|
e.placement === "left" ? (l(), i("button", {
|
|
1058
1055
|
key: 2,
|
|
1059
1056
|
type: "button",
|
|
1060
1057
|
"aria-label": "Close",
|
|
1061
|
-
onClick:
|
|
1058
|
+
onClick: L
|
|
1062
1059
|
}, [
|
|
1063
1060
|
(l(), i("svg", {
|
|
1064
1061
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -1066,42 +1063,42 @@ const yo = (e, t) => {
|
|
|
1066
1063
|
viewBox: "0 0 384 512",
|
|
1067
1064
|
"aria-hidden": "true",
|
|
1068
1065
|
class: h(["h-sm transition-opacity duration-300 ease-in hover:opacity-75 focus:opacity-75", [
|
|
1069
|
-
|
|
1066
|
+
k(C).svgFillColorVariant({ color: e.titleColor })
|
|
1070
1067
|
]])
|
|
1071
|
-
}, [...
|
|
1068
|
+
}, [...G[1] || (G[1] = [
|
|
1072
1069
|
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)
|
|
1073
1070
|
])], 2))
|
|
1074
|
-
])) :
|
|
1071
|
+
])) : g("", !0)
|
|
1075
1072
|
], 2)
|
|
1076
1073
|
], !0)
|
|
1077
|
-
], 512)) :
|
|
1074
|
+
], 512)) : g("", !0),
|
|
1078
1075
|
m("div", lo, [
|
|
1079
|
-
|
|
1080
|
-
close:
|
|
1081
|
-
status:
|
|
1076
|
+
y($.$slots, "body", {
|
|
1077
|
+
close: L,
|
|
1078
|
+
status: s.value
|
|
1082
1079
|
}, void 0, !0)
|
|
1083
1080
|
]),
|
|
1084
|
-
|
|
1081
|
+
a.footer ? (l(), i("div", {
|
|
1085
1082
|
key: 1,
|
|
1086
1083
|
class: "sticky bottom-0",
|
|
1087
1084
|
ref_key: "footerRef",
|
|
1088
1085
|
ref: p
|
|
1089
1086
|
}, [
|
|
1090
|
-
|
|
1091
|
-
close:
|
|
1092
|
-
status:
|
|
1087
|
+
y($.$slots, "footer", {
|
|
1088
|
+
close: L,
|
|
1089
|
+
status: s.value
|
|
1093
1090
|
}, void 0, !0)
|
|
1094
|
-
], 512)) :
|
|
1091
|
+
], 512)) : g("", !0)
|
|
1095
1092
|
], 2)
|
|
1096
1093
|
], 10, so)), [
|
|
1097
|
-
[
|
|
1098
|
-
]) :
|
|
1094
|
+
[k(te), L]
|
|
1095
|
+
]) : g("", !0)
|
|
1099
1096
|
]),
|
|
1100
1097
|
_: 3
|
|
1101
1098
|
}, 8, ["name"])
|
|
1102
1099
|
], 12, ao));
|
|
1103
1100
|
}
|
|
1104
|
-
}), Lo = /* @__PURE__ */
|
|
1101
|
+
}), Lo = /* @__PURE__ */ N(no, [["__scopeId", "data-v-80a7a8d2"]]), ne = /* @__PURE__ */ Symbol(), io = { class: "container-hts grid grid-cols-1 grid-rows-1 transition-[max-height] duration-300" }, co = /* @__PURE__ */ O({
|
|
1105
1102
|
__name: "TabContainer",
|
|
1106
1103
|
props: {
|
|
1107
1104
|
bodyClass: { default: "" },
|
|
@@ -1109,34 +1106,33 @@ const yo = (e, t) => {
|
|
|
1109
1106
|
contentContainerClass: { default: "" }
|
|
1110
1107
|
},
|
|
1111
1108
|
setup(e, { expose: t }) {
|
|
1112
|
-
|
|
1113
|
-
const u = w(0), c = w(0), s = w(!1), d = w("slide-next");
|
|
1109
|
+
const u = w(0), d = w(0), a = w(!1), c = w("slide-next");
|
|
1114
1110
|
J(ne, {
|
|
1115
1111
|
activeTabIdx: u,
|
|
1116
|
-
containerHeight:
|
|
1112
|
+
containerHeight: d,
|
|
1117
1113
|
updateHeight: (r) => {
|
|
1118
|
-
r > 0 && (
|
|
1114
|
+
r > 0 && (a.value = !0), d.value = r;
|
|
1119
1115
|
}
|
|
1120
1116
|
});
|
|
1121
1117
|
const n = (r) => {
|
|
1122
1118
|
u.value = r;
|
|
1123
|
-
},
|
|
1119
|
+
}, o = B(() => a.value ? { "--container-hts": `${d.value}px` } : void 0);
|
|
1124
1120
|
return t({
|
|
1125
1121
|
update: n
|
|
1126
|
-
}),
|
|
1122
|
+
}), E(
|
|
1127
1123
|
() => u.value,
|
|
1128
1124
|
(r, f) => {
|
|
1129
|
-
r > f ?
|
|
1125
|
+
r > f ? c.value = "slide-next" : c.value = "slide-prev";
|
|
1130
1126
|
}
|
|
1131
1127
|
), (r, f) => (l(), i("div", {
|
|
1132
1128
|
class: h(e.bodyClass),
|
|
1133
|
-
style: W(
|
|
1129
|
+
style: W(o.value)
|
|
1134
1130
|
}, [
|
|
1135
1131
|
m("div", {
|
|
1136
1132
|
class: h(e.btnContainerClass),
|
|
1137
1133
|
role: "tablist"
|
|
1138
1134
|
}, [
|
|
1139
|
-
|
|
1135
|
+
y(r.$slots, "tab-button", {
|
|
1140
1136
|
update: n,
|
|
1141
1137
|
activeTab: u.value
|
|
1142
1138
|
}, void 0, !0)
|
|
@@ -1145,13 +1141,13 @@ const yo = (e, t) => {
|
|
|
1145
1141
|
class: h(e.contentContainerClass)
|
|
1146
1142
|
}, [
|
|
1147
1143
|
m("div", io, [
|
|
1148
|
-
A
|
|
1149
|
-
default:
|
|
1144
|
+
D(A, { name: c.value }, {
|
|
1145
|
+
default: S(() => [
|
|
1150
1146
|
(l(), i("div", {
|
|
1151
1147
|
key: u.value,
|
|
1152
1148
|
class: "relative col-start-1 col-end-1 row-start-1 row-end-1"
|
|
1153
1149
|
}, [
|
|
1154
|
-
|
|
1150
|
+
y(r.$slots, "tab-content", {}, void 0, !0)
|
|
1155
1151
|
]))
|
|
1156
1152
|
]),
|
|
1157
1153
|
_: 3
|
|
@@ -1160,7 +1156,7 @@ const yo = (e, t) => {
|
|
|
1160
1156
|
], 2)
|
|
1161
1157
|
], 6));
|
|
1162
1158
|
}
|
|
1163
|
-
}), Do = /* @__PURE__ */
|
|
1159
|
+
}), Do = /* @__PURE__ */ N(co, [["__scopeId", "data-v-2d9322d9"]]), uo = ["id"], Ao = /* @__PURE__ */ O({
|
|
1164
1160
|
__name: "TabContent",
|
|
1165
1161
|
props: {
|
|
1166
1162
|
tabNumber: {},
|
|
@@ -1168,38 +1164,38 @@ const yo = (e, t) => {
|
|
|
1168
1164
|
tabClass: { default: "" }
|
|
1169
1165
|
},
|
|
1170
1166
|
setup(e) {
|
|
1171
|
-
const t = e, { activeTabIdx: u, updateHeight:
|
|
1167
|
+
const t = e, { activeTabIdx: u, updateHeight: d } = Q(
|
|
1172
1168
|
ne
|
|
1173
|
-
),
|
|
1174
|
-
return (n,
|
|
1169
|
+
), a = w(null), { height: c } = yt(a), s = B(() => u.value === t.tabNumber ? (d(c.value), !0) : !1);
|
|
1170
|
+
return (n, o) => _((l(), i("div", {
|
|
1175
1171
|
ref_key: "slotRef",
|
|
1176
|
-
ref:
|
|
1172
|
+
ref: a,
|
|
1177
1173
|
id: e.id,
|
|
1178
1174
|
class: h([e.tabClass, "w-full"]),
|
|
1179
1175
|
role: "tabpanel",
|
|
1180
1176
|
tabindex: "-1"
|
|
1181
1177
|
}, [
|
|
1182
|
-
|
|
1178
|
+
y(n.$slots, "default")
|
|
1183
1179
|
], 10, uo)), [
|
|
1184
|
-
[Z,
|
|
1180
|
+
[Z, s.value]
|
|
1185
1181
|
]);
|
|
1186
1182
|
}
|
|
1187
1183
|
});
|
|
1188
1184
|
export {
|
|
1189
|
-
|
|
1185
|
+
yo as AccordionGroup,
|
|
1190
1186
|
wo as Alert,
|
|
1191
1187
|
xo as Card,
|
|
1192
|
-
|
|
1193
|
-
|
|
1188
|
+
ko as CarouselContainer,
|
|
1189
|
+
Vo as CarouselContent,
|
|
1194
1190
|
Bo as Collapse,
|
|
1195
1191
|
Ro as DropdownContainer,
|
|
1196
|
-
|
|
1197
|
-
|
|
1192
|
+
Oo as DropdownContent,
|
|
1193
|
+
$o as HeaderHorizontal,
|
|
1198
1194
|
To as HeaderVertical,
|
|
1199
1195
|
Io as Modal,
|
|
1200
1196
|
Lo as Sidebar,
|
|
1201
1197
|
Do as TabContainer,
|
|
1202
1198
|
Ao as TabContent,
|
|
1203
|
-
|
|
1204
|
-
|
|
1199
|
+
Co as default,
|
|
1200
|
+
C as generateClass
|
|
1205
1201
|
};
|