@db-ux/v-core-components 4.5.3 → 4.5.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/db-ux.es.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { defineComponent as W, ref as o, onMounted as ae, watch as
|
|
1
|
+
import { defineComponent as W, ref as o, onMounted as ae, watch as T, openBlock as f, createElementBlock as w, normalizeClass as U, unref as l, createElementVNode as E, Fragment as X, createTextVNode as D, toDisplayString as I, createCommentVNode as P, renderSlot as M, useId as me, renderList as ye, createBlock as Q, onUnmounted as be, withCtx as H, createVNode as le } from "vue";
|
|
2
2
|
const Ue = () => {
|
|
3
3
|
if (typeof window < "u") {
|
|
4
4
|
if (window.crypto?.randomUUID)
|
|
@@ -26,7 +26,7 @@ const Ue = () => {
|
|
|
26
26
|
if (typeof window > "u" || typeof navigator > "u") return !1;
|
|
27
27
|
const e = navigator.userAgent, a = /iP(ad|hone|od)/.test(e), i = !!e.match(/Safari/) && !e.match(/CriOS|FxiOS|OPiOS|EdgiOS/);
|
|
28
28
|
return a && i;
|
|
29
|
-
}, J = (e, a) => new Promise(() => setTimeout(e, a)),
|
|
29
|
+
}, J = (e, a) => new Promise(() => setTimeout(e, a)), F = (e) => {
|
|
30
30
|
if (e != null)
|
|
31
31
|
return String(typeof e == "string" ? e === "true" : e);
|
|
32
32
|
}, V = (e, a) => {
|
|
@@ -40,11 +40,11 @@ const Ue = () => {
|
|
|
40
40
|
return e === "any" ? "any" : Number(e);
|
|
41
41
|
}, Ze = (e, a) => a && ["number", "range"].includes(a) ? xe(e) : e, lt = (e) => typeof e == "string" ? e === "true" : e, de = (e) => {
|
|
42
42
|
if (e != null)
|
|
43
|
-
return
|
|
43
|
+
return F(!lt(e));
|
|
44
44
|
}, te = (e, a) => (a === void 0 || lt(a)) && !!e, _e = (e) => e.querySelector('input[type="search"]'), ll = (e, a) => {
|
|
45
45
|
const i = e.id ?? e.value ?? Ue();
|
|
46
46
|
return `${a}${i}`;
|
|
47
|
-
}, Mt = (e) => e.key !== void 0,
|
|
47
|
+
}, Mt = (e) => e.key !== void 0, Nt = ({
|
|
48
48
|
semantic: e,
|
|
49
49
|
role: a,
|
|
50
50
|
ariaLive: i
|
|
@@ -63,7 +63,7 @@ const Ue = () => {
|
|
|
63
63
|
default:
|
|
64
64
|
return "article";
|
|
65
65
|
}
|
|
66
|
-
},
|
|
66
|
+
}, Ft = ["id"], Ot = ["aria-disabled", "name", "open"], Rt = /* @__PURE__ */ W({
|
|
67
67
|
name: "DBAccordionItem",
|
|
68
68
|
__name: "accordion-item",
|
|
69
69
|
props: {
|
|
@@ -86,7 +86,7 @@ const Ue = () => {
|
|
|
86
86
|
const a = e, i = o(!1), n = o(void 0), t = o(!1), d = o(null);
|
|
87
87
|
ae(() => {
|
|
88
88
|
a.defaultOpen && (i.value = a.defaultOpen), t.value = !0;
|
|
89
|
-
}),
|
|
89
|
+
}), T(
|
|
90
90
|
() => [d.value, t.value],
|
|
91
91
|
() => {
|
|
92
92
|
d.value && t.value;
|
|
@@ -95,7 +95,7 @@ const Ue = () => {
|
|
|
95
95
|
immediate: !0,
|
|
96
96
|
flush: "post"
|
|
97
97
|
}
|
|
98
|
-
),
|
|
98
|
+
), T(
|
|
99
99
|
() => [a.name],
|
|
100
100
|
() => {
|
|
101
101
|
a.name && (n.value = a.name);
|
|
@@ -105,37 +105,37 @@ const Ue = () => {
|
|
|
105
105
|
flush: "post"
|
|
106
106
|
}
|
|
107
107
|
);
|
|
108
|
-
function
|
|
109
|
-
|
|
110
|
-
const
|
|
111
|
-
a.onToggle && a.onToggle(
|
|
108
|
+
function c(r) {
|
|
109
|
+
r?.preventDefault();
|
|
110
|
+
const v = !i.value;
|
|
111
|
+
a.onToggle && a.onToggle(v), i.value = v;
|
|
112
112
|
}
|
|
113
|
-
return (
|
|
113
|
+
return (r, v) => (f(), w("li", {
|
|
114
114
|
id: e.id ?? e.propOverrides?.id,
|
|
115
115
|
class: U(l(G)("db-accordion-item", a.class))
|
|
116
116
|
}, [
|
|
117
117
|
E("details", {
|
|
118
|
-
"aria-disabled": l(
|
|
118
|
+
"aria-disabled": l(F)(e.disabled),
|
|
119
119
|
ref_key: "_ref",
|
|
120
120
|
ref: d,
|
|
121
121
|
name: n.value,
|
|
122
122
|
open: i.value
|
|
123
123
|
}, [
|
|
124
124
|
E("summary", {
|
|
125
|
-
onClick:
|
|
125
|
+
onClick: v[0] || (v[0] = async (m) => c(m))
|
|
126
126
|
}, [
|
|
127
|
-
e.headlinePlain ? (
|
|
128
|
-
D(
|
|
127
|
+
e.headlinePlain ? (f(), w(X, { key: 0 }, [
|
|
128
|
+
D(I(e.headlinePlain), 1)
|
|
129
129
|
], 64)) : P("", !0),
|
|
130
|
-
e.headlinePlain ? P("", !0) : M(
|
|
130
|
+
e.headlinePlain ? P("", !0) : M(r.$slots, "headline", { key: 1 })
|
|
131
131
|
]),
|
|
132
132
|
E("div", null, [
|
|
133
|
-
e.text ? (
|
|
134
|
-
D(
|
|
135
|
-
], 64)) : M(
|
|
133
|
+
e.text ? (f(), w(X, { key: 0 }, [
|
|
134
|
+
D(I(e.text), 1)
|
|
135
|
+
], 64)) : M(r.$slots, "default", { key: 1 })
|
|
136
136
|
])
|
|
137
137
|
], 8, Ot)
|
|
138
|
-
], 10,
|
|
138
|
+
], 10, Ft));
|
|
139
139
|
}
|
|
140
140
|
}), zt = ["id", "data-variant"], nl = /* @__PURE__ */ W({
|
|
141
141
|
name: "DBAccordion",
|
|
@@ -155,10 +155,10 @@ const Ue = () => {
|
|
|
155
155
|
propOverrides: { default: void 0 }
|
|
156
156
|
},
|
|
157
157
|
setup(e) {
|
|
158
|
-
const a =
|
|
158
|
+
const a = me(), i = e, n = o(""), t = o(!1), d = o(!1), c = o(null);
|
|
159
159
|
ae(() => {
|
|
160
160
|
t.value = !0, d.value = !0;
|
|
161
|
-
}),
|
|
161
|
+
}), T(
|
|
162
162
|
() => [t.value, i.name, i.behavior],
|
|
163
163
|
() => {
|
|
164
164
|
t.value && (i.behavior === "single" ? i.name ? n.value !== i.name && (n.value = i.name) : n.value = `accordion-${a}` : n.value = "");
|
|
@@ -167,31 +167,31 @@ const Ue = () => {
|
|
|
167
167
|
immediate: !0,
|
|
168
168
|
flush: "post"
|
|
169
169
|
}
|
|
170
|
-
),
|
|
171
|
-
() => [
|
|
170
|
+
), T(
|
|
171
|
+
() => [c.value, n.value],
|
|
172
172
|
() => {
|
|
173
|
-
if (
|
|
174
|
-
const
|
|
175
|
-
if (
|
|
176
|
-
for (const
|
|
177
|
-
n.value === "" ?
|
|
173
|
+
if (c.value) {
|
|
174
|
+
const v = c.value.getElementsByTagName("details");
|
|
175
|
+
if (v)
|
|
176
|
+
for (const m of Array.from(v))
|
|
177
|
+
n.value === "" ? m.removeAttribute("name") : m.name = n.value ?? "";
|
|
178
178
|
}
|
|
179
179
|
},
|
|
180
180
|
{
|
|
181
181
|
immediate: !0,
|
|
182
182
|
flush: "post"
|
|
183
183
|
}
|
|
184
|
-
),
|
|
185
|
-
() => [
|
|
184
|
+
), T(
|
|
185
|
+
() => [c.value, d.value, i.initOpenIndex],
|
|
186
186
|
() => {
|
|
187
|
-
if (
|
|
187
|
+
if (c.value && d.value) {
|
|
188
188
|
if (i.initOpenIndex && i.initOpenIndex.length > 0) {
|
|
189
|
-
const
|
|
190
|
-
if (
|
|
191
|
-
const
|
|
192
|
-
Array.from(
|
|
193
|
-
(
|
|
194
|
-
|
|
189
|
+
const v = c.value.getElementsByTagName("details");
|
|
190
|
+
if (v) {
|
|
191
|
+
const m = i.behavior === "single" && i.initOpenIndex.length > 1 ? [i.initOpenIndex[0]] : i.initOpenIndex;
|
|
192
|
+
Array.from(v).forEach(
|
|
193
|
+
(p, S) => {
|
|
194
|
+
m?.includes(S) && (p.open = !0);
|
|
195
195
|
}
|
|
196
196
|
);
|
|
197
197
|
}
|
|
@@ -204,31 +204,31 @@ const Ue = () => {
|
|
|
204
204
|
flush: "post"
|
|
205
205
|
}
|
|
206
206
|
);
|
|
207
|
-
function
|
|
207
|
+
function r() {
|
|
208
208
|
try {
|
|
209
209
|
return typeof i.items == "string" ? JSON.parse(i.items) : i.items;
|
|
210
|
-
} catch (
|
|
211
|
-
console.error(
|
|
210
|
+
} catch (v) {
|
|
211
|
+
console.error(v);
|
|
212
212
|
}
|
|
213
213
|
return [];
|
|
214
214
|
}
|
|
215
|
-
return (
|
|
215
|
+
return (v, m) => (f(), w("ul", {
|
|
216
216
|
ref_key: "_ref",
|
|
217
|
-
ref:
|
|
217
|
+
ref: c,
|
|
218
218
|
id: e.id ?? e.propOverrides?.id,
|
|
219
219
|
class: U(l(G)("db-accordion", i.class)),
|
|
220
220
|
"data-variant": e.variant
|
|
221
221
|
}, [
|
|
222
|
-
e.items ? P("", !0) : M(
|
|
223
|
-
e.items ? (
|
|
224
|
-
key: `accordion-item-${
|
|
225
|
-
headlinePlain:
|
|
226
|
-
disabled:
|
|
227
|
-
text:
|
|
222
|
+
e.items ? P("", !0) : M(v.$slots, "default", { key: 0 }),
|
|
223
|
+
e.items ? (f(!0), w(X, { key: 1 }, ye(r(), (p, S) => (f(), Q(Rt, {
|
|
224
|
+
key: `accordion-item-${S}`,
|
|
225
|
+
headlinePlain: p.headlinePlain,
|
|
226
|
+
disabled: p.disabled,
|
|
227
|
+
text: p.text
|
|
228
228
|
}, null, 8, ["headlinePlain", "disabled", "text"]))), 128)) : P("", !0)
|
|
229
229
|
], 10, zt));
|
|
230
230
|
}
|
|
231
|
-
}), ol = ["divider", "card"], dl = ["multiple", "single"], Pt = "OVERWRITE_DEFAULT_ID", pe = "LABEL SHOULD BE SET", nt = " ", Vt = "MESSAGE SHOULD BE SET", et = "-label", tt = "-select", ve = "-message", fe = "-valid-message", he = "-invalid-message",
|
|
231
|
+
}), ol = ["divider", "card"], dl = ["multiple", "single"], Pt = "OVERWRITE_DEFAULT_ID", pe = "LABEL SHOULD BE SET", nt = " ", Vt = "MESSAGE SHOULD BE SET", et = "-label", tt = "-select", ve = "-message", fe = "-valid-message", he = "-invalid-message", Fe = "-placeholder", at = "-datalist", ce = "TODO: Add a validMessage", _ = "TODO: Add an invalidMessage", ot = "Remove", qt = "Back", Ut = "Selected", Gt = "BurgerMenu", Wt = "brand", Ht = 4, Ge = "Close", sl = "density", ul = "color";
|
|
232
232
|
var dt = /* @__PURE__ */ ((e) => (e.FUNCTIONAL = "functional", e.REGULAR = "regular", e.EXPRESSIVE = "expressive", e))(dt || {});
|
|
233
233
|
const rl = Object.entries(dt).map(([, e]) => e);
|
|
234
234
|
var st = /* @__PURE__ */ ((e) => (e.PRIMARY = "primary", e))(st || {}), ut = /* @__PURE__ */ ((e) => (e.NEUTRAL_BG_LEVEL_1 = "neutral-bg-basic-level-1", e.NEUTRAL_BG_LEVEL_2 = "neutral-bg-basic-level-2", e.NEUTRAL_BG_LEVEL_3 = "neutral-bg-basic-level-3", e.NEUTRAL_BG_TRANSPARENT_SEMI = "neutral-bg-basic-transparent-semi", e.NEUTRAL_BG_TRANSPARENT_FULL = "neutral-bg-basic-transparent-full", e.BRAND_BG_LEVEL_1 = "brand-bg-basic-level-1", e.BRAND_BG_LEVEL_2 = "brand-bg-basic-level-2", e.BRAND_BG_LEVEL_3 = "brand-bg-basic-level-3", e.BRAND_BG_TRANSPARENT_SEMI = "brand-bg-basic-transparent-semi", e.BRAND_BG_TRANSPARENT_FULL = "brand-bg-basic-transparent-full", e.SUCCESSFUL_BG_LEVEL_1 = "successful-bg-basic-level-1", e.SUCCESSFUL_BG_LEVEL_2 = "successful-bg-basic-level-2", e.SUCCESSFUL_BG_LEVEL_3 = "successful-bg-basic-level-3", e.SUCCESSFUL_BG_TRANSPARENT_SEMI = "successful-bg-basic-transparent-semi", e.SUCCESSFUL_BG_TRANSPARENT_FULL = "successful-bg-basic-transparent-full", e.CRITICAL_BG_LEVEL_1 = "critical-bg-basic-level-1", e.CRITICAL_BG_LEVEL_2 = "critical-bg-basic-level-2", e.CRITICAL_BG_LEVEL_3 = "critical-bg-basic-level-3", e.CRITICAL_BG_TRANSPARENT_SEMI = "critical-bg-basic-transparent-semi", e.CRITICAL_BG_TRANSPARENT_Full = "critical-bg-basic-transparent-full", e.WARNING_BG_LEVEL_1 = "warning-bg-basic-level-1", e.WARNING_BG_LEVEL_2 = "warning-bg-basic-level-2", e.WARNING_BG_LEVEL_3 = "warning-bg-basic-level-3", e.WARNING_BG_TRANSPARENT_SEMI = "warning-bg-basic-transparent-semi", e.WARNING_BG_TRANSPARENT_FULL = "warning-bg-basic-transparent-full", e.INFORMATIONAL_BG_LEVEL_1 = "informational-bg-basic-level-1", e.INFORMATIONAL_BG_LEVEL_2 = "informational-bg-basic-level-2", e.INFORMATIONAL_BG_LEVEL_3 = "informational-bg-basic-level-3", e.INFORMATIONAL_BG_TRANSPARENT_SEMI = "informational-bg-basic-transparent-semi", e.INFORMATIONAL_BG_TRANSPARENT_FULL = "informational-bg-basic-transparent-full", e))(ut || {});
|
|
@@ -272,7 +272,7 @@ const fl = Object.entries(rt).map(([, e]) => e), Xt = {
|
|
|
272
272
|
const a = e, i = o(!1), n = o(null);
|
|
273
273
|
return ae(() => {
|
|
274
274
|
i.value = !0;
|
|
275
|
-
}),
|
|
275
|
+
}), T(
|
|
276
276
|
() => [n.value, i.value],
|
|
277
277
|
() => {
|
|
278
278
|
if (n.value && i.value && a.placement?.startsWith("corner")) {
|
|
@@ -284,7 +284,7 @@ const fl = Object.entries(rt).map(([, e]) => e), Xt = {
|
|
|
284
284
|
immediate: !0,
|
|
285
285
|
flush: "post"
|
|
286
286
|
}
|
|
287
|
-
), (t, d) => (
|
|
287
|
+
), (t, d) => (f(), w("span", {
|
|
288
288
|
ref_key: "_ref",
|
|
289
289
|
ref: n,
|
|
290
290
|
id: e.id ?? e.propOverrides?.id,
|
|
@@ -293,11 +293,11 @@ const fl = Object.entries(rt).map(([, e]) => e), Xt = {
|
|
|
293
293
|
"data-size": e.size,
|
|
294
294
|
"data-emphasis": e.emphasis,
|
|
295
295
|
"data-placement": e.placement,
|
|
296
|
-
"data-wrap": l(
|
|
296
|
+
"data-wrap": l(F)(e.wrap),
|
|
297
297
|
"data-label": e.placement?.startsWith("corner") && (e.label ?? l(pe))
|
|
298
298
|
}, [
|
|
299
|
-
e.text ? (
|
|
300
|
-
D(
|
|
299
|
+
e.text ? (f(), w(X, { key: 0 }, [
|
|
300
|
+
D(I(e.text), 1)
|
|
301
301
|
], 64)) : M(t.$slots, "default", { key: 1 })
|
|
302
302
|
], 10, Kt));
|
|
303
303
|
}
|
|
@@ -318,16 +318,16 @@ const fl = Object.entries(rt).map(([, e]) => e), Xt = {
|
|
|
318
318
|
},
|
|
319
319
|
setup(e) {
|
|
320
320
|
const a = e, i = o(null);
|
|
321
|
-
return (n, t) => (
|
|
321
|
+
return (n, t) => (f(), w("div", {
|
|
322
322
|
ref_key: "_ref",
|
|
323
323
|
ref: i,
|
|
324
324
|
"data-icon": e.hideLogo ? "none" : e.icon ?? l(Wt),
|
|
325
|
-
"data-show-icon": l(
|
|
325
|
+
"data-show-icon": l(F)(e.showIcon),
|
|
326
326
|
id: e.id ?? e.propOverrides?.id,
|
|
327
327
|
class: U(l(G)("db-brand", a.class))
|
|
328
328
|
}, [
|
|
329
|
-
e.text ? (
|
|
330
|
-
D(
|
|
329
|
+
e.text ? (f(), w(X, { key: 0 }, [
|
|
330
|
+
D(I(e.text), 1)
|
|
331
331
|
], 64)) : M(n.$slots, "default", { key: 1 })
|
|
332
332
|
], 10, Yt));
|
|
333
333
|
}
|
|
@@ -369,7 +369,7 @@ const fl = Object.entries(rt).map(([, e]) => e), Xt = {
|
|
|
369
369
|
function t(d) {
|
|
370
370
|
a.onClick && a.onClick(d);
|
|
371
371
|
}
|
|
372
|
-
return (d,
|
|
372
|
+
return (d, c) => (f(), w("button", {
|
|
373
373
|
ref_key: "_ref",
|
|
374
374
|
ref: i,
|
|
375
375
|
id: e.id ?? e.propOverrides?.id,
|
|
@@ -377,21 +377,21 @@ const fl = Object.entries(rt).map(([, e]) => e), Xt = {
|
|
|
377
377
|
type: n(),
|
|
378
378
|
disabled: l(V)(e.disabled, "disabled"),
|
|
379
379
|
"data-icon": e.iconLeading ?? e.icon,
|
|
380
|
-
"data-show-icon": l(
|
|
380
|
+
"data-show-icon": l(F)(e.showIconLeading ?? e.showIcon),
|
|
381
381
|
"data-icon-trailing": e.iconTrailing,
|
|
382
|
-
"data-show-icon-trailing": l(
|
|
382
|
+
"data-show-icon-trailing": l(F)(e.showIconTrailing),
|
|
383
383
|
"data-size": e.size,
|
|
384
384
|
"data-width": e.width,
|
|
385
385
|
"data-variant": e.variant,
|
|
386
|
-
"data-wrap": l(
|
|
387
|
-
"data-no-text": l(
|
|
386
|
+
"data-wrap": l(F)(e.wrap),
|
|
387
|
+
"data-no-text": l(F)(e.noText),
|
|
388
388
|
name: e.name,
|
|
389
389
|
form: e.form,
|
|
390
390
|
value: e.value,
|
|
391
|
-
onClick:
|
|
391
|
+
onClick: c[0] || (c[0] = async (r) => t(r))
|
|
392
392
|
}, [
|
|
393
|
-
e.text ? (
|
|
394
|
-
D(
|
|
393
|
+
e.text ? (f(), w(X, { key: 0 }, [
|
|
394
|
+
D(I(e.text), 1)
|
|
395
395
|
], 64)) : M(d.$slots, "default", { key: 1 })
|
|
396
396
|
], 10, Jt));
|
|
397
397
|
}
|
|
@@ -416,7 +416,7 @@ const fl = Object.entries(rt).map(([, e]) => e), Xt = {
|
|
|
416
416
|
function n(t) {
|
|
417
417
|
a.onClick && a.onClick(t);
|
|
418
418
|
}
|
|
419
|
-
return (t, d) => (
|
|
419
|
+
return (t, d) => (f(), w("div", {
|
|
420
420
|
ref_key: "_ref",
|
|
421
421
|
ref: i,
|
|
422
422
|
id: e.id ?? e.propOverrides?.id,
|
|
@@ -424,7 +424,7 @@ const fl = Object.entries(rt).map(([, e]) => e), Xt = {
|
|
|
424
424
|
"data-behavior": e.behavior,
|
|
425
425
|
"data-elevation-level": e.elevationLevel,
|
|
426
426
|
"data-spacing": e.spacing,
|
|
427
|
-
onClick: d[0] || (d[0] = async (
|
|
427
|
+
onClick: d[0] || (d[0] = async (c) => n(c))
|
|
428
428
|
}, [
|
|
429
429
|
M(t.$slots, "default")
|
|
430
430
|
], 10, Qt));
|
|
@@ -440,27 +440,27 @@ const fl = Object.entries(rt).map(([, e]) => e), Xt = {
|
|
|
440
440
|
}, ct = (e, a, i, n) => {
|
|
441
441
|
Oe(e, (t) => {
|
|
442
442
|
J(() => {
|
|
443
|
-
const d = a.checked ? a.checked : a.defaultChecked ? a.defaultChecked : e.checked,
|
|
443
|
+
const d = a.checked ? a.checked : a.defaultChecked ? a.defaultChecked : e.checked, c = {
|
|
444
444
|
...t,
|
|
445
445
|
target: {
|
|
446
446
|
...t.target,
|
|
447
447
|
checked: d
|
|
448
448
|
}
|
|
449
449
|
};
|
|
450
|
-
i(
|
|
450
|
+
i(c);
|
|
451
451
|
}, 1);
|
|
452
452
|
}, n);
|
|
453
453
|
}, We = (e, a, i, n) => {
|
|
454
454
|
Oe(e, (t) => {
|
|
455
455
|
J(() => {
|
|
456
|
-
const d = a.value ? a.value : a.defaultValue ? a.defaultValue : e.value,
|
|
456
|
+
const d = a.value ? a.value : a.defaultValue ? a.defaultValue : e.value, c = {
|
|
457
457
|
...t,
|
|
458
458
|
target: {
|
|
459
459
|
...t.target,
|
|
460
460
|
value: d
|
|
461
461
|
}
|
|
462
462
|
};
|
|
463
|
-
i(
|
|
463
|
+
i(c);
|
|
464
464
|
}, 1);
|
|
465
465
|
}, n);
|
|
466
466
|
}, Zt = ["id", "data-icon", "data-semantic", "data-size", "data-wrap", "data-show-icon-leading"], ee = /* @__PURE__ */ W({
|
|
@@ -482,7 +482,7 @@ const fl = Object.entries(rt).map(([, e]) => e), Xt = {
|
|
|
482
482
|
},
|
|
483
483
|
setup(e) {
|
|
484
484
|
const a = e, i = o(null);
|
|
485
|
-
return (n, t) => (
|
|
485
|
+
return (n, t) => (f(), w("span", {
|
|
486
486
|
ref_key: "_ref",
|
|
487
487
|
ref: i,
|
|
488
488
|
id: e.id ?? e.propOverrides?.id,
|
|
@@ -490,11 +490,11 @@ const fl = Object.entries(rt).map(([, e]) => e), Xt = {
|
|
|
490
490
|
"data-icon": e.icon,
|
|
491
491
|
"data-semantic": e.semantic,
|
|
492
492
|
"data-size": e.size,
|
|
493
|
-
"data-wrap": l(
|
|
494
|
-
"data-show-icon-leading": l(
|
|
493
|
+
"data-wrap": l(F)(e.wrap),
|
|
494
|
+
"data-show-icon-leading": l(F)(e.showIcon ?? !0)
|
|
495
495
|
}, [
|
|
496
|
-
e.text ? (
|
|
497
|
-
D(
|
|
496
|
+
e.text ? (f(), w(X, { key: 0 }, [
|
|
497
|
+
D(I(e.text), 1)
|
|
498
498
|
], 64)) : M(n.$slots, "default", { key: 1 })
|
|
499
499
|
], 10, Zt));
|
|
500
500
|
}
|
|
@@ -541,12 +541,12 @@ const fl = Object.entries(rt).map(([, e]) => e), Xt = {
|
|
|
541
541
|
},
|
|
542
542
|
emits: ["update:checked"],
|
|
543
543
|
setup(e, { emit: a }) {
|
|
544
|
-
const i =
|
|
544
|
+
const i = me(), n = a, t = e, d = o(!1), c = o(void 0), r = o(void 0), v = o(void 0), m = o(void 0), p = o(void 0), S = o(void 0), $ = o(""), g = o(void 0), h = o(null);
|
|
545
545
|
ae(() => {
|
|
546
|
-
d.value = !0, j(),
|
|
546
|
+
d.value = !0, j(), p.value = t.invalidMessage || _;
|
|
547
547
|
}), be(() => {
|
|
548
|
-
|
|
549
|
-
}),
|
|
548
|
+
g.value?.abort();
|
|
549
|
+
}), T(
|
|
550
550
|
() => [t.id, t.propOverrides?.id],
|
|
551
551
|
() => {
|
|
552
552
|
(t.id ?? t.propOverrides?.id) && j();
|
|
@@ -555,60 +555,60 @@ const fl = Object.entries(rt).map(([, e]) => e), Xt = {
|
|
|
555
555
|
immediate: !0,
|
|
556
556
|
flush: "post"
|
|
557
557
|
}
|
|
558
|
-
),
|
|
559
|
-
() => [
|
|
558
|
+
), T(
|
|
559
|
+
() => [h.value, t.invalidMessage],
|
|
560
560
|
() => {
|
|
561
|
-
|
|
561
|
+
p.value = t.invalidMessage || h.value?.validationMessage || _;
|
|
562
562
|
},
|
|
563
563
|
{
|
|
564
564
|
immediate: !0,
|
|
565
565
|
flush: "post"
|
|
566
566
|
}
|
|
567
|
-
),
|
|
568
|
-
() => [
|
|
567
|
+
), T(
|
|
568
|
+
() => [c.value],
|
|
569
569
|
() => {
|
|
570
|
-
if (
|
|
571
|
-
const A =
|
|
572
|
-
|
|
570
|
+
if (c.value) {
|
|
571
|
+
const A = c.value + ve;
|
|
572
|
+
r.value = A, v.value = c.value + fe, m.value = c.value + he, te(t.message, t.showMessage) && (S.value = A), s();
|
|
573
573
|
}
|
|
574
574
|
},
|
|
575
575
|
{
|
|
576
576
|
immediate: !0,
|
|
577
577
|
flush: "post"
|
|
578
578
|
}
|
|
579
|
-
),
|
|
580
|
-
() => [d.value,
|
|
579
|
+
), T(
|
|
580
|
+
() => [d.value, h.value, t.indeterminate],
|
|
581
581
|
() => {
|
|
582
|
-
|
|
582
|
+
h.value && t.indeterminate !== void 0 && (h.value.indeterminate = !!V(t.indeterminate));
|
|
583
583
|
},
|
|
584
584
|
{
|
|
585
585
|
immediate: !0,
|
|
586
586
|
flush: "post"
|
|
587
587
|
}
|
|
588
|
-
),
|
|
589
|
-
() => [d.value,
|
|
588
|
+
), T(
|
|
589
|
+
() => [d.value, h.value, t.checked],
|
|
590
590
|
() => {
|
|
591
|
-
d.value &&
|
|
591
|
+
d.value && h.value && (t.checked != null && (h.value.checked = !!V(t.checked)), d.value = !1);
|
|
592
592
|
},
|
|
593
593
|
{
|
|
594
594
|
immediate: !0,
|
|
595
595
|
flush: "post"
|
|
596
596
|
}
|
|
597
|
-
),
|
|
598
|
-
() => [
|
|
597
|
+
), T(
|
|
598
|
+
() => [h.value],
|
|
599
599
|
() => {
|
|
600
|
-
if (
|
|
601
|
-
let
|
|
602
|
-
|
|
603
|
-
|
|
600
|
+
if (h.value) {
|
|
601
|
+
let L = g.value;
|
|
602
|
+
L || (L = new AbortController(), g.value = L), ct(
|
|
603
|
+
h.value,
|
|
604
604
|
{
|
|
605
605
|
checked: t.checked,
|
|
606
606
|
defaultChecked: void 0
|
|
607
607
|
},
|
|
608
608
|
(O) => {
|
|
609
|
-
|
|
609
|
+
y(O);
|
|
610
610
|
},
|
|
611
|
-
|
|
611
|
+
L.signal
|
|
612
612
|
);
|
|
613
613
|
}
|
|
614
614
|
},
|
|
@@ -617,86 +617,86 @@ const fl = Object.entries(rt).map(([, e]) => e), Xt = {
|
|
|
617
617
|
flush: "post"
|
|
618
618
|
}
|
|
619
619
|
);
|
|
620
|
-
function
|
|
620
|
+
function b() {
|
|
621
621
|
return !!(t.validMessage ?? t.validation === "valid");
|
|
622
622
|
}
|
|
623
623
|
function s() {
|
|
624
|
-
!
|
|
624
|
+
!h.value?.validity.valid || t.validation === "invalid" ? (S.value = m.value, p.value = t.invalidMessage || h.value?.validationMessage || _, re() && ($.value = p.value, J(() => $.value = "", 1e3))) : b() && h.value?.validity.valid && t.required ? (S.value = v.value, re() && ($.value = t.validMessage ?? ce, J(() => $.value = "", 1e3))) : te(t.message, t.showMessage) ? S.value = r.value : S.value = void 0;
|
|
625
625
|
}
|
|
626
|
-
function
|
|
626
|
+
function y(A, L) {
|
|
627
627
|
t.onChange && t.onChange(A), ue(n, A, "checked"), s();
|
|
628
628
|
}
|
|
629
|
-
function
|
|
629
|
+
function k(A) {
|
|
630
630
|
t.onBlur && t.onBlur(A);
|
|
631
631
|
}
|
|
632
|
-
function
|
|
632
|
+
function B(A) {
|
|
633
633
|
t.onFocus && t.onFocus(A);
|
|
634
634
|
}
|
|
635
635
|
function j() {
|
|
636
636
|
const A = t.id ?? t.propOverrides?.id ?? `checkbox-${i}`;
|
|
637
|
-
|
|
637
|
+
c.value = A, r.value = A + ve, v.value = A + fe, m.value = A + he;
|
|
638
638
|
}
|
|
639
|
-
return (A,
|
|
639
|
+
return (A, L) => (f(), w("div", {
|
|
640
640
|
class: U(l(G)("db-checkbox", t.class)),
|
|
641
641
|
"data-size": e.size,
|
|
642
642
|
"data-hide-asterisk": l(de)(e.showRequiredAsterisk),
|
|
643
643
|
"data-hide-label": l(de)(e.showLabel)
|
|
644
644
|
}, [
|
|
645
|
-
E("label", { for:
|
|
645
|
+
E("label", { for: c.value }, [
|
|
646
646
|
E("input", {
|
|
647
647
|
type: "checkbox",
|
|
648
648
|
"aria-invalid": e.validation === "invalid",
|
|
649
649
|
"data-custom-validity": e.validation,
|
|
650
650
|
ref_key: "_ref",
|
|
651
|
-
ref:
|
|
652
|
-
id:
|
|
651
|
+
ref: h,
|
|
652
|
+
id: c.value,
|
|
653
653
|
name: e.name,
|
|
654
654
|
checked: l(V)(e.checked, "checked"),
|
|
655
655
|
disabled: l(V)(e.disabled, "disabled"),
|
|
656
656
|
value: e.value,
|
|
657
657
|
required: l(V)(e.required, "required"),
|
|
658
|
-
onChange:
|
|
659
|
-
onBlur:
|
|
660
|
-
onFocus:
|
|
661
|
-
"aria-describedby": e.ariaDescribedBy ??
|
|
658
|
+
onChange: L[0] || (L[0] = async (O) => y(O)),
|
|
659
|
+
onBlur: L[1] || (L[1] = async (O) => k(O)),
|
|
660
|
+
onFocus: L[2] || (L[2] = async (O) => B(O)),
|
|
661
|
+
"aria-describedby": e.ariaDescribedBy ?? S.value
|
|
662
662
|
}, null, 40, ta),
|
|
663
|
-
e.label ? (
|
|
664
|
-
D(
|
|
663
|
+
e.label ? (f(), w(X, { key: 0 }, [
|
|
664
|
+
D(I(e.label), 1)
|
|
665
665
|
], 64)) : M(A.$slots, "default", { key: 1 })
|
|
666
666
|
], 8, ea),
|
|
667
|
-
l(te)(e.message, e.showMessage) ? (
|
|
667
|
+
l(te)(e.message, e.showMessage) ? (f(), Q(ee, {
|
|
668
668
|
key: 0,
|
|
669
669
|
size: "small",
|
|
670
670
|
icon: e.messageIcon,
|
|
671
|
-
id:
|
|
671
|
+
id: r.value
|
|
672
672
|
}, {
|
|
673
673
|
default: H(() => [
|
|
674
|
-
D(
|
|
674
|
+
D(I(e.message), 1)
|
|
675
675
|
]),
|
|
676
676
|
_: 1
|
|
677
677
|
}, 8, ["icon", "id"])) : P("", !0),
|
|
678
|
-
|
|
678
|
+
b() ? (f(), Q(ee, {
|
|
679
679
|
key: 1,
|
|
680
680
|
size: "small",
|
|
681
681
|
semantic: "successful",
|
|
682
|
-
id:
|
|
682
|
+
id: v.value
|
|
683
683
|
}, {
|
|
684
684
|
default: H(() => [
|
|
685
|
-
D(
|
|
685
|
+
D(I(e.validMessage || l(ce)), 1)
|
|
686
686
|
]),
|
|
687
687
|
_: 1
|
|
688
688
|
}, 8, ["id"])) : P("", !0),
|
|
689
689
|
le(ee, {
|
|
690
690
|
size: "small",
|
|
691
691
|
semantic: "critical",
|
|
692
|
-
id:
|
|
692
|
+
id: m.value
|
|
693
693
|
}, {
|
|
694
694
|
default: H(() => [
|
|
695
|
-
D(
|
|
695
|
+
D(I(p.value), 1)
|
|
696
696
|
]),
|
|
697
697
|
_: 1
|
|
698
698
|
}, 8, ["id"]),
|
|
699
|
-
E("span", aa,
|
|
699
|
+
E("span", aa, I($.value), 1)
|
|
700
700
|
], 10, _t));
|
|
701
701
|
}
|
|
702
702
|
}), ia = ["id", "data-icon", "data-show-icon", "data-icon-trailing", "data-show-icon-trailing", "data-size", "data-width", "data-variant", "data-no-text"], xl = /* @__PURE__ */ W({
|
|
@@ -723,42 +723,42 @@ const fl = Object.entries(rt).map(([, e]) => e), Xt = {
|
|
|
723
723
|
},
|
|
724
724
|
setup(e) {
|
|
725
725
|
const a = e, i = o(null);
|
|
726
|
-
return (n, t) => (
|
|
726
|
+
return (n, t) => (f(), w("div", {
|
|
727
727
|
ref_key: "_ref",
|
|
728
728
|
ref: i,
|
|
729
729
|
id: e.id ?? e.propOverrides?.id,
|
|
730
730
|
class: U(l(G)("db-custom-button", a.class)),
|
|
731
731
|
"data-icon": e.iconLeading ?? e.icon,
|
|
732
|
-
"data-show-icon": l(
|
|
732
|
+
"data-show-icon": l(F)(e.showIconLeading ?? e.showIcon),
|
|
733
733
|
"data-icon-trailing": e.iconTrailing,
|
|
734
|
-
"data-show-icon-trailing": l(
|
|
734
|
+
"data-show-icon-trailing": l(F)(e.showIconTrailing),
|
|
735
735
|
"data-size": e.size,
|
|
736
736
|
"data-width": e.width,
|
|
737
737
|
"data-variant": e.variant,
|
|
738
|
-
"data-no-text": l(
|
|
738
|
+
"data-no-text": l(F)(e.noText)
|
|
739
739
|
}, [
|
|
740
740
|
M(n.$slots, "default")
|
|
741
741
|
], 10, ia));
|
|
742
742
|
}
|
|
743
743
|
});
|
|
744
|
-
class
|
|
744
|
+
class ge {
|
|
745
745
|
static callbacks = {};
|
|
746
746
|
static _instance = null;
|
|
747
747
|
static runCallbacks(a) {
|
|
748
|
-
for (const i of Object.values(
|
|
748
|
+
for (const i of Object.values(ge.callbacks))
|
|
749
749
|
typeof i == "function" && i(a);
|
|
750
750
|
}
|
|
751
751
|
constructor() {
|
|
752
|
-
if (
|
|
753
|
-
return
|
|
754
|
-
|
|
752
|
+
if (ge._instance)
|
|
753
|
+
return ge._instance;
|
|
754
|
+
ge._instance = this, self.document && self.document.addEventListener("click", (a) => ge.runCallbacks(a));
|
|
755
755
|
}
|
|
756
756
|
addCallback(a) {
|
|
757
757
|
const i = Ue();
|
|
758
|
-
return
|
|
758
|
+
return ge.callbacks[i] = a, i;
|
|
759
759
|
}
|
|
760
760
|
removeCallback(a) {
|
|
761
|
-
delete
|
|
761
|
+
delete ge.callbacks[a];
|
|
762
762
|
}
|
|
763
763
|
}
|
|
764
764
|
class se {
|
|
@@ -794,15 +794,15 @@ const la = (e) => {
|
|
|
794
794
|
right: t
|
|
795
795
|
} = e.getBoundingClientRect(), {
|
|
796
796
|
innerHeight: d,
|
|
797
|
-
innerWidth:
|
|
797
|
+
innerWidth: c
|
|
798
798
|
} = window;
|
|
799
|
-
let
|
|
800
|
-
const
|
|
801
|
-
return
|
|
802
|
-
outTop:
|
|
803
|
-
outBottom:
|
|
804
|
-
outLeft:
|
|
805
|
-
outRight:
|
|
799
|
+
let r = a < 0, v = i > d, m = n < 0, p = t > c;
|
|
800
|
+
const S = e.dataset.outsideVy, $ = e.dataset.outsideVx, g = e?.parentElement?.getBoundingClientRect();
|
|
801
|
+
return g && (S && (e.dataset.outsideVy === "top" ? r = g.top - (i - g.bottom) < 0 : v = g.bottom + (g.top - a) > d), $ && (e.dataset.outsideVx === "left" ? m = g.left - (t - g.right) < 0 : p = g.right + (g.left - n) > c)), {
|
|
802
|
+
outTop: r,
|
|
803
|
+
outBottom: v,
|
|
804
|
+
outLeft: m,
|
|
805
|
+
outRight: p
|
|
806
806
|
};
|
|
807
807
|
}, na = (e) => {
|
|
808
808
|
const {
|
|
@@ -824,13 +824,13 @@ const la = (e) => {
|
|
|
824
824
|
top: n,
|
|
825
825
|
bottom: t,
|
|
826
826
|
childHeight: d,
|
|
827
|
-
childWidth:
|
|
828
|
-
width:
|
|
829
|
-
right:
|
|
830
|
-
left:
|
|
831
|
-
correctedPlacement:
|
|
827
|
+
childWidth: c,
|
|
828
|
+
width: r,
|
|
829
|
+
right: v,
|
|
830
|
+
left: m,
|
|
831
|
+
correctedPlacement: p
|
|
832
832
|
} = vt(e, a, i);
|
|
833
|
-
e.dataset.width === "full" && (e.style.inlineSize = `${
|
|
833
|
+
e.dataset.width === "full" && (e.style.inlineSize = `${r}px`), p === "top" || p === "bottom" || p === "top-start" || p === "bottom-start" ? e.style.insetInlineStart = `${m}px` : (p === "top-end" || p === "bottom-end") && (e.style.insetInlineStart = `${v - c}px`), p?.startsWith("top") ? e.style.insetBlockStart = `${n - d}px` : p?.startsWith("bottom") && (e.style.insetBlockStart = `${t}px`), e.style.position = "fixed";
|
|
834
834
|
}, vt = (e, a, i) => {
|
|
835
835
|
if (!e || !a)
|
|
836
836
|
return {
|
|
@@ -849,98 +849,98 @@ const la = (e) => {
|
|
|
849
849
|
const n = e.getBoundingClientRect(), {
|
|
850
850
|
top: t,
|
|
851
851
|
height: d,
|
|
852
|
-
bottom:
|
|
853
|
-
right:
|
|
854
|
-
left:
|
|
855
|
-
width:
|
|
852
|
+
bottom: c,
|
|
853
|
+
right: r,
|
|
854
|
+
left: v,
|
|
855
|
+
width: m
|
|
856
856
|
} = a.getBoundingClientRect(), {
|
|
857
|
-
innerHeight:
|
|
858
|
-
innerWidth:
|
|
857
|
+
innerHeight: p,
|
|
858
|
+
innerWidth: S
|
|
859
859
|
} = window;
|
|
860
|
-
let
|
|
861
|
-
(i === "bottom" || i === "top") && (
|
|
862
|
-
const
|
|
863
|
-
let
|
|
864
|
-
return i.startsWith("bottom") ?
|
|
860
|
+
let $ = n.height, g = n.width;
|
|
861
|
+
(i === "bottom" || i === "top") && (g = g / 2), (i === "left" || i === "right") && ($ = $ / 2);
|
|
862
|
+
const h = c + $ > p, b = t - $ < 0, s = v - g < 0, y = r + g > S;
|
|
863
|
+
let k = i;
|
|
864
|
+
return i.startsWith("bottom") ? h ? (k = i?.replace("bottom", "top"), s && y ? k = "top" : s ? k = "top-start" : y && (k = "top-end")) : s && y ? k = "bottom" : s ? k = "bottom-start" : y && (k = "bottom-end") : i.startsWith("top") ? b ? (k = i?.replace("top", "bottom"), s && y ? k = "bottom" : s ? k = "bottom-start" : y && (k = "bottom-end")) : s && y ? k = "top" : s ? k = "top-start" : y && (k = "top-end") : i.startsWith("left") ? s ? (k = i?.replace("left", "right"), h && b ? k = "right" : h ? k = "right-end" : b && (k = "right-start")) : h && b ? k = "left" : h ? k = "left-end" : b && (k = "left-start") : k.startsWith("right") && (y ? (k = i?.replace("right", "left"), h && b ? k = "left" : h ? k = "left-end" : b && (k = "left-start")) : h && b ? k = "right" : h ? k = "right-end" : b && (k = "right-start")), {
|
|
865
865
|
top: t,
|
|
866
|
-
bottom:
|
|
867
|
-
right:
|
|
866
|
+
bottom: c,
|
|
867
|
+
right: r,
|
|
868
868
|
height: d,
|
|
869
|
-
width:
|
|
870
|
-
left:
|
|
869
|
+
width: m,
|
|
870
|
+
left: v,
|
|
871
871
|
childHeight: n.height,
|
|
872
872
|
childWidth: n.width,
|
|
873
|
-
correctedPlacement:
|
|
874
|
-
innerWidth:
|
|
875
|
-
innerHeight:
|
|
873
|
+
correctedPlacement: k,
|
|
874
|
+
innerWidth: S,
|
|
875
|
+
innerHeight: p
|
|
876
876
|
};
|
|
877
|
-
}, da = 10,
|
|
878
|
-
if (
|
|
879
|
-
return
|
|
877
|
+
}, da = 10, Ne = /* @__PURE__ */ new WeakMap(), sa = (e) => {
|
|
878
|
+
if (Ne.has(e))
|
|
879
|
+
return Ne.get(e);
|
|
880
880
|
let a = e.parentElement, i = 0;
|
|
881
881
|
for (; a && i < da; ) {
|
|
882
882
|
if (a.dataset.correctedPlacement)
|
|
883
|
-
return
|
|
883
|
+
return Ne.set(e, a), a;
|
|
884
884
|
a = a.parentElement, i += 1;
|
|
885
885
|
}
|
|
886
|
-
return
|
|
886
|
+
return Ne.set(e, null), null;
|
|
887
887
|
}, ft = (e, a, i) => {
|
|
888
888
|
if (!e || !a) return;
|
|
889
|
-
const n = getComputedStyle(a), t = ["absolute", "fixed"].includes(n.position), d = sa(e),
|
|
889
|
+
const n = getComputedStyle(a), t = ["absolute", "fixed"].includes(n.position), d = sa(e), c = !d && !t, r = getComputedStyle(e)?.getPropertyValue("--db-popover-distance") ?? "0px";
|
|
890
890
|
let {
|
|
891
|
-
top:
|
|
892
|
-
height:
|
|
893
|
-
width:
|
|
894
|
-
childHeight:
|
|
895
|
-
childWidth:
|
|
896
|
-
right:
|
|
897
|
-
left:
|
|
898
|
-
bottom:
|
|
891
|
+
top: v,
|
|
892
|
+
height: m,
|
|
893
|
+
width: p,
|
|
894
|
+
childHeight: S,
|
|
895
|
+
childWidth: $,
|
|
896
|
+
right: g,
|
|
897
|
+
left: h,
|
|
898
|
+
bottom: b,
|
|
899
899
|
correctedPlacement: s,
|
|
900
|
-
innerWidth:
|
|
901
|
-
innerHeight:
|
|
900
|
+
innerWidth: y,
|
|
901
|
+
innerHeight: k
|
|
902
902
|
} = vt(e, a, i);
|
|
903
903
|
if (d) {
|
|
904
|
-
const
|
|
905
|
-
|
|
904
|
+
const B = d.getBoundingClientRect();
|
|
905
|
+
h = Math.abs(h - B.left), g = (p + Math.abs(g - B.right)) * 1.5, v = Math.abs(v - B.top), b = (m + Math.abs(b - B.bottom)) * 1.5;
|
|
906
906
|
}
|
|
907
|
-
if (t && (
|
|
908
|
-
const
|
|
909
|
-
s.endsWith("start") ? e.style.setProperty("--db-tooltip-arrow-inline-start", `${
|
|
907
|
+
if (t && (h = 0, g = p, v = 0, b = m, ["auto", "inherit", "0"].includes(n.zIndex) && (a.style.zIndex = "1")), $ > p && (s.startsWith("bottom") || s.startsWith("top"))) {
|
|
908
|
+
const B = p / 2 / $ * 100;
|
|
909
|
+
s.endsWith("start") ? e.style.setProperty("--db-tooltip-arrow-inline-start", `${B}%`) : s.endsWith("end") ? e.style.setProperty("--db-tooltip-arrow-inline-start", `${100 - B}%`) : e.style.setProperty("--db-tooltip-arrow-inline-start", "50%");
|
|
910
910
|
}
|
|
911
|
-
if (
|
|
912
|
-
const
|
|
913
|
-
s.endsWith("start") ? e.style.setProperty("--db-tooltip-arrow-block-start", `${
|
|
911
|
+
if (S > m && (s.startsWith("left") || s.startsWith("bottom"))) {
|
|
912
|
+
const B = m / 2 / S * 100;
|
|
913
|
+
s.endsWith("start") ? e.style.setProperty("--db-tooltip-arrow-block-start", `${B}%`) : s.endsWith("end") ? e.style.setProperty("--db-tooltip-arrow-block-start", `${100 - B}%`) : e.style.setProperty("--db-tooltip-arrow-block-start", "50%");
|
|
914
914
|
}
|
|
915
915
|
if (s === "right" || s === "left")
|
|
916
|
-
e.style.insetBlockStart = `${
|
|
916
|
+
e.style.insetBlockStart = `${v + m / 2}px`;
|
|
917
917
|
else if (s === "right-start" || s === "left-start") {
|
|
918
|
-
const
|
|
919
|
-
e.style.insetBlockStart = `${
|
|
918
|
+
const B = v + S;
|
|
919
|
+
e.style.insetBlockStart = `${v}px`, e.style.insetBlockEnd = `${!t && B > k ? k : B}px`;
|
|
920
920
|
} else if (s === "right-end" || s === "left-end") {
|
|
921
|
-
const
|
|
922
|
-
e.style.insetBlockStart = `${!t &&
|
|
921
|
+
const B = b - S;
|
|
922
|
+
e.style.insetBlockStart = `${!t && B < 0 ? 0 : B}px`, e.style.insetBlockEnd = `${b}px`;
|
|
923
923
|
} else if (s === "top" || s === "bottom")
|
|
924
|
-
e.style.insetInlineStart = `${
|
|
924
|
+
e.style.insetInlineStart = `${h + p / 2}px`;
|
|
925
925
|
else if (s === "top-start" || s === "bottom-start") {
|
|
926
|
-
const
|
|
927
|
-
e.style.insetInlineStart = `${
|
|
926
|
+
const B = h + $;
|
|
927
|
+
e.style.insetInlineStart = `${h}px`, e.style.insetInlineEnd = `${!t && B > y ? y : B}px`;
|
|
928
928
|
} else if (s === "top-end" || s === "bottom-end") {
|
|
929
|
-
const
|
|
930
|
-
e.style.insetInlineStart = `${!t &&
|
|
929
|
+
const B = g - $;
|
|
930
|
+
e.style.insetInlineStart = `${!t && B < 0 ? 0 : B}px`, e.style.insetInlineEnd = `${g}px`;
|
|
931
931
|
}
|
|
932
932
|
if (s?.startsWith("right")) {
|
|
933
|
-
const
|
|
934
|
-
e.style.insetInlineStart = `calc(${
|
|
933
|
+
const B = g + $;
|
|
934
|
+
e.style.insetInlineStart = `calc(${g}px + ${r})`, e.style.insetInlineEnd = `calc(${c && B > y ? y : B}px + ${r})`;
|
|
935
935
|
} else if (s?.startsWith("left")) {
|
|
936
|
-
const
|
|
937
|
-
e.style.insetInlineStart = `calc(${
|
|
936
|
+
const B = h - $;
|
|
937
|
+
e.style.insetInlineStart = `calc(${c && B < 0 ? 0 : B}px - ${r})`, e.style.insetInlineEnd = `calc(${g}px - ${r})`;
|
|
938
938
|
} else if (s?.startsWith("top")) {
|
|
939
|
-
const
|
|
940
|
-
e.style.insetBlockStart = `calc(${
|
|
939
|
+
const B = v - S;
|
|
940
|
+
e.style.insetBlockStart = `calc(${c && B < 0 ? 0 : B}px - ${r})`, e.style.insetBlockEnd = `calc(${t ? B : b}px - ${r})`;
|
|
941
941
|
} else if (s?.startsWith("bottom")) {
|
|
942
|
-
const
|
|
943
|
-
e.style.insetBlockStart = `calc(${t ?
|
|
942
|
+
const B = b + S;
|
|
943
|
+
e.style.insetBlockStart = `calc(${t ? B : b}px + ${r})`, e.style.insetBlockEnd = `calc(${c && B > k ? k : B}px + ${r})`;
|
|
944
944
|
}
|
|
945
945
|
e.style.position = "fixed", e.dataset.correctedPlacement = s;
|
|
946
946
|
}, ua = ["id", "data-width"], ra = /* @__PURE__ */ W({
|
|
@@ -957,7 +957,7 @@ const la = (e) => {
|
|
|
957
957
|
},
|
|
958
958
|
setup(e) {
|
|
959
959
|
const a = e, i = o(null);
|
|
960
|
-
return (n, t) => (
|
|
960
|
+
return (n, t) => (f(), w("article", {
|
|
961
961
|
"data-spacing": "none",
|
|
962
962
|
ref_key: "_ref",
|
|
963
963
|
ref: i,
|
|
@@ -995,7 +995,7 @@ const la = (e) => {
|
|
|
995
995
|
emits: ["update:checked"],
|
|
996
996
|
setup(e, { emit: a }) {
|
|
997
997
|
const i = a, n = e, t = o(!1), d = o(null);
|
|
998
|
-
|
|
998
|
+
T(
|
|
999
999
|
() => [n.isGroupTitle, n.showDivider],
|
|
1000
1000
|
() => {
|
|
1001
1001
|
t.value = !!(n.isGroupTitle || n.showDivider);
|
|
@@ -1005,14 +1005,14 @@ const la = (e) => {
|
|
|
1005
1005
|
flush: "post"
|
|
1006
1006
|
}
|
|
1007
1007
|
);
|
|
1008
|
-
function v
|
|
1009
|
-
|
|
1008
|
+
function c(v) {
|
|
1009
|
+
v.stopPropagation(), n.onChange && n.onChange(v), ue(i, v, "checked");
|
|
1010
1010
|
}
|
|
1011
|
-
function
|
|
1011
|
+
function r() {
|
|
1012
1012
|
if (!(n.isGroupTitle || n.type === "checkbox"))
|
|
1013
1013
|
return V(n.checked, "checked") ? "check" : "x_placeholder";
|
|
1014
1014
|
}
|
|
1015
|
-
return (
|
|
1015
|
+
return (v, m) => (f(), w("li", {
|
|
1016
1016
|
ref_key: "_ref",
|
|
1017
1017
|
ref: d,
|
|
1018
1018
|
id: e.id ?? e.propOverrides?.id,
|
|
@@ -1022,13 +1022,13 @@ const la = (e) => {
|
|
|
1022
1022
|
"db-radio": e.type !== "checkbox" && !e.isGroupTitle
|
|
1023
1023
|
})
|
|
1024
1024
|
),
|
|
1025
|
-
"data-divider": l(
|
|
1025
|
+
"data-divider": l(F)(t.value)
|
|
1026
1026
|
}, [
|
|
1027
|
-
e.isGroupTitle ? (
|
|
1027
|
+
e.isGroupTitle ? (f(), w("span", ha, I(e.groupTitle), 1)) : (f(), w("label", {
|
|
1028
1028
|
key: 0,
|
|
1029
1029
|
"data-icon": e.type !== "checkbox" && e.icon ? e.icon : void 0,
|
|
1030
|
-
"data-show-icon": l(
|
|
1031
|
-
"data-icon-trailing":
|
|
1030
|
+
"data-show-icon": l(F)(e.showIcon),
|
|
1031
|
+
"data-icon-trailing": r()
|
|
1032
1032
|
}, [
|
|
1033
1033
|
E("input", {
|
|
1034
1034
|
class: "db-custom-select-list-item-checkbox",
|
|
@@ -1039,11 +1039,11 @@ const la = (e) => {
|
|
|
1039
1039
|
checked: l(V)(e.checked, "checked"),
|
|
1040
1040
|
disabled: l(V)(e.disabled, "disabled"),
|
|
1041
1041
|
value: e.value,
|
|
1042
|
-
onChange:
|
|
1042
|
+
onChange: m[0] || (m[0] = async (p) => c(p))
|
|
1043
1043
|
}, null, 40, fa),
|
|
1044
|
-
e.label ? (
|
|
1045
|
-
D(
|
|
1046
|
-
], 64)) : M(
|
|
1044
|
+
e.label ? (f(), w(X, { key: 0 }, [
|
|
1045
|
+
D(I(e.label), 1)
|
|
1046
|
+
], 64)) : M(v.$slots, "default", { key: 1 })
|
|
1047
1047
|
], 8, va))
|
|
1048
1048
|
], 10, ca));
|
|
1049
1049
|
}
|
|
@@ -1062,7 +1062,7 @@ const la = (e) => {
|
|
|
1062
1062
|
},
|
|
1063
1063
|
setup(e) {
|
|
1064
1064
|
const a = e, i = o(null);
|
|
1065
|
-
return (n, t) => (
|
|
1065
|
+
return (n, t) => (f(), w("div", {
|
|
1066
1066
|
role: e.multiple ? "group" : "radiogroup",
|
|
1067
1067
|
"aria-label": e.label,
|
|
1068
1068
|
ref_key: "_ref",
|
|
@@ -1145,12 +1145,12 @@ const la = (e) => {
|
|
|
1145
1145
|
},
|
|
1146
1146
|
emits: ["update:value"],
|
|
1147
1147
|
setup(e, { emit: a }) {
|
|
1148
|
-
const i =
|
|
1148
|
+
const i = me(), n = a, t = e, d = o(void 0), c = o(void 0), r = o(void 0), v = o(void 0), m = o(void 0), p = o(void 0), S = o(void 0), $ = o(""), g = o(""), h = o(void 0), b = o(null);
|
|
1149
1149
|
ae(() => {
|
|
1150
|
-
O(),
|
|
1150
|
+
O(), m.value = t.invalidMessage || _;
|
|
1151
1151
|
}), be(() => {
|
|
1152
|
-
|
|
1153
|
-
}),
|
|
1152
|
+
h.value?.abort();
|
|
1153
|
+
}), T(
|
|
1154
1154
|
() => [t.id, t.propOverrides?.id],
|
|
1155
1155
|
() => {
|
|
1156
1156
|
(t.id ?? t.propOverrides?.id) && O();
|
|
@@ -1159,49 +1159,49 @@ const la = (e) => {
|
|
|
1159
1159
|
immediate: !0,
|
|
1160
1160
|
flush: "post"
|
|
1161
1161
|
}
|
|
1162
|
-
),
|
|
1163
|
-
() => [
|
|
1162
|
+
), T(
|
|
1163
|
+
() => [b.value, t.invalidMessage],
|
|
1164
1164
|
() => {
|
|
1165
|
-
|
|
1165
|
+
m.value = t.invalidMessage || b.value?.validationMessage || _;
|
|
1166
1166
|
},
|
|
1167
1167
|
{
|
|
1168
1168
|
immediate: !0,
|
|
1169
1169
|
flush: "post"
|
|
1170
1170
|
}
|
|
1171
|
-
),
|
|
1171
|
+
), T(
|
|
1172
1172
|
() => [d.value],
|
|
1173
1173
|
() => {
|
|
1174
1174
|
if (d.value) {
|
|
1175
|
-
const
|
|
1176
|
-
|
|
1175
|
+
const N = d.value + ve;
|
|
1176
|
+
c.value = N, r.value = d.value + fe, v.value = d.value + he, p.value = t.dataListId ?? d.value + at, te(t.message, t.showMessage) && (S.value = N), y();
|
|
1177
1177
|
}
|
|
1178
1178
|
},
|
|
1179
1179
|
{
|
|
1180
1180
|
immediate: !0,
|
|
1181
1181
|
flush: "post"
|
|
1182
1182
|
}
|
|
1183
|
-
),
|
|
1183
|
+
), T(
|
|
1184
1184
|
() => [t.value],
|
|
1185
1185
|
() => {
|
|
1186
|
-
t.value !== void 0 && (
|
|
1186
|
+
t.value !== void 0 && ($.value = t.value);
|
|
1187
1187
|
},
|
|
1188
1188
|
{
|
|
1189
1189
|
immediate: !0,
|
|
1190
1190
|
flush: "post"
|
|
1191
1191
|
}
|
|
1192
|
-
),
|
|
1193
|
-
() => [
|
|
1192
|
+
), T(
|
|
1193
|
+
() => [b.value],
|
|
1194
1194
|
() => {
|
|
1195
|
-
if (
|
|
1196
|
-
let R =
|
|
1197
|
-
R || (R = new AbortController(),
|
|
1198
|
-
|
|
1195
|
+
if (b.value) {
|
|
1196
|
+
let R = h.value;
|
|
1197
|
+
R || (R = new AbortController(), h.value = R), We(
|
|
1198
|
+
b.value,
|
|
1199
1199
|
{
|
|
1200
1200
|
value: t.value,
|
|
1201
1201
|
defaultValue: void 0
|
|
1202
1202
|
},
|
|
1203
1203
|
(z) => {
|
|
1204
|
-
|
|
1204
|
+
B(z), k(z);
|
|
1205
1205
|
},
|
|
1206
1206
|
R.signal
|
|
1207
1207
|
);
|
|
@@ -1215,51 +1215,51 @@ const la = (e) => {
|
|
|
1215
1215
|
function s() {
|
|
1216
1216
|
return !!(t.validMessage ?? t.validation === "valid");
|
|
1217
1217
|
}
|
|
1218
|
-
function
|
|
1219
|
-
!
|
|
1218
|
+
function y() {
|
|
1219
|
+
!b.value?.validity.valid || t.validation === "invalid" ? (S.value = v.value, m.value = t.invalidMessage || b.value?.validationMessage || _, re() && (g.value = m.value, J(() => g.value = "", 1e3))) : s() && b.value?.validity.valid && (t.required || t.minLength || t.maxLength || t.pattern) ? (S.value = r.value, re() && (g.value = t.validMessage ?? ce, J(() => g.value = "", 1e3))) : te(t.message, t.showMessage) ? S.value = c.value : S.value = void 0;
|
|
1220
1220
|
}
|
|
1221
|
-
function
|
|
1222
|
-
t.input && t.input(
|
|
1221
|
+
function k(N, K) {
|
|
1222
|
+
t.input && t.input(N), $.value = N.target.value, t.onInput && t.onInput(N), ue(n, N), y();
|
|
1223
1223
|
}
|
|
1224
|
-
function
|
|
1225
|
-
t.onChange && t.onChange(
|
|
1224
|
+
function B(N, K) {
|
|
1225
|
+
t.onChange && t.onChange(N), ue(n, N), y();
|
|
1226
1226
|
}
|
|
1227
|
-
function j(
|
|
1228
|
-
t.onBlur && t.onBlur(
|
|
1227
|
+
function j(N) {
|
|
1228
|
+
t.onBlur && t.onBlur(N);
|
|
1229
1229
|
}
|
|
1230
|
-
function A(
|
|
1231
|
-
t.onFocus && t.onFocus(
|
|
1230
|
+
function A(N) {
|
|
1231
|
+
t.onFocus && t.onFocus(N);
|
|
1232
1232
|
}
|
|
1233
|
-
function
|
|
1234
|
-
const
|
|
1233
|
+
function L() {
|
|
1234
|
+
const N = t.dataList;
|
|
1235
1235
|
return Array.from(
|
|
1236
|
-
(Ct(
|
|
1236
|
+
(Ct(N) ? N?.map((K) => ({
|
|
1237
1237
|
value: K,
|
|
1238
1238
|
label: void 0
|
|
1239
|
-
})) :
|
|
1239
|
+
})) : N) || []
|
|
1240
1240
|
);
|
|
1241
1241
|
}
|
|
1242
1242
|
function O() {
|
|
1243
|
-
const
|
|
1244
|
-
d.value =
|
|
1243
|
+
const N = t.id ?? t.propOverrides?.id ?? `input-${i}`;
|
|
1244
|
+
d.value = N, c.value = N + ve, r.value = N + fe, v.value = N + he, p.value = N + at;
|
|
1245
1245
|
}
|
|
1246
|
-
return (
|
|
1246
|
+
return (N, K) => (f(), w("div", {
|
|
1247
1247
|
class: U(l(G)("db-input", t.class)),
|
|
1248
1248
|
"data-variant": e.variant,
|
|
1249
1249
|
"data-hide-label": l(de)(e.showLabel),
|
|
1250
|
-
"data-show-icon": l(
|
|
1250
|
+
"data-show-icon": l(F)(e.showIconLeading ?? e.showIcon),
|
|
1251
1251
|
"data-icon": e.iconLeading ?? e.icon,
|
|
1252
1252
|
"data-icon-trailing": e.iconTrailing,
|
|
1253
1253
|
"data-hide-asterisk": l(de)(e.showRequiredAsterisk),
|
|
1254
|
-
"data-show-icon-trailing": l(
|
|
1254
|
+
"data-show-icon-trailing": l(F)(e.showIconTrailing)
|
|
1255
1255
|
}, [
|
|
1256
|
-
E("label", { for: d.value },
|
|
1256
|
+
E("label", { for: d.value }, I(e.label ?? l(pe)), 9, wa),
|
|
1257
1257
|
E("input", {
|
|
1258
1258
|
"aria-invalid": e.validation === "invalid",
|
|
1259
1259
|
"data-custom-validity": e.validation,
|
|
1260
1260
|
"data-field-sizing": e.fieldSizing,
|
|
1261
1261
|
ref_key: "_ref",
|
|
1262
|
-
ref:
|
|
1262
|
+
ref: b,
|
|
1263
1263
|
id: d.value,
|
|
1264
1264
|
name: e.name,
|
|
1265
1265
|
type: e.type || "text",
|
|
@@ -1269,7 +1269,7 @@ const la = (e) => {
|
|
|
1269
1269
|
disabled: l(V)(e.disabled, "disabled"),
|
|
1270
1270
|
required: l(V)(e.required, "required"),
|
|
1271
1271
|
step: l(Dt)(e.step),
|
|
1272
|
-
value: e.value ??
|
|
1272
|
+
value: e.value ?? $.value,
|
|
1273
1273
|
maxLength: l(xe)(e.maxLength, e.maxlength),
|
|
1274
1274
|
minLength: l(xe)(e.minLength, e.minlength),
|
|
1275
1275
|
max: l(Ze)(e.max, e.type),
|
|
@@ -1282,59 +1282,59 @@ const la = (e) => {
|
|
|
1282
1282
|
autoFocus: l(V)(e.autofocus, "autofocus"),
|
|
1283
1283
|
enterKeyHint: e.enterkeyhint,
|
|
1284
1284
|
inputMode: e.inputmode,
|
|
1285
|
-
onInput: K[0] || (K[0] = async (R) =>
|
|
1286
|
-
onChange: K[1] || (K[1] = async (R) =>
|
|
1285
|
+
onInput: K[0] || (K[0] = async (R) => k(R)),
|
|
1286
|
+
onChange: K[1] || (K[1] = async (R) => B(R)),
|
|
1287
1287
|
onBlur: K[2] || (K[2] = async (R) => j(R)),
|
|
1288
1288
|
onFocus: K[3] || (K[3] = async (R) => A(R)),
|
|
1289
|
-
list: e.dataList &&
|
|
1290
|
-
"aria-describedby": e.ariaDescribedBy ??
|
|
1289
|
+
list: e.dataList && p.value,
|
|
1290
|
+
"aria-describedby": e.ariaDescribedBy ?? S.value,
|
|
1291
1291
|
role: ["datetime-local", "date", "time", "week", "month", "color"].includes(
|
|
1292
1292
|
e.type ?? ""
|
|
1293
1293
|
) && l(At)() ? "textbox" : void 0
|
|
1294
1294
|
}, null, 40, ka),
|
|
1295
|
-
e.dataList ? (
|
|
1295
|
+
e.dataList ? (f(), w("datalist", {
|
|
1296
1296
|
key: 0,
|
|
1297
|
-
id:
|
|
1297
|
+
id: p.value
|
|
1298
1298
|
}, [
|
|
1299
|
-
(
|
|
1300
|
-
key:
|
|
1299
|
+
(f(!0), w(X, null, ye(L(), (R) => (f(), w("option", {
|
|
1300
|
+
key: p.value + "-option-" + R.value,
|
|
1301
1301
|
value: R.value
|
|
1302
|
-
},
|
|
1302
|
+
}, I(R.label), 9, Ba))), 128))
|
|
1303
1303
|
], 8, pa)) : P("", !0),
|
|
1304
|
-
M(
|
|
1305
|
-
l(te)(e.message, e.showMessage) ? (
|
|
1304
|
+
M(N.$slots, "default"),
|
|
1305
|
+
l(te)(e.message, e.showMessage) ? (f(), Q(ee, {
|
|
1306
1306
|
key: 1,
|
|
1307
1307
|
size: e.messageSize || "small",
|
|
1308
1308
|
icon: e.messageIcon,
|
|
1309
|
-
id:
|
|
1309
|
+
id: c.value
|
|
1310
1310
|
}, {
|
|
1311
1311
|
default: H(() => [
|
|
1312
|
-
D(
|
|
1312
|
+
D(I(e.message), 1)
|
|
1313
1313
|
]),
|
|
1314
1314
|
_: 1
|
|
1315
1315
|
}, 8, ["size", "icon", "id"])) : P("", !0),
|
|
1316
|
-
s() ? (
|
|
1316
|
+
s() ? (f(), Q(ee, {
|
|
1317
1317
|
key: 2,
|
|
1318
1318
|
semantic: "successful",
|
|
1319
|
-
id:
|
|
1319
|
+
id: r.value,
|
|
1320
1320
|
size: e.validMessageSize || "small"
|
|
1321
1321
|
}, {
|
|
1322
1322
|
default: H(() => [
|
|
1323
|
-
D(
|
|
1323
|
+
D(I(e.validMessage || l(ce)), 1)
|
|
1324
1324
|
]),
|
|
1325
1325
|
_: 1
|
|
1326
1326
|
}, 8, ["id", "size"])) : P("", !0),
|
|
1327
1327
|
le(ee, {
|
|
1328
1328
|
semantic: "critical",
|
|
1329
|
-
id:
|
|
1329
|
+
id: v.value,
|
|
1330
1330
|
size: e.invalidMessageSize || "small"
|
|
1331
1331
|
}, {
|
|
1332
1332
|
default: H(() => [
|
|
1333
|
-
D(
|
|
1333
|
+
D(I(m.value), 1)
|
|
1334
1334
|
]),
|
|
1335
1335
|
_: 1
|
|
1336
1336
|
}, 8, ["id", "size"]),
|
|
1337
|
-
E("span", Sa,
|
|
1337
|
+
E("span", Sa, I(g.value), 1)
|
|
1338
1338
|
], 10, ya));
|
|
1339
1339
|
}
|
|
1340
1340
|
}), La = ["id", "data-emphasis", "data-wrap", "data-animation", "data-delay", "data-width", "data-show-arrow", "data-placement"], ht = /* @__PURE__ */ W({
|
|
@@ -1357,30 +1357,30 @@ const la = (e) => {
|
|
|
1357
1357
|
wrap: { type: [Boolean, String], default: void 0 }
|
|
1358
1358
|
},
|
|
1359
1359
|
setup(e) {
|
|
1360
|
-
const a =
|
|
1360
|
+
const a = me(), i = e, n = o(Pt), t = o(!1), d = o(void 0), c = o(void 0), r = o(null);
|
|
1361
1361
|
ae(() => {
|
|
1362
|
-
|
|
1363
|
-
}),
|
|
1362
|
+
b(), t.value = !0;
|
|
1363
|
+
}), T(
|
|
1364
1364
|
() => [i.id, i.propOverrides?.id],
|
|
1365
1365
|
() => {
|
|
1366
|
-
(i.id ?? i.propOverrides?.id) &&
|
|
1366
|
+
(i.id ?? i.propOverrides?.id) && b();
|
|
1367
1367
|
},
|
|
1368
1368
|
{
|
|
1369
1369
|
immediate: !0,
|
|
1370
1370
|
flush: "post"
|
|
1371
1371
|
}
|
|
1372
|
-
),
|
|
1373
|
-
() => [
|
|
1372
|
+
), T(
|
|
1373
|
+
() => [r.value, t.value, n.value],
|
|
1374
1374
|
() => {
|
|
1375
|
-
if (
|
|
1376
|
-
const s =
|
|
1377
|
-
s && (
|
|
1378
|
-
s.addEventListener(
|
|
1379
|
-
}), s.addEventListener("keydown", (
|
|
1380
|
-
s.addEventListener(
|
|
1381
|
-
}), s.dataset.hasTooltip = "true", i.variant === "label" ? s.setAttribute("aria-labelledby", n.value) : s.setAttribute("aria-describedby", n.value)), typeof window < "u" && "IntersectionObserver" in window && (
|
|
1382
|
-
const
|
|
1383
|
-
|
|
1375
|
+
if (r.value && t.value && n.value) {
|
|
1376
|
+
const s = p();
|
|
1377
|
+
s && (S(s), ["mouseenter", "focusin"].forEach((y) => {
|
|
1378
|
+
s.addEventListener(y, () => h(s));
|
|
1379
|
+
}), s.addEventListener("keydown", (y) => m(y)), ["mouseleave", "focusout"].forEach((y) => {
|
|
1380
|
+
s.addEventListener(y, () => g());
|
|
1381
|
+
}), s.dataset.hasTooltip = "true", i.variant === "label" ? s.setAttribute("aria-labelledby", n.value) : s.setAttribute("aria-describedby", n.value)), typeof window < "u" && "IntersectionObserver" in window && (c.value = new IntersectionObserver((y) => {
|
|
1382
|
+
const k = y.find(({ target: B }) => B === p());
|
|
1383
|
+
k && !k.isIntersecting && m(!1);
|
|
1384
1384
|
})), t.value = !1;
|
|
1385
1385
|
}
|
|
1386
1386
|
},
|
|
@@ -1389,57 +1389,57 @@ const la = (e) => {
|
|
|
1389
1389
|
flush: "post"
|
|
1390
1390
|
}
|
|
1391
1391
|
);
|
|
1392
|
-
function
|
|
1392
|
+
function v(s) {
|
|
1393
1393
|
s.stopPropagation();
|
|
1394
1394
|
}
|
|
1395
|
-
function
|
|
1396
|
-
(!s || s.key === "Escape") &&
|
|
1395
|
+
function m(s) {
|
|
1396
|
+
(!s || s.key === "Escape") && r.value && getComputedStyle(r.value).visibility === "visible" && p().blur();
|
|
1397
1397
|
}
|
|
1398
|
-
function
|
|
1399
|
-
let s =
|
|
1398
|
+
function p() {
|
|
1399
|
+
let s = r.value.parentElement;
|
|
1400
1400
|
return s && s.localName.includes("tooltip") && (s = s.parentElement), s;
|
|
1401
1401
|
}
|
|
1402
|
-
function
|
|
1403
|
-
s &&
|
|
1404
|
-
|
|
1405
|
-
|
|
1402
|
+
function S(s) {
|
|
1403
|
+
s && r.value && J(() => {
|
|
1404
|
+
r.value && ft(
|
|
1405
|
+
r.value,
|
|
1406
1406
|
s,
|
|
1407
1407
|
i.placement ?? "bottom"
|
|
1408
1408
|
);
|
|
1409
1409
|
}, 1);
|
|
1410
1410
|
}
|
|
1411
|
-
function
|
|
1412
|
-
s?.target?.contains && s?.target?.contains(
|
|
1411
|
+
function $(s, y) {
|
|
1412
|
+
s?.target?.contains && s?.target?.contains(r.value) && S(y);
|
|
1413
1413
|
}
|
|
1414
|
-
function
|
|
1414
|
+
function g() {
|
|
1415
1415
|
d.value && new se().removeCallback(
|
|
1416
1416
|
d.value
|
|
1417
|
-
),
|
|
1417
|
+
), c.value?.unobserve(p());
|
|
1418
1418
|
}
|
|
1419
|
-
function
|
|
1419
|
+
function h(s) {
|
|
1420
1420
|
d.value = new se().addCallback(
|
|
1421
|
-
(
|
|
1422
|
-
),
|
|
1421
|
+
(y) => $(y, s)
|
|
1422
|
+
), S(s), c.value?.observe(p());
|
|
1423
1423
|
}
|
|
1424
|
-
function
|
|
1424
|
+
function b() {
|
|
1425
1425
|
n.value = i.id ?? i.propOverrides?.id ?? "tooltip-" + a;
|
|
1426
1426
|
}
|
|
1427
|
-
return (s,
|
|
1427
|
+
return (s, y) => (f(), w("i", {
|
|
1428
1428
|
role: "tooltip",
|
|
1429
1429
|
"aria-hidden": "true",
|
|
1430
1430
|
"data-gap": "true",
|
|
1431
1431
|
ref_key: "_ref",
|
|
1432
|
-
ref:
|
|
1432
|
+
ref: r,
|
|
1433
1433
|
class: U(l(G)("db-tooltip", i.class)),
|
|
1434
1434
|
id: n.value,
|
|
1435
1435
|
"data-emphasis": e.emphasis,
|
|
1436
|
-
"data-wrap": l(
|
|
1437
|
-
"data-animation": l(
|
|
1436
|
+
"data-wrap": l(F)(e.wrap),
|
|
1437
|
+
"data-animation": l(F)(e.animation ?? !0),
|
|
1438
1438
|
"data-delay": e.delay,
|
|
1439
1439
|
"data-width": e.width,
|
|
1440
|
-
"data-show-arrow": l(
|
|
1440
|
+
"data-show-arrow": l(F)(e.showArrow ?? !0),
|
|
1441
1441
|
"data-placement": e.placement,
|
|
1442
|
-
onClick:
|
|
1442
|
+
onClick: y[0] || (y[0] = async (k) => v(k))
|
|
1443
1443
|
}, [
|
|
1444
1444
|
M(s.$slots, "default")
|
|
1445
1445
|
], 10, La));
|
|
@@ -1477,7 +1477,7 @@ const la = (e) => {
|
|
|
1477
1477
|
function t() {
|
|
1478
1478
|
return a.removeButton ? a.removeButton : ot;
|
|
1479
1479
|
}
|
|
1480
|
-
return (d,
|
|
1480
|
+
return (d, c) => (f(), w("div", {
|
|
1481
1481
|
ref_key: "_ref",
|
|
1482
1482
|
ref: i,
|
|
1483
1483
|
id: e.id ?? e.propOverrides?.id,
|
|
@@ -1485,17 +1485,17 @@ const la = (e) => {
|
|
|
1485
1485
|
"data-semantic": e.semantic,
|
|
1486
1486
|
"data-emphasis": e.emphasis,
|
|
1487
1487
|
"data-icon": e.icon,
|
|
1488
|
-
"data-show-check-state": l(
|
|
1489
|
-
"data-show-icon": l(
|
|
1490
|
-
"data-no-text": l(
|
|
1491
|
-
"data-overflow": l(
|
|
1488
|
+
"data-show-check-state": l(F)(e.showCheckState ?? !0),
|
|
1489
|
+
"data-show-icon": l(F)(e.showIcon),
|
|
1490
|
+
"data-no-text": l(F)(e.noText),
|
|
1491
|
+
"data-overflow": l(F)(e.overflow)
|
|
1492
1492
|
}, [
|
|
1493
1493
|
M(d.$slots, "content"),
|
|
1494
1494
|
M(d.$slots, "default"),
|
|
1495
|
-
e.text ? (
|
|
1496
|
-
D(
|
|
1495
|
+
e.text ? (f(), w(X, { key: 0 }, [
|
|
1496
|
+
D(I(e.text), 1)
|
|
1497
1497
|
], 64)) : P("", !0),
|
|
1498
|
-
e.behavior === "removable" ? (
|
|
1498
|
+
e.behavior === "removable" ? (f(), w("button", {
|
|
1499
1499
|
key: 1,
|
|
1500
1500
|
class: "db-button db-tab-remove-button",
|
|
1501
1501
|
"data-icon": "cross",
|
|
@@ -1503,18 +1503,18 @@ const la = (e) => {
|
|
|
1503
1503
|
"data-no-text": "true",
|
|
1504
1504
|
"data-variant": "ghost",
|
|
1505
1505
|
type: "button",
|
|
1506
|
-
onClick:
|
|
1506
|
+
onClick: c[0] || (c[0] = async (r) => n(r))
|
|
1507
1507
|
}, [
|
|
1508
1508
|
le(ht, { variant: "label" }, {
|
|
1509
1509
|
default: H(() => [
|
|
1510
|
-
D(
|
|
1510
|
+
D(I(t()), 1)
|
|
1511
1511
|
]),
|
|
1512
1512
|
_: 1
|
|
1513
1513
|
})
|
|
1514
1514
|
])) : P("", !0)
|
|
1515
1515
|
], 10, xa));
|
|
1516
1516
|
}
|
|
1517
|
-
}), $a = ["id", "aria-invalid", "data-custom-validity", "data-width", "data-variant", "data-required", "data-hide-asterisk", "data-placement", "data-selected-type", "data-hide-label", "data-icon", "data-show-icon"], Ca = ["id"], Ea = ["id", "form", "name", "data-custom-validity", "multiple", "disabled", "required"], Aa = ["disabled", "value"], Da = ["open"], Ma = ["id", "aria-disabled", "tabIndex", "aria-labelledby"],
|
|
1517
|
+
}), $a = ["id", "aria-invalid", "data-custom-validity", "data-width", "data-variant", "data-required", "data-hide-asterisk", "data-placement", "data-selected-type", "data-hide-label", "data-icon", "data-show-icon"], Ca = ["id"], Ea = ["id", "form", "name", "data-custom-validity", "multiple", "disabled", "required"], Aa = ["disabled", "value"], Da = ["open"], Ma = ["id", "aria-disabled", "tabIndex", "aria-labelledby"], Na = ["data-visually-hidden", "id"], Fa = {
|
|
1518
1518
|
key: 0,
|
|
1519
1519
|
"data-visually-hidden": "true"
|
|
1520
1520
|
}, Oa = { key: 1 }, Ra = { key: 0 }, za = { key: 0 }, Pa = { class: "db-checkbox db-custom-select-list-item" }, Va = ["form", "checked"], qa = ["aria-hidden", "id"], Ua = {
|
|
@@ -1588,17 +1588,17 @@ const la = (e) => {
|
|
|
1588
1588
|
},
|
|
1589
1589
|
emits: ["update:values"],
|
|
1590
1590
|
setup(e, { emit: a }) {
|
|
1591
|
-
const i =
|
|
1591
|
+
const i = me(), n = a, t = e, d = o(void 0), c = o(void 0), r = o(void 0), v = o(void 0), m = o(void 0), p = o(void 0), S = o(void 0), $ = o(void 0), g = o(void 0), h = o(void 0), b = o("no-validation"), s = o(!1), y = o(void 0), k = o(void 0), B = o(""), j = o(void 0), A = o(""), L = o([]), O = o(!1), N = o(!1), K = o(0), R = o([]), z = o([]), Z = o(!1), Y = o(void 0), Se = o(0), we = o(void 0), $e = o(void 0), Re = o(void 0), ze = o(!1), Ce = o(!1), mt = o(null), q = o(null), oe = o(null), De = o(null), Pe = o(null);
|
|
1592
1592
|
ae(() => {
|
|
1593
|
-
Ye(),
|
|
1593
|
+
Ye(), m.value = t.invalidMessage || _, typeof window < "u" && "IntersectionObserver" in window && ($e.value = new IntersectionObserver((u) => {
|
|
1594
1594
|
if (q.value) {
|
|
1595
|
-
const
|
|
1596
|
-
|
|
1595
|
+
const x = u.find(({ target: C }) => C === q.value);
|
|
1596
|
+
x && !x.isIntersecting && q.value.open && (q.value.open = !1);
|
|
1597
1597
|
}
|
|
1598
1598
|
}));
|
|
1599
1599
|
}), be(() => {
|
|
1600
|
-
|
|
1601
|
-
}),
|
|
1600
|
+
y.value?.abort();
|
|
1601
|
+
}), T(
|
|
1602
1602
|
() => [t.id, t.propOverrides?.id],
|
|
1603
1603
|
() => {
|
|
1604
1604
|
(t.id ?? t.propOverrides?.id) && Ye();
|
|
@@ -1607,38 +1607,38 @@ const la = (e) => {
|
|
|
1607
1607
|
immediate: !0,
|
|
1608
1608
|
flush: "post"
|
|
1609
1609
|
}
|
|
1610
|
-
),
|
|
1610
|
+
), T(
|
|
1611
1611
|
() => [q.value],
|
|
1612
1612
|
() => {
|
|
1613
1613
|
q.value && q.value.addEventListener(
|
|
1614
1614
|
"focusout",
|
|
1615
|
-
(
|
|
1615
|
+
(u) => Ee(u)
|
|
1616
1616
|
);
|
|
1617
1617
|
},
|
|
1618
1618
|
{
|
|
1619
1619
|
immediate: !0,
|
|
1620
1620
|
flush: "post"
|
|
1621
1621
|
}
|
|
1622
|
-
),
|
|
1622
|
+
), T(
|
|
1623
1623
|
() => [d.value],
|
|
1624
1624
|
() => {
|
|
1625
1625
|
if (d.value) {
|
|
1626
|
-
const
|
|
1627
|
-
|
|
1626
|
+
const u = d.value + ve;
|
|
1627
|
+
S.value = d.value + et, p.value = d.value + tt, r.value = d.value + fe, v.value = d.value + he, g.value = d.value + Fe, te(t.message, t.showMessage) ? Te(u) : Te();
|
|
1628
1628
|
}
|
|
1629
1629
|
},
|
|
1630
1630
|
{
|
|
1631
1631
|
immediate: !0,
|
|
1632
1632
|
flush: "post"
|
|
1633
1633
|
}
|
|
1634
|
-
),
|
|
1635
|
-
() => [q.value,
|
|
1634
|
+
), T(
|
|
1635
|
+
() => [q.value, k.value],
|
|
1636
1636
|
() => {
|
|
1637
1637
|
if (q.value) {
|
|
1638
|
-
const
|
|
1639
|
-
|
|
1638
|
+
const u = q.value.querySelector("summary");
|
|
1639
|
+
u && u.setAttribute(
|
|
1640
1640
|
"aria-describedby",
|
|
1641
|
-
t.ariaDescribedBy ?? (
|
|
1641
|
+
t.ariaDescribedBy ?? (k.value || "")
|
|
1642
1642
|
);
|
|
1643
1643
|
}
|
|
1644
1644
|
},
|
|
@@ -1646,7 +1646,7 @@ const la = (e) => {
|
|
|
1646
1646
|
immediate: !0,
|
|
1647
1647
|
flush: "post"
|
|
1648
1648
|
}
|
|
1649
|
-
),
|
|
1649
|
+
), T(
|
|
1650
1650
|
() => [t.showNoResults, t.showLoading, z.value],
|
|
1651
1651
|
() => {
|
|
1652
1652
|
t.showNoResults !== void 0 ? Z.value = t.showNoResults : z.value && (Z.value = z.value.length === 0);
|
|
@@ -1655,7 +1655,7 @@ const la = (e) => {
|
|
|
1655
1655
|
immediate: !0,
|
|
1656
1656
|
flush: "post"
|
|
1657
1657
|
}
|
|
1658
|
-
),
|
|
1658
|
+
), T(
|
|
1659
1659
|
() => [t.showSelectAll, K.value, t.multiple],
|
|
1660
1660
|
() => {
|
|
1661
1661
|
O.value = !!(t.multiple && (t.showSelectAll ?? K.value > 5));
|
|
@@ -1664,26 +1664,26 @@ const la = (e) => {
|
|
|
1664
1664
|
immediate: !0,
|
|
1665
1665
|
flush: "post"
|
|
1666
1666
|
}
|
|
1667
|
-
),
|
|
1667
|
+
), T(
|
|
1668
1668
|
() => [t.showSearch, K.value],
|
|
1669
1669
|
() => {
|
|
1670
|
-
|
|
1670
|
+
N.value = t.showSearch ?? K.value > 9;
|
|
1671
1671
|
},
|
|
1672
1672
|
{
|
|
1673
1673
|
immediate: !0,
|
|
1674
1674
|
flush: "post"
|
|
1675
1675
|
}
|
|
1676
|
-
),
|
|
1676
|
+
), T(
|
|
1677
1677
|
() => [t.values],
|
|
1678
1678
|
() => {
|
|
1679
|
-
const
|
|
1680
|
-
Array.isArray(
|
|
1679
|
+
const u = t.values;
|
|
1680
|
+
Array.isArray(u) ? R.value !== u && (R.value = u) : u == null && R.value?.length !== 0 && (R.value = []);
|
|
1681
1681
|
},
|
|
1682
1682
|
{
|
|
1683
1683
|
immediate: !0,
|
|
1684
1684
|
flush: "post"
|
|
1685
1685
|
}
|
|
1686
|
-
),
|
|
1686
|
+
), T(
|
|
1687
1687
|
() => [R.value, oe.value],
|
|
1688
1688
|
() => {
|
|
1689
1689
|
oe.value && Xe();
|
|
@@ -1692,20 +1692,20 @@ const la = (e) => {
|
|
|
1692
1692
|
immediate: !0,
|
|
1693
1693
|
flush: "post"
|
|
1694
1694
|
}
|
|
1695
|
-
),
|
|
1695
|
+
), T(
|
|
1696
1696
|
() => [oe.value],
|
|
1697
1697
|
() => {
|
|
1698
1698
|
if (oe.value) {
|
|
1699
|
-
let
|
|
1700
|
-
|
|
1701
|
-
const
|
|
1699
|
+
let u = y.value;
|
|
1700
|
+
u || (u = new AbortController(), y.value = u);
|
|
1701
|
+
const x = t.values;
|
|
1702
1702
|
Oe(
|
|
1703
1703
|
oe.value,
|
|
1704
1704
|
() => {
|
|
1705
|
-
const C =
|
|
1705
|
+
const C = x || (oe.value.value ? [oe.value.value] : []);
|
|
1706
1706
|
Le(C), Xe();
|
|
1707
1707
|
},
|
|
1708
|
-
|
|
1708
|
+
u.signal
|
|
1709
1709
|
);
|
|
1710
1710
|
}
|
|
1711
1711
|
},
|
|
@@ -1713,16 +1713,16 @@ const la = (e) => {
|
|
|
1713
1713
|
immediate: !0,
|
|
1714
1714
|
flush: "post"
|
|
1715
1715
|
}
|
|
1716
|
-
),
|
|
1716
|
+
), T(
|
|
1717
1717
|
() => [t.validation],
|
|
1718
1718
|
() => {
|
|
1719
|
-
|
|
1719
|
+
b.value = t.validation;
|
|
1720
1720
|
},
|
|
1721
1721
|
{
|
|
1722
1722
|
immediate: !0,
|
|
1723
1723
|
flush: "post"
|
|
1724
1724
|
}
|
|
1725
|
-
),
|
|
1725
|
+
), T(
|
|
1726
1726
|
() => [R.value, K.value],
|
|
1727
1727
|
() => {
|
|
1728
1728
|
R.value?.length === 0 ? (ze.value = !1, Ce.value = !1) : R.value?.length === K.value ? (Ce.value = !1, ze.value = !0) : R.value && (Ce.value = !0);
|
|
@@ -1731,41 +1731,41 @@ const la = (e) => {
|
|
|
1731
1731
|
immediate: !0,
|
|
1732
1732
|
flush: "post"
|
|
1733
1733
|
}
|
|
1734
|
-
),
|
|
1734
|
+
), T(
|
|
1735
1735
|
() => [t.options],
|
|
1736
1736
|
() => {
|
|
1737
|
-
z.value = t.options, K.value = t.options?.filter((
|
|
1737
|
+
z.value = t.options, K.value = t.options?.filter((u) => !u.isGroupTitle).length ?? 0;
|
|
1738
1738
|
},
|
|
1739
1739
|
{
|
|
1740
1740
|
immediate: !0,
|
|
1741
1741
|
flush: "post"
|
|
1742
1742
|
}
|
|
1743
|
-
),
|
|
1743
|
+
), T(
|
|
1744
1744
|
() => [t.searchValue],
|
|
1745
1745
|
() => {
|
|
1746
1746
|
if (Re.value = t.searchValue, t.searchValue) {
|
|
1747
|
-
const
|
|
1748
|
-
Ke(
|
|
1747
|
+
const u = t.searchValue;
|
|
1748
|
+
Ke(u);
|
|
1749
1749
|
}
|
|
1750
1750
|
},
|
|
1751
1751
|
{
|
|
1752
1752
|
immediate: !0,
|
|
1753
1753
|
flush: "post"
|
|
1754
1754
|
}
|
|
1755
|
-
),
|
|
1755
|
+
), T(
|
|
1756
1756
|
() => [t.options, R.value],
|
|
1757
1757
|
() => {
|
|
1758
|
-
t.options?.length && (
|
|
1759
|
-
(
|
|
1758
|
+
t.options?.length && (L.value = t.options?.filter(
|
|
1759
|
+
(u) => !u.value || !R.value?.includes ? !1 : !u.isGroupTitle && R.value?.includes(u.value)
|
|
1760
1760
|
));
|
|
1761
1761
|
},
|
|
1762
1762
|
{
|
|
1763
1763
|
immediate: !0,
|
|
1764
1764
|
flush: "post"
|
|
1765
1765
|
}
|
|
1766
|
-
),
|
|
1766
|
+
), T(
|
|
1767
1767
|
() => [
|
|
1768
|
-
|
|
1768
|
+
L.value,
|
|
1769
1769
|
t.selectedType,
|
|
1770
1770
|
t.amountText,
|
|
1771
1771
|
t.selectedLabels,
|
|
@@ -1773,33 +1773,33 @@ const la = (e) => {
|
|
|
1773
1773
|
],
|
|
1774
1774
|
() => {
|
|
1775
1775
|
if (t.selectedLabels) {
|
|
1776
|
-
|
|
1776
|
+
B.value = t.selectedLabels;
|
|
1777
1777
|
return;
|
|
1778
1778
|
}
|
|
1779
|
-
if (
|
|
1779
|
+
if (L.value?.length) {
|
|
1780
1780
|
if (t.transformSelectedLabels) {
|
|
1781
|
-
const
|
|
1782
|
-
|
|
1781
|
+
const u = L.value, x = t.transformSelectedLabels;
|
|
1782
|
+
B.value = x(u);
|
|
1783
1783
|
return;
|
|
1784
1784
|
}
|
|
1785
|
-
t.selectedType === "amount" ?
|
|
1785
|
+
t.selectedType === "amount" ? B.value = t.amountText ? t.amountText : `${L.value?.length} ${Ut}` : B.value = L.value?.map((u) => Ie(u)).join(", ");
|
|
1786
1786
|
} else
|
|
1787
|
-
|
|
1787
|
+
B.value = "";
|
|
1788
1788
|
},
|
|
1789
1789
|
{
|
|
1790
1790
|
immediate: !0,
|
|
1791
1791
|
flush: "post"
|
|
1792
1792
|
}
|
|
1793
|
-
),
|
|
1794
|
-
() => [
|
|
1793
|
+
), T(
|
|
1794
|
+
() => [L.value],
|
|
1795
1795
|
() => {
|
|
1796
|
-
t.onAmountChange && t.onAmountChange(
|
|
1796
|
+
t.onAmountChange && t.onAmountChange(L.value?.length ?? 0);
|
|
1797
1797
|
},
|
|
1798
1798
|
{
|
|
1799
1799
|
immediate: !0,
|
|
1800
1800
|
flush: "post"
|
|
1801
1801
|
}
|
|
1802
|
-
),
|
|
1802
|
+
), T(
|
|
1803
1803
|
() => [Ce.value, De.value],
|
|
1804
1804
|
() => {
|
|
1805
1805
|
De.value && (De.value.indeterminate = !!Ce.value);
|
|
@@ -1808,31 +1808,31 @@ const la = (e) => {
|
|
|
1808
1808
|
immediate: !0,
|
|
1809
1809
|
flush: "post"
|
|
1810
1810
|
}
|
|
1811
|
-
),
|
|
1811
|
+
), T(
|
|
1812
1812
|
() => [oe.value, t.invalidMessage],
|
|
1813
1813
|
() => {
|
|
1814
|
-
|
|
1814
|
+
m.value = t.invalidMessage || oe.value?.validationMessage || _;
|
|
1815
1815
|
},
|
|
1816
1816
|
{
|
|
1817
1817
|
immediate: !0,
|
|
1818
1818
|
flush: "post"
|
|
1819
1819
|
}
|
|
1820
1820
|
);
|
|
1821
|
-
function gt(
|
|
1822
|
-
|
|
1821
|
+
function gt(u) {
|
|
1822
|
+
u?.target?.contains && u?.target?.contains(q.value) && Ve();
|
|
1823
1823
|
}
|
|
1824
1824
|
function He() {
|
|
1825
1825
|
return !!(t.validMessage ?? t.validation === "valid");
|
|
1826
1826
|
}
|
|
1827
1827
|
function Xe() {
|
|
1828
|
-
oe.value && (oe.value.value = yt()), !oe.value?.validity.valid || t.validation === "invalid" ? (Te(
|
|
1828
|
+
oe.value && (oe.value.value = yt()), !oe.value?.validity.valid || t.validation === "invalid" ? (Te(v.value), m.value = t.invalidMessage || oe.value?.validationMessage || _, re() && (A.value = m.value, J(() => A.value = "", 1e3)), s.value && (b.value = t.validation ?? "invalid")) : He() && oe.value?.validity.valid && t.required ? (Te(r.value), re() && (A.value = t.validMessage ?? ce, J(() => A.value = "", 1e3)), b.value = t.validation ?? "valid") : te(t.message, t.showMessage) ? (Te(c.value), b.value = t.validation ?? "no-validation") : (Te(g.value), b.value = t.validation ?? "no-validation");
|
|
1829
1829
|
}
|
|
1830
|
-
function bt(
|
|
1831
|
-
t.onDropdownToggle && (
|
|
1832
|
-
(
|
|
1830
|
+
function bt(u) {
|
|
1831
|
+
t.onDropdownToggle && (u.stopPropagation(), t.onDropdownToggle(u)), u.target instanceof HTMLDetailsElement && u.target.open ? (Y.value = new ge().addCallback(
|
|
1832
|
+
(x) => Lt(x)
|
|
1833
1833
|
), we.value = new se().addCallback(
|
|
1834
|
-
(
|
|
1835
|
-
), Ve(), $e.value?.observe(q.value),
|
|
1834
|
+
(x) => gt(x)
|
|
1835
|
+
), Ve(), $e.value?.observe(q.value), u.target.dataset.test || je()) : (Y.value && new ge().removeCallback(
|
|
1836
1836
|
Y.value
|
|
1837
1837
|
), we.value && new se().removeCallback(
|
|
1838
1838
|
we.value
|
|
@@ -1841,51 +1841,51 @@ const la = (e) => {
|
|
|
1841
1841
|
function yt() {
|
|
1842
1842
|
return R.value?.length ? R.value.at(0) ?? "" : "";
|
|
1843
1843
|
}
|
|
1844
|
-
function Te(
|
|
1845
|
-
const
|
|
1846
|
-
|
|
1844
|
+
function Te(u) {
|
|
1845
|
+
const x = [];
|
|
1846
|
+
u && x.push(u), j.value && B.value?.length && x.push(j.value), k.value = x.join(" ");
|
|
1847
1847
|
}
|
|
1848
1848
|
function wt() {
|
|
1849
1849
|
return t.selectAllLabel ?? pe;
|
|
1850
1850
|
}
|
|
1851
|
-
function Ie(
|
|
1852
|
-
return
|
|
1851
|
+
function Ie(u) {
|
|
1852
|
+
return u.label ?? u.value?.toString() ?? "";
|
|
1853
1853
|
}
|
|
1854
|
-
function kt(
|
|
1855
|
-
return
|
|
1854
|
+
function kt(u) {
|
|
1855
|
+
return u && R.value?.includes ? R.value?.includes(u) : !1;
|
|
1856
1856
|
}
|
|
1857
|
-
function pt(
|
|
1858
|
-
const
|
|
1859
|
-
if (
|
|
1860
|
-
const ie = C.findIndex((ne) => ne.value ===
|
|
1861
|
-
if (ie >= 0 && ie <
|
|
1862
|
-
return
|
|
1857
|
+
function pt(u) {
|
|
1858
|
+
const x = t.removeTagsTexts, C = t.options;
|
|
1859
|
+
if (x && C) {
|
|
1860
|
+
const ie = C.findIndex((ne) => ne.value === u.value);
|
|
1861
|
+
if (ie >= 0 && ie < x.length)
|
|
1862
|
+
return x[ie];
|
|
1863
1863
|
}
|
|
1864
|
-
return `${ot} ${Ie(
|
|
1864
|
+
return `${ot} ${Ie(u)}`;
|
|
1865
1865
|
}
|
|
1866
|
-
function Bt(
|
|
1867
|
-
|
|
1866
|
+
function Bt(u, x) {
|
|
1867
|
+
x && x.stopPropagation(), qe(u.value), Ae();
|
|
1868
1868
|
}
|
|
1869
1869
|
function Ve() {
|
|
1870
1870
|
if (q.value) {
|
|
1871
|
-
const
|
|
1872
|
-
|
|
1871
|
+
const u = q.value.querySelector("article");
|
|
1872
|
+
u && J(() => {
|
|
1873
1873
|
oa(
|
|
1874
|
-
|
|
1874
|
+
u,
|
|
1875
1875
|
q.value,
|
|
1876
1876
|
t.placement ?? "bottom"
|
|
1877
1877
|
);
|
|
1878
1878
|
}, 1);
|
|
1879
1879
|
}
|
|
1880
1880
|
}
|
|
1881
|
-
function St(
|
|
1881
|
+
function St(u) {
|
|
1882
1882
|
if (q.value?.open) {
|
|
1883
1883
|
if (self.document) {
|
|
1884
|
-
const
|
|
1885
|
-
if (
|
|
1886
|
-
if (
|
|
1887
|
-
const ie =
|
|
1888
|
-
if (
|
|
1884
|
+
const x = self.document.activeElement;
|
|
1885
|
+
if (x)
|
|
1886
|
+
if (x.getAttribute("type") === "checkbox" || x.getAttribute("type") === "radio") {
|
|
1887
|
+
const ie = x?.closest("li");
|
|
1888
|
+
if (u.key === "ArrowDown" || u.key === "ArrowRight") {
|
|
1889
1889
|
let ne = ie?.nextElementSibling;
|
|
1890
1890
|
for (; ne; ) {
|
|
1891
1891
|
const ke = ne.querySelector("input");
|
|
@@ -1895,7 +1895,7 @@ const la = (e) => {
|
|
|
1895
1895
|
}
|
|
1896
1896
|
ne = ne.nextElementSibling;
|
|
1897
1897
|
}
|
|
1898
|
-
ne || Me(
|
|
1898
|
+
ne || Me(x);
|
|
1899
1899
|
} else {
|
|
1900
1900
|
let ne = ie?.previousElementSibling;
|
|
1901
1901
|
for (; ne; ) {
|
|
@@ -1910,8 +1910,8 @@ const la = (e) => {
|
|
|
1910
1910
|
const ke = q.value.querySelector(
|
|
1911
1911
|
'input[type="checkbox"]'
|
|
1912
1912
|
);
|
|
1913
|
-
if (ke && ke !==
|
|
1914
|
-
Me(
|
|
1913
|
+
if (ke && ke !== x)
|
|
1914
|
+
Me(x);
|
|
1915
1915
|
else {
|
|
1916
1916
|
const Je = _e(q.value);
|
|
1917
1917
|
if (Je)
|
|
@@ -1930,79 +1930,79 @@ const la = (e) => {
|
|
|
1930
1930
|
}
|
|
1931
1931
|
}
|
|
1932
1932
|
} else
|
|
1933
|
-
|
|
1933
|
+
x.getAttribute("type") === "search" && (u.key === "ArrowUp" || u.key === "ArrowLeft") ? (Ee(void 0, !0), Ae()) : Me(x);
|
|
1934
1934
|
}
|
|
1935
|
-
} else (
|
|
1936
|
-
|
|
1935
|
+
} else (u.key === "ArrowDown" || u.key === "ArrowRight") && (Ve(), q.value && (q.value.open = !0), je());
|
|
1936
|
+
u.stopPropagation(), u.preventDefault();
|
|
1937
1937
|
}
|
|
1938
|
-
function It(
|
|
1939
|
-
if (
|
|
1938
|
+
function It(u) {
|
|
1939
|
+
if (u.stopPropagation(), u.key === "Escape" && q.value?.open)
|
|
1940
1940
|
Ee(void 0, !0), Ae();
|
|
1941
|
-
else if (
|
|
1941
|
+
else if (u.key === "Enter" && q.value?.open) {
|
|
1942
1942
|
if (self.document) {
|
|
1943
|
-
const
|
|
1944
|
-
if (["checkbox", "radio"].includes(
|
|
1945
|
-
|
|
1946
|
-
else if (
|
|
1943
|
+
const x = self.document.activeElement;
|
|
1944
|
+
if (["checkbox", "radio"].includes(x.getAttribute("type") || ""))
|
|
1945
|
+
x.click(), u.preventDefault();
|
|
1946
|
+
else if (x.getAttribute("type") === "search") {
|
|
1947
1947
|
const C = z.value?.find(
|
|
1948
1948
|
(ie) => !ie.isGroupTitle && !ie.disabled
|
|
1949
1949
|
);
|
|
1950
|
-
C?.value && (qe(C.value),
|
|
1950
|
+
C?.value && (qe(C.value), u.preventDefault());
|
|
1951
1951
|
}
|
|
1952
1952
|
}
|
|
1953
|
-
} else (
|
|
1953
|
+
} else (u.key === "ArrowDown" || u.key === "ArrowUp" || u.key === "ArrowLeft" || u.key === "ArrowRight") && St(u);
|
|
1954
1954
|
}
|
|
1955
|
-
function Ee(
|
|
1955
|
+
function Ee(u, x) {
|
|
1956
1956
|
if (q.value) {
|
|
1957
|
-
if (
|
|
1957
|
+
if (x)
|
|
1958
1958
|
q.value.open = !1, Ae();
|
|
1959
|
-
else if (q.value.open &&
|
|
1960
|
-
const C =
|
|
1959
|
+
else if (q.value.open && u && u.relatedTarget) {
|
|
1960
|
+
const C = u.relatedTarget;
|
|
1961
1961
|
!q.value.contains(C) && C.localName !== "dialog" && J(() => q.value.open = !1, 1);
|
|
1962
1962
|
}
|
|
1963
1963
|
}
|
|
1964
1964
|
}
|
|
1965
|
-
function Lt(
|
|
1966
|
-
if (
|
|
1967
|
-
const
|
|
1968
|
-
q.value?.open && !q.value.contains(
|
|
1965
|
+
function Lt(u) {
|
|
1966
|
+
if (u) {
|
|
1967
|
+
const x = u.target;
|
|
1968
|
+
q.value?.open && !q.value.contains(x) && (q.value.open = !1);
|
|
1969
1969
|
}
|
|
1970
1970
|
}
|
|
1971
|
-
function Le(
|
|
1972
|
-
(/* @__PURE__ */ new Date()).getTime() - Se.value < 200 || (R.value =
|
|
1971
|
+
function Le(u) {
|
|
1972
|
+
(/* @__PURE__ */ new Date()).getTime() - Se.value < 200 || (R.value = u, s.value = !0, t.onOptionSelected && t.onOptionSelected(u ?? []), ue(
|
|
1973
1973
|
n,
|
|
1974
1974
|
{
|
|
1975
1975
|
target: {
|
|
1976
|
-
values:
|
|
1976
|
+
values: u
|
|
1977
1977
|
}
|
|
1978
1978
|
},
|
|
1979
1979
|
"values"
|
|
1980
1980
|
), Se.value = (/* @__PURE__ */ new Date()).getTime());
|
|
1981
1981
|
}
|
|
1982
|
-
function qe(
|
|
1983
|
-
|
|
1982
|
+
function qe(u) {
|
|
1983
|
+
u && (t.multiple ? R.value?.includes(u) ? Le(R.value.filter((x) => x !== u)) : Le([...R.value || [], u]) : (Le([u]), Ee(void 0, !0)));
|
|
1984
1984
|
}
|
|
1985
|
-
function xt(
|
|
1986
|
-
if (
|
|
1985
|
+
function xt(u) {
|
|
1986
|
+
if (u.stopPropagation(), R.value?.length === K.value)
|
|
1987
1987
|
Le([]);
|
|
1988
1988
|
else {
|
|
1989
|
-
const
|
|
1989
|
+
const x = N.value && Pe.value ? Pe.value.value : void 0;
|
|
1990
1990
|
Le(
|
|
1991
1991
|
t.options ? t.options.filter(
|
|
1992
|
-
(C) => !C.isGroupTitle && (!
|
|
1992
|
+
(C) => !C.isGroupTitle && (!x || C.value?.toLowerCase().includes(x.toLowerCase()))
|
|
1993
1993
|
).map((C) => C.value ?? "") : []
|
|
1994
1994
|
);
|
|
1995
1995
|
}
|
|
1996
1996
|
}
|
|
1997
|
-
function Me(
|
|
1997
|
+
function Me(u) {
|
|
1998
1998
|
if (q.value) {
|
|
1999
|
-
const
|
|
1999
|
+
const x = Array.from(
|
|
2000
2000
|
q.value.querySelectorAll(
|
|
2001
2001
|
'input[type="checkbox"],input[type="radio"]'
|
|
2002
2002
|
)
|
|
2003
2003
|
);
|
|
2004
|
-
if (
|
|
2005
|
-
const C =
|
|
2004
|
+
if (x.length) {
|
|
2005
|
+
const C = x.at(0), ie = C === u && x.length > 1 ? x.at(1) : C;
|
|
2006
2006
|
ie && J(() => {
|
|
2007
2007
|
ie.focus();
|
|
2008
2008
|
}, 1);
|
|
@@ -2011,108 +2011,108 @@ const la = (e) => {
|
|
|
2011
2011
|
}
|
|
2012
2012
|
function je() {
|
|
2013
2013
|
if (q.value) {
|
|
2014
|
-
const
|
|
2015
|
-
|
|
2016
|
-
|
|
2014
|
+
const u = _e(q.value);
|
|
2015
|
+
u ? J(() => {
|
|
2016
|
+
u.focus();
|
|
2017
2017
|
}, 1) : Me();
|
|
2018
2018
|
}
|
|
2019
2019
|
}
|
|
2020
|
-
function Ke(
|
|
2021
|
-
if (
|
|
2020
|
+
function Ke(u) {
|
|
2021
|
+
if (u === void 0)
|
|
2022
2022
|
return;
|
|
2023
|
-
let
|
|
2024
|
-
if (typeof
|
|
2025
|
-
|
|
2023
|
+
let x;
|
|
2024
|
+
if (typeof u == "string")
|
|
2025
|
+
x = u;
|
|
2026
2026
|
else {
|
|
2027
|
-
const C =
|
|
2028
|
-
C.stopPropagation(), t.onSearch && t.onSearch(C),
|
|
2027
|
+
const C = u;
|
|
2028
|
+
C.stopPropagation(), t.onSearch && t.onSearch(C), x = C.target.value, Re.value = x;
|
|
2029
2029
|
}
|
|
2030
|
-
!t.options || !
|
|
2031
|
-
(C) => t.searchFilter(C,
|
|
2030
|
+
!t.options || !x || x.length === 0 ? z.value = t.options : t.searchFilter ? z.value = t.options.filter(
|
|
2031
|
+
(C) => t.searchFilter(C, x)
|
|
2032
2032
|
) : z.value = t.options.filter(
|
|
2033
|
-
(C) => !C.isGroupTitle && Ie(C).toLowerCase().includes(
|
|
2033
|
+
(C) => !C.isGroupTitle && Ie(C).toLowerCase().includes(x.toLowerCase())
|
|
2034
2034
|
);
|
|
2035
2035
|
}
|
|
2036
|
-
function Tt(
|
|
2037
|
-
|
|
2036
|
+
function Tt(u) {
|
|
2037
|
+
u.stopPropagation(), Le([]), Ae();
|
|
2038
2038
|
}
|
|
2039
2039
|
function Ae() {
|
|
2040
2040
|
q.value && q.value.querySelector("summary")?.focus();
|
|
2041
2041
|
}
|
|
2042
2042
|
function Ye() {
|
|
2043
|
-
const
|
|
2044
|
-
d.value =
|
|
2043
|
+
const u = t.id ?? t.propOverrides?.id ?? `custom-select-${i}`;
|
|
2044
|
+
d.value = u, c.value = u + ve, r.value = u + fe, v.value = u + he, p.value = u + tt, S.value = u + et, $.value = u + "-summary", g.value = u + Fe, j.value = u + "-selected-labels", h.value = u + "-info";
|
|
2045
2045
|
}
|
|
2046
|
-
function $t(
|
|
2047
|
-
|
|
2046
|
+
function $t(u) {
|
|
2047
|
+
u.stopPropagation();
|
|
2048
2048
|
}
|
|
2049
|
-
return (
|
|
2049
|
+
return (u, x) => (f(), w("div", {
|
|
2050
2050
|
id: d.value,
|
|
2051
2051
|
ref_key: "_ref",
|
|
2052
2052
|
ref: mt,
|
|
2053
2053
|
class: U(l(G)("db-custom-select", t.class)),
|
|
2054
|
-
"aria-invalid":
|
|
2055
|
-
"data-custom-validity":
|
|
2054
|
+
"aria-invalid": b.value === "invalid",
|
|
2055
|
+
"data-custom-validity": b.value,
|
|
2056
2056
|
"data-width": e.formFieldWidth,
|
|
2057
2057
|
"data-variant": e.variant === "floating" && e.selectedType === "tag" && e.multiple ? "above" : e.variant,
|
|
2058
|
-
"data-required": l(
|
|
2058
|
+
"data-required": l(F)(e.required),
|
|
2059
2059
|
"data-hide-asterisk": l(de)(e.showRequiredAsterisk),
|
|
2060
2060
|
"data-placement": e.placement,
|
|
2061
2061
|
"data-selected-type": e.multiple ? e.selectedType : "text",
|
|
2062
2062
|
"data-hide-label": l(de)(e.showLabel),
|
|
2063
2063
|
"data-icon": e.icon,
|
|
2064
|
-
"data-show-icon": l(
|
|
2064
|
+
"data-show-icon": l(F)(e.showIcon)
|
|
2065
2065
|
}, [
|
|
2066
|
-
E("label", { id:
|
|
2067
|
-
D(
|
|
2066
|
+
E("label", { id: S.value }, [
|
|
2067
|
+
D(I(e.label ?? l(pe)), 1),
|
|
2068
2068
|
E("select", {
|
|
2069
2069
|
role: "none",
|
|
2070
2070
|
hidden: !0,
|
|
2071
|
-
id:
|
|
2071
|
+
id: p.value,
|
|
2072
2072
|
tabIndex: -1,
|
|
2073
2073
|
ref_key: "selectRef",
|
|
2074
2074
|
ref: oe,
|
|
2075
2075
|
form: e.form,
|
|
2076
2076
|
name: e.name,
|
|
2077
|
-
"data-custom-validity":
|
|
2077
|
+
"data-custom-validity": b.value,
|
|
2078
2078
|
multiple: l(V)(e.multiple, "multiple"),
|
|
2079
2079
|
disabled: l(V)(e.disabled, "disabled"),
|
|
2080
2080
|
required: l(V)(e.required, "required"),
|
|
2081
|
-
onChange:
|
|
2081
|
+
onChange: x[0] || (x[0] = async (C) => $t(C))
|
|
2082
2082
|
}, [
|
|
2083
|
-
e.options?.length ? (
|
|
2083
|
+
e.options?.length ? (f(!0), w(X, { key: 0 }, ye(e.options, (C, ie) => (f(), w("option", {
|
|
2084
2084
|
key: ie,
|
|
2085
2085
|
disabled: C.disabled,
|
|
2086
2086
|
value: C.value
|
|
2087
|
-
},
|
|
2087
|
+
}, I(Ie(C)), 9, Aa))), 128)) : P("", !0)
|
|
2088
2088
|
], 40, Ea)
|
|
2089
2089
|
], 8, Ca),
|
|
2090
2090
|
E("details", {
|
|
2091
2091
|
ref_key: "detailsRef",
|
|
2092
2092
|
ref: q,
|
|
2093
2093
|
open: e.open,
|
|
2094
|
-
onToggle:
|
|
2095
|
-
onKeydown:
|
|
2094
|
+
onToggle: x[2] || (x[2] = async (C) => bt(C)),
|
|
2095
|
+
onKeydown: x[3] || (x[3] = async (C) => It(C))
|
|
2096
2096
|
}, [
|
|
2097
|
-
M(
|
|
2098
|
-
e.options ? (
|
|
2097
|
+
M(u.$slots, "default"),
|
|
2098
|
+
e.options ? (f(), w(X, { key: 0 }, [
|
|
2099
2099
|
E("summary", {
|
|
2100
2100
|
class: "db-custom-select-form-field",
|
|
2101
|
-
id:
|
|
2102
|
-
"aria-disabled": l(
|
|
2101
|
+
id: $.value,
|
|
2102
|
+
"aria-disabled": l(F)(e.disabled),
|
|
2103
2103
|
tabIndex: e.disabled ? -1 : void 0,
|
|
2104
|
-
"aria-labelledby":
|
|
2104
|
+
"aria-labelledby": S.value
|
|
2105
2105
|
}, [
|
|
2106
|
-
|
|
2106
|
+
B.value?.length ? (f(), w("span", {
|
|
2107
2107
|
key: 0,
|
|
2108
|
-
"data-visually-hidden": l(
|
|
2108
|
+
"data-visually-hidden": l(F)(e.selectedType === "tag"),
|
|
2109
2109
|
id: j.value
|
|
2110
2110
|
}, [
|
|
2111
|
-
e.selectedPrefix ? (
|
|
2112
|
-
D(" " +
|
|
2113
|
-
], 8,
|
|
2114
|
-
e.selectedType === "tag" ? (
|
|
2115
|
-
(
|
|
2111
|
+
e.selectedPrefix ? (f(), w("span", Fa, I(e.selectedPrefix), 1)) : P("", !0),
|
|
2112
|
+
D(" " + I(B.value), 1)
|
|
2113
|
+
], 8, Na)) : P("", !0),
|
|
2114
|
+
e.selectedType === "tag" ? (f(), w("div", Oa, [
|
|
2115
|
+
(f(!0), w(X, null, ye(L.value, (C, ie) => (f(), Q(Ta, {
|
|
2116
2116
|
key: ie,
|
|
2117
2117
|
emphasis: "strong",
|
|
2118
2118
|
behavior: "removable",
|
|
@@ -2120,7 +2120,7 @@ const la = (e) => {
|
|
|
2120
2120
|
onRemove: (ne) => Bt(C, ne)
|
|
2121
2121
|
}, {
|
|
2122
2122
|
default: H(() => [
|
|
2123
|
-
D(
|
|
2123
|
+
D(I(Ie(C)), 1)
|
|
2124
2124
|
]),
|
|
2125
2125
|
_: 2
|
|
2126
2126
|
}, 1032, ["removeButton", "onRemove"]))), 128))
|
|
@@ -2128,7 +2128,7 @@ const la = (e) => {
|
|
|
2128
2128
|
], 8, Ma),
|
|
2129
2129
|
le(ra, { width: e.dropdownWidth }, {
|
|
2130
2130
|
default: H(() => [
|
|
2131
|
-
|
|
2131
|
+
N.value ? (f(), w("div", Ra, [
|
|
2132
2132
|
le(Ia, {
|
|
2133
2133
|
type: "search",
|
|
2134
2134
|
ref_key: "searchInputRef",
|
|
@@ -2139,22 +2139,22 @@ const la = (e) => {
|
|
|
2139
2139
|
value: Re.value,
|
|
2140
2140
|
label: e.searchLabel ?? l(pe),
|
|
2141
2141
|
placeholder: e.searchPlaceholder ?? e.searchLabel,
|
|
2142
|
-
ariaDescribedBy: Z.value || e.showLoading ?
|
|
2142
|
+
ariaDescribedBy: Z.value || e.showLoading ? h.value : void 0,
|
|
2143
2143
|
onInput: (C) => Ke(C)
|
|
2144
2144
|
}, null, 8, ["name", "form", "value", "label", "placeholder", "ariaDescribedBy", "onInput"])
|
|
2145
2145
|
])) : P("", !0),
|
|
2146
|
-
Z.value || e.showLoading ? (
|
|
2146
|
+
Z.value || e.showLoading ? (f(), Q(ee, {
|
|
2147
2147
|
key: 1,
|
|
2148
|
-
id:
|
|
2148
|
+
id: h.value,
|
|
2149
2149
|
icon: e.showLoading ? "circular_arrows" : void 0,
|
|
2150
2150
|
semantic: e.showLoading ? "informational" : "warning"
|
|
2151
2151
|
}, {
|
|
2152
2152
|
default: H(() => [
|
|
2153
|
-
D(
|
|
2153
|
+
D(I((e.showLoading ? e.loadingText : e.noResultsText) ?? l(Vt)), 1)
|
|
2154
2154
|
]),
|
|
2155
2155
|
_: 1
|
|
2156
|
-
}, 8, ["id", "icon", "semantic"])) : (
|
|
2157
|
-
O.value ? (
|
|
2156
|
+
}, 8, ["id", "icon", "semantic"])) : (f(), w(X, { key: 2 }, [
|
|
2157
|
+
O.value ? (f(), w("div", za, [
|
|
2158
2158
|
E("div", Pa, [
|
|
2159
2159
|
E("label", null, [
|
|
2160
2160
|
E("input", {
|
|
@@ -2164,9 +2164,9 @@ const la = (e) => {
|
|
|
2164
2164
|
ref: De,
|
|
2165
2165
|
form: d.value,
|
|
2166
2166
|
checked: ze.value,
|
|
2167
|
-
onChange:
|
|
2167
|
+
onChange: x[1] || (x[1] = async (C) => xt(C))
|
|
2168
2168
|
}, null, 40, Va),
|
|
2169
|
-
D(
|
|
2169
|
+
D(I(wt()), 1)
|
|
2170
2170
|
])
|
|
2171
2171
|
])
|
|
2172
2172
|
])) : P("", !0),
|
|
@@ -2175,7 +2175,7 @@ const la = (e) => {
|
|
|
2175
2175
|
label: e.listLabel ?? e.label ?? l(pe)
|
|
2176
2176
|
}, {
|
|
2177
2177
|
default: H(() => [
|
|
2178
|
-
(
|
|
2178
|
+
(f(!0), w(X, null, ye(z.value, (C, ie) => (f(), Q(ma, {
|
|
2179
2179
|
key: ie,
|
|
2180
2180
|
type: e.multiple ? "checkbox" : "radio",
|
|
2181
2181
|
showDivider: C.showDivider,
|
|
@@ -2189,8 +2189,8 @@ const la = (e) => {
|
|
|
2189
2189
|
onChange: (ne) => qe(C.value)
|
|
2190
2190
|
}, {
|
|
2191
2191
|
default: H(() => [
|
|
2192
|
-
C.isGroupTitle ? P("", !0) : (
|
|
2193
|
-
D(
|
|
2192
|
+
C.isGroupTitle ? P("", !0) : (f(), w(X, { key: 0 }, [
|
|
2193
|
+
D(I(Ie(C)), 1)
|
|
2194
2194
|
], 64))
|
|
2195
2195
|
]),
|
|
2196
2196
|
_: 2
|
|
@@ -2210,7 +2210,7 @@ const la = (e) => {
|
|
|
2210
2210
|
onClick: (C) => Ee(void 0, !0)
|
|
2211
2211
|
}, {
|
|
2212
2212
|
default: H(() => [
|
|
2213
|
-
D(
|
|
2213
|
+
D(I(e.mobileCloseButtonText ?? l(Ge)), 1)
|
|
2214
2214
|
]),
|
|
2215
2215
|
_: 1
|
|
2216
2216
|
}, 8, ["name", "form", "onClick"])
|
|
@@ -2220,7 +2220,7 @@ const la = (e) => {
|
|
|
2220
2220
|
}, 8, ["width"])
|
|
2221
2221
|
], 64)) : P("", !0)
|
|
2222
2222
|
], 40, Da),
|
|
2223
|
-
(e.showClearSelection ?? !0) && R.value?.length ? (
|
|
2223
|
+
(e.showClearSelection ?? !0) && R.value?.length ? (f(), Q(Be, {
|
|
2224
2224
|
key: 0,
|
|
2225
2225
|
icon: "cross",
|
|
2226
2226
|
variant: "ghost",
|
|
@@ -2232,10 +2232,10 @@ const la = (e) => {
|
|
|
2232
2232
|
onClick: (C) => Tt(C)
|
|
2233
2233
|
}, {
|
|
2234
2234
|
default: H(() => [
|
|
2235
|
-
D(
|
|
2235
|
+
D(I(e.clearSelectionText), 1),
|
|
2236
2236
|
le(ht, { placement: "top" }, {
|
|
2237
2237
|
default: H(() => [
|
|
2238
|
-
D(
|
|
2238
|
+
D(I(e.clearSelectionText), 1)
|
|
2239
2239
|
]),
|
|
2240
2240
|
_: 1
|
|
2241
2241
|
})
|
|
@@ -2244,42 +2244,42 @@ const la = (e) => {
|
|
|
2244
2244
|
}, 8, ["name", "form", "disabled", "onClick"])) : P("", !0),
|
|
2245
2245
|
E("span", {
|
|
2246
2246
|
class: "db-custom-select-placeholder",
|
|
2247
|
-
"aria-hidden": l(
|
|
2248
|
-
id:
|
|
2249
|
-
},
|
|
2250
|
-
l(te)(e.message, e.showMessage) ? (
|
|
2247
|
+
"aria-hidden": l(F)(!0),
|
|
2248
|
+
id: g.value
|
|
2249
|
+
}, I(e.placeholder ?? e.label), 9, qa),
|
|
2250
|
+
l(te)(e.message, e.showMessage) ? (f(), Q(ee, {
|
|
2251
2251
|
key: 1,
|
|
2252
2252
|
size: "small",
|
|
2253
2253
|
icon: e.messageIcon,
|
|
2254
|
-
id:
|
|
2254
|
+
id: c.value
|
|
2255
2255
|
}, {
|
|
2256
2256
|
default: H(() => [
|
|
2257
|
-
D(
|
|
2257
|
+
D(I(e.message), 1)
|
|
2258
2258
|
]),
|
|
2259
2259
|
_: 1
|
|
2260
2260
|
}, 8, ["icon", "id"])) : P("", !0),
|
|
2261
|
-
He() ? (
|
|
2261
|
+
He() ? (f(), Q(ee, {
|
|
2262
2262
|
key: 2,
|
|
2263
2263
|
size: "small",
|
|
2264
2264
|
semantic: "successful",
|
|
2265
|
-
id:
|
|
2265
|
+
id: r.value
|
|
2266
2266
|
}, {
|
|
2267
2267
|
default: H(() => [
|
|
2268
|
-
D(
|
|
2268
|
+
D(I(e.validMessage || l(ce)), 1)
|
|
2269
2269
|
]),
|
|
2270
2270
|
_: 1
|
|
2271
2271
|
}, 8, ["id"])) : P("", !0),
|
|
2272
2272
|
le(ee, {
|
|
2273
2273
|
size: "small",
|
|
2274
2274
|
semantic: "critical",
|
|
2275
|
-
id:
|
|
2275
|
+
id: v.value
|
|
2276
2276
|
}, {
|
|
2277
2277
|
default: H(() => [
|
|
2278
|
-
D(
|
|
2278
|
+
D(I(m.value), 1)
|
|
2279
2279
|
]),
|
|
2280
2280
|
_: 1
|
|
2281
2281
|
}, 8, ["id"]),
|
|
2282
|
-
E("span", Ua,
|
|
2282
|
+
E("span", Ua, I(A.value), 1)
|
|
2283
2283
|
], 10, $a));
|
|
2284
2284
|
}
|
|
2285
2285
|
}), $l = ["fixed", "auto", "full"], Ga = ["id"], Cl = /* @__PURE__ */ W({
|
|
@@ -2295,7 +2295,7 @@ const la = (e) => {
|
|
|
2295
2295
|
},
|
|
2296
2296
|
setup(e) {
|
|
2297
2297
|
const a = e, i = o(null);
|
|
2298
|
-
return (n, t) => (
|
|
2298
|
+
return (n, t) => (f(), w("summary", {
|
|
2299
2299
|
ref_key: "_ref",
|
|
2300
2300
|
ref: i,
|
|
2301
2301
|
id: e.id ?? e.propOverrides?.id,
|
|
@@ -2321,7 +2321,7 @@ const la = (e) => {
|
|
|
2321
2321
|
},
|
|
2322
2322
|
setup(e) {
|
|
2323
2323
|
const a = e, i = o(null);
|
|
2324
|
-
return (n, t) => (
|
|
2324
|
+
return (n, t) => (f(), w("div", {
|
|
2325
2325
|
ref_key: "_ref",
|
|
2326
2326
|
ref: i,
|
|
2327
2327
|
id: e.id ?? e.propOverrides?.id,
|
|
@@ -2332,7 +2332,7 @@ const la = (e) => {
|
|
|
2332
2332
|
class: U(l(G)("db-divider", a.class))
|
|
2333
2333
|
}, null, 10, Wa));
|
|
2334
2334
|
}
|
|
2335
|
-
}), Ml = ["none", "_"],
|
|
2335
|
+
}), Ml = ["none", "_"], Nl = ["horizontal", "vertical"], Ha = ["id", "data-position", "data-backdrop", "data-direction", "data-variant"], Xa = ["data-spacing", "data-width", "data-direction", "data-rounded"], ja = { class: "db-drawer-header" }, Ka = { class: "db-drawer-header-text" }, Ya = { class: "db-drawer-content" }, Ja = /* @__PURE__ */ W({
|
|
2336
2336
|
name: "DBDrawer",
|
|
2337
2337
|
__name: "drawer",
|
|
2338
2338
|
props: {
|
|
@@ -2359,22 +2359,22 @@ const la = (e) => {
|
|
|
2359
2359
|
setup(e) {
|
|
2360
2360
|
const a = e, i = o(!1), n = o(null), t = o(null);
|
|
2361
2361
|
ae(() => {
|
|
2362
|
-
|
|
2363
|
-
}),
|
|
2362
|
+
c(), i.value = !0;
|
|
2363
|
+
}), T(
|
|
2364
2364
|
() => [a.open],
|
|
2365
2365
|
() => {
|
|
2366
|
-
|
|
2366
|
+
c();
|
|
2367
2367
|
},
|
|
2368
2368
|
{
|
|
2369
2369
|
immediate: !0,
|
|
2370
2370
|
flush: "post"
|
|
2371
2371
|
}
|
|
2372
|
-
),
|
|
2372
|
+
), T(
|
|
2373
2373
|
() => [n.value, i.value, a.position],
|
|
2374
2374
|
() => {
|
|
2375
2375
|
if (n.value && i.value && a.position === "absolute") {
|
|
2376
|
-
const
|
|
2377
|
-
|
|
2376
|
+
const v = n.value.parentElement;
|
|
2377
|
+
v && (v.style.position = "relative");
|
|
2378
2378
|
}
|
|
2379
2379
|
},
|
|
2380
2380
|
{
|
|
@@ -2382,28 +2382,28 @@ const la = (e) => {
|
|
|
2382
2382
|
flush: "post"
|
|
2383
2383
|
}
|
|
2384
2384
|
);
|
|
2385
|
-
function d(
|
|
2386
|
-
|
|
2385
|
+
function d(r, v) {
|
|
2386
|
+
r && (Mt(r) ? r.key === "Escape" && (r.preventDefault(), a.onClose && a.onClose(r)) : (v && (r.stopPropagation(), a.onClose && a.onClose(r)), r.target?.nodeName === "DIALOG" && r.type === "click" && a.backdrop !== "none" && a.onClose && a.onClose(r)));
|
|
2387
2387
|
}
|
|
2388
|
-
function
|
|
2388
|
+
function c() {
|
|
2389
2389
|
if (n.value) {
|
|
2390
|
-
const
|
|
2391
|
-
|
|
2390
|
+
const r = !!a.open;
|
|
2391
|
+
r && !n.value.open && (t.value && t.value.removeAttribute(
|
|
2392
2392
|
"data-transition"
|
|
2393
2393
|
), a.position === "absolute" || a.backdrop === "none" || a.variant === "inside" ? n.value.show() : n.value.showModal(), J(() => {
|
|
2394
2394
|
t.value && (t.value.dataset.transition = "open");
|
|
2395
|
-
}, 1)), !
|
|
2395
|
+
}, 1)), !r && n.value.open && (t.value && (t.value.dataset.transition = "close"), J(() => {
|
|
2396
2396
|
n.value?.close();
|
|
2397
2397
|
}, 401));
|
|
2398
2398
|
}
|
|
2399
2399
|
}
|
|
2400
|
-
return (
|
|
2400
|
+
return (r, v) => (f(), w("dialog", {
|
|
2401
2401
|
class: "db-drawer",
|
|
2402
2402
|
id: e.id ?? e.propOverrides?.id,
|
|
2403
2403
|
ref_key: "_ref",
|
|
2404
2404
|
ref: n,
|
|
2405
|
-
onClick:
|
|
2406
|
-
onKeydown:
|
|
2405
|
+
onClick: v[0] || (v[0] = async (m) => d(m)),
|
|
2406
|
+
onKeydown: v[1] || (v[1] = async (m) => d(m)),
|
|
2407
2407
|
"data-position": e.position,
|
|
2408
2408
|
"data-backdrop": e.backdrop,
|
|
2409
2409
|
"data-direction": e.direction,
|
|
@@ -2416,11 +2416,11 @@ const la = (e) => {
|
|
|
2416
2416
|
"data-spacing": e.spacing,
|
|
2417
2417
|
"data-width": e.width,
|
|
2418
2418
|
"data-direction": e.direction,
|
|
2419
|
-
"data-rounded": l(
|
|
2419
|
+
"data-rounded": l(F)(e.rounded)
|
|
2420
2420
|
}, [
|
|
2421
2421
|
E("header", ja, [
|
|
2422
2422
|
E("div", Ka, [
|
|
2423
|
-
M(
|
|
2423
|
+
M(r.$slots, "drawer-header")
|
|
2424
2424
|
]),
|
|
2425
2425
|
le(Be, {
|
|
2426
2426
|
class: "button-close-drawer",
|
|
@@ -2428,21 +2428,21 @@ const la = (e) => {
|
|
|
2428
2428
|
variant: "ghost",
|
|
2429
2429
|
id: e.closeButtonId,
|
|
2430
2430
|
noText: !0,
|
|
2431
|
-
onClick: (
|
|
2431
|
+
onClick: (m) => d(m, !0)
|
|
2432
2432
|
}, {
|
|
2433
2433
|
default: H(() => [
|
|
2434
|
-
D(
|
|
2434
|
+
D(I(e.closeButtonText ?? l(Ge)), 1)
|
|
2435
2435
|
]),
|
|
2436
2436
|
_: 1
|
|
2437
2437
|
}, 8, ["id", "onClick"])
|
|
2438
2438
|
]),
|
|
2439
2439
|
E("div", Ya, [
|
|
2440
|
-
M(
|
|
2440
|
+
M(r.$slots, "default")
|
|
2441
2441
|
])
|
|
2442
2442
|
], 10, Xa)
|
|
2443
2443
|
], 40, Ha));
|
|
2444
2444
|
}
|
|
2445
|
-
}),
|
|
2445
|
+
}), Fl = ["none", "strong", "weak", "invisible"], Ol = ["left", "right", "up", "down"], Rl = ["modal", "inside"], zl = ["fixed", "absolute"], Qa = (e) => {
|
|
2446
2446
|
const {
|
|
2447
2447
|
target: a
|
|
2448
2448
|
} = e;
|
|
@@ -2497,12 +2497,12 @@ class Za {
|
|
|
2497
2497
|
if (!this.triangleData)
|
|
2498
2498
|
return;
|
|
2499
2499
|
if (a === "fill-gap") {
|
|
2500
|
-
const
|
|
2500
|
+
const c = `${this.triangleData.itemRect.height + 2 * this.triangleData.padding}px`, r = `${this.triangleData.parentElementWidth - this.triangleData.padding}px`;
|
|
2501
2501
|
return {
|
|
2502
|
-
lb: `${
|
|
2503
|
-
lt: `${
|
|
2502
|
+
lb: `${r} ${c}`,
|
|
2503
|
+
lt: `${r} 0`,
|
|
2504
2504
|
rt: "100% 0",
|
|
2505
|
-
rb: `100% ${
|
|
2505
|
+
rb: `100% ${c}`
|
|
2506
2506
|
};
|
|
2507
2507
|
}
|
|
2508
2508
|
const i = this.getTriangleTipX(), n = this.getTriangleTipY(), t = `${i}px ${n}px`, d = `${i}px ${n}px`;
|
|
@@ -2548,7 +2548,7 @@ const _a = ["id", "data-width", "data-on-forcing-mobile"], ei = { class: "db-hea
|
|
|
2548
2548
|
const a = e, i = o(!1), n = o(!1), t = o(null);
|
|
2549
2549
|
ae(() => {
|
|
2550
2550
|
i.value = !0;
|
|
2551
|
-
}),
|
|
2551
|
+
}), T(
|
|
2552
2552
|
() => [i.value, t.value],
|
|
2553
2553
|
() => {
|
|
2554
2554
|
i.value && t.value && a.forceMobile && (it(t.value, {
|
|
@@ -2561,14 +2561,14 @@ const _a = ["id", "data-width", "data-on-forcing-mobile"], ei = { class: "db-hea
|
|
|
2561
2561
|
flush: "post"
|
|
2562
2562
|
}
|
|
2563
2563
|
);
|
|
2564
|
-
function d(
|
|
2565
|
-
const
|
|
2566
|
-
a.onToggle && a.onToggle(
|
|
2564
|
+
function d(r) {
|
|
2565
|
+
const v = !V(a.drawerOpen, "drawerOpen");
|
|
2566
|
+
a.onToggle && a.onToggle(v);
|
|
2567
2567
|
}
|
|
2568
|
-
function
|
|
2569
|
-
Qa(
|
|
2568
|
+
function c(r) {
|
|
2569
|
+
Qa(r) && d();
|
|
2570
2570
|
}
|
|
2571
|
-
return (
|
|
2571
|
+
return (r, v) => (f(), w("header", {
|
|
2572
2572
|
ref_key: "_ref",
|
|
2573
2573
|
ref: t,
|
|
2574
2574
|
class: U(l(G)("db-header", a.class)),
|
|
@@ -2583,39 +2583,39 @@ const _a = ["id", "data-width", "data-on-forcing-mobile"], ei = { class: "db-hea
|
|
|
2583
2583
|
closeButtonId: e.closeButtonId,
|
|
2584
2584
|
closeButtonText: e.closeButtonText,
|
|
2585
2585
|
open: l(V)(e.drawerOpen),
|
|
2586
|
-
onClose: (
|
|
2586
|
+
onClose: (m) => d()
|
|
2587
2587
|
}, {
|
|
2588
2588
|
default: H(() => [
|
|
2589
2589
|
E("div", ei, [
|
|
2590
2590
|
E("div", {
|
|
2591
2591
|
class: "db-header-navigation",
|
|
2592
|
-
onClick:
|
|
2592
|
+
onClick: v[0] || (v[0] = async (m) => c(m))
|
|
2593
2593
|
}, [
|
|
2594
|
-
M(
|
|
2594
|
+
M(r.$slots, "default")
|
|
2595
2595
|
]),
|
|
2596
2596
|
E("div", ti, [
|
|
2597
|
-
M(
|
|
2597
|
+
M(r.$slots, "meta-navigation")
|
|
2598
2598
|
])
|
|
2599
2599
|
]),
|
|
2600
2600
|
E("div", ai, [
|
|
2601
|
-
M(
|
|
2601
|
+
M(r.$slots, "secondary-action")
|
|
2602
2602
|
])
|
|
2603
2603
|
]),
|
|
2604
2604
|
_: 3
|
|
2605
2605
|
}, 8, ["closeButtonId", "closeButtonText", "open", "onClose"]),
|
|
2606
2606
|
E("div", ii, [
|
|
2607
|
-
M(
|
|
2607
|
+
M(r.$slots, "meta-navigation")
|
|
2608
2608
|
]),
|
|
2609
2609
|
E("div", li, [
|
|
2610
2610
|
E("div", ni, [
|
|
2611
|
-
M(
|
|
2611
|
+
M(r.$slots, "brand")
|
|
2612
2612
|
]),
|
|
2613
2613
|
E("div", oi, [
|
|
2614
2614
|
E("div", di, [
|
|
2615
|
-
M(
|
|
2615
|
+
M(r.$slots, "default")
|
|
2616
2616
|
]),
|
|
2617
2617
|
E("div", si, [
|
|
2618
|
-
M(
|
|
2618
|
+
M(r.$slots, "primary-action")
|
|
2619
2619
|
])
|
|
2620
2620
|
]),
|
|
2621
2621
|
E("div", ui, [
|
|
@@ -2624,16 +2624,16 @@ const _a = ["id", "data-width", "data-on-forcing-mobile"], ei = { class: "db-hea
|
|
|
2624
2624
|
icon: "menu",
|
|
2625
2625
|
variant: "ghost",
|
|
2626
2626
|
noText: !0,
|
|
2627
|
-
onClick: (
|
|
2627
|
+
onClick: (m) => d()
|
|
2628
2628
|
}, {
|
|
2629
2629
|
default: H(() => [
|
|
2630
|
-
D(
|
|
2630
|
+
D(I(e.burgerMenuLabel ?? l(Gt)), 1)
|
|
2631
2631
|
]),
|
|
2632
2632
|
_: 1
|
|
2633
2633
|
}, 8, ["onClick"])
|
|
2634
2634
|
]),
|
|
2635
2635
|
E("div", ci, [
|
|
2636
|
-
M(
|
|
2636
|
+
M(r.$slots, "secondary-action")
|
|
2637
2637
|
])
|
|
2638
2638
|
])
|
|
2639
2639
|
])
|
|
@@ -2656,7 +2656,7 @@ const _a = ["id", "data-width", "data-on-forcing-mobile"], ei = { class: "db-hea
|
|
|
2656
2656
|
},
|
|
2657
2657
|
setup(e) {
|
|
2658
2658
|
const a = e, i = o(null);
|
|
2659
|
-
return (n, t) => (
|
|
2659
|
+
return (n, t) => (f(), w("span", {
|
|
2660
2660
|
"aria-hidden": "true",
|
|
2661
2661
|
ref_key: "_ref",
|
|
2662
2662
|
ref: i,
|
|
@@ -2666,8 +2666,8 @@ const _a = ["id", "data-width", "data-on-forcing-mobile"], ei = { class: "db-hea
|
|
|
2666
2666
|
"data-icon-weight": e.weight,
|
|
2667
2667
|
"data-icon-variant": e.variant
|
|
2668
2668
|
}, [
|
|
2669
|
-
e.text ? (
|
|
2670
|
-
D(
|
|
2669
|
+
e.text ? (f(), w(X, { key: 0 }, [
|
|
2670
|
+
D(I(e.text), 1)
|
|
2671
2671
|
], 64)) : M(n.$slots, "default", { key: 1 })
|
|
2672
2672
|
], 10, vi));
|
|
2673
2673
|
}
|
|
@@ -2722,7 +2722,7 @@ const _a = ["id", "data-width", "data-on-forcing-mobile"], ei = { class: "db-hea
|
|
|
2722
2722
|
function n(t) {
|
|
2723
2723
|
a.onClick && a.onClick(t);
|
|
2724
2724
|
}
|
|
2725
|
-
return (t, d) => (
|
|
2725
|
+
return (t, d) => (f(), w("a", {
|
|
2726
2726
|
ref_key: "_ref",
|
|
2727
2727
|
ref: i,
|
|
2728
2728
|
id: e.id ?? e.propOverrides?.id,
|
|
@@ -2733,17 +2733,17 @@ const _a = ["id", "data-width", "data-on-forcing-mobile"], ei = { class: "db-hea
|
|
|
2733
2733
|
role: e.role,
|
|
2734
2734
|
referrerPolicy: e.referrerpolicy ?? e.referrerPolicy,
|
|
2735
2735
|
hrefLang: e.hreflang,
|
|
2736
|
-
"aria-disabled": l(
|
|
2736
|
+
"aria-disabled": l(F)(e.disabled),
|
|
2737
2737
|
tabIndex: e.disabled ? -1 : 0,
|
|
2738
2738
|
"data-size": e.size,
|
|
2739
|
-
"data-show-icon-trailing": l(
|
|
2739
|
+
"data-show-icon-trailing": l(F)(e.showIcon ?? !0),
|
|
2740
2740
|
"data-variant": e.variant,
|
|
2741
2741
|
"data-content": e.content || "internal",
|
|
2742
|
-
"data-wrap": l(
|
|
2743
|
-
onClick: d[0] || (d[0] = async (
|
|
2742
|
+
"data-wrap": l(F)(e.wrap),
|
|
2743
|
+
onClick: d[0] || (d[0] = async (c) => n(c))
|
|
2744
2744
|
}, [
|
|
2745
|
-
e.text ? (
|
|
2746
|
-
D(
|
|
2745
|
+
e.text ? (f(), w(X, { key: 0 }, [
|
|
2746
|
+
D(I(e.text), 1)
|
|
2747
2747
|
], 64)) : M(t.$slots, "default", { key: 1 })
|
|
2748
2748
|
], 10, fi));
|
|
2749
2749
|
}
|
|
@@ -2760,7 +2760,7 @@ const _a = ["id", "data-width", "data-on-forcing-mobile"], ei = { class: "db-hea
|
|
|
2760
2760
|
},
|
|
2761
2761
|
setup(e) {
|
|
2762
2762
|
const a = e, i = o(null);
|
|
2763
|
-
return (n, t) => (
|
|
2763
|
+
return (n, t) => (f(), w("nav", {
|
|
2764
2764
|
ref_key: "_ref",
|
|
2765
2765
|
ref: i,
|
|
2766
2766
|
id: e.id ?? e.propOverrides?.id,
|
|
@@ -2771,7 +2771,7 @@ const _a = ["id", "data-width", "data-on-forcing-mobile"], ei = { class: "db-hea
|
|
|
2771
2771
|
])
|
|
2772
2772
|
], 10, hi));
|
|
2773
2773
|
}
|
|
2774
|
-
}), mi = ["id", "data-width", "data-icon", "data-show-icon", "data-active", "data-wrap", "aria-disabled"], gi = ["aria-haspopup", "aria-expanded", "disabled"], bi = ["data-force-close"], yi = {
|
|
2774
|
+
}), mi = ["id", "data-width", "data-icon", "data-show-icon", "data-active", "data-wrap", "aria-disabled"], gi = ["id", "aria-haspopup", "aria-expanded", "aria-controls", "disabled"], bi = ["id", "aria-labelledby", "data-force-close"], yi = {
|
|
2775
2775
|
key: 0,
|
|
2776
2776
|
class: "db-mobile-navigation-back"
|
|
2777
2777
|
}, Kl = /* @__PURE__ */ W({
|
|
@@ -2799,14 +2799,16 @@ const _a = ["id", "data-width", "data-on-forcing-mobile"], ei = { class: "db-hea
|
|
|
2799
2799
|
text: { default: void 0 }
|
|
2800
2800
|
},
|
|
2801
2801
|
setup(e) {
|
|
2802
|
-
const a =
|
|
2802
|
+
const a = me(), i = e, n = o(!1), t = o(!1), d = o(!0), c = o(!1), r = o(!1), v = o(void 0), m = o(void 0), p = o(void 0), S = o(null);
|
|
2803
2803
|
ae(() => {
|
|
2804
|
-
|
|
2805
|
-
|
|
2806
|
-
|
|
2804
|
+
n.value = !0;
|
|
2805
|
+
const b = `sub-nav-${i.id ?? a}`;
|
|
2806
|
+
m.value = b, p.value = `${b}-toggle`;
|
|
2807
|
+
}), T(
|
|
2808
|
+
() => [i.subNavigationExpanded],
|
|
2807
2809
|
() => {
|
|
2808
|
-
|
|
2809
|
-
|
|
2810
|
+
i.subNavigationExpanded !== void 0 && (c.value = !!V(
|
|
2811
|
+
i.subNavigationExpanded,
|
|
2810
2812
|
"subNavigationExpanded"
|
|
2811
2813
|
));
|
|
2812
2814
|
},
|
|
@@ -2814,15 +2816,15 @@ const _a = ["id", "data-width", "data-on-forcing-mobile"], ei = { class: "db-hea
|
|
|
2814
2816
|
immediate: !0,
|
|
2815
2817
|
flush: "post"
|
|
2816
2818
|
}
|
|
2817
|
-
),
|
|
2818
|
-
() => [
|
|
2819
|
+
), T(
|
|
2820
|
+
() => [n.value, S.value],
|
|
2819
2821
|
() => {
|
|
2820
|
-
if (
|
|
2821
|
-
const
|
|
2822
|
-
|
|
2823
|
-
|
|
2824
|
-
|
|
2825
|
-
))) :
|
|
2822
|
+
if (n.value && S.value) {
|
|
2823
|
+
const b = S.value.querySelector("menu");
|
|
2824
|
+
b && (b.children?.length > 0 ? (t.value = !0, v.value || (v.value = new Za(
|
|
2825
|
+
S.value,
|
|
2826
|
+
b
|
|
2827
|
+
))) : d.value = !1);
|
|
2826
2828
|
}
|
|
2827
2829
|
},
|
|
2828
2830
|
{
|
|
@@ -2830,68 +2832,72 @@ const _a = ["id", "data-width", "data-on-forcing-mobile"], ei = { class: "db-hea
|
|
|
2830
2832
|
flush: "post"
|
|
2831
2833
|
}
|
|
2832
2834
|
);
|
|
2833
|
-
function
|
|
2834
|
-
|
|
2835
|
-
|
|
2835
|
+
function $(b) {
|
|
2836
|
+
b?.target?.nodeName === "A" && (r.value = !0, J(() => {
|
|
2837
|
+
r.value = !1;
|
|
2836
2838
|
}, 1e3));
|
|
2837
2839
|
}
|
|
2838
|
-
function
|
|
2839
|
-
|
|
2840
|
+
function g(b) {
|
|
2841
|
+
i.onClick && (b.stopPropagation(), i.onClick(b)), t.value && (c.value = !0);
|
|
2840
2842
|
}
|
|
2841
|
-
function
|
|
2842
|
-
|
|
2843
|
+
function h(b) {
|
|
2844
|
+
b.stopPropagation(), c.value = !1;
|
|
2843
2845
|
}
|
|
2844
|
-
return (
|
|
2846
|
+
return (b, s) => (f(), w("li", {
|
|
2845
2847
|
ref_key: "_ref",
|
|
2846
|
-
ref:
|
|
2848
|
+
ref: S,
|
|
2847
2849
|
id: e.id ?? e.propOverrides?.id,
|
|
2848
|
-
onMouseover:
|
|
2849
|
-
onMouseleave:
|
|
2850
|
-
onMousemove:
|
|
2851
|
-
class: U(l(G)("db-navigation-item",
|
|
2850
|
+
onMouseover: s[2] || (s[2] = async (y) => v.value?.enableFollow()),
|
|
2851
|
+
onMouseleave: s[3] || (s[3] = async (y) => v.value?.disableFollow()),
|
|
2852
|
+
onMousemove: s[4] || (s[4] = async (y) => v.value?.followByMouseEvent(y)),
|
|
2853
|
+
class: U(l(G)("db-navigation-item", i.class)),
|
|
2852
2854
|
"data-width": e.width,
|
|
2853
2855
|
"data-icon": e.icon,
|
|
2854
|
-
"data-show-icon": l(
|
|
2856
|
+
"data-show-icon": l(F)(e.showIcon),
|
|
2855
2857
|
"data-active": e.active,
|
|
2856
|
-
"data-wrap": l(
|
|
2857
|
-
"aria-disabled": l(
|
|
2858
|
+
"data-wrap": l(F)(e.wrap),
|
|
2859
|
+
"aria-disabled": l(F)(e.disabled)
|
|
2858
2860
|
}, [
|
|
2859
|
-
|
|
2860
|
-
e.text ? (
|
|
2861
|
-
D(
|
|
2862
|
-
], 64)) : M(
|
|
2861
|
+
d.value ? P("", !0) : (f(), w(X, { key: 0 }, [
|
|
2862
|
+
e.text ? (f(), w(X, { key: 0 }, [
|
|
2863
|
+
D(I(e.text), 1)
|
|
2864
|
+
], 64)) : M(b.$slots, "default", { key: 1 })
|
|
2863
2865
|
], 64)),
|
|
2864
|
-
|
|
2866
|
+
d.value ? (f(), w(X, { key: 1 }, [
|
|
2865
2867
|
E("button", {
|
|
2866
2868
|
class: "db-navigation-item-expand-button",
|
|
2867
|
-
|
|
2868
|
-
"aria-
|
|
2869
|
+
id: p.value,
|
|
2870
|
+
"aria-haspopup": t.value ? "true" : void 0,
|
|
2871
|
+
"aria-expanded": c.value,
|
|
2872
|
+
"aria-controls": m.value,
|
|
2869
2873
|
disabled: l(V)(e.disabled, "disabled"),
|
|
2870
|
-
onClick:
|
|
2874
|
+
onClick: s[0] || (s[0] = async (y) => g(y))
|
|
2871
2875
|
}, [
|
|
2872
|
-
e.text ? (
|
|
2873
|
-
D(
|
|
2874
|
-
], 64)) : M(
|
|
2876
|
+
e.text ? (f(), w(X, { key: 0 }, [
|
|
2877
|
+
D(I(e.text), 1)
|
|
2878
|
+
], 64)) : M(b.$slots, "default", { key: 1 })
|
|
2875
2879
|
], 8, gi),
|
|
2876
2880
|
E("menu", {
|
|
2877
2881
|
class: "db-sub-navigation",
|
|
2878
|
-
|
|
2879
|
-
|
|
2882
|
+
id: m.value,
|
|
2883
|
+
"aria-labelledby": p.value,
|
|
2884
|
+
"data-force-close": r.value,
|
|
2885
|
+
onClick: s[1] || (s[1] = async (y) => $(y))
|
|
2880
2886
|
}, [
|
|
2881
|
-
|
|
2887
|
+
t.value ? (f(), w("div", yi, [
|
|
2882
2888
|
le(Be, {
|
|
2883
2889
|
icon: "arrow_left",
|
|
2884
2890
|
variant: "ghost",
|
|
2885
2891
|
id: e.backButtonId,
|
|
2886
|
-
onClick: (
|
|
2892
|
+
onClick: (y) => h(y)
|
|
2887
2893
|
}, {
|
|
2888
2894
|
default: H(() => [
|
|
2889
|
-
D(
|
|
2895
|
+
D(I(e.backButtonText ?? l(qt)), 1)
|
|
2890
2896
|
]),
|
|
2891
2897
|
_: 1
|
|
2892
2898
|
}, 8, ["id", "onClick"])
|
|
2893
2899
|
])) : P("", !0),
|
|
2894
|
-
M(
|
|
2900
|
+
M(b.$slots, "sub-navigation")
|
|
2895
2901
|
], 8, bi)
|
|
2896
2902
|
], 64)) : P("", !0)
|
|
2897
2903
|
], 42, mi));
|
|
@@ -2931,12 +2937,12 @@ const _a = ["id", "data-width", "data-on-forcing-mobile"], ei = { class: "db-hea
|
|
|
2931
2937
|
function n(t) {
|
|
2932
2938
|
t && (t.stopPropagation(), a.onClose && a.onClose(t));
|
|
2933
2939
|
}
|
|
2934
|
-
return (t, d) => (
|
|
2940
|
+
return (t, d) => (f(), w("div", {
|
|
2935
2941
|
ref_key: "_ref",
|
|
2936
2942
|
ref: i,
|
|
2937
2943
|
id: e.id ?? e.propOverrides?.id,
|
|
2938
2944
|
class: U(l(G)("db-notification", a.class)),
|
|
2939
|
-
role: l(
|
|
2945
|
+
role: l(Nt)({
|
|
2940
2946
|
semantic: e.semantic,
|
|
2941
2947
|
role: e.role,
|
|
2942
2948
|
ariaLive: e.ariaLive
|
|
@@ -2945,29 +2951,29 @@ const _a = ["id", "data-width", "data-on-forcing-mobile"], ei = { class: "db-hea
|
|
|
2945
2951
|
"data-semantic": e.semantic,
|
|
2946
2952
|
"data-variant": e.variant,
|
|
2947
2953
|
"data-icon": l(V)(e.showIcon) !== !1 ? e.icon : void 0,
|
|
2948
|
-
"data-show-icon": l(
|
|
2954
|
+
"data-show-icon": l(F)(e.showIcon),
|
|
2949
2955
|
"data-link-variant": e.linkVariant
|
|
2950
2956
|
}, [
|
|
2951
2957
|
M(t.$slots, "image"),
|
|
2952
|
-
l(te)(e.headline, e.showHeadline) ? (
|
|
2958
|
+
l(te)(e.headline, e.showHeadline) ? (f(), w("header", ki, I(e.headline), 1)) : P("", !0),
|
|
2953
2959
|
E("p", null, [
|
|
2954
|
-
e.text ? (
|
|
2955
|
-
D(
|
|
2960
|
+
e.text ? (f(), w(X, { key: 0 }, [
|
|
2961
|
+
D(I(e.text), 1)
|
|
2956
2962
|
], 64)) : M(t.$slots, "default", { key: 1 })
|
|
2957
2963
|
]),
|
|
2958
|
-
l(te)(e.timestamp, e.showTimestamp) ? (
|
|
2964
|
+
l(te)(e.timestamp, e.showTimestamp) ? (f(), w("span", pi, I(e.timestamp), 1)) : P("", !0),
|
|
2959
2965
|
M(t.$slots, "link"),
|
|
2960
|
-
l(V)(e.closeable, "closeable") ? (
|
|
2966
|
+
l(V)(e.closeable, "closeable") ? (f(), Q(Be, {
|
|
2961
2967
|
key: 2,
|
|
2962
2968
|
icon: "cross",
|
|
2963
2969
|
variant: "ghost",
|
|
2964
2970
|
size: "small",
|
|
2965
2971
|
id: e.closeButtonId,
|
|
2966
2972
|
noText: !0,
|
|
2967
|
-
onClick: (
|
|
2973
|
+
onClick: (c) => n(c)
|
|
2968
2974
|
}, {
|
|
2969
2975
|
default: H(() => [
|
|
2970
|
-
D(
|
|
2976
|
+
D(I(e.closeButtonText ?? l(Ge)), 1)
|
|
2971
2977
|
]),
|
|
2972
2978
|
_: 1
|
|
2973
2979
|
}, 8, ["id", "onClick"])) : P("", !0)
|
|
@@ -2998,14 +3004,14 @@ const _a = ["id", "data-width", "data-on-forcing-mobile"], ei = { class: "db-hea
|
|
|
2998
3004
|
}) : i.value = !0;
|
|
2999
3005
|
}), be(() => {
|
|
3000
3006
|
typeof window < "u" && document.documentElement.classList.contains("db-page-document") && document.documentElement.classList.remove("db-page-document");
|
|
3001
|
-
}), (t, d) => (
|
|
3007
|
+
}), (t, d) => (f(), w("div", {
|
|
3002
3008
|
ref_key: "_ref",
|
|
3003
3009
|
ref: n,
|
|
3004
3010
|
id: e.id ?? e.propOverrides?.id,
|
|
3005
3011
|
class: U(l(G)("db-page", a.class)),
|
|
3006
3012
|
"data-variant": e.variant,
|
|
3007
|
-
"data-fade-in": l(
|
|
3008
|
-
"data-fonts-loaded": l(
|
|
3013
|
+
"data-fade-in": l(F)(e.fadeIn),
|
|
3014
|
+
"data-fonts-loaded": l(F)(i.value)
|
|
3009
3015
|
}, [
|
|
3010
3016
|
M(t.$slots, "header"),
|
|
3011
3017
|
E("main", {
|
|
@@ -3036,25 +3042,25 @@ const _a = ["id", "data-width", "data-on-forcing-mobile"], ei = { class: "db-hea
|
|
|
3036
3042
|
width: { default: void 0 }
|
|
3037
3043
|
},
|
|
3038
3044
|
setup(e) {
|
|
3039
|
-
const a = e, i = o(!1), n = o(!1), t = o(void 0), d = o(void 0),
|
|
3045
|
+
const a = e, i = o(!1), n = o(!1), t = o(void 0), d = o(void 0), c = o(null);
|
|
3040
3046
|
ae(() => {
|
|
3041
3047
|
i.value = !0;
|
|
3042
|
-
}),
|
|
3043
|
-
() => [
|
|
3048
|
+
}), T(
|
|
3049
|
+
() => [c.value, i.value],
|
|
3044
3050
|
() => {
|
|
3045
|
-
if (
|
|
3051
|
+
if (c.value && i.value) {
|
|
3046
3052
|
i.value = !1;
|
|
3047
|
-
const
|
|
3048
|
-
|
|
3053
|
+
const g = $();
|
|
3054
|
+
g && (g.ariaHasPopup = "true"), v(), c.value.addEventListener(
|
|
3049
3055
|
"keydown",
|
|
3050
|
-
(
|
|
3051
|
-
), ["mouseenter", "focusin"].forEach((
|
|
3052
|
-
|
|
3053
|
-
}), ["mouseleave", "focusout"].forEach((
|
|
3054
|
-
|
|
3055
|
-
}), typeof window < "u" && "IntersectionObserver" in window && (d.value = new IntersectionObserver((
|
|
3056
|
-
const
|
|
3057
|
-
|
|
3056
|
+
(h) => r(h)
|
|
3057
|
+
), ["mouseenter", "focusin"].forEach((h) => {
|
|
3058
|
+
c.value.addEventListener(h, () => p());
|
|
3059
|
+
}), ["mouseleave", "focusout"].forEach((h) => {
|
|
3060
|
+
c.value.addEventListener(h, () => S());
|
|
3061
|
+
}), typeof window < "u" && "IntersectionObserver" in window && (d.value = new IntersectionObserver((h) => {
|
|
3062
|
+
const b = h.find(({ target: s }) => s === $());
|
|
3063
|
+
b && !b.isIntersecting && r(!1);
|
|
3058
3064
|
}));
|
|
3059
3065
|
}
|
|
3060
3066
|
},
|
|
@@ -3062,12 +3068,12 @@ const _a = ["id", "data-width", "data-on-forcing-mobile"], ei = { class: "db-hea
|
|
|
3062
3068
|
immediate: !0,
|
|
3063
3069
|
flush: "post"
|
|
3064
3070
|
}
|
|
3065
|
-
),
|
|
3066
|
-
() => [
|
|
3071
|
+
), T(
|
|
3072
|
+
() => [c.value, n.value],
|
|
3067
3073
|
() => {
|
|
3068
|
-
if (
|
|
3069
|
-
const
|
|
3070
|
-
|
|
3074
|
+
if (c.value) {
|
|
3075
|
+
const g = $();
|
|
3076
|
+
g && (g.ariaExpanded = (!!n.value).toString());
|
|
3071
3077
|
}
|
|
3072
3078
|
},
|
|
3073
3079
|
{
|
|
@@ -3075,69 +3081,69 @@ const _a = ["id", "data-width", "data-on-forcing-mobile"], ei = { class: "db-hea
|
|
|
3075
3081
|
flush: "post"
|
|
3076
3082
|
}
|
|
3077
3083
|
);
|
|
3078
|
-
function
|
|
3079
|
-
if (!
|
|
3080
|
-
for (const
|
|
3081
|
-
|
|
3084
|
+
function r(g) {
|
|
3085
|
+
if (!g || g.key === "Escape")
|
|
3086
|
+
for (const h of Array.from(c.value.children))
|
|
3087
|
+
h.blur();
|
|
3082
3088
|
}
|
|
3083
|
-
function
|
|
3084
|
-
if (!
|
|
3085
|
-
const
|
|
3086
|
-
|
|
3089
|
+
function v() {
|
|
3090
|
+
if (!c.value) return;
|
|
3091
|
+
const g = c.value.querySelector("article");
|
|
3092
|
+
g && J(() => {
|
|
3087
3093
|
ft(
|
|
3088
|
-
|
|
3089
|
-
|
|
3094
|
+
g,
|
|
3095
|
+
c.value,
|
|
3090
3096
|
a.placement ?? "bottom"
|
|
3091
3097
|
);
|
|
3092
3098
|
}, 1);
|
|
3093
3099
|
}
|
|
3094
|
-
function g
|
|
3095
|
-
|
|
3100
|
+
function m(g) {
|
|
3101
|
+
g?.target?.contains && g?.target?.contains(c.value) && v();
|
|
3096
3102
|
}
|
|
3097
|
-
function
|
|
3103
|
+
function p() {
|
|
3098
3104
|
n.value = !0, t.value = new se().addCallback(
|
|
3099
|
-
(
|
|
3100
|
-
),
|
|
3101
|
-
const
|
|
3102
|
-
|
|
3105
|
+
(h) => m(h)
|
|
3106
|
+
), v();
|
|
3107
|
+
const g = $();
|
|
3108
|
+
g && d.value?.observe(g);
|
|
3103
3109
|
}
|
|
3104
|
-
function
|
|
3110
|
+
function S(g) {
|
|
3105
3111
|
{
|
|
3106
3112
|
n.value = !1, t.value && new se().removeCallback(
|
|
3107
3113
|
t.value
|
|
3108
3114
|
);
|
|
3109
|
-
const
|
|
3110
|
-
|
|
3115
|
+
const h = $();
|
|
3116
|
+
h && d.value?.unobserve(h);
|
|
3111
3117
|
}
|
|
3112
3118
|
}
|
|
3113
|
-
function
|
|
3114
|
-
if (
|
|
3115
|
-
const
|
|
3116
|
-
if (
|
|
3117
|
-
const
|
|
3118
|
-
return
|
|
3119
|
+
function $() {
|
|
3120
|
+
if (c.value) {
|
|
3121
|
+
const g = Array.from(c.value.children);
|
|
3122
|
+
if (g.length >= 2) {
|
|
3123
|
+
const h = g[0];
|
|
3124
|
+
return h.tagName.includes("-") ? h.children?.length > 0 ? h.children[0] : null : h;
|
|
3119
3125
|
}
|
|
3120
3126
|
}
|
|
3121
3127
|
return null;
|
|
3122
3128
|
}
|
|
3123
|
-
return (
|
|
3129
|
+
return (g, h) => (f(), w("div", {
|
|
3124
3130
|
ref_key: "_ref",
|
|
3125
|
-
ref:
|
|
3131
|
+
ref: c,
|
|
3126
3132
|
id: e.id ?? e.propOverrides?.id,
|
|
3127
3133
|
class: U(l(G)("db-popover", a.class))
|
|
3128
3134
|
}, [
|
|
3129
|
-
M(
|
|
3135
|
+
M(g.$slots, "trigger"),
|
|
3130
3136
|
E("article", {
|
|
3131
3137
|
class: "db-popover-content",
|
|
3132
3138
|
"data-spacing": e.spacing,
|
|
3133
|
-
"data-gap": l(
|
|
3134
|
-
"data-animation": l(
|
|
3135
|
-
"data-open": l(
|
|
3139
|
+
"data-gap": l(F)(e.gap),
|
|
3140
|
+
"data-animation": l(F)(e.animation ?? !0),
|
|
3141
|
+
"data-open": l(F)(e.open),
|
|
3136
3142
|
"data-delay": e.delay,
|
|
3137
3143
|
"data-width": e.width,
|
|
3138
3144
|
"data-placement": e.placement
|
|
3139
3145
|
}, [
|
|
3140
|
-
M(
|
|
3146
|
+
M(g.$slots, "default")
|
|
3141
3147
|
], 8, Ii)
|
|
3142
3148
|
], 10, Si));
|
|
3143
3149
|
}
|
|
@@ -3174,50 +3180,50 @@ const _a = ["id", "data-width", "data-on-forcing-mobile"], ei = { class: "db-hea
|
|
|
3174
3180
|
},
|
|
3175
3181
|
emits: ["update:value"],
|
|
3176
3182
|
setup(e, { emit: a }) {
|
|
3177
|
-
const i =
|
|
3183
|
+
const i = me(), n = a, t = e, d = o(!1), c = o(void 0), r = o(void 0), v = o(null);
|
|
3178
3184
|
ae(() => {
|
|
3179
|
-
d.value = !0,
|
|
3185
|
+
d.value = !0, g();
|
|
3180
3186
|
}), be(() => {
|
|
3181
|
-
|
|
3182
|
-
}),
|
|
3187
|
+
r.value?.abort();
|
|
3188
|
+
}), T(
|
|
3183
3189
|
() => [t.id, t.propOverrides?.id],
|
|
3184
3190
|
() => {
|
|
3185
|
-
(t.id ?? t.propOverrides?.id) &&
|
|
3191
|
+
(t.id ?? t.propOverrides?.id) && g();
|
|
3186
3192
|
},
|
|
3187
3193
|
{
|
|
3188
3194
|
immediate: !0,
|
|
3189
3195
|
flush: "post"
|
|
3190
3196
|
}
|
|
3191
|
-
),
|
|
3192
|
-
() => [d.value,
|
|
3197
|
+
), T(
|
|
3198
|
+
() => [d.value, v.value, t.checked],
|
|
3193
3199
|
() => {
|
|
3194
|
-
t.checked && d.value &&
|
|
3200
|
+
t.checked && d.value && v.value && (v.value.checked = !0);
|
|
3195
3201
|
},
|
|
3196
3202
|
{
|
|
3197
3203
|
immediate: !0,
|
|
3198
3204
|
flush: "post"
|
|
3199
3205
|
}
|
|
3200
|
-
),
|
|
3201
|
-
() => [
|
|
3206
|
+
), T(
|
|
3207
|
+
() => [v.value],
|
|
3202
3208
|
() => {
|
|
3203
|
-
if (
|
|
3204
|
-
let
|
|
3205
|
-
|
|
3206
|
-
|
|
3207
|
-
(
|
|
3209
|
+
if (v.value) {
|
|
3210
|
+
let h = r.value;
|
|
3211
|
+
h || (h = new AbortController(), r.value = h), Oe(
|
|
3212
|
+
v.value,
|
|
3213
|
+
(b) => {
|
|
3208
3214
|
J(() => {
|
|
3209
|
-
const s = t.checked ? t.checked :
|
|
3210
|
-
...
|
|
3215
|
+
const s = t.checked ? t.checked : v.value.checked, y = {
|
|
3216
|
+
...b,
|
|
3211
3217
|
target: {
|
|
3212
|
-
...
|
|
3218
|
+
...b.target,
|
|
3213
3219
|
value: "",
|
|
3214
3220
|
checked: s
|
|
3215
3221
|
}
|
|
3216
3222
|
};
|
|
3217
|
-
|
|
3223
|
+
p(y), m(y);
|
|
3218
3224
|
}, 1);
|
|
3219
3225
|
},
|
|
3220
|
-
|
|
3226
|
+
h.signal
|
|
3221
3227
|
);
|
|
3222
3228
|
}
|
|
3223
3229
|
},
|
|
@@ -3226,48 +3232,48 @@ const _a = ["id", "data-width", "data-on-forcing-mobile"], ei = { class: "db-hea
|
|
|
3226
3232
|
flush: "post"
|
|
3227
3233
|
}
|
|
3228
3234
|
);
|
|
3229
|
-
function
|
|
3230
|
-
t.input && t.input(
|
|
3235
|
+
function m(h, b) {
|
|
3236
|
+
t.input && t.input(h), t.onInput && t.onInput(h), ue(n, h);
|
|
3231
3237
|
}
|
|
3232
|
-
function
|
|
3233
|
-
t.onChange && t.onChange(
|
|
3238
|
+
function p(h, b) {
|
|
3239
|
+
t.onChange && t.onChange(h), ue(n, h);
|
|
3234
3240
|
}
|
|
3235
|
-
function
|
|
3236
|
-
t.onBlur && t.onBlur(
|
|
3241
|
+
function S(h) {
|
|
3242
|
+
t.onBlur && t.onBlur(h);
|
|
3237
3243
|
}
|
|
3238
|
-
function
|
|
3239
|
-
t.onFocus && t.onFocus(
|
|
3244
|
+
function $(h) {
|
|
3245
|
+
t.onFocus && t.onFocus(h);
|
|
3240
3246
|
}
|
|
3241
|
-
function
|
|
3242
|
-
|
|
3247
|
+
function g() {
|
|
3248
|
+
c.value = t.id ?? t.propOverrides?.id ?? `radio-${i}`;
|
|
3243
3249
|
}
|
|
3244
|
-
return (
|
|
3250
|
+
return (h, b) => (f(), w("label", {
|
|
3245
3251
|
"data-size": e.size,
|
|
3246
3252
|
"data-hide-label": l(de)(e.showLabel),
|
|
3247
3253
|
"data-hide-asterisk": l(de)(e.showRequiredAsterisk),
|
|
3248
3254
|
class: U(l(G)("db-radio", t.class)),
|
|
3249
|
-
for:
|
|
3255
|
+
for: c.value
|
|
3250
3256
|
}, [
|
|
3251
3257
|
E("input", {
|
|
3252
3258
|
type: "radio",
|
|
3253
3259
|
"aria-invalid": e.validation === "invalid",
|
|
3254
3260
|
"data-custom-validity": e.validation,
|
|
3255
3261
|
ref_key: "_ref",
|
|
3256
|
-
ref:
|
|
3257
|
-
id:
|
|
3262
|
+
ref: v,
|
|
3263
|
+
id: c.value,
|
|
3258
3264
|
name: e.name,
|
|
3259
3265
|
checked: l(V)(e.checked, "checked"),
|
|
3260
3266
|
disabled: l(V)(e.disabled, "disabled"),
|
|
3261
3267
|
value: e.value,
|
|
3262
3268
|
required: l(V)(e.required, "required"),
|
|
3263
|
-
onInput:
|
|
3264
|
-
onChange:
|
|
3265
|
-
onBlur:
|
|
3266
|
-
onFocus:
|
|
3269
|
+
onInput: b[0] || (b[0] = async (s) => m(s)),
|
|
3270
|
+
onChange: b[1] || (b[1] = async (s) => p(s)),
|
|
3271
|
+
onBlur: b[2] || (b[2] = async (s) => S(s)),
|
|
3272
|
+
onFocus: b[3] || (b[3] = async (s) => $(s))
|
|
3267
3273
|
}, null, 40, xi),
|
|
3268
|
-
e.label ? (
|
|
3269
|
-
D(
|
|
3270
|
-
], 64)) : M(
|
|
3274
|
+
e.label ? (f(), w(X, { key: 0 }, [
|
|
3275
|
+
D(I(e.label), 1)
|
|
3276
|
+
], 64)) : M(h.$slots, "default", { key: 1 })
|
|
3271
3277
|
], 10, Li));
|
|
3272
3278
|
}
|
|
3273
3279
|
}), Ti = ["id", "data-spacing", "data-width"], nn = /* @__PURE__ */ W({
|
|
@@ -3285,7 +3291,7 @@ const _a = ["id", "data-width", "data-on-forcing-mobile"], ei = { class: "db-hea
|
|
|
3285
3291
|
},
|
|
3286
3292
|
setup(e) {
|
|
3287
3293
|
const a = e, i = o(null);
|
|
3288
|
-
return (n, t) => (
|
|
3294
|
+
return (n, t) => (f(), w("section", {
|
|
3289
3295
|
ref_key: "_ref",
|
|
3290
3296
|
ref: i,
|
|
3291
3297
|
id: e.id ?? e.propOverrides?.id,
|
|
@@ -3296,7 +3302,7 @@ const _a = ["id", "data-width", "data-on-forcing-mobile"], ei = { class: "db-hea
|
|
|
3296
3302
|
M(n.$slots, "default")
|
|
3297
3303
|
], 10, Ti));
|
|
3298
3304
|
}
|
|
3299
|
-
}), $i = ["data-variant", "data-hide-label", "data-hide-asterisk", "data-icon", "data-show-icon"], Ci = ["for"], Ei = ["aria-invalid", "data-custom-validity", "required", "disabled", "id", "name", "size", "value", "autocomplete", "multiple", "aria-describedby"], Ai = ["data-show-empty-option"], Di = ["label"], Mi = ["value", "selected", "disabled"],
|
|
3305
|
+
}), $i = ["data-variant", "data-hide-label", "data-hide-asterisk", "data-icon", "data-show-icon"], Ci = ["for"], Ei = ["aria-invalid", "data-custom-validity", "required", "disabled", "id", "name", "size", "value", "autocomplete", "multiple", "aria-describedby"], Ai = ["data-show-empty-option"], Di = ["label"], Mi = ["value", "selected", "disabled"], Ni = ["value", "disabled", "selected"], Fi = ["id"], Oi = {
|
|
3300
3306
|
"data-visually-hidden": "true",
|
|
3301
3307
|
role: "status"
|
|
3302
3308
|
}, on = /* @__PURE__ */ W({
|
|
@@ -3346,12 +3352,12 @@ const _a = ["id", "data-width", "data-on-forcing-mobile"], ei = { class: "db-hea
|
|
|
3346
3352
|
},
|
|
3347
3353
|
emits: ["update:value"],
|
|
3348
3354
|
setup(e, { emit: a }) {
|
|
3349
|
-
const i =
|
|
3355
|
+
const i = me(), n = a, t = e, d = o(void 0), c = o(void 0), r = o(void 0), v = o(void 0), m = o(void 0), p = o(""), S = o(void 0), $ = o(""), g = o(!1), h = o(""), b = o(void 0), s = o(null);
|
|
3350
3356
|
ae(() => {
|
|
3351
|
-
|
|
3357
|
+
g.value = !0, R(), m.value = t.invalidMessage || _;
|
|
3352
3358
|
}), be(() => {
|
|
3353
|
-
|
|
3354
|
-
}),
|
|
3359
|
+
b.value?.abort();
|
|
3360
|
+
}), T(
|
|
3355
3361
|
() => [t.id, t.propOverrides?.id],
|
|
3356
3362
|
() => {
|
|
3357
3363
|
(t.id ?? t.propOverrides?.id) && R();
|
|
@@ -3360,42 +3366,42 @@ const _a = ["id", "data-width", "data-on-forcing-mobile"], ei = { class: "db-hea
|
|
|
3360
3366
|
immediate: !0,
|
|
3361
3367
|
flush: "post"
|
|
3362
3368
|
}
|
|
3363
|
-
),
|
|
3369
|
+
), T(
|
|
3364
3370
|
() => [s.value, t.invalidMessage],
|
|
3365
3371
|
() => {
|
|
3366
|
-
|
|
3372
|
+
m.value = t.invalidMessage || s.value?.validationMessage || _;
|
|
3367
3373
|
},
|
|
3368
3374
|
{
|
|
3369
3375
|
immediate: !0,
|
|
3370
3376
|
flush: "post"
|
|
3371
3377
|
}
|
|
3372
|
-
),
|
|
3373
|
-
() => [d.value,
|
|
3378
|
+
), T(
|
|
3379
|
+
() => [d.value, g.value],
|
|
3374
3380
|
() => {
|
|
3375
|
-
if (d.value &&
|
|
3376
|
-
const z = d.value + ve, Z = d.value +
|
|
3377
|
-
|
|
3381
|
+
if (d.value && g.value) {
|
|
3382
|
+
const z = d.value + ve, Z = d.value + Fe;
|
|
3383
|
+
c.value = z, r.value = d.value + fe, v.value = d.value + he, p.value = Z, te(t.message, t.showMessage) ? S.value = z : t.placeholder ? S.value = Z : S.value = void 0, k(), g.value = !1;
|
|
3378
3384
|
}
|
|
3379
3385
|
},
|
|
3380
3386
|
{
|
|
3381
3387
|
immediate: !0,
|
|
3382
3388
|
flush: "post"
|
|
3383
3389
|
}
|
|
3384
|
-
),
|
|
3390
|
+
), T(
|
|
3385
3391
|
() => [t.value],
|
|
3386
3392
|
() => {
|
|
3387
|
-
|
|
3393
|
+
$.value = t.value;
|
|
3388
3394
|
},
|
|
3389
3395
|
{
|
|
3390
3396
|
immediate: !0,
|
|
3391
3397
|
flush: "post"
|
|
3392
3398
|
}
|
|
3393
|
-
),
|
|
3399
|
+
), T(
|
|
3394
3400
|
() => [s.value],
|
|
3395
3401
|
() => {
|
|
3396
3402
|
if (s.value) {
|
|
3397
|
-
let Y =
|
|
3398
|
-
Y || (Y = new AbortController(),
|
|
3403
|
+
let Y = b.value;
|
|
3404
|
+
Y || (Y = new AbortController(), b.value = Y), We(
|
|
3399
3405
|
s.value,
|
|
3400
3406
|
{
|
|
3401
3407
|
value: t.value,
|
|
@@ -3413,28 +3419,28 @@ const _a = ["id", "data-width", "data-on-forcing-mobile"], ei = { class: "db-hea
|
|
|
3413
3419
|
flush: "post"
|
|
3414
3420
|
}
|
|
3415
3421
|
);
|
|
3416
|
-
function
|
|
3422
|
+
function y() {
|
|
3417
3423
|
return !!(t.validMessage ?? t.validation === "valid");
|
|
3418
3424
|
}
|
|
3419
|
-
function
|
|
3420
|
-
!s.value?.validity.valid || t.validation === "invalid" ? (
|
|
3425
|
+
function k() {
|
|
3426
|
+
!s.value?.validity.valid || t.validation === "invalid" ? (S.value = v.value, m.value = t.invalidMessage || s.value?.validationMessage || _, re() && (h.value = m.value, J(() => h.value = "", 1e3))) : y() && s.value?.validity.valid && t.required ? (S.value = r.value, re() && (h.value = t.validMessage ?? ce, J(() => h.value = "", 1e3))) : te(t.message, t.showMessage) ? S.value = c.value : t.placeholder ? S.value = p.value : S.value = void 0;
|
|
3421
3427
|
}
|
|
3422
|
-
function
|
|
3428
|
+
function B(z) {
|
|
3423
3429
|
t.onClick && t.onClick(z);
|
|
3424
3430
|
}
|
|
3425
3431
|
function j(z, Z) {
|
|
3426
|
-
t.input && t.input(z),
|
|
3432
|
+
t.input && t.input(z), $.value = z.target.value, t.onInput && t.onInput(z), ue(n, z), k();
|
|
3427
3433
|
}
|
|
3428
3434
|
function A(z, Z) {
|
|
3429
|
-
t.onChange && t.onChange(z), ue(n, z),
|
|
3435
|
+
t.onChange && t.onChange(z), ue(n, z), k();
|
|
3430
3436
|
}
|
|
3431
|
-
function
|
|
3437
|
+
function L(z) {
|
|
3432
3438
|
t.onBlur && t.onBlur(z);
|
|
3433
3439
|
}
|
|
3434
3440
|
function O(z) {
|
|
3435
3441
|
t.onFocus && t.onFocus(z);
|
|
3436
3442
|
}
|
|
3437
|
-
function
|
|
3443
|
+
function N(z) {
|
|
3438
3444
|
return z.label ?? z.value?.toString();
|
|
3439
3445
|
}
|
|
3440
3446
|
function K() {
|
|
@@ -3442,17 +3448,17 @@ const _a = ["id", "data-width", "data-on-forcing-mobile"], ei = { class: "db-hea
|
|
|
3442
3448
|
}
|
|
3443
3449
|
function R() {
|
|
3444
3450
|
const z = t.id ?? t.propOverrides?.id ?? `select-${i}`;
|
|
3445
|
-
d.value = z,
|
|
3451
|
+
d.value = z, c.value = z + ve, r.value = z + fe, v.value = z + he, p.value = z + Fe;
|
|
3446
3452
|
}
|
|
3447
|
-
return (z, Z) => (
|
|
3453
|
+
return (z, Z) => (f(), w("div", {
|
|
3448
3454
|
class: U(l(G)("db-select", t.class)),
|
|
3449
3455
|
"data-variant": e.variant,
|
|
3450
3456
|
"data-hide-label": l(de)(e.showLabel),
|
|
3451
3457
|
"data-hide-asterisk": l(de)(e.showRequiredAsterisk),
|
|
3452
3458
|
"data-icon": e.icon,
|
|
3453
|
-
"data-show-icon": l(
|
|
3459
|
+
"data-show-icon": l(F)(e.showIcon)
|
|
3454
3460
|
}, [
|
|
3455
|
-
E("label", { for: d.value },
|
|
3461
|
+
E("label", { for: d.value }, I(e.label ?? l(pe)), 9, Ci),
|
|
3456
3462
|
E("select", {
|
|
3457
3463
|
"aria-invalid": e.validation === "invalid",
|
|
3458
3464
|
"data-custom-validity": e.validation,
|
|
@@ -3463,79 +3469,79 @@ const _a = ["id", "data-width", "data-on-forcing-mobile"], ei = { class: "db-hea
|
|
|
3463
3469
|
id: d.value,
|
|
3464
3470
|
name: e.name,
|
|
3465
3471
|
size: e.size,
|
|
3466
|
-
value: e.value ??
|
|
3472
|
+
value: e.value ?? $.value,
|
|
3467
3473
|
autocomplete: e.autocomplete,
|
|
3468
3474
|
multiple: e.multiple,
|
|
3469
3475
|
onInput: Z[0] || (Z[0] = async (Y) => j(Y)),
|
|
3470
|
-
onClick: Z[1] || (Z[1] = async (Y) =>
|
|
3476
|
+
onClick: Z[1] || (Z[1] = async (Y) => B(Y)),
|
|
3471
3477
|
onChange: Z[2] || (Z[2] = async (Y) => A(Y)),
|
|
3472
|
-
onBlur: Z[3] || (Z[3] = async (Y) =>
|
|
3478
|
+
onBlur: Z[3] || (Z[3] = async (Y) => L(Y)),
|
|
3473
3479
|
onFocus: Z[4] || (Z[4] = async (Y) => O(Y)),
|
|
3474
|
-
"aria-describedby": e.ariaDescribedBy ??
|
|
3480
|
+
"aria-describedby": e.ariaDescribedBy ?? S.value
|
|
3475
3481
|
}, [
|
|
3476
|
-
e.variant === "floating" || e.placeholder ? (
|
|
3482
|
+
e.variant === "floating" || e.placeholder ? (f(), w("option", {
|
|
3477
3483
|
key: 0,
|
|
3478
3484
|
class: "placeholder",
|
|
3479
3485
|
value: "",
|
|
3480
|
-
"data-show-empty-option": l(
|
|
3486
|
+
"data-show-empty-option": l(F)(K())
|
|
3481
3487
|
}, null, 8, Ai)) : P("", !0),
|
|
3482
|
-
e.options?.length ? (
|
|
3483
|
-
Y.options ? (
|
|
3488
|
+
e.options?.length ? (f(!0), w(X, { key: 1 }, ye(e.options, (Y, Se) => (f(), w(X, { key: Se }, [
|
|
3489
|
+
Y.options ? (f(), w("optgroup", {
|
|
3484
3490
|
key: 0,
|
|
3485
|
-
label:
|
|
3491
|
+
label: N(Y)
|
|
3486
3492
|
}, [
|
|
3487
|
-
(
|
|
3493
|
+
(f(!0), w(X, null, ye(Y.options, (we, $e) => (f(), w("option", {
|
|
3488
3494
|
key: $e,
|
|
3489
3495
|
value: we.value,
|
|
3490
3496
|
selected: we.selected,
|
|
3491
3497
|
disabled: we.disabled
|
|
3492
|
-
},
|
|
3493
|
-
], 8, Di)) : (
|
|
3498
|
+
}, I(N(we)), 9, Mi))), 128))
|
|
3499
|
+
], 8, Di)) : (f(), w("option", {
|
|
3494
3500
|
key: 1,
|
|
3495
3501
|
value: Y.value,
|
|
3496
3502
|
disabled: Y.disabled,
|
|
3497
3503
|
selected: Y.selected
|
|
3498
|
-
},
|
|
3504
|
+
}, I(N(Y)), 9, Ni))
|
|
3499
3505
|
], 64))), 128)) : M(z.$slots, "default", { key: 2 })
|
|
3500
3506
|
], 40, Ei),
|
|
3501
|
-
e.placeholder ? (
|
|
3507
|
+
e.placeholder ? (f(), w("span", {
|
|
3502
3508
|
key: 0,
|
|
3503
3509
|
class: "db-select-placeholder",
|
|
3504
|
-
id:
|
|
3505
|
-
},
|
|
3506
|
-
l(te)(e.message, e.showMessage) ? (
|
|
3510
|
+
id: p.value
|
|
3511
|
+
}, I(e.placeholder), 9, Fi)) : P("", !0),
|
|
3512
|
+
l(te)(e.message, e.showMessage) ? (f(), Q(ee, {
|
|
3507
3513
|
key: 1,
|
|
3508
3514
|
size: "small",
|
|
3509
3515
|
icon: e.messageIcon,
|
|
3510
|
-
id:
|
|
3516
|
+
id: c.value
|
|
3511
3517
|
}, {
|
|
3512
3518
|
default: H(() => [
|
|
3513
|
-
D(
|
|
3519
|
+
D(I(e.message), 1)
|
|
3514
3520
|
]),
|
|
3515
3521
|
_: 1
|
|
3516
3522
|
}, 8, ["icon", "id"])) : P("", !0),
|
|
3517
|
-
|
|
3523
|
+
y() ? (f(), Q(ee, {
|
|
3518
3524
|
key: 2,
|
|
3519
3525
|
size: "small",
|
|
3520
3526
|
semantic: "successful",
|
|
3521
|
-
id:
|
|
3527
|
+
id: r.value
|
|
3522
3528
|
}, {
|
|
3523
3529
|
default: H(() => [
|
|
3524
|
-
D(
|
|
3530
|
+
D(I(e.validMessage || l(ce)), 1)
|
|
3525
3531
|
]),
|
|
3526
3532
|
_: 1
|
|
3527
3533
|
}, 8, ["id"])) : P("", !0),
|
|
3528
3534
|
le(ee, {
|
|
3529
3535
|
size: "small",
|
|
3530
3536
|
semantic: "critical",
|
|
3531
|
-
id:
|
|
3537
|
+
id: v.value
|
|
3532
3538
|
}, {
|
|
3533
3539
|
default: H(() => [
|
|
3534
|
-
D(
|
|
3540
|
+
D(I(m.value), 1)
|
|
3535
3541
|
]),
|
|
3536
3542
|
_: 1
|
|
3537
3543
|
}, 8, ["id"]),
|
|
3538
|
-
E("span", Oi,
|
|
3544
|
+
E("span", Oi, I(h.value), 1)
|
|
3539
3545
|
], 10, $i));
|
|
3540
3546
|
}
|
|
3541
3547
|
}), Ri = ["id", "data-gap", "data-variant", "data-direction", "data-alignment", "data-justify-content", "data-wrap"], dn = /* @__PURE__ */ W({
|
|
@@ -3557,7 +3563,7 @@ const _a = ["id", "data-width", "data-on-forcing-mobile"], ei = { class: "db-hea
|
|
|
3557
3563
|
},
|
|
3558
3564
|
setup(e) {
|
|
3559
3565
|
const a = e, i = o(null);
|
|
3560
|
-
return (n, t) => (
|
|
3566
|
+
return (n, t) => (f(), w("div", {
|
|
3561
3567
|
ref_key: "_ref",
|
|
3562
3568
|
ref: i,
|
|
3563
3569
|
id: e.id ?? e.propOverrides?.id,
|
|
@@ -3567,7 +3573,7 @@ const _a = ["id", "data-width", "data-on-forcing-mobile"], ei = { class: "db-hea
|
|
|
3567
3573
|
"data-direction": e.direction,
|
|
3568
3574
|
"data-alignment": e.alignment,
|
|
3569
3575
|
"data-justify-content": e.justifyContent,
|
|
3570
|
-
"data-wrap": l(
|
|
3576
|
+
"data-wrap": l(F)(e.wrap)
|
|
3571
3577
|
}, [
|
|
3572
3578
|
M(n.$slots, "default")
|
|
3573
3579
|
], 10, Ri));
|
|
@@ -3618,12 +3624,12 @@ const _a = ["id", "data-width", "data-on-forcing-mobile"], ei = { class: "db-hea
|
|
|
3618
3624
|
},
|
|
3619
3625
|
emits: ["update:checked"],
|
|
3620
3626
|
setup(e, { emit: a }) {
|
|
3621
|
-
const i =
|
|
3627
|
+
const i = me(), n = a, t = e, d = o(void 0), c = o(void 0), r = o(void 0), v = o(void 0), m = o(void 0), p = o(void 0), S = o(""), $ = o(void 0), g = o(null);
|
|
3622
3628
|
ae(() => {
|
|
3623
|
-
j(),
|
|
3629
|
+
j(), b(), m.value = t.invalidMessage || _;
|
|
3624
3630
|
}), be(() => {
|
|
3625
|
-
|
|
3626
|
-
}),
|
|
3631
|
+
$.value?.abort();
|
|
3632
|
+
}), T(
|
|
3627
3633
|
() => [t.id, t.propOverrides?.id],
|
|
3628
3634
|
() => {
|
|
3629
3635
|
(t.id ?? t.propOverrides?.id) && j();
|
|
@@ -3632,7 +3638,7 @@ const _a = ["id", "data-width", "data-on-forcing-mobile"], ei = { class: "db-hea
|
|
|
3632
3638
|
immediate: !0,
|
|
3633
3639
|
flush: "post"
|
|
3634
3640
|
}
|
|
3635
|
-
),
|
|
3641
|
+
), T(
|
|
3636
3642
|
() => [
|
|
3637
3643
|
t.validation,
|
|
3638
3644
|
t.required,
|
|
@@ -3643,28 +3649,28 @@ const _a = ["id", "data-width", "data-on-forcing-mobile"], ei = { class: "db-hea
|
|
|
3643
3649
|
t.checked
|
|
3644
3650
|
],
|
|
3645
3651
|
() => {
|
|
3646
|
-
|
|
3652
|
+
b();
|
|
3647
3653
|
},
|
|
3648
3654
|
{
|
|
3649
3655
|
immediate: !0,
|
|
3650
3656
|
flush: "post"
|
|
3651
3657
|
}
|
|
3652
|
-
),
|
|
3653
|
-
() => [
|
|
3658
|
+
), T(
|
|
3659
|
+
() => [g.value, t.invalidMessage],
|
|
3654
3660
|
() => {
|
|
3655
|
-
|
|
3661
|
+
m.value = t.invalidMessage || g.value?.validationMessage || _;
|
|
3656
3662
|
},
|
|
3657
3663
|
{
|
|
3658
3664
|
immediate: !0,
|
|
3659
3665
|
flush: "post"
|
|
3660
3666
|
}
|
|
3661
|
-
),
|
|
3662
|
-
() => [
|
|
3667
|
+
), T(
|
|
3668
|
+
() => [g.value],
|
|
3663
3669
|
() => {
|
|
3664
|
-
if (
|
|
3665
|
-
let
|
|
3666
|
-
|
|
3667
|
-
|
|
3670
|
+
if (g.value) {
|
|
3671
|
+
let L = $.value;
|
|
3672
|
+
L || (L = new AbortController(), $.value = L), ct(
|
|
3673
|
+
g.value,
|
|
3668
3674
|
{
|
|
3669
3675
|
checked: t.checked,
|
|
3670
3676
|
defaultChecked: void 0
|
|
@@ -3672,7 +3678,7 @@ const _a = ["id", "data-width", "data-on-forcing-mobile"], ei = { class: "db-hea
|
|
|
3672
3678
|
(O) => {
|
|
3673
3679
|
s(O);
|
|
3674
3680
|
},
|
|
3675
|
-
|
|
3681
|
+
L.signal
|
|
3676
3682
|
);
|
|
3677
3683
|
}
|
|
3678
3684
|
},
|
|
@@ -3681,46 +3687,46 @@ const _a = ["id", "data-width", "data-on-forcing-mobile"], ei = { class: "db-hea
|
|
|
3681
3687
|
flush: "post"
|
|
3682
3688
|
}
|
|
3683
3689
|
);
|
|
3684
|
-
function
|
|
3690
|
+
function h() {
|
|
3685
3691
|
return !!(t.validMessage ?? t.validation === "valid");
|
|
3686
3692
|
}
|
|
3687
|
-
function
|
|
3688
|
-
if (!
|
|
3689
|
-
|
|
3690
|
-
|
|
3693
|
+
function b() {
|
|
3694
|
+
if (!g.value?.validity?.valid || t.validation === "invalid") {
|
|
3695
|
+
p.value = v.value, m.value = t.invalidMessage || g.value?.validationMessage || _, re() && (S.value = m.value || _, J(() => {
|
|
3696
|
+
S.value = "";
|
|
3691
3697
|
}, 1e3));
|
|
3692
3698
|
return;
|
|
3693
3699
|
}
|
|
3694
|
-
if (
|
|
3695
|
-
|
|
3696
|
-
|
|
3700
|
+
if (h() && g.value?.validity?.valid && t.required) {
|
|
3701
|
+
p.value = r.value, re() && (S.value = t.validMessage ?? ce, J(() => {
|
|
3702
|
+
S.value = "";
|
|
3697
3703
|
}, 1e3));
|
|
3698
3704
|
return;
|
|
3699
3705
|
}
|
|
3700
3706
|
if (te(t.message, t.showMessage)) {
|
|
3701
|
-
|
|
3707
|
+
p.value = c.value;
|
|
3702
3708
|
return;
|
|
3703
3709
|
}
|
|
3704
|
-
|
|
3710
|
+
p.value = void 0;
|
|
3705
3711
|
}
|
|
3706
|
-
function s(A,
|
|
3707
|
-
t.onChange && t.onChange(A),
|
|
3712
|
+
function s(A, L) {
|
|
3713
|
+
t.onChange && t.onChange(A), b(), ue(n, A, "checked");
|
|
3708
3714
|
}
|
|
3709
|
-
function
|
|
3715
|
+
function y(A) {
|
|
3710
3716
|
t.onBlur && t.onBlur(A);
|
|
3711
3717
|
}
|
|
3712
|
-
function
|
|
3718
|
+
function k(A) {
|
|
3713
3719
|
t.onFocus && t.onFocus(A);
|
|
3714
3720
|
}
|
|
3715
|
-
function
|
|
3716
|
-
A.key === "Enter" && (A.preventDefault(), t.disabled ||
|
|
3721
|
+
function B(A) {
|
|
3722
|
+
A.key === "Enter" && (A.preventDefault(), t.disabled || g.value?.click());
|
|
3717
3723
|
}
|
|
3718
3724
|
function j() {
|
|
3719
3725
|
const A = t.id ?? t.propOverrides?.id ?? `switch-${i}`;
|
|
3720
|
-
d.value = A,
|
|
3726
|
+
d.value = A, c.value = `${A}${ve}`, r.value = `${A}${fe}`, v.value = `${A}${he}`;
|
|
3721
3727
|
}
|
|
3722
|
-
return (A,
|
|
3723
|
-
"data-visual-aid": l(
|
|
3728
|
+
return (A, L) => (f(), w("div", {
|
|
3729
|
+
"data-visual-aid": l(F)(e.visualAid),
|
|
3724
3730
|
"data-size": e.size,
|
|
3725
3731
|
"data-hide-label": l(de)(e.showLabel),
|
|
3726
3732
|
"data-variant": e.variant,
|
|
@@ -3734,59 +3740,59 @@ const _a = ["id", "data-width", "data-on-forcing-mobile"], ei = { class: "db-hea
|
|
|
3734
3740
|
role: "switch",
|
|
3735
3741
|
id: d.value,
|
|
3736
3742
|
ref_key: "_ref",
|
|
3737
|
-
ref:
|
|
3743
|
+
ref: g,
|
|
3738
3744
|
checked: l(V)(e.checked, "checked"),
|
|
3739
3745
|
value: e.value,
|
|
3740
3746
|
disabled: l(V)(e.disabled, "disabled"),
|
|
3741
3747
|
"aria-invalid": e.validation === "invalid" ? "true" : void 0,
|
|
3742
|
-
"aria-describedby":
|
|
3748
|
+
"aria-describedby": p.value,
|
|
3743
3749
|
name: e.name,
|
|
3744
3750
|
required: l(V)(e.required, "required"),
|
|
3745
3751
|
"data-aid-icon": e.iconLeading ?? e.icon,
|
|
3746
3752
|
"data-aid-icon-trailing": e.iconTrailing,
|
|
3747
|
-
onChange:
|
|
3748
|
-
onBlur:
|
|
3749
|
-
onFocus:
|
|
3750
|
-
onKeydown:
|
|
3753
|
+
onChange: L[0] || (L[0] = async (O) => s(O)),
|
|
3754
|
+
onBlur: L[1] || (L[1] = async (O) => y(O)),
|
|
3755
|
+
onFocus: L[2] || (L[2] = async (O) => k(O)),
|
|
3756
|
+
onKeydown: L[3] || (L[3] = async (O) => B(O))
|
|
3751
3757
|
}, null, 40, Vi),
|
|
3752
|
-
e.label ? (
|
|
3753
|
-
D(
|
|
3758
|
+
e.label ? (f(), w(X, { key: 0 }, [
|
|
3759
|
+
D(I(e.label), 1)
|
|
3754
3760
|
], 64)) : M(A.$slots, "default", { key: 1 })
|
|
3755
3761
|
], 8, Pi),
|
|
3756
|
-
l(te)(e.message, e.showMessage) ? (
|
|
3762
|
+
l(te)(e.message, e.showMessage) ? (f(), Q(ee, {
|
|
3757
3763
|
key: 0,
|
|
3758
3764
|
size: "small",
|
|
3759
3765
|
semantic: "adaptive",
|
|
3760
|
-
id:
|
|
3766
|
+
id: c.value,
|
|
3761
3767
|
icon: e.messageIcon
|
|
3762
3768
|
}, {
|
|
3763
3769
|
default: H(() => [
|
|
3764
|
-
D(
|
|
3770
|
+
D(I(e.message), 1)
|
|
3765
3771
|
]),
|
|
3766
3772
|
_: 1
|
|
3767
3773
|
}, 8, ["id", "icon"])) : P("", !0),
|
|
3768
|
-
|
|
3774
|
+
h() ? (f(), Q(ee, {
|
|
3769
3775
|
key: 1,
|
|
3770
3776
|
size: "small",
|
|
3771
3777
|
semantic: "successful",
|
|
3772
|
-
id:
|
|
3778
|
+
id: r.value
|
|
3773
3779
|
}, {
|
|
3774
3780
|
default: H(() => [
|
|
3775
|
-
D(
|
|
3781
|
+
D(I(e.validMessage ?? l(ce)), 1)
|
|
3776
3782
|
]),
|
|
3777
3783
|
_: 1
|
|
3778
3784
|
}, 8, ["id"])) : P("", !0),
|
|
3779
3785
|
le(ee, {
|
|
3780
3786
|
size: "small",
|
|
3781
3787
|
semantic: "critical",
|
|
3782
|
-
id:
|
|
3788
|
+
id: v.value
|
|
3783
3789
|
}, {
|
|
3784
3790
|
default: H(() => [
|
|
3785
|
-
D(
|
|
3791
|
+
D(I(m.value), 1)
|
|
3786
3792
|
]),
|
|
3787
3793
|
_: 1
|
|
3788
3794
|
}, 8, ["id"]),
|
|
3789
|
-
E("span", qi,
|
|
3795
|
+
E("span", qi, I(S.value), 1)
|
|
3790
3796
|
], 10, zi));
|
|
3791
3797
|
}
|
|
3792
3798
|
}), Ui = ["for", "data-icon", "data-icon-trailing", "data-show-icon", "data-show-icon-trailing", "data-no-text"], Gi = ["disabled", "aria-selected", "checked", "name", "id"], Wi = /* @__PURE__ */ W({
|
|
@@ -3816,21 +3822,21 @@ const _a = ["id", "data-width", "data-on-forcing-mobile"], ei = { class: "db-hea
|
|
|
3816
3822
|
},
|
|
3817
3823
|
emits: ["update:checked"],
|
|
3818
3824
|
setup(e, { emit: a }) {
|
|
3819
|
-
const i = a, n = e, t = o(!1), d = o(void 0),
|
|
3825
|
+
const i = a, n = e, t = o(!1), d = o(void 0), c = o(!1), r = o(!1), v = o(void 0), m = o(null);
|
|
3820
3826
|
ae(() => {
|
|
3821
|
-
|
|
3827
|
+
v.value = p, c.value = !0;
|
|
3822
3828
|
}), be(() => {
|
|
3823
|
-
|
|
3824
|
-
}),
|
|
3825
|
-
() => [
|
|
3829
|
+
r.value && m.value && v.value && (m.value.closest("[role=tablist]")?.removeEventListener("change", v.value), r.value = !1);
|
|
3830
|
+
}), T(
|
|
3831
|
+
() => [m.value, c.value, v.value],
|
|
3826
3832
|
() => {
|
|
3827
|
-
|
|
3833
|
+
m.value && c.value && v.value && (c.value = !1, r.value || (m.value.closest("[role=tablist]")?.addEventListener("change", v.value), r.value = !0), (n.active || m.value.checked) && (t.value = !0, m.value.click()));
|
|
3828
3834
|
},
|
|
3829
3835
|
{
|
|
3830
3836
|
immediate: !0,
|
|
3831
3837
|
flush: "post"
|
|
3832
3838
|
}
|
|
3833
|
-
),
|
|
3839
|
+
), T(
|
|
3834
3840
|
() => [n.name],
|
|
3835
3841
|
() => {
|
|
3836
3842
|
n.name && (d.value = n.name);
|
|
@@ -3840,13 +3846,13 @@ const _a = ["id", "data-width", "data-on-forcing-mobile"], ei = { class: "db-hea
|
|
|
3840
3846
|
flush: "post"
|
|
3841
3847
|
}
|
|
3842
3848
|
);
|
|
3843
|
-
function
|
|
3844
|
-
|
|
3849
|
+
function p($) {
|
|
3850
|
+
$.stopPropagation(), t.value = $.target === m.value;
|
|
3845
3851
|
}
|
|
3846
|
-
function
|
|
3847
|
-
n.onChange && n.onChange(
|
|
3852
|
+
function S($) {
|
|
3853
|
+
n.onChange && n.onChange($), ue(i, $, "checked");
|
|
3848
3854
|
}
|
|
3849
|
-
return (
|
|
3855
|
+
return ($, g) => (f(), w("li", {
|
|
3850
3856
|
role: "none",
|
|
3851
3857
|
class: U(l(G)("db-tab-item", n.class))
|
|
3852
3858
|
}, [
|
|
@@ -3854,9 +3860,9 @@ const _a = ["id", "data-width", "data-on-forcing-mobile"], ei = { class: "db-hea
|
|
|
3854
3860
|
for: e.id ?? e.propOverrides?.id,
|
|
3855
3861
|
"data-icon": e.iconLeading ?? e.icon,
|
|
3856
3862
|
"data-icon-trailing": e.iconTrailing,
|
|
3857
|
-
"data-show-icon": l(
|
|
3858
|
-
"data-show-icon-trailing": l(
|
|
3859
|
-
"data-no-text": l(
|
|
3863
|
+
"data-show-icon": l(F)(e.showIconLeading ?? e.showIcon),
|
|
3864
|
+
"data-show-icon-trailing": l(F)(e.showIconTrailing),
|
|
3865
|
+
"data-no-text": l(F)(e.noText)
|
|
3860
3866
|
}, [
|
|
3861
3867
|
E("input", {
|
|
3862
3868
|
type: "radio",
|
|
@@ -3865,15 +3871,15 @@ const _a = ["id", "data-width", "data-on-forcing-mobile"], ei = { class: "db-hea
|
|
|
3865
3871
|
"aria-selected": t.value,
|
|
3866
3872
|
checked: l(V)(e.checked, "checked"),
|
|
3867
3873
|
ref_key: "_ref",
|
|
3868
|
-
ref:
|
|
3874
|
+
ref: m,
|
|
3869
3875
|
name: d.value,
|
|
3870
3876
|
id: e.id ?? e.propOverrides?.id,
|
|
3871
|
-
onInput:
|
|
3877
|
+
onInput: g[0] || (g[0] = async (h) => S(h))
|
|
3872
3878
|
}, null, 40, Gi),
|
|
3873
|
-
e.label ? (
|
|
3874
|
-
D(
|
|
3879
|
+
e.label ? (f(), w(X, { key: 0 }, [
|
|
3880
|
+
D(I(e.label), 1)
|
|
3875
3881
|
], 64)) : P("", !0),
|
|
3876
|
-
M(
|
|
3882
|
+
M($.$slots, "default")
|
|
3877
3883
|
], 8, Ui)
|
|
3878
3884
|
], 2));
|
|
3879
3885
|
}
|
|
@@ -3890,7 +3896,7 @@ const _a = ["id", "data-width", "data-on-forcing-mobile"], ei = { class: "db-hea
|
|
|
3890
3896
|
},
|
|
3891
3897
|
setup(e) {
|
|
3892
3898
|
const a = e, i = o(null);
|
|
3893
|
-
return (n, t) => (
|
|
3899
|
+
return (n, t) => (f(), w("div", {
|
|
3894
3900
|
ref_key: "_ref",
|
|
3895
3901
|
ref: i,
|
|
3896
3902
|
id: e.id ?? e.propOverrides?.id,
|
|
@@ -3916,15 +3922,15 @@ const _a = ["id", "data-width", "data-on-forcing-mobile"], ei = { class: "db-hea
|
|
|
3916
3922
|
setup(e) {
|
|
3917
3923
|
const a = e, i = o(null);
|
|
3918
3924
|
return ae(() => {
|
|
3919
|
-
}), (n, t) => (
|
|
3925
|
+
}), (n, t) => (f(), w("section", {
|
|
3920
3926
|
role: "tabpanel",
|
|
3921
3927
|
ref_key: "_ref",
|
|
3922
3928
|
ref: i,
|
|
3923
3929
|
class: U(l(G)("db-tab-panel", a.class)),
|
|
3924
3930
|
id: e.id ?? e.propOverrides?.id
|
|
3925
3931
|
}, [
|
|
3926
|
-
e.content ? (
|
|
3927
|
-
D(
|
|
3932
|
+
e.content ? (f(), w(X, { key: 0 }, [
|
|
3933
|
+
D(I(e.content), 1)
|
|
3928
3934
|
], 64)) : P("", !0),
|
|
3929
3935
|
M(n.$slots, "default")
|
|
3930
3936
|
], 10, Ki));
|
|
@@ -3954,20 +3960,20 @@ const _a = ["id", "data-width", "data-on-forcing-mobile"], ei = { class: "db-hea
|
|
|
3954
3960
|
tabSelect: {}
|
|
3955
3961
|
},
|
|
3956
3962
|
setup(e) {
|
|
3957
|
-
const a =
|
|
3963
|
+
const a = me(), i = e, n = o(""), t = o(!1), d = o(!1), c = o(!1), r = o(null), v = o(void 0), m = o(null);
|
|
3958
3964
|
ae(() => {
|
|
3959
3965
|
n.value = `tabs-${i.name || a}`, t.value = !0;
|
|
3960
3966
|
}), be(() => {
|
|
3961
|
-
|
|
3962
|
-
}),
|
|
3963
|
-
() => [
|
|
3967
|
+
v.value?.disconnect(), v.value = void 0;
|
|
3968
|
+
}), T(
|
|
3969
|
+
() => [m.value, t.value],
|
|
3964
3970
|
() => {
|
|
3965
|
-
if (
|
|
3966
|
-
|
|
3967
|
-
const s =
|
|
3968
|
-
s && new MutationObserver((
|
|
3969
|
-
|
|
3970
|
-
(
|
|
3971
|
+
if (m.value && t.value) {
|
|
3972
|
+
g(), h(!0);
|
|
3973
|
+
const s = m.value.querySelector(".db-tab-list");
|
|
3974
|
+
s && new MutationObserver((k) => {
|
|
3975
|
+
k.forEach((B) => {
|
|
3976
|
+
(B.removedNodes.length || B.addedNodes.length) && (g(), h());
|
|
3971
3977
|
});
|
|
3972
3978
|
}).observe(s, {
|
|
3973
3979
|
childList: !0,
|
|
@@ -3980,7 +3986,7 @@ const _a = ["id", "data-width", "data-on-forcing-mobile"], ei = { class: "db-hea
|
|
|
3980
3986
|
flush: "post"
|
|
3981
3987
|
}
|
|
3982
3988
|
);
|
|
3983
|
-
function
|
|
3989
|
+
function p() {
|
|
3984
3990
|
try {
|
|
3985
3991
|
return typeof i.tabs == "string" ? JSON.parse(i.tabs) : i.tabs;
|
|
3986
3992
|
} catch (s) {
|
|
@@ -3988,144 +3994,144 @@ const _a = ["id", "data-width", "data-on-forcing-mobile"], ei = { class: "db-hea
|
|
|
3988
3994
|
}
|
|
3989
3995
|
return [];
|
|
3990
3996
|
}
|
|
3991
|
-
function
|
|
3992
|
-
const
|
|
3993
|
-
d.value =
|
|
3997
|
+
function S(s) {
|
|
3998
|
+
const y = s.scrollWidth > s.clientWidth;
|
|
3999
|
+
d.value = y && s.scrollLeft > 1, c.value = y && s.scrollLeft < s.scrollWidth - s.clientWidth;
|
|
3994
4000
|
}
|
|
3995
|
-
function
|
|
3996
|
-
let
|
|
3997
|
-
s && (
|
|
4001
|
+
function $(s) {
|
|
4002
|
+
let y = Number(i.arrowScrollDistance) || 100;
|
|
4003
|
+
s && (y *= -1), r.value?.scrollBy({
|
|
3998
4004
|
top: 0,
|
|
3999
|
-
left:
|
|
4005
|
+
left: y,
|
|
4000
4006
|
behavior: "smooth"
|
|
4001
4007
|
});
|
|
4002
4008
|
}
|
|
4003
|
-
function
|
|
4004
|
-
if (
|
|
4005
|
-
const s =
|
|
4009
|
+
function g() {
|
|
4010
|
+
if (m.value) {
|
|
4011
|
+
const s = m.value.querySelector(".db-tab-list");
|
|
4006
4012
|
if (s) {
|
|
4007
|
-
const
|
|
4008
|
-
if (
|
|
4013
|
+
const y = s.querySelector('[role="tablist"]');
|
|
4014
|
+
if (y && (y.setAttribute(
|
|
4009
4015
|
"aria-orientation",
|
|
4010
4016
|
i.orientation || "horizontal"
|
|
4011
|
-
), i.behavior === "arrows" && (
|
|
4012
|
-
|
|
4013
|
-
}), !
|
|
4014
|
-
const
|
|
4015
|
-
|
|
4017
|
+
), i.behavior === "arrows" && (r.value = y, S(y), y.addEventListener("scroll", () => {
|
|
4018
|
+
S(y);
|
|
4019
|
+
}), !v.value))) {
|
|
4020
|
+
const k = new ResizeObserver(() => {
|
|
4021
|
+
S(y);
|
|
4016
4022
|
});
|
|
4017
|
-
|
|
4023
|
+
k.observe(y), v.value = k;
|
|
4018
4024
|
}
|
|
4019
4025
|
}
|
|
4020
4026
|
}
|
|
4021
4027
|
}
|
|
4022
|
-
function
|
|
4023
|
-
if (
|
|
4024
|
-
const
|
|
4025
|
-
|
|
4026
|
-
),
|
|
4027
|
-
|
|
4028
|
+
function h(s) {
|
|
4029
|
+
if (m.value) {
|
|
4030
|
+
const y = Array.from(
|
|
4031
|
+
m.value.getElementsByClassName("db-tab-item")
|
|
4032
|
+
), k = Array.from(
|
|
4033
|
+
m.value.querySelectorAll(
|
|
4028
4034
|
":is(:scope > .db-tab-panel, :scope > db-tab-panel > .db-tab-panel)"
|
|
4029
4035
|
)
|
|
4030
4036
|
);
|
|
4031
|
-
for (const
|
|
4032
|
-
const j =
|
|
4033
|
-
if (
|
|
4034
|
-
if (!
|
|
4037
|
+
for (const B of y) {
|
|
4038
|
+
const j = y.indexOf(B), A = B.querySelector("label"), L = B.querySelector("input");
|
|
4039
|
+
if (L && A) {
|
|
4040
|
+
if (!L.id) {
|
|
4035
4041
|
const O = `${n.value}-tab-${j}`;
|
|
4036
|
-
A.setAttribute("for", O),
|
|
4042
|
+
A.setAttribute("for", O), L.id = O, L.setAttribute("name", n.value), k.length > j && L.setAttribute(
|
|
4037
4043
|
"aria-controls",
|
|
4038
4044
|
`${n.value}-tab-panel-${j}`
|
|
4039
4045
|
);
|
|
4040
4046
|
}
|
|
4041
4047
|
if (s) {
|
|
4042
|
-
const O = !i.initialSelectedMode || i.initialSelectedMode === "auto",
|
|
4043
|
-
O &&
|
|
4048
|
+
const O = !i.initialSelectedMode || i.initialSelectedMode === "auto", N = i.initialSelectedIndex == null && j === 0 || Number(i.initialSelectedIndex) === j;
|
|
4049
|
+
O && N && L.click();
|
|
4044
4050
|
}
|
|
4045
4051
|
}
|
|
4046
4052
|
}
|
|
4047
|
-
for (const
|
|
4048
|
-
if (
|
|
4049
|
-
const j =
|
|
4050
|
-
|
|
4053
|
+
for (const B of k) {
|
|
4054
|
+
if (B.id) continue;
|
|
4055
|
+
const j = k.indexOf(B);
|
|
4056
|
+
B.id = `${n.value}-tab-panel-${j}`, B.setAttribute("aria-labelledby", `${n.value}-tab-${j}`);
|
|
4051
4057
|
}
|
|
4052
4058
|
}
|
|
4053
4059
|
}
|
|
4054
|
-
function
|
|
4060
|
+
function b(s) {
|
|
4055
4061
|
if (s.stopPropagation(), s.target) {
|
|
4056
|
-
const
|
|
4057
|
-
if (
|
|
4058
|
-
const
|
|
4059
|
-
if (
|
|
4060
|
-
const j =
|
|
4062
|
+
const k = s.target.parentElement;
|
|
4063
|
+
if (k && k.parentElement && k.parentElement?.nodeName === "LI") {
|
|
4064
|
+
const B = k.parentElement;
|
|
4065
|
+
if (B) {
|
|
4066
|
+
const j = B.parentElement;
|
|
4061
4067
|
if (j) {
|
|
4062
|
-
const A = Array.from(j.children).indexOf(
|
|
4068
|
+
const A = Array.from(j.children).indexOf(B);
|
|
4063
4069
|
i.onIndexChange && i.onIndexChange(A), i.onTabSelect && i.onTabSelect(s);
|
|
4064
4070
|
}
|
|
4065
4071
|
}
|
|
4066
4072
|
}
|
|
4067
4073
|
}
|
|
4068
4074
|
}
|
|
4069
|
-
return (s,
|
|
4075
|
+
return (s, y) => (f(), w("div", {
|
|
4070
4076
|
ref_key: "_ref",
|
|
4071
|
-
ref:
|
|
4077
|
+
ref: m,
|
|
4072
4078
|
id: e.id ?? e.propOverrides?.id,
|
|
4073
4079
|
class: U(l(G)("db-tabs", i.class)),
|
|
4074
4080
|
"data-orientation": e.orientation,
|
|
4075
4081
|
"data-scroll-behavior": e.behavior,
|
|
4076
4082
|
"data-alignment": e.alignment ?? "start",
|
|
4077
4083
|
"data-width": e.width ?? "auto",
|
|
4078
|
-
onInput:
|
|
4079
|
-
onChange:
|
|
4084
|
+
onInput: y[0] || (y[0] = async (k) => b(k)),
|
|
4085
|
+
onChange: y[1] || (y[1] = async (k) => b(k))
|
|
4080
4086
|
}, [
|
|
4081
|
-
d.value ? (
|
|
4087
|
+
d.value ? (f(), Q(Be, {
|
|
4082
4088
|
key: 0,
|
|
4083
4089
|
class: "tabs-scroll-left",
|
|
4084
4090
|
variant: "ghost",
|
|
4085
4091
|
icon: "chevron_left",
|
|
4086
4092
|
type: "button",
|
|
4087
4093
|
noText: !0,
|
|
4088
|
-
onClick: (
|
|
4094
|
+
onClick: (k) => $(!0)
|
|
4089
4095
|
}, {
|
|
4090
|
-
default: H(() => [...
|
|
4096
|
+
default: H(() => [...y[2] || (y[2] = [
|
|
4091
4097
|
D(" Scroll left ", -1)
|
|
4092
4098
|
])]),
|
|
4093
4099
|
_: 1
|
|
4094
4100
|
}, 8, ["onClick"])) : P("", !0),
|
|
4095
|
-
e.tabs ? (
|
|
4101
|
+
e.tabs ? (f(), w(X, { key: 1 }, [
|
|
4096
4102
|
le(ji, null, {
|
|
4097
4103
|
default: H(() => [
|
|
4098
|
-
(
|
|
4099
|
-
key: e.name + "tab-item" +
|
|
4100
|
-
active:
|
|
4101
|
-
label:
|
|
4102
|
-
iconTrailing:
|
|
4103
|
-
icon:
|
|
4104
|
-
noText:
|
|
4104
|
+
(f(!0), w(X, null, ye(p(), (k, B) => (f(), Q(Wi, {
|
|
4105
|
+
key: e.name + "tab-item" + B,
|
|
4106
|
+
active: k.active,
|
|
4107
|
+
label: k.label,
|
|
4108
|
+
iconTrailing: k.iconTrailing,
|
|
4109
|
+
icon: k.icon,
|
|
4110
|
+
noText: k.noText
|
|
4105
4111
|
}, null, 8, ["active", "label", "iconTrailing", "icon", "noText"]))), 128))
|
|
4106
4112
|
]),
|
|
4107
4113
|
_: 1
|
|
4108
4114
|
}),
|
|
4109
|
-
(
|
|
4110
|
-
key: e.name + "tab-panel" +
|
|
4111
|
-
content:
|
|
4115
|
+
(f(!0), w(X, null, ye(p(), (k, B) => (f(), Q(Yi, {
|
|
4116
|
+
key: e.name + "tab-panel" + B,
|
|
4117
|
+
content: k.content
|
|
4112
4118
|
}, {
|
|
4113
4119
|
default: H(() => [
|
|
4114
|
-
D(
|
|
4120
|
+
D(I(k.children), 1)
|
|
4115
4121
|
]),
|
|
4116
4122
|
_: 2
|
|
4117
4123
|
}, 1032, ["content"]))), 128))
|
|
4118
4124
|
], 64)) : P("", !0),
|
|
4119
|
-
|
|
4125
|
+
c.value ? (f(), Q(Be, {
|
|
4120
4126
|
key: 2,
|
|
4121
4127
|
class: "tabs-scroll-right",
|
|
4122
4128
|
variant: "ghost",
|
|
4123
4129
|
icon: "chevron_right",
|
|
4124
4130
|
type: "button",
|
|
4125
4131
|
noText: !0,
|
|
4126
|
-
onClick: (
|
|
4132
|
+
onClick: (k) => $()
|
|
4127
4133
|
}, {
|
|
4128
|
-
default: H(() => [...
|
|
4134
|
+
default: H(() => [...y[3] || (y[3] = [
|
|
4129
4135
|
D(" Scroll right ", -1)
|
|
4130
4136
|
])]),
|
|
4131
4137
|
_: 1
|
|
@@ -4188,12 +4194,12 @@ const _a = ["id", "data-width", "data-on-forcing-mobile"], ei = { class: "db-hea
|
|
|
4188
4194
|
},
|
|
4189
4195
|
emits: ["update:value"],
|
|
4190
4196
|
setup(e, { emit: a }) {
|
|
4191
|
-
const i =
|
|
4197
|
+
const i = me(), n = a, t = e, d = o(void 0), c = o(void 0), r = o(void 0), v = o(void 0), m = o(void 0), p = o(void 0), S = o(""), $ = o(""), g = o(void 0), h = o(null);
|
|
4192
4198
|
ae(() => {
|
|
4193
|
-
A(),
|
|
4199
|
+
A(), m.value = t.invalidMessage || _;
|
|
4194
4200
|
}), be(() => {
|
|
4195
|
-
|
|
4196
|
-
}),
|
|
4201
|
+
g.value?.abort();
|
|
4202
|
+
}), T(
|
|
4197
4203
|
() => [t.id, t.propOverrides?.id],
|
|
4198
4204
|
() => {
|
|
4199
4205
|
(t.id ?? t.propOverrides?.id) && A();
|
|
@@ -4202,51 +4208,51 @@ const _a = ["id", "data-width", "data-on-forcing-mobile"], ei = { class: "db-hea
|
|
|
4202
4208
|
immediate: !0,
|
|
4203
4209
|
flush: "post"
|
|
4204
4210
|
}
|
|
4205
|
-
),
|
|
4206
|
-
() => [
|
|
4211
|
+
), T(
|
|
4212
|
+
() => [h.value, t.invalidMessage],
|
|
4207
4213
|
() => {
|
|
4208
|
-
|
|
4214
|
+
m.value = t.invalidMessage || h.value?.validationMessage || _;
|
|
4209
4215
|
},
|
|
4210
4216
|
{
|
|
4211
4217
|
immediate: !0,
|
|
4212
4218
|
flush: "post"
|
|
4213
4219
|
}
|
|
4214
|
-
),
|
|
4220
|
+
), T(
|
|
4215
4221
|
() => [d.value],
|
|
4216
4222
|
() => {
|
|
4217
4223
|
if (d.value) {
|
|
4218
|
-
const
|
|
4219
|
-
|
|
4224
|
+
const L = d.value + ve;
|
|
4225
|
+
c.value = L, r.value = d.value + fe, v.value = d.value + he, te(t.message, t.showMessage) && (p.value = L), s();
|
|
4220
4226
|
}
|
|
4221
4227
|
},
|
|
4222
4228
|
{
|
|
4223
4229
|
immediate: !0,
|
|
4224
4230
|
flush: "post"
|
|
4225
4231
|
}
|
|
4226
|
-
),
|
|
4232
|
+
), T(
|
|
4227
4233
|
() => [t.value],
|
|
4228
4234
|
() => {
|
|
4229
|
-
t.value !== void 0 && (
|
|
4235
|
+
t.value !== void 0 && (S.value = t.value);
|
|
4230
4236
|
},
|
|
4231
4237
|
{
|
|
4232
4238
|
immediate: !0,
|
|
4233
4239
|
flush: "post"
|
|
4234
4240
|
}
|
|
4235
|
-
),
|
|
4236
|
-
() => [
|
|
4241
|
+
), T(
|
|
4242
|
+
() => [h.value],
|
|
4237
4243
|
() => {
|
|
4238
|
-
if (
|
|
4239
|
-
let
|
|
4240
|
-
|
|
4241
|
-
|
|
4244
|
+
if (h.value) {
|
|
4245
|
+
let N = g.value;
|
|
4246
|
+
N || (N = new AbortController(), g.value = N), We(
|
|
4247
|
+
h.value,
|
|
4242
4248
|
{
|
|
4243
4249
|
value: t.value,
|
|
4244
4250
|
defaultValue: void 0
|
|
4245
4251
|
},
|
|
4246
4252
|
(K) => {
|
|
4247
|
-
|
|
4253
|
+
k(K), y(K);
|
|
4248
4254
|
},
|
|
4249
|
-
|
|
4255
|
+
N.signal
|
|
4250
4256
|
);
|
|
4251
4257
|
}
|
|
4252
4258
|
},
|
|
@@ -4255,41 +4261,41 @@ const _a = ["id", "data-width", "data-on-forcing-mobile"], ei = { class: "db-hea
|
|
|
4255
4261
|
flush: "post"
|
|
4256
4262
|
}
|
|
4257
4263
|
);
|
|
4258
|
-
function
|
|
4264
|
+
function b() {
|
|
4259
4265
|
return !!(t.validMessage ?? t.validation === "valid");
|
|
4260
4266
|
}
|
|
4261
4267
|
function s() {
|
|
4262
|
-
!
|
|
4268
|
+
!h.value?.validity.valid || t.validation === "invalid" ? (p.value = v.value, m.value = t.invalidMessage || h.value?.validationMessage || _, re() && ($.value = m.value, J(() => $.value = "", 1e3))) : b() && h.value?.validity.valid && (t.required || t.minLength || t.maxLength) ? (p.value = r.value, re() && ($.value = t.validMessage ?? ce, J(() => $.value = "", 1e3))) : te(t.message, t.showMessage) ? p.value = c.value : p.value = void 0;
|
|
4263
4269
|
}
|
|
4264
|
-
function
|
|
4265
|
-
t.input && t.input(
|
|
4270
|
+
function y(L, O) {
|
|
4271
|
+
t.input && t.input(L), S.value = L.target.value, t.onInput && t.onInput(L), ue(n, L), s();
|
|
4266
4272
|
}
|
|
4267
|
-
function
|
|
4268
|
-
t.onChange && t.onChange(
|
|
4273
|
+
function k(L, O) {
|
|
4274
|
+
t.onChange && t.onChange(L), ue(n, L), s();
|
|
4269
4275
|
}
|
|
4270
|
-
function
|
|
4271
|
-
t.onBlur && t.onBlur(
|
|
4276
|
+
function B(L) {
|
|
4277
|
+
t.onBlur && t.onBlur(L);
|
|
4272
4278
|
}
|
|
4273
|
-
function j(
|
|
4274
|
-
t.onFocus && t.onFocus(
|
|
4279
|
+
function j(L) {
|
|
4280
|
+
t.onFocus && t.onFocus(L);
|
|
4275
4281
|
}
|
|
4276
4282
|
function A() {
|
|
4277
|
-
const
|
|
4278
|
-
d.value =
|
|
4283
|
+
const L = t.id ?? t.propOverrides?.id ?? `textarea-${i}`;
|
|
4284
|
+
d.value = L, c.value = L + ve, r.value = L + fe, v.value = L + he;
|
|
4279
4285
|
}
|
|
4280
|
-
return (
|
|
4286
|
+
return (L, O) => (f(), w("div", {
|
|
4281
4287
|
class: U(l(G)("db-textarea", t.class)),
|
|
4282
4288
|
"data-variant": e.variant,
|
|
4283
4289
|
"data-hide-asterisk": l(de)(e.showRequiredAsterisk),
|
|
4284
4290
|
"data-hide-label": l(de)(e.showLabel)
|
|
4285
4291
|
}, [
|
|
4286
|
-
E("label", { for: d.value },
|
|
4292
|
+
E("label", { for: d.value }, I(e.label ?? l(pe)), 9, Zi),
|
|
4287
4293
|
E("textarea", {
|
|
4288
4294
|
"aria-invalid": e.validation === "invalid",
|
|
4289
4295
|
"data-custom-validity": e.validation,
|
|
4290
4296
|
"data-field-sizing": e.fieldSizing,
|
|
4291
4297
|
ref_key: "_ref",
|
|
4292
|
-
ref:
|
|
4298
|
+
ref: h,
|
|
4293
4299
|
id: d.value,
|
|
4294
4300
|
"data-resize": e.resize,
|
|
4295
4301
|
"data-hide-resizer": l(de)(e.showResizer ?? !0),
|
|
@@ -4303,52 +4309,52 @@ const _a = ["id", "data-width", "data-on-forcing-mobile"], ei = { class: "db-hea
|
|
|
4303
4309
|
wrap: e.wrap,
|
|
4304
4310
|
spellcheck: e.spellCheck,
|
|
4305
4311
|
autocomplete: e.autocomplete,
|
|
4306
|
-
onInput: O[0] || (O[0] = async (
|
|
4307
|
-
onChange: O[1] || (O[1] = async (
|
|
4308
|
-
onBlur: O[2] || (O[2] = async (
|
|
4309
|
-
onFocus: O[3] || (O[3] = async (
|
|
4310
|
-
value: e.value ??
|
|
4311
|
-
"aria-describedby": e.ariaDescribedBy ??
|
|
4312
|
+
onInput: O[0] || (O[0] = async (N) => y(N)),
|
|
4313
|
+
onChange: O[1] || (O[1] = async (N) => k(N)),
|
|
4314
|
+
onBlur: O[2] || (O[2] = async (N) => B(N)),
|
|
4315
|
+
onFocus: O[3] || (O[3] = async (N) => j(N)),
|
|
4316
|
+
value: e.value ?? S.value,
|
|
4317
|
+
"aria-describedby": e.ariaDescribedBy ?? p.value,
|
|
4312
4318
|
placeholder: e.placeholder ?? l(nt),
|
|
4313
4319
|
rows: l(xe)(e.rows, l(Ht)),
|
|
4314
4320
|
cols: l(xe)(e.cols)
|
|
4315
|
-
},
|
|
4316
|
-
l(te)(e.message, e.showMessage) ? (
|
|
4321
|
+
}, I(e.value), 41, _i),
|
|
4322
|
+
l(te)(e.message, e.showMessage) ? (f(), Q(ee, {
|
|
4317
4323
|
key: 0,
|
|
4318
4324
|
size: "small",
|
|
4319
4325
|
icon: e.messageIcon,
|
|
4320
|
-
id:
|
|
4326
|
+
id: c.value
|
|
4321
4327
|
}, {
|
|
4322
4328
|
default: H(() => [
|
|
4323
|
-
D(
|
|
4329
|
+
D(I(e.message), 1)
|
|
4324
4330
|
]),
|
|
4325
4331
|
_: 1
|
|
4326
4332
|
}, 8, ["icon", "id"])) : P("", !0),
|
|
4327
|
-
|
|
4333
|
+
b() ? (f(), Q(ee, {
|
|
4328
4334
|
key: 1,
|
|
4329
4335
|
size: "small",
|
|
4330
4336
|
semantic: "successful",
|
|
4331
|
-
id:
|
|
4337
|
+
id: r.value
|
|
4332
4338
|
}, {
|
|
4333
4339
|
default: H(() => [
|
|
4334
|
-
D(
|
|
4340
|
+
D(I(e.validMessage || l(ce)), 1)
|
|
4335
4341
|
]),
|
|
4336
4342
|
_: 1
|
|
4337
4343
|
}, 8, ["id"])) : P("", !0),
|
|
4338
4344
|
le(ee, {
|
|
4339
4345
|
size: "small",
|
|
4340
4346
|
semantic: "critical",
|
|
4341
|
-
id:
|
|
4347
|
+
id: v.value
|
|
4342
4348
|
}, {
|
|
4343
4349
|
default: H(() => [
|
|
4344
|
-
D(
|
|
4350
|
+
D(I(m.value), 1)
|
|
4345
4351
|
]),
|
|
4346
4352
|
_: 1
|
|
4347
4353
|
}, 8, ["id"]),
|
|
4348
|
-
E("span", el,
|
|
4354
|
+
E("span", el, I($.value), 1)
|
|
4349
4355
|
], 10, Qi));
|
|
4350
4356
|
}
|
|
4351
|
-
}), yn = ["none", "both", "horizontal", "vertical"], wn = ["hard", "soft", "off"], kn = ["description", "label"], pn = ["adaptive", "neutral", "critical", "informational", "warning", "successful"], Bn = ["medium", "small", "large", "none"], Sn = ["medium", "small", "large", "none"], tl = ["left", "right", "left-start", "left-end", "right-start", "right-end"], al = ["top", "bottom", "top-start", "top-end", "bottom-start", "bottom-end"], In = [...tl, ...al], Ln = ["none", "3x-large", "2x-large", "x-large", "large", "medium", "small", "x-small", "2x-small", "3x-small"], xn = ["horizontal", "vertical"], Tn = ["full", "auto"], $n = ["full", "medium", "large", "small"], Cn = ["none", "slow", "fast"], En = ["auto", "fixed"], An = ["small", "medium"], Dn = ["weak", "strong"], Mn = ["invalid", "valid", "no-validation"],
|
|
4357
|
+
}), yn = ["none", "both", "horizontal", "vertical"], wn = ["hard", "soft", "off"], kn = ["description", "label"], pn = ["adaptive", "neutral", "critical", "informational", "warning", "successful"], Bn = ["medium", "small", "large", "none"], Sn = ["medium", "small", "large", "none"], tl = ["left", "right", "left-start", "left-end", "right-start", "right-end"], al = ["top", "bottom", "top-start", "top-end", "bottom-start", "bottom-end"], In = [...tl, ...al], Ln = ["none", "3x-large", "2x-large", "x-large", "large", "medium", "small", "x-small", "2x-small", "3x-small"], xn = ["horizontal", "vertical"], Tn = ["full", "auto"], $n = ["full", "medium", "large", "small"], Cn = ["none", "slow", "fast"], En = ["auto", "fixed"], An = ["small", "medium"], Dn = ["weak", "strong"], Mn = ["invalid", "valid", "no-validation"], Nn = ["fixed", "content"], Fn = ["above", "floating"], On = ["leading", "trailing"], Rn = ["off", "on", "name", "honorific-prefix", "given-name", "additional-name", "family-name", "honorific-suffix", "nickname", "email", "username", "new-password", "current-password", "one-time-code", "organization-title", "organization", "street-address", "shipping", "billing", "address-line1", "address-line2", "address-line3", "address-level4", "address-level3", "address-level2", "address-level1", "country", "country-name", "postal-code", "cc-name", "cc-given-name", "cc-additional-name", "cc-family-name", "cc-number", "cc-exp", "cc-exp-month", "cc-exp-year", "cc-csc", "cc-type", "transaction-currency", "transaction-amount", "language", "bday", "bday-day", "bday-month", "bday-year", "sex", "tel", "tel-country-code", "tel-national", "tel-area-code", "tel-local", "tel-extension", "impp", "url", "photo", "webauthn"], zn = ["_self", "_blank", "_parent", "_top"], Pn = ["no-referrer", "no-referrer-when-downgrade", "origin", "origin-when-cross-origin", "same-origin", "strict-origin", "strict-origin-when-cross-origin", "unsafe-url"], Vn = ["start", "center"];
|
|
4352
4358
|
export {
|
|
4353
4359
|
dl as AccordionBehaviorList,
|
|
4354
4360
|
ol as AccordionVariantList,
|
|
@@ -4418,7 +4424,7 @@ export {
|
|
|
4418
4424
|
Vt as DEFAULT_MESSAGE,
|
|
4419
4425
|
ve as DEFAULT_MESSAGE_ID_SUFFIX,
|
|
4420
4426
|
nt as DEFAULT_PLACEHOLDER,
|
|
4421
|
-
|
|
4427
|
+
Fe as DEFAULT_PLACEHOLDER_ID_SUFFIX,
|
|
4422
4428
|
ot as DEFAULT_REMOVE,
|
|
4423
4429
|
Ht as DEFAULT_ROWS,
|
|
4424
4430
|
Ut as DEFAULT_SELECTED,
|
|
@@ -4431,20 +4437,20 @@ export {
|
|
|
4431
4437
|
sl as DENSITY_CONST,
|
|
4432
4438
|
jt as DESKTOP_VIEWPORT,
|
|
4433
4439
|
Ml as DividerMarginList,
|
|
4434
|
-
|
|
4435
|
-
|
|
4440
|
+
Nl as DividerVariantList,
|
|
4441
|
+
ge as DocumentClickListener,
|
|
4436
4442
|
se as DocumentScrollListener,
|
|
4437
|
-
|
|
4443
|
+
Fl as DrawerBackdropList,
|
|
4438
4444
|
Ol as DrawerDirectionList,
|
|
4439
4445
|
zl as DrawerPositionList,
|
|
4440
4446
|
Rl as DrawerVariantList,
|
|
4441
4447
|
Dn as EmphasisList,
|
|
4442
|
-
|
|
4448
|
+
Nn as FieldSizingList,
|
|
4443
4449
|
Ln as GapSpacingList,
|
|
4444
4450
|
ql as IconWeightList,
|
|
4445
4451
|
Ul as InputTypeList,
|
|
4446
4452
|
On as LabelVariantHorizontalList,
|
|
4447
|
-
|
|
4453
|
+
Fn as LabelVariantList,
|
|
4448
4454
|
Xl as LinkContentList,
|
|
4449
4455
|
Pn as LinkReferrerPolicyList,
|
|
4450
4456
|
Hl as LinkSizeList,
|
|
@@ -4487,11 +4493,11 @@ export {
|
|
|
4487
4493
|
G as cls,
|
|
4488
4494
|
J as delay,
|
|
4489
4495
|
V as getBoolean,
|
|
4490
|
-
|
|
4496
|
+
F as getBooleanAsString,
|
|
4491
4497
|
vt as getFloatingProps,
|
|
4492
4498
|
de as getHideProp,
|
|
4493
4499
|
Ze as getInputValue,
|
|
4494
|
-
|
|
4500
|
+
Nt as getNotificationRole,
|
|
4495
4501
|
xe as getNumber,
|
|
4496
4502
|
ll as getOptionKey,
|
|
4497
4503
|
_e as getSearchInput,
|