zabi-components 1.0.3 → 1.0.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/{Tabs-Cmmn5ILE.js → Tabs-CQvsdYPW.js} +405 -407
- package/dist/{ToastManager-t1UT0is1.js → ToastManager-6EGReI73.js} +27 -27
- package/dist/{Toggle-CPFNTShj.js → Toggle-DuPArdKN.js} +944 -935
- package/dist/atoms/index.js +1 -1
- package/dist/index/index.js +3 -3
- package/dist/molecules/index.js +2 -2
- package/dist/organisms/index.js +1 -1
- package/package.json +1 -1
|
@@ -1,58 +1,58 @@
|
|
|
1
|
-
import { t as
|
|
2
|
-
import { createEventDispatcher as de, onMount as
|
|
3
|
-
import { B as le, T as Ae, S as Fe, C as Re, c as Oe, a as Ve, b as He, I as Ke } from "./Toggle-
|
|
4
|
-
function Ne(
|
|
5
|
-
var
|
|
6
|
-
|
|
7
|
-
var
|
|
1
|
+
import { t as I, Q as ze, R as Ce, S as Me, T as je, U as ue, p as M, C as se, D as ye, i as oe, f as _, c as j, s as fe, g as c, h as ie, j as ve, r as y, o as k, n as i, u as r, l as e, m as N, q as ee, v as H, k as x, e as te, B as Z, V as Te, w as re, b as J, d as be, W as ne, P as Le, E as xe, Y as he, a as Ue, G as Be, Z as _e, x as qe, F as De, y as Ee, A as Pe } from "./x-DpVwziig.js";
|
|
2
|
+
import { createEventDispatcher as de, onMount as Ie, onDestroy as Se } from "svelte";
|
|
3
|
+
import { B as le, T as Ae, S as Fe, C as Re, c as Oe, a as Ve, b as He, I as Ke } from "./Toggle-DuPArdKN.js";
|
|
4
|
+
function Ne(W, v, n = !1, d = !1, w = !1) {
|
|
5
|
+
var o = W, D = "";
|
|
6
|
+
I(() => {
|
|
7
|
+
var f = (
|
|
8
8
|
/** @type {Effect} */
|
|
9
9
|
ze
|
|
10
10
|
);
|
|
11
|
-
if (
|
|
12
|
-
|
|
11
|
+
if (D !== (D = v() ?? "") && (f.nodes_start !== null && (Ce(
|
|
12
|
+
f.nodes_start,
|
|
13
13
|
/** @type {TemplateNode} */
|
|
14
|
-
|
|
15
|
-
),
|
|
16
|
-
var
|
|
17
|
-
|
|
18
|
-
var
|
|
19
|
-
if ((
|
|
20
|
-
|
|
14
|
+
f.nodes_end
|
|
15
|
+
), f.nodes_start = f.nodes_end = null), D !== "")) {
|
|
16
|
+
var t = D + "";
|
|
17
|
+
n ? t = `<svg>${t}</svg>` : d && (t = `<math>${t}</math>`);
|
|
18
|
+
var h = Me(t);
|
|
19
|
+
if ((n || d) && (h = /** @type {Element} */
|
|
20
|
+
ue(h)), je(
|
|
21
21
|
/** @type {TemplateNode} */
|
|
22
|
-
|
|
22
|
+
ue(h),
|
|
23
23
|
/** @type {TemplateNode} */
|
|
24
|
-
|
|
25
|
-
),
|
|
26
|
-
for (;
|
|
27
|
-
|
|
24
|
+
h.lastChild
|
|
25
|
+
), n || d)
|
|
26
|
+
for (; ue(h); )
|
|
27
|
+
o.before(
|
|
28
28
|
/** @type {Node} */
|
|
29
|
-
|
|
29
|
+
ue(h)
|
|
30
30
|
);
|
|
31
31
|
else
|
|
32
|
-
|
|
32
|
+
o.before(h);
|
|
33
33
|
}
|
|
34
34
|
});
|
|
35
35
|
}
|
|
36
|
-
var We =
|
|
37
|
-
function $t(
|
|
38
|
-
ve(
|
|
39
|
-
const
|
|
40
|
-
let
|
|
41
|
-
const
|
|
42
|
-
function
|
|
43
|
-
|
|
36
|
+
var We = _('<button class="absolute top-2 right-2 z-10 w-6 h-6 flex items-center justify-center rounded-full text-secondary hover:text-primary transition-colors duration-200 motion-reduce:transition-none group focus:outline-none focus:ring-2 focus:ring-focus-ring focus:ring-offset-2" aria-label="Dismiss alert" type="button"><svg class="w-4 h-4 text-current group-hover:scale-110 transition-transform duration-200 motion-reduce:transition-none" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path></svg></button>'), Ge = _('<h4 class="font-semibold text-sm mb-1"> </h4>'), Qe = _('<p class="text-sm leading-relaxed"> </p>'), Ye = _('<div aria-atomic="true"><!> <div><div class="flex-shrink-0 mt-0.5"><!></div> <div class="flex-1 min-w-0"><!> <!></div></div> <!></div>');
|
|
37
|
+
function $t(W, v) {
|
|
38
|
+
ve(v, !1);
|
|
39
|
+
const n = N(), d = N(), w = N();
|
|
40
|
+
let o = M(v, "variant", 8, "info"), D = M(v, "title", 8, ""), f = M(v, "message", 8, ""), t = M(v, "closable", 8, !1), h = M(v, "className", 8, "");
|
|
41
|
+
const $ = de();
|
|
42
|
+
function F() {
|
|
43
|
+
$("close");
|
|
44
44
|
}
|
|
45
45
|
se(() => {
|
|
46
46
|
}, () => {
|
|
47
|
-
x(
|
|
47
|
+
x(n, {
|
|
48
48
|
info: "bg-info-light text-info-dark border border-info",
|
|
49
49
|
success: "bg-success-light text-success-dark border border-success",
|
|
50
50
|
warning: "bg-warning-light text-warning-dark border border-warning",
|
|
51
51
|
error: "bg-error-light text-error-dark border border-error",
|
|
52
52
|
"game-error": "bg-error-light text-error-dark border border-error"
|
|
53
53
|
});
|
|
54
|
-
}), se(() =>
|
|
55
|
-
x(
|
|
54
|
+
}), se(() => y(o()), () => {
|
|
55
|
+
x(d, o() === "success" || o() === "info" ? "status" : "alert");
|
|
56
56
|
}), se(() => {
|
|
57
57
|
}, () => {
|
|
58
58
|
x(w, {
|
|
@@ -73,363 +73,361 @@ function $t(G, i) {
|
|
|
73
73
|
</svg>`
|
|
74
74
|
});
|
|
75
75
|
}), ye(), oe();
|
|
76
|
-
var
|
|
76
|
+
var z = Ye(), E = i(z);
|
|
77
77
|
{
|
|
78
|
-
var
|
|
79
|
-
var
|
|
80
|
-
|
|
78
|
+
var O = (s) => {
|
|
79
|
+
var l = We();
|
|
80
|
+
te("click", l, F), c(s, l);
|
|
81
81
|
};
|
|
82
|
-
|
|
83
|
-
|
|
82
|
+
j(E, (s) => {
|
|
83
|
+
t() && s(O);
|
|
84
84
|
});
|
|
85
85
|
}
|
|
86
|
-
var
|
|
87
|
-
Ne(
|
|
88
|
-
var
|
|
86
|
+
var K = k(E, 2), b = i(K), T = i(b);
|
|
87
|
+
Ne(T, () => (e(w), y(o()), r(() => e(w)[o()])));
|
|
88
|
+
var L = k(b, 2), U = i(L);
|
|
89
89
|
{
|
|
90
|
-
var
|
|
91
|
-
var
|
|
92
|
-
|
|
90
|
+
var B = (s) => {
|
|
91
|
+
var l = Ge(), u = i(l);
|
|
92
|
+
I(() => Z(u, D())), c(s, l);
|
|
93
93
|
};
|
|
94
|
-
U
|
|
95
|
-
|
|
94
|
+
j(U, (s) => {
|
|
95
|
+
D() && s(B);
|
|
96
96
|
});
|
|
97
97
|
}
|
|
98
|
-
var
|
|
98
|
+
var Y = k(U, 2);
|
|
99
99
|
{
|
|
100
100
|
var p = (s) => {
|
|
101
|
-
var
|
|
102
|
-
|
|
101
|
+
var l = Qe(), u = i(l);
|
|
102
|
+
I(() => Z(u, f())), c(s, l);
|
|
103
103
|
};
|
|
104
|
-
|
|
105
|
-
|
|
104
|
+
j(Y, (s) => {
|
|
105
|
+
f() && s(p);
|
|
106
106
|
});
|
|
107
107
|
}
|
|
108
|
-
var a =
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
}),
|
|
108
|
+
var a = k(K, 2);
|
|
109
|
+
fe(a, v, "default", {}, null), I(() => {
|
|
110
|
+
ee(z, 1, `relative rounded-md p-4 border ${e(n), y(o()), r(() => e(n)[o()]) ?? ""} transition-all duration-200 motion-reduce:transition-none ${h() ?? ""}`), H(z, "role", e(d)), H(z, "aria-live", o() === "success" || o() === "info" ? "polite" : "assertive"), ee(K, 1, `flex items-start gap-3 ${t() ? "pr-8" : ""}`);
|
|
111
|
+
}), c(W, z), ie();
|
|
112
112
|
}
|
|
113
|
-
var Ze =
|
|
114
|
-
function et(
|
|
115
|
-
const
|
|
116
|
-
ve(
|
|
117
|
-
let
|
|
118
|
-
const
|
|
119
|
-
let
|
|
120
|
-
function
|
|
121
|
-
|
|
113
|
+
var Ze = _('<button type="button" class="text-tertiary hover:text-primary focus:outline-none focus:ring-2 focus:ring-primary rounded-lg p-1 transition-colors" aria-label="Close dialog"><svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path></svg></button>'), Je = _('<div class="flex items-center justify-end gap-3 p-6 border-t border-primary bg-surface-secondary"><!></div>'), Xe = _('<div class="fixed inset-0 bg-black/60 backdrop-blur-sm z-modal-backdrop flex items-center justify-center p-4" role="presentation" tabindex="-1"><div class="bg-surface-elevated rounded-xl shadow-adaptive-xl max-w-md w-full max-h-[90vh] overflow-y-auto border border-primary focus:outline-none" role="dialog" aria-modal="true" aria-labelledby="dialog-title" tabindex="-1"><div class="flex items-center justify-between p-6 border-b border-primary"><h2 id="dialog-title" class="text-xl font-semibold text-primary"> </h2> <!></div> <div class="p-6 text-primary"><!></div> <!></div></div>');
|
|
114
|
+
function et(W, v) {
|
|
115
|
+
const n = Te(v);
|
|
116
|
+
ve(v, !1);
|
|
117
|
+
let d = M(v, "isOpen", 12, !1), w = M(v, "title", 8, ""), o = M(v, "showCloseButton", 8, !0);
|
|
118
|
+
const D = de();
|
|
119
|
+
let f = N(), t = N(null);
|
|
120
|
+
function h() {
|
|
121
|
+
d(!1), D("close");
|
|
122
122
|
}
|
|
123
|
-
function
|
|
124
|
-
|
|
123
|
+
function $(b) {
|
|
124
|
+
b.target === b.currentTarget && h();
|
|
125
125
|
}
|
|
126
|
-
function
|
|
127
|
-
|
|
126
|
+
function F(b) {
|
|
127
|
+
b.key === "Escape" && h();
|
|
128
128
|
}
|
|
129
|
-
function
|
|
130
|
-
var
|
|
131
|
-
if (!
|
|
132
|
-
const
|
|
133
|
-
if (!
|
|
134
|
-
const
|
|
135
|
-
|
|
129
|
+
function z(b) {
|
|
130
|
+
var B;
|
|
131
|
+
if (!d()) return;
|
|
132
|
+
const T = (B = e(f)) == null ? void 0 : B.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])');
|
|
133
|
+
if (!T.length) return;
|
|
134
|
+
const L = T[0], U = T[T.length - 1];
|
|
135
|
+
b.key === "Tab" && (b.shiftKey ? document.activeElement === L && (b.preventDefault(), U.focus()) : document.activeElement === U && (b.preventDefault(), L.focus()));
|
|
136
136
|
}
|
|
137
|
-
|
|
138
|
-
e(
|
|
139
|
-
}), se(() => (
|
|
140
|
-
|
|
137
|
+
Ie(() => () => {
|
|
138
|
+
e(t) && e(t).focus();
|
|
139
|
+
}), se(() => (y(d()), e(f)), () => {
|
|
140
|
+
d() && (x(t, document.activeElement), setTimeout(
|
|
141
141
|
() => {
|
|
142
|
-
var
|
|
143
|
-
const
|
|
144
|
-
|
|
142
|
+
var T;
|
|
143
|
+
const b = (T = e(f)) == null ? void 0 : T.querySelector('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])');
|
|
144
|
+
b == null || b.focus();
|
|
145
145
|
},
|
|
146
146
|
0
|
|
147
147
|
));
|
|
148
148
|
}), ye(), oe();
|
|
149
|
-
var
|
|
149
|
+
var E = re(), O = J(E);
|
|
150
150
|
{
|
|
151
|
-
var
|
|
152
|
-
var
|
|
151
|
+
var K = (b) => {
|
|
152
|
+
var T = Xe(), L = i(T), U = i(L), B = i(U), Y = i(B), p = k(B, 2);
|
|
153
153
|
{
|
|
154
|
-
var a = (
|
|
155
|
-
var
|
|
156
|
-
|
|
154
|
+
var a = (g) => {
|
|
155
|
+
var m = Ze();
|
|
156
|
+
te("click", m, h), c(g, m);
|
|
157
157
|
};
|
|
158
|
-
|
|
159
|
-
|
|
158
|
+
j(p, (g) => {
|
|
159
|
+
o() && g(a);
|
|
160
160
|
});
|
|
161
161
|
}
|
|
162
|
-
var s =
|
|
163
|
-
|
|
164
|
-
var
|
|
162
|
+
var s = k(U, 2), l = i(s);
|
|
163
|
+
fe(l, v, "default", {}, null);
|
|
164
|
+
var u = k(s, 2);
|
|
165
165
|
{
|
|
166
|
-
var
|
|
167
|
-
var
|
|
168
|
-
|
|
166
|
+
var S = (g) => {
|
|
167
|
+
var m = Je(), q = i(m);
|
|
168
|
+
fe(q, v, "footer", {}, null), c(g, m);
|
|
169
169
|
};
|
|
170
|
-
|
|
171
|
-
r(() =>
|
|
170
|
+
j(u, (g) => {
|
|
171
|
+
r(() => n.footer) && g(S);
|
|
172
172
|
});
|
|
173
173
|
}
|
|
174
|
-
be(
|
|
174
|
+
be(L, (g) => x(f, g), () => e(f)), I(() => Z(Y, w())), te("keydown", L, z), te("click", T, $), te("keydown", T, F), c(b, T);
|
|
175
175
|
};
|
|
176
|
-
|
|
177
|
-
|
|
176
|
+
j(O, (b) => {
|
|
177
|
+
d() && b(K);
|
|
178
178
|
});
|
|
179
179
|
}
|
|
180
|
-
|
|
180
|
+
c(W, E), ie();
|
|
181
181
|
}
|
|
182
|
-
var tt =
|
|
183
|
-
function zt(
|
|
184
|
-
ve(
|
|
185
|
-
let
|
|
186
|
-
|
|
182
|
+
var tt = _('<div class="relative group"><img alt="" class="w-full h-32 object-cover rounded-lg border border-stone-600"/> <div class="absolute inset-0 bg-black/50 opacity-0 group-hover:opacity-100 transition-opacity rounded-lg flex items-center justify-center"><div class="flex gap-2"><!> <!></div></div></div>'), at = _('<div class="border-2 border-dashed border-stone-600 rounded-lg p-6 text-center hover:border-stone-500 transition-colors"><div class="space-y-3"><div class="w-12 h-12 mx-auto bg-stone-700 rounded-lg flex items-center justify-center"><svg class="w-6 h-6 text-stone-400" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 16l4.586-4.586a2 2 0 012.828 0L16 16m-2-2l1.586-1.586a2 2 0 012.828 0L20 14m-6-6h.01M6 20h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z"></path></svg></div> <div><p class="text-stone-300 font-medium"> </p> <p class="text-stone-500 text-sm">Choose a file to upload</p></div> <div class="flex gap-2 justify-center"><!></div></div></div>'), rt = _('<div class="space-y-3"><div class="text-sm font-medium text-stone-300">Choose File</div> <input type="file" class="block w-full text-sm text-stone-300 file:mr-4 file:py-2 file:px-4 file:rounded-lg file:border-0 file:text-sm file:font-medium file:bg-blue-900/30 file:text-blue-300 hover:file:bg-blue-900/50"/> <p class="text-xs text-stone-500"> </p></div>'), st = _('<img alt="Preview" class="w-full h-48 object-cover rounded-lg border border-stone-600"/>'), nt = _('<div class="w-full h-48 bg-stone-700 rounded-lg border border-stone-600 flex items-center justify-center"><div class="text-center"><svg class="w-12 h-12 text-stone-400 mx-auto mb-2" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"></path></svg> <p class="text-stone-300 text-sm"> </p></div></div>'), lt = _('<div class="absolute inset-0 bg-black/50 flex items-center justify-center rounded-lg"><div class="text-center"><div class="w-8 h-8 border-2 border-blue-500 border-t-transparent rounded-full animate-spin mx-auto mb-2"></div> <p class="text-white text-sm">Uploading...</p></div></div>'), ot = _('<div class="space-y-2"><div class="flex justify-between text-sm text-stone-400"><span>Uploading...</span> <span> </span></div> <div class="w-full bg-stone-700 rounded-full h-2"><div class="bg-blue-500 h-2 rounded-full transition-all duration-300"></div></div></div>'), it = _('<div class="space-y-4"><div class="relative"><!> <!></div> <!></div>'), vt = _('<div class="space-y-4"><!></div>'), dt = _("<!> <!>", 1), ct = _('<div class="space-y-3"><!> <!></div>');
|
|
183
|
+
function zt(W, v) {
|
|
184
|
+
ve(v, !1);
|
|
185
|
+
let n = M(v, "value", 12, null), d = M(v, "disabled", 8, !1), w = M(v, "accept", 8, "image/*"), o = M(
|
|
186
|
+
v,
|
|
187
187
|
"maxSize",
|
|
188
188
|
8,
|
|
189
189
|
5 * 1024 * 1024
|
|
190
190
|
// 5MB default
|
|
191
|
-
),
|
|
192
|
-
const
|
|
193
|
-
let
|
|
194
|
-
function
|
|
191
|
+
), D = M(v, "placeholder", 8, "No image selected");
|
|
192
|
+
const f = de();
|
|
193
|
+
let t = N(!1), h = N(null), $ = N(null), F = N(!1), z = N(0);
|
|
194
|
+
function E(a) {
|
|
195
195
|
const s = a.target;
|
|
196
196
|
if (!s.files || s.files.length === 0) return;
|
|
197
|
-
const
|
|
198
|
-
if (
|
|
199
|
-
|
|
200
|
-
message: `File size must be less than ${Math.round(
|
|
197
|
+
const l = s.files, u = l[0];
|
|
198
|
+
if (u.size > o()) {
|
|
199
|
+
f("error", {
|
|
200
|
+
message: `File size must be less than ${Math.round(o() / 1024 / 1024)}MB`
|
|
201
201
|
});
|
|
202
202
|
return;
|
|
203
203
|
}
|
|
204
|
-
if (w() !== "*" && !
|
|
205
|
-
|
|
204
|
+
if (w() !== "*" && !u.type.match(w().replace("*", ".*"))) {
|
|
205
|
+
f("error", { message: "Please select a valid file type" });
|
|
206
206
|
return;
|
|
207
207
|
}
|
|
208
|
-
x(
|
|
208
|
+
x(h, u), x($, URL.createObjectURL(u)), f("upload", { files: l });
|
|
209
209
|
}
|
|
210
|
-
async function
|
|
211
|
-
if (!(!e(
|
|
212
|
-
x(
|
|
210
|
+
async function O() {
|
|
211
|
+
if (!(!e(h) || !e($))) {
|
|
212
|
+
x(F, !0), x(z, 0);
|
|
213
213
|
try {
|
|
214
214
|
const a = setInterval(
|
|
215
215
|
() => {
|
|
216
|
-
e(
|
|
216
|
+
e(z) < 90 && x(z, e(z) + Math.random() * 10);
|
|
217
217
|
},
|
|
218
218
|
200
|
|
219
219
|
);
|
|
220
|
-
await new Promise((s) => setTimeout(s, 1e3)), clearInterval(a), x(
|
|
220
|
+
await new Promise((s) => setTimeout(s, 1e3)), clearInterval(a), x(z, 100), n(e($)), f("change", { value: e($) }), x(t, !1), b();
|
|
221
221
|
} catch (a) {
|
|
222
|
-
|
|
222
|
+
f("error", { message: `Upload failed: ${a}` });
|
|
223
223
|
} finally {
|
|
224
|
-
x(
|
|
224
|
+
x(F, !1), x(z, 0);
|
|
225
225
|
}
|
|
226
226
|
}
|
|
227
227
|
}
|
|
228
|
-
function
|
|
229
|
-
|
|
228
|
+
function K() {
|
|
229
|
+
n(null), f("change", { value: null });
|
|
230
230
|
}
|
|
231
|
-
function
|
|
232
|
-
x(
|
|
231
|
+
function b() {
|
|
232
|
+
x(h, null), e($) && (URL.revokeObjectURL(e($)), x($, null)), x(z, 0);
|
|
233
233
|
}
|
|
234
|
-
function
|
|
235
|
-
e(
|
|
234
|
+
function T() {
|
|
235
|
+
e($) && (URL.revokeObjectURL(e($)), x($, null));
|
|
236
236
|
}
|
|
237
237
|
Se(() => {
|
|
238
|
-
|
|
238
|
+
T();
|
|
239
239
|
}), oe();
|
|
240
|
-
var
|
|
240
|
+
var L = ct(), U = i(L);
|
|
241
241
|
{
|
|
242
|
-
var
|
|
243
|
-
var s = tt(),
|
|
244
|
-
le(
|
|
242
|
+
var B = (a) => {
|
|
243
|
+
var s = tt(), l = i(s), u = k(l, 2), S = i(u), g = i(S);
|
|
244
|
+
le(g, {
|
|
245
245
|
variant: "secondary",
|
|
246
246
|
size: "sm",
|
|
247
247
|
get disabled() {
|
|
248
|
-
return
|
|
248
|
+
return d();
|
|
249
249
|
},
|
|
250
|
-
$$events: { click: () => x(
|
|
251
|
-
children: (
|
|
252
|
-
var
|
|
253
|
-
|
|
250
|
+
$$events: { click: () => x(t, !0) },
|
|
251
|
+
children: (q, A) => {
|
|
252
|
+
var R = ne("Change");
|
|
253
|
+
c(q, R);
|
|
254
254
|
},
|
|
255
255
|
$$slots: { default: !0 }
|
|
256
256
|
});
|
|
257
|
-
var
|
|
258
|
-
le(
|
|
257
|
+
var m = k(g, 2);
|
|
258
|
+
le(m, {
|
|
259
259
|
variant: "danger",
|
|
260
260
|
size: "sm",
|
|
261
261
|
get disabled() {
|
|
262
|
-
return
|
|
262
|
+
return d();
|
|
263
263
|
},
|
|
264
|
-
$$events: { click:
|
|
265
|
-
children: (
|
|
266
|
-
var
|
|
267
|
-
|
|
264
|
+
$$events: { click: K },
|
|
265
|
+
children: (q, A) => {
|
|
266
|
+
var R = ne("Remove");
|
|
267
|
+
c(q, R);
|
|
268
268
|
},
|
|
269
269
|
$$slots: { default: !0 }
|
|
270
|
-
}),
|
|
271
|
-
},
|
|
272
|
-
var s = at(),
|
|
273
|
-
le(
|
|
270
|
+
}), I(() => H(l, "src", n())), c(a, s);
|
|
271
|
+
}, Y = (a) => {
|
|
272
|
+
var s = at(), l = i(s), u = k(i(l), 2), S = i(u), g = i(S), m = k(u, 2), q = i(m);
|
|
273
|
+
le(q, {
|
|
274
274
|
variant: "primary",
|
|
275
275
|
size: "sm",
|
|
276
276
|
get disabled() {
|
|
277
|
-
return
|
|
277
|
+
return d();
|
|
278
278
|
},
|
|
279
|
-
$$events: { click: () => x(
|
|
280
|
-
children: (
|
|
281
|
-
var
|
|
282
|
-
|
|
279
|
+
$$events: { click: () => x(t, !0) },
|
|
280
|
+
children: (A, R) => {
|
|
281
|
+
var V = ne("Upload File");
|
|
282
|
+
c(A, V);
|
|
283
283
|
},
|
|
284
284
|
$$slots: { default: !0 }
|
|
285
|
-
}),
|
|
285
|
+
}), I(() => Z(g, D())), c(a, s);
|
|
286
286
|
};
|
|
287
|
-
U
|
|
288
|
-
|
|
287
|
+
j(U, (a) => {
|
|
288
|
+
n() ? a(B) : a(Y, !1);
|
|
289
289
|
});
|
|
290
290
|
}
|
|
291
|
-
var p =
|
|
291
|
+
var p = k(U, 2);
|
|
292
292
|
et(p, {
|
|
293
293
|
title: "Upload File",
|
|
294
294
|
get isOpen() {
|
|
295
|
-
return e(
|
|
295
|
+
return e(t);
|
|
296
296
|
},
|
|
297
297
|
set isOpen(a) {
|
|
298
|
-
x(
|
|
298
|
+
x(t, a);
|
|
299
299
|
},
|
|
300
300
|
$$events: {
|
|
301
301
|
close: () => {
|
|
302
|
-
x(
|
|
302
|
+
x(t, !1), b();
|
|
303
303
|
}
|
|
304
304
|
},
|
|
305
305
|
children: (a, s) => {
|
|
306
|
-
var
|
|
306
|
+
var l = vt(), u = i(l);
|
|
307
307
|
{
|
|
308
|
-
var
|
|
309
|
-
var
|
|
310
|
-
|
|
311
|
-
(
|
|
312
|
-
|
|
308
|
+
var S = (m) => {
|
|
309
|
+
var q = rt(), A = k(i(q), 2), R = k(A, 2), V = i(R);
|
|
310
|
+
I(
|
|
311
|
+
(C) => {
|
|
312
|
+
H(A, "accept", w()), Z(V, `Max size: ${C ?? ""}MB`);
|
|
313
313
|
},
|
|
314
314
|
[
|
|
315
|
-
() => (
|
|
315
|
+
() => (y(o()), r(() => Math.round(o() / 1024 / 1024)))
|
|
316
316
|
]
|
|
317
|
-
),
|
|
318
|
-
},
|
|
319
|
-
var
|
|
317
|
+
), te("change", A, E), c(m, q);
|
|
318
|
+
}, g = (m) => {
|
|
319
|
+
var q = it(), A = i(q), R = i(A);
|
|
320
320
|
{
|
|
321
|
-
var
|
|
322
|
-
var
|
|
323
|
-
|
|
324
|
-
},
|
|
325
|
-
var
|
|
326
|
-
|
|
321
|
+
var V = (P) => {
|
|
322
|
+
var Q = st();
|
|
323
|
+
I(() => H(Q, "src", e($))), c(P, Q);
|
|
324
|
+
}, C = (P) => {
|
|
325
|
+
var Q = nt(), ce = i(Q), ge = k(i(ce), 2), me = i(ge);
|
|
326
|
+
I(() => Z(me, (e(h), r(() => e(h).name)))), c(P, Q);
|
|
327
327
|
};
|
|
328
|
-
|
|
329
|
-
e(
|
|
328
|
+
j(R, (P) => {
|
|
329
|
+
e(h), r(() => e(h).type.startsWith("image/")) ? P(V) : P(C, !1);
|
|
330
330
|
});
|
|
331
331
|
}
|
|
332
|
-
var
|
|
332
|
+
var G = k(R, 2);
|
|
333
333
|
{
|
|
334
|
-
var
|
|
335
|
-
var
|
|
336
|
-
|
|
334
|
+
var ae = (P) => {
|
|
335
|
+
var Q = lt();
|
|
336
|
+
c(P, Q);
|
|
337
337
|
};
|
|
338
|
-
|
|
339
|
-
e(
|
|
338
|
+
j(G, (P) => {
|
|
339
|
+
e(F) && P(ae);
|
|
340
340
|
});
|
|
341
341
|
}
|
|
342
|
-
var
|
|
342
|
+
var pe = k(A, 2);
|
|
343
343
|
{
|
|
344
|
-
var
|
|
345
|
-
var
|
|
346
|
-
|
|
344
|
+
var X = (P) => {
|
|
345
|
+
var Q = ot(), ce = i(Q), ge = k(i(ce), 2), me = i(ge), ke = k(ce, 2), we = i(ke);
|
|
346
|
+
I(
|
|
347
347
|
($e) => {
|
|
348
|
-
|
|
348
|
+
Z(me, `${$e ?? ""}%`), Le(we, `width: ${e(z) ?? ""}%`);
|
|
349
349
|
},
|
|
350
350
|
[
|
|
351
|
-
() => (e(
|
|
351
|
+
() => (e(z), r(() => Math.round(e(z))))
|
|
352
352
|
]
|
|
353
|
-
),
|
|
353
|
+
), c(P, Q);
|
|
354
354
|
};
|
|
355
|
-
|
|
356
|
-
e(
|
|
355
|
+
j(pe, (P) => {
|
|
356
|
+
e(F) && P(X);
|
|
357
357
|
});
|
|
358
358
|
}
|
|
359
|
-
|
|
359
|
+
c(m, q);
|
|
360
360
|
};
|
|
361
|
-
|
|
362
|
-
e(
|
|
361
|
+
j(u, (m) => {
|
|
362
|
+
e(h) ? m(g, !1) : m(S);
|
|
363
363
|
});
|
|
364
364
|
}
|
|
365
|
-
|
|
365
|
+
c(a, l);
|
|
366
366
|
},
|
|
367
367
|
$$slots: {
|
|
368
368
|
default: !0,
|
|
369
369
|
footer: (a, s) => {
|
|
370
|
-
var
|
|
371
|
-
le(
|
|
370
|
+
var l = dt(), u = J(l);
|
|
371
|
+
le(u, {
|
|
372
372
|
variant: "secondary",
|
|
373
373
|
$$events: {
|
|
374
374
|
click: () => {
|
|
375
|
-
x(
|
|
375
|
+
x(t, !1), b();
|
|
376
376
|
}
|
|
377
377
|
},
|
|
378
|
-
children: (
|
|
379
|
-
var
|
|
380
|
-
|
|
378
|
+
children: (m, q) => {
|
|
379
|
+
var A = ne("Cancel");
|
|
380
|
+
c(m, A);
|
|
381
381
|
},
|
|
382
382
|
$$slots: { default: !0 }
|
|
383
383
|
});
|
|
384
|
-
var
|
|
384
|
+
var S = k(u, 2);
|
|
385
385
|
{
|
|
386
|
-
var
|
|
387
|
-
le(
|
|
386
|
+
var g = (m) => {
|
|
387
|
+
le(m, {
|
|
388
388
|
variant: "primary",
|
|
389
389
|
get disabled() {
|
|
390
|
-
return e(
|
|
390
|
+
return e(F);
|
|
391
391
|
},
|
|
392
392
|
get loading() {
|
|
393
|
-
return e(
|
|
393
|
+
return e(F);
|
|
394
394
|
},
|
|
395
|
-
$$events: { click:
|
|
396
|
-
children: (
|
|
397
|
-
var
|
|
398
|
-
|
|
395
|
+
$$events: { click: O },
|
|
396
|
+
children: (q, A) => {
|
|
397
|
+
var R = ne();
|
|
398
|
+
I(() => Z(R, e(F) ? "Uploading..." : "Upload File")), c(q, R);
|
|
399
399
|
},
|
|
400
400
|
$$slots: { default: !0 }
|
|
401
401
|
});
|
|
402
402
|
};
|
|
403
|
-
|
|
404
|
-
e(
|
|
403
|
+
j(S, (m) => {
|
|
404
|
+
e(h) && m(g);
|
|
405
405
|
});
|
|
406
406
|
}
|
|
407
|
-
|
|
407
|
+
c(a, l);
|
|
408
408
|
}
|
|
409
409
|
},
|
|
410
410
|
$$legacy: !0
|
|
411
|
-
}),
|
|
411
|
+
}), c(W, L), ie();
|
|
412
412
|
}
|
|
413
|
-
var ut =
|
|
414
|
-
function Ct(
|
|
415
|
-
ve(
|
|
416
|
-
let
|
|
413
|
+
var ut = _("<div><!></div>"), ft = _('<div class="flex flex-wrap gap-4"></div>');
|
|
414
|
+
function Ct(W, v) {
|
|
415
|
+
ve(v, !1);
|
|
416
|
+
let n = M(v, "values", 28, () => ({})), d = M(v, "fields", 24, () => []);
|
|
417
417
|
const w = de();
|
|
418
|
-
function
|
|
419
|
-
|
|
420
|
-
|
|
421
|
-
function C(g) {
|
|
422
|
-
w("change", g.detail);
|
|
418
|
+
function o(f) {
|
|
419
|
+
const t = f.detail;
|
|
420
|
+
t && typeof t == "object" && w("input", t);
|
|
423
421
|
}
|
|
424
422
|
oe();
|
|
425
|
-
var
|
|
426
|
-
xe(
|
|
427
|
-
var
|
|
423
|
+
var D = ft();
|
|
424
|
+
xe(D, 5, d, (f) => f.key, (f, t) => {
|
|
425
|
+
var h = ut(), $ = i(h);
|
|
428
426
|
{
|
|
429
|
-
var
|
|
427
|
+
var F = (E) => {
|
|
430
428
|
{
|
|
431
|
-
let
|
|
432
|
-
Ae(
|
|
429
|
+
let O = he(() => (e(t), r(() => e(t).rows || 3)));
|
|
430
|
+
Ae(E, {
|
|
433
431
|
get label() {
|
|
434
432
|
return e(t), r(() => e(t).label);
|
|
435
433
|
},
|
|
@@ -437,7 +435,7 @@ function Ct(G, i) {
|
|
|
437
435
|
return e(t), r(() => e(t).placeholder);
|
|
438
436
|
},
|
|
439
437
|
get rows() {
|
|
440
|
-
return e(
|
|
438
|
+
return e(O);
|
|
441
439
|
},
|
|
442
440
|
get required() {
|
|
443
441
|
return e(t), r(() => e(t).required);
|
|
@@ -445,24 +443,24 @@ function Ct(G, i) {
|
|
|
445
443
|
size: "sm",
|
|
446
444
|
variant: "outlined",
|
|
447
445
|
get value() {
|
|
448
|
-
return
|
|
446
|
+
return n()[e(t).key];
|
|
449
447
|
},
|
|
450
|
-
set value(
|
|
451
|
-
|
|
448
|
+
set value(K) {
|
|
449
|
+
n(n()[e(t).key] = K, !0);
|
|
452
450
|
},
|
|
453
|
-
$$events: { input:
|
|
451
|
+
$$events: { input: o, change: o },
|
|
454
452
|
$$legacy: !0
|
|
455
453
|
});
|
|
456
454
|
}
|
|
457
|
-
},
|
|
458
|
-
var
|
|
455
|
+
}, z = (E) => {
|
|
456
|
+
var O = re(), K = J(O);
|
|
459
457
|
{
|
|
460
|
-
var
|
|
458
|
+
var b = (L) => {
|
|
461
459
|
{
|
|
462
|
-
let
|
|
463
|
-
Fe(
|
|
460
|
+
let U = he(() => (e(t), r(() => e(t).options || [])));
|
|
461
|
+
Fe(L, {
|
|
464
462
|
get options() {
|
|
465
|
-
return e(
|
|
463
|
+
return e(U);
|
|
466
464
|
},
|
|
467
465
|
get label() {
|
|
468
466
|
return e(t), r(() => e(t).label);
|
|
@@ -476,20 +474,20 @@ function Ct(G, i) {
|
|
|
476
474
|
size: "sm",
|
|
477
475
|
variant: "outlined",
|
|
478
476
|
get value() {
|
|
479
|
-
return
|
|
477
|
+
return n()[e(t).key];
|
|
480
478
|
},
|
|
481
|
-
set value(
|
|
482
|
-
|
|
479
|
+
set value(B) {
|
|
480
|
+
n(n()[e(t).key] = B, !0);
|
|
483
481
|
},
|
|
484
|
-
$$events: { input:
|
|
482
|
+
$$events: { input: o, change: o },
|
|
485
483
|
$$legacy: !0
|
|
486
484
|
});
|
|
487
485
|
}
|
|
488
|
-
},
|
|
489
|
-
var
|
|
486
|
+
}, T = (L) => {
|
|
487
|
+
var U = re(), B = J(U);
|
|
490
488
|
{
|
|
491
|
-
var
|
|
492
|
-
Re(
|
|
489
|
+
var Y = (a) => {
|
|
490
|
+
Re(a, {
|
|
493
491
|
get label() {
|
|
494
492
|
return e(t), r(() => e(t).label);
|
|
495
493
|
},
|
|
@@ -499,36 +497,36 @@ function Ct(G, i) {
|
|
|
499
497
|
size: "sm",
|
|
500
498
|
variant: "outlined",
|
|
501
499
|
get checked() {
|
|
502
|
-
return
|
|
500
|
+
return n()[e(t).key];
|
|
503
501
|
},
|
|
504
|
-
set checked(
|
|
505
|
-
|
|
502
|
+
set checked(s) {
|
|
503
|
+
n(n()[e(t).key] = s, !0);
|
|
506
504
|
},
|
|
507
|
-
$$events: { input:
|
|
505
|
+
$$events: { input: o, change: o },
|
|
508
506
|
$$legacy: !0
|
|
509
507
|
});
|
|
510
|
-
},
|
|
511
|
-
var
|
|
508
|
+
}, p = (a) => {
|
|
509
|
+
var s = re(), l = J(s);
|
|
512
510
|
{
|
|
513
|
-
var
|
|
514
|
-
Oe(
|
|
511
|
+
var u = (g) => {
|
|
512
|
+
Oe(g, {
|
|
515
513
|
get label() {
|
|
516
514
|
return e(t), r(() => e(t).label);
|
|
517
515
|
},
|
|
518
516
|
get checked() {
|
|
519
|
-
return
|
|
517
|
+
return n()[e(t).key];
|
|
520
518
|
},
|
|
521
|
-
set checked(
|
|
522
|
-
|
|
519
|
+
set checked(m) {
|
|
520
|
+
n(n()[e(t).key] = m, !0);
|
|
523
521
|
},
|
|
524
|
-
$$events: { input:
|
|
522
|
+
$$events: { input: o, change: o },
|
|
525
523
|
$$legacy: !0
|
|
526
524
|
});
|
|
527
|
-
},
|
|
528
|
-
var
|
|
525
|
+
}, S = (g) => {
|
|
526
|
+
var m = re(), q = J(m);
|
|
529
527
|
{
|
|
530
|
-
var
|
|
531
|
-
Ve(
|
|
528
|
+
var A = (V) => {
|
|
529
|
+
Ve(V, {
|
|
532
530
|
get label() {
|
|
533
531
|
return e(t), r(() => e(t).label);
|
|
534
532
|
},
|
|
@@ -538,19 +536,19 @@ function Ct(G, i) {
|
|
|
538
536
|
size: "sm",
|
|
539
537
|
variant: "outlined",
|
|
540
538
|
get value() {
|
|
541
|
-
return
|
|
539
|
+
return n()[e(t).key];
|
|
542
540
|
},
|
|
543
|
-
set value(
|
|
544
|
-
|
|
541
|
+
set value(C) {
|
|
542
|
+
n(n()[e(t).key] = C, !0);
|
|
545
543
|
},
|
|
546
|
-
$$events: { input:
|
|
544
|
+
$$events: { input: o, change: o },
|
|
547
545
|
$$legacy: !0
|
|
548
546
|
});
|
|
549
|
-
},
|
|
550
|
-
var
|
|
547
|
+
}, R = (V) => {
|
|
548
|
+
var C = re(), G = J(C);
|
|
551
549
|
{
|
|
552
|
-
var
|
|
553
|
-
He(
|
|
550
|
+
var ae = (X) => {
|
|
551
|
+
He(X, {
|
|
554
552
|
get label() {
|
|
555
553
|
return e(t), r(() => e(t).label);
|
|
556
554
|
},
|
|
@@ -559,20 +557,20 @@ function Ct(G, i) {
|
|
|
559
557
|
},
|
|
560
558
|
size: "sm",
|
|
561
559
|
get value() {
|
|
562
|
-
return
|
|
560
|
+
return n()[e(t).key];
|
|
563
561
|
},
|
|
564
|
-
set value(
|
|
565
|
-
|
|
562
|
+
set value(P) {
|
|
563
|
+
n(n()[e(t).key] = P, !0);
|
|
566
564
|
},
|
|
567
|
-
$$events: { input:
|
|
565
|
+
$$events: { input: o, change: o },
|
|
568
566
|
$$legacy: !0
|
|
569
567
|
});
|
|
570
|
-
}, pe = (
|
|
568
|
+
}, pe = (X) => {
|
|
571
569
|
{
|
|
572
|
-
let
|
|
573
|
-
Ke(
|
|
570
|
+
let P = he(() => (e(t), r(() => e(t).type || "text")));
|
|
571
|
+
Ke(X, {
|
|
574
572
|
get type() {
|
|
575
|
-
return e(
|
|
573
|
+
return e(P);
|
|
576
574
|
},
|
|
577
575
|
get label() {
|
|
578
576
|
return e(t), r(() => e(t).label);
|
|
@@ -586,78 +584,78 @@ function Ct(G, i) {
|
|
|
586
584
|
size: "sm",
|
|
587
585
|
variant: "outlined",
|
|
588
586
|
get value() {
|
|
589
|
-
return
|
|
587
|
+
return n()[e(t).key];
|
|
590
588
|
},
|
|
591
|
-
set value(
|
|
592
|
-
|
|
589
|
+
set value(Q) {
|
|
590
|
+
n(n()[e(t).key] = Q, !0);
|
|
593
591
|
},
|
|
594
|
-
$$events: { input:
|
|
592
|
+
$$events: { input: o, change: o },
|
|
595
593
|
$$legacy: !0
|
|
596
594
|
});
|
|
597
595
|
}
|
|
598
596
|
};
|
|
599
|
-
|
|
600
|
-
|
|
601
|
-
(
|
|
602
|
-
e(t), r(() => e(t).type === "textalignment") ?
|
|
597
|
+
j(
|
|
598
|
+
G,
|
|
599
|
+
(X) => {
|
|
600
|
+
e(t), r(() => e(t).type === "textalignment") ? X(ae) : X(pe, !1);
|
|
603
601
|
},
|
|
604
602
|
!0
|
|
605
603
|
);
|
|
606
604
|
}
|
|
607
|
-
|
|
605
|
+
c(V, C);
|
|
608
606
|
};
|
|
609
|
-
|
|
610
|
-
|
|
611
|
-
(
|
|
612
|
-
e(t), r(() => e(t).type === "colorpicker") ?
|
|
607
|
+
j(
|
|
608
|
+
q,
|
|
609
|
+
(V) => {
|
|
610
|
+
e(t), r(() => e(t).type === "colorpicker") ? V(A) : V(R, !1);
|
|
613
611
|
},
|
|
614
612
|
!0
|
|
615
613
|
);
|
|
616
614
|
}
|
|
617
|
-
|
|
615
|
+
c(g, m);
|
|
618
616
|
};
|
|
619
|
-
|
|
620
|
-
|
|
621
|
-
(
|
|
622
|
-
e(t), r(() => e(t).type === "toggle") ? u
|
|
617
|
+
j(
|
|
618
|
+
l,
|
|
619
|
+
(g) => {
|
|
620
|
+
e(t), r(() => e(t).type === "toggle") ? g(u) : g(S, !1);
|
|
623
621
|
},
|
|
624
622
|
!0
|
|
625
623
|
);
|
|
626
624
|
}
|
|
627
|
-
|
|
625
|
+
c(a, s);
|
|
628
626
|
};
|
|
629
|
-
|
|
630
|
-
|
|
631
|
-
(
|
|
632
|
-
e(t), r(() => e(t).type === "checkbox") ?
|
|
627
|
+
j(
|
|
628
|
+
B,
|
|
629
|
+
(a) => {
|
|
630
|
+
e(t), r(() => e(t).type === "checkbox") ? a(Y) : a(p, !1);
|
|
633
631
|
},
|
|
634
632
|
!0
|
|
635
633
|
);
|
|
636
634
|
}
|
|
637
|
-
|
|
635
|
+
c(L, U);
|
|
638
636
|
};
|
|
639
|
-
|
|
640
|
-
|
|
641
|
-
(
|
|
642
|
-
e(t), r(() => e(t).type === "select") ?
|
|
637
|
+
j(
|
|
638
|
+
K,
|
|
639
|
+
(L) => {
|
|
640
|
+
e(t), r(() => e(t).type === "select") ? L(b) : L(T, !1);
|
|
643
641
|
},
|
|
644
642
|
!0
|
|
645
643
|
);
|
|
646
644
|
}
|
|
647
|
-
|
|
645
|
+
c(E, O);
|
|
648
646
|
};
|
|
649
|
-
|
|
650
|
-
e(t), r(() => e(t).type === "textarea") ?
|
|
647
|
+
j($, (E) => {
|
|
648
|
+
e(t), r(() => e(t).type === "textarea") ? E(F) : E(z, !1);
|
|
651
649
|
});
|
|
652
650
|
}
|
|
653
|
-
|
|
654
|
-
}),
|
|
651
|
+
I(() => ee(h, 1, `flex-${e(t), r(() => e(t).flex === "full" ? "none" : e(t).flex || "1") ?? ""} ${e(t), r(() => e(t).type === "textarea" || e(t).key === "title" || e(t).key === "subtitle" || e(t).flex === "full" ? "w-full" : "w-full sm:w-auto sm:flex-1") ?? ""} min-w-0 ${e(t), r(() => e(t).type === "toggle" ? "flex items-center justify-center" : "") ?? ""}`)), c(f, h);
|
|
652
|
+
}), c(W, D), ie();
|
|
655
653
|
}
|
|
656
|
-
var pt = qe('<svg fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" clip-rule="evenodd" class="svelte-fn6h9a"></path></svg>'), gt =
|
|
654
|
+
var pt = qe('<svg fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" clip-rule="evenodd" class="svelte-fn6h9a"></path></svg>'), gt = _(`<span class="
|
|
657
655
|
ml-1 px-1.5 py-0.5 text-xs font-medium
|
|
658
656
|
bg-primary-100 text-primary-800 rounded-full
|
|
659
657
|
dark:bg-primary-900 dark:text-primary-200
|
|
660
|
-
svelte-fn6h9a"> </span>`), mt =
|
|
658
|
+
svelte-fn6h9a"> </span>`), mt = _('<div class="absolute bottom-0 left-0 right-0 h-0.5 bg-primary-500 rounded-full svelte-fn6h9a"></div>'), ht = _('<button type="button" role="tab"><!> <span class="svelte-fn6h9a"> </span> <!></button> <!>', 1), bt = _('<div role="tabpanel"><!></div>'), xt = _('<div><div role="tablist" tabindex="0"></div> <div class="tab-panels svelte-fn6h9a"></div></div>');
|
|
661
659
|
const yt = {
|
|
662
660
|
hash: "svelte-fn6h9a",
|
|
663
661
|
code: `
|
|
@@ -682,16 +680,16 @@ const yt = {
|
|
|
682
680
|
|
|
683
681
|
/* Vertical tabs specific styles */.tabs-container.vertical.svelte-fn6h9a {align-items:flex-start;}.tabs-container.vertical.svelte-fn6h9a [role="tablist"]:where(.svelte-fn6h9a) {min-width:200px;}.tabs-container.vertical.svelte-fn6h9a [role="tab"]:where(.svelte-fn6h9a) {justify-content:flex-start;text-align:left;}`
|
|
684
682
|
};
|
|
685
|
-
function Mt(
|
|
686
|
-
ve(
|
|
687
|
-
let
|
|
688
|
-
const
|
|
689
|
-
let
|
|
690
|
-
const
|
|
683
|
+
function Mt(W, v) {
|
|
684
|
+
ve(v, !1), Ue(W, yt);
|
|
685
|
+
let n = M(v, "tabs", 24, () => []), d = M(v, "activeTab", 12, ""), w = M(v, "variant", 8, "default"), o = M(v, "size", 8, "md"), D = M(v, "orientation", 8, "horizontal"), f = M(v, "fullWidth", 8, !1), t = M(v, "className", 8, "");
|
|
686
|
+
const h = de();
|
|
687
|
+
let $ = N(), F = N(), z = N(0);
|
|
688
|
+
const E = {
|
|
691
689
|
sm: { tab: "px-3 py-1.5 text-sm", panel: "p-3", icon: "w-4 h-4" },
|
|
692
690
|
md: { tab: "px-4 py-2 text-base", panel: "p-4", icon: "w-5 h-5" },
|
|
693
691
|
lg: { tab: "px-6 py-3 text-lg", panel: "p-6", icon: "w-6 h-6" }
|
|
694
|
-
},
|
|
692
|
+
}, O = {
|
|
695
693
|
default: {
|
|
696
694
|
container: "border-b border-primary",
|
|
697
695
|
tab: "border-b-2 border-transparent text-secondary hover:text-primary hover:border-primary-hover transition-colors",
|
|
@@ -717,144 +715,144 @@ function Mt(G, i) {
|
|
|
717
715
|
panel: "mt-4"
|
|
718
716
|
}
|
|
719
717
|
};
|
|
720
|
-
function
|
|
718
|
+
function K(p, a) {
|
|
721
719
|
if (p.disabled) {
|
|
722
720
|
a.preventDefault();
|
|
723
721
|
return;
|
|
724
722
|
}
|
|
725
|
-
|
|
723
|
+
d(p.id), h("change", { activeTab: d(), tab: p }), h("tabClick", { tab: p, event: a });
|
|
726
724
|
}
|
|
727
|
-
function
|
|
728
|
-
if (!e(
|
|
729
|
-
const a = Array.from(e(
|
|
730
|
-
let
|
|
725
|
+
function b(p) {
|
|
726
|
+
if (!e($)) return;
|
|
727
|
+
const a = Array.from(e($).querySelectorAll('[role="tab"]')), s = a.findIndex((u) => u === document.activeElement);
|
|
728
|
+
let l = s;
|
|
731
729
|
switch (p.key) {
|
|
732
730
|
case "ArrowRight":
|
|
733
731
|
case "ArrowDown":
|
|
734
|
-
p.preventDefault(),
|
|
732
|
+
p.preventDefault(), l = (s + 1) % a.length;
|
|
735
733
|
break;
|
|
736
734
|
case "ArrowLeft":
|
|
737
735
|
case "ArrowUp":
|
|
738
|
-
p.preventDefault(),
|
|
736
|
+
p.preventDefault(), l = s === 0 ? a.length - 1 : s - 1;
|
|
739
737
|
break;
|
|
740
738
|
case "Home":
|
|
741
|
-
p.preventDefault(),
|
|
739
|
+
p.preventDefault(), l = 0;
|
|
742
740
|
break;
|
|
743
741
|
case "End":
|
|
744
|
-
p.preventDefault(),
|
|
742
|
+
p.preventDefault(), l = a.length - 1;
|
|
745
743
|
break;
|
|
746
744
|
case "Enter":
|
|
747
745
|
case " ":
|
|
748
746
|
p.preventDefault();
|
|
749
|
-
const
|
|
750
|
-
|
|
747
|
+
const u = a[s];
|
|
748
|
+
u && u.click();
|
|
751
749
|
return;
|
|
752
750
|
}
|
|
753
|
-
|
|
751
|
+
l !== s && a[l] && a[l].focus();
|
|
754
752
|
}
|
|
755
|
-
function
|
|
753
|
+
function T(p) {
|
|
756
754
|
var s;
|
|
757
|
-
const a = (s = e(
|
|
755
|
+
const a = (s = e($)) == null ? void 0 : s.querySelector(`[data-tab-id="${p}"]`);
|
|
758
756
|
a == null || a.focus();
|
|
759
757
|
}
|
|
760
|
-
se(() => (
|
|
761
|
-
|
|
762
|
-
}), se(() => (
|
|
763
|
-
x(
|
|
758
|
+
se(() => (y(n()), y(d())), () => {
|
|
759
|
+
n().length > 0 && !d() && d(n()[0].id);
|
|
760
|
+
}), se(() => (y(n()), y(d())), () => {
|
|
761
|
+
x(z, n().findIndex((p) => p.id === d()));
|
|
764
762
|
}), ye();
|
|
765
|
-
var
|
|
763
|
+
var L = { focusTab: T };
|
|
766
764
|
oe();
|
|
767
|
-
var
|
|
768
|
-
xe(
|
|
769
|
-
var s = ht(),
|
|
765
|
+
var U = xt(), B = i(U);
|
|
766
|
+
xe(B, 5, n, _e, (p, a) => {
|
|
767
|
+
var s = ht(), l = J(s), u = i(l);
|
|
770
768
|
{
|
|
771
|
-
var
|
|
772
|
-
var
|
|
773
|
-
|
|
774
|
-
|
|
775
|
-
|
|
769
|
+
var S = (C) => {
|
|
770
|
+
var G = pt(), ae = i(G);
|
|
771
|
+
I(() => {
|
|
772
|
+
ee(
|
|
773
|
+
G,
|
|
776
774
|
0,
|
|
777
|
-
De((
|
|
775
|
+
De((y(o()), r(() => E[o()].icon))),
|
|
778
776
|
"svelte-fn6h9a"
|
|
779
|
-
),
|
|
780
|
-
}),
|
|
777
|
+
), H(ae, "d", (e(a), r(() => e(a).icon)));
|
|
778
|
+
}), c(C, G);
|
|
781
779
|
};
|
|
782
|
-
|
|
783
|
-
e(a), r(() => e(a).icon) &&
|
|
780
|
+
j(u, (C) => {
|
|
781
|
+
e(a), r(() => e(a).icon) && C(S);
|
|
784
782
|
});
|
|
785
783
|
}
|
|
786
|
-
var
|
|
784
|
+
var g = k(u, 2), m = i(g), q = k(g, 2);
|
|
787
785
|
{
|
|
788
|
-
var
|
|
789
|
-
var
|
|
790
|
-
|
|
786
|
+
var A = (C) => {
|
|
787
|
+
var G = gt(), ae = i(G);
|
|
788
|
+
I(() => Z(ae, (e(a), r(() => e(a).badge)))), c(C, G);
|
|
791
789
|
};
|
|
792
|
-
|
|
793
|
-
e(a), r(() => e(a).badge) &&
|
|
790
|
+
j(q, (C) => {
|
|
791
|
+
e(a), r(() => e(a).badge) && C(A);
|
|
794
792
|
});
|
|
795
793
|
}
|
|
796
|
-
var
|
|
794
|
+
var R = k(l, 2);
|
|
797
795
|
{
|
|
798
|
-
var
|
|
799
|
-
var
|
|
800
|
-
|
|
796
|
+
var V = (C) => {
|
|
797
|
+
var G = mt();
|
|
798
|
+
c(C, G);
|
|
801
799
|
};
|
|
802
|
-
|
|
803
|
-
|
|
800
|
+
j(R, (C) => {
|
|
801
|
+
y(w()), e(a), y(d()), r(() => w() === "underline" && e(a).id === d()) && C(V);
|
|
804
802
|
});
|
|
805
803
|
}
|
|
806
|
-
|
|
807
|
-
|
|
808
|
-
|
|
804
|
+
I(() => {
|
|
805
|
+
H(l, "data-tab-id", (e(a), r(() => e(a).id))), ee(
|
|
806
|
+
l,
|
|
809
807
|
1,
|
|
810
808
|
`
|
|
811
|
-
${
|
|
812
|
-
${
|
|
813
|
-
${e(a),
|
|
809
|
+
${y(o()), r(() => E[o()].tab) ?? ""}
|
|
810
|
+
${y(w()), r(() => O[w()].tab) ?? ""}
|
|
811
|
+
${e(a), y(d()), y(w()), r(() => e(a).id === d() ? O[w()].activeTab : "") ?? ""}
|
|
814
812
|
${e(a), r(() => e(a).disabled ? "opacity-50 cursor-not-allowed" : "cursor-pointer") ?? ""}
|
|
815
|
-
${
|
|
813
|
+
${f() ? "flex-1" : ""}
|
|
816
814
|
flex items-center justify-center gap-2
|
|
817
815
|
`,
|
|
818
816
|
"svelte-fn6h9a"
|
|
819
|
-
),
|
|
820
|
-
}),
|
|
821
|
-
}), be(
|
|
822
|
-
var
|
|
823
|
-
return xe(
|
|
824
|
-
var s = bt(),
|
|
817
|
+
), H(l, "aria-selected", (e(a), y(d()), r(() => e(a).id === d()))), H(l, "aria-controls", `tabpanel-${e(a), r(() => e(a).id) ?? ""}`), H(l, "aria-disabled", (e(a), r(() => e(a).disabled))), H(l, "tabindex", (e(a), y(d()), r(() => e(a).id === d() ? 0 : -1))), Z(m, (e(a), r(() => e(a).label)));
|
|
818
|
+
}), te("click", l, (C) => K(e(a), C)), c(p, s);
|
|
819
|
+
}), be(B, (p) => x($, p), () => e($));
|
|
820
|
+
var Y = k(B, 2);
|
|
821
|
+
return xe(Y, 5, n, _e, (p, a) => {
|
|
822
|
+
var s = bt(), l = i(s);
|
|
825
823
|
{
|
|
826
|
-
var
|
|
827
|
-
var
|
|
828
|
-
|
|
824
|
+
var u = (S) => {
|
|
825
|
+
var g = re(), m = J(g);
|
|
826
|
+
fe(m, v, "content", {}, null), c(S, g);
|
|
829
827
|
};
|
|
830
|
-
|
|
831
|
-
e(a),
|
|
828
|
+
j(l, (S) => {
|
|
829
|
+
e(a), y(d()), r(() => e(a).id === d()) && S(u);
|
|
832
830
|
});
|
|
833
831
|
}
|
|
834
|
-
|
|
835
|
-
|
|
832
|
+
I(() => {
|
|
833
|
+
H(s, "id", `tabpanel-${e(a), r(() => e(a).id) ?? ""}`), H(s, "aria-labelledby", `tab-${e(a), r(() => e(a).id) ?? ""}`), ee(
|
|
836
834
|
s,
|
|
837
835
|
1,
|
|
838
836
|
`
|
|
839
|
-
${
|
|
840
|
-
${
|
|
841
|
-
${e(a),
|
|
837
|
+
${y(o()), r(() => E[o()].panel) ?? ""}
|
|
838
|
+
${y(w()), r(() => O[w()].panel) ?? ""}
|
|
839
|
+
${e(a), y(d()), r(() => e(a).id === d() ? "block" : "hidden") ?? ""}
|
|
842
840
|
`,
|
|
843
841
|
"svelte-fn6h9a"
|
|
844
842
|
);
|
|
845
|
-
}), Ee(3, s, () =>
|
|
846
|
-
}), be(
|
|
847
|
-
|
|
848
|
-
|
|
843
|
+
}), Ee(3, s, () => Pe, () => ({ duration: 200 })), c(p, s);
|
|
844
|
+
}), be(Y, (p) => x(F, p), () => e(F)), I(() => {
|
|
845
|
+
ee(U, 1, `tabs-container ${D() === "vertical" ? "flex" : ""} ${t() ?? ""}`, "svelte-fn6h9a"), ee(
|
|
846
|
+
B,
|
|
849
847
|
1,
|
|
850
848
|
`
|
|
851
|
-
${
|
|
852
|
-
${
|
|
853
|
-
${
|
|
849
|
+
${y(w()), r(() => O[w()].container) ?? ""}
|
|
850
|
+
${D() === "vertical" ? "flex-col space-y-1 mr-4" : ""}
|
|
851
|
+
${y(f()), y(n()), r(() => f() ? "grid grid-cols-" + n().length : "flex") ?? ""}
|
|
854
852
|
`,
|
|
855
853
|
"svelte-fn6h9a"
|
|
856
|
-
),
|
|
857
|
-
}),
|
|
854
|
+
), H(B, "aria-orientation", D());
|
|
855
|
+
}), te("keydown", B, b), c(W, U), Be(v, "focusTab", T), ie(L);
|
|
858
856
|
}
|
|
859
857
|
export {
|
|
860
858
|
$t as A,
|