@neowit/orbit-vue 0.9.0 → 0.9.1
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/index-BixObhJB.js +49360 -0
- package/dist/index-ChuKs_04.cjs +10 -0
- package/dist/orbit.cjs +5 -5
- package/dist/orbit.js +642 -645
- package/dist/style.css +1 -1
- package/package.json +2 -2
- package/dist/core-C6zHgGcX.cjs +0 -3
- package/dist/core-MBfGtuRb.js +0 -1066
package/dist/orbit.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { defineComponent as I, computed as s, openBlock as a, createBlock as L, resolveDynamicComponent as ue, normalizeClass as
|
|
1
|
+
import { defineComponent as I, computed as s, openBlock as a, createBlock as L, resolveDynamicComponent as ue, normalizeClass as w, withCtx as te, renderSlot as V, shallowRef as ka, watch as be, isRef as pa, getCurrentInstance as qa, resolveComponent as Na, createElementBlock as l, createCommentVNode as c, unref as C, normalizeStyle as ge, ref as x, withKeys as Zt, createVNode as ee, Transition as Wt, createTextVNode as ie, toDisplayString as $, createElementVNode as r, onMounted as me, Fragment as ae, useSlots as jt, mergeProps as Ie, watchEffect as Ka, onBeforeUnmount as Re, renderList as pe, inject as ve, useId as oa, withModifiers as Le, nextTick as $e, withDirectives as Ge, vModelText as Qt, vShow as Ct, Teleport as rt, provide as Ke, toRef as Ga, onUnmounted as ya, reactive as xa, createSlots as wa } from "vue";
|
|
2
2
|
const Ua = /* @__PURE__ */ I({
|
|
3
3
|
__name: "OText",
|
|
4
4
|
props: {
|
|
@@ -25,8 +25,8 @@ const Ua = /* @__PURE__ */ I({
|
|
|
25
25
|
"button-medium": "span",
|
|
26
26
|
"button-small": "span"
|
|
27
27
|
}, n = s(() => o.as || t[o.variant] || "span");
|
|
28
|
-
return (i,
|
|
29
|
-
class:
|
|
28
|
+
return (i, v) => (a(), L(ue(n.value), {
|
|
29
|
+
class: w(["orb-text", `orb-text--${e.variant}`, e.weight ? `orb-text--w-${e.weight}` : "", e.dense && !e.variant.startsWith("h") ? "orb-text--dense" : ""])
|
|
30
30
|
}, {
|
|
31
31
|
default: te(() => [
|
|
32
32
|
V(i.$slots, "default")
|
|
@@ -85,11 +85,11 @@ const Za = ["aria-label"], Qa = {
|
|
|
85
85
|
const t = Be(e, "icon");
|
|
86
86
|
return (n, i) => e.type === "dot" ? (a(), l("span", {
|
|
87
87
|
key: 0,
|
|
88
|
-
class:
|
|
88
|
+
class: w(["orb-badge", "orb-badge--dot", `orb-badge--${e.color}`]),
|
|
89
89
|
"aria-label": `Status: ${e.color}`
|
|
90
90
|
}, null, 10, Za)) : (a(), l("span", {
|
|
91
91
|
key: 1,
|
|
92
|
-
class:
|
|
92
|
+
class: w([
|
|
93
93
|
"orb-badge",
|
|
94
94
|
`orb-badge--${e.type}`,
|
|
95
95
|
`orb-badge--${e.color}`,
|
|
@@ -124,7 +124,7 @@ const Za = ["aria-label"], Qa = {
|
|
|
124
124
|
setup(e) {
|
|
125
125
|
const o = e, t = x(!1);
|
|
126
126
|
let n = null, i = null;
|
|
127
|
-
function
|
|
127
|
+
function v() {
|
|
128
128
|
o.disabled || (i && (clearTimeout(i), i = null), n = setTimeout(() => {
|
|
129
129
|
t.value = !0;
|
|
130
130
|
}, o.showDelay));
|
|
@@ -139,9 +139,9 @@ const Za = ["aria-label"], Qa = {
|
|
|
139
139
|
}
|
|
140
140
|
return (f, m) => (a(), l("span", {
|
|
141
141
|
class: "orb-tooltip-trigger",
|
|
142
|
-
onMouseenter:
|
|
142
|
+
onMouseenter: v,
|
|
143
143
|
onMouseleave: d,
|
|
144
|
-
onFocusin:
|
|
144
|
+
onFocusin: v,
|
|
145
145
|
onFocusout: d,
|
|
146
146
|
onKeydown: Zt(k, ["escape"])
|
|
147
147
|
}, [
|
|
@@ -151,7 +151,7 @@ const Za = ["aria-label"], Qa = {
|
|
|
151
151
|
t.value ? (a(), l("span", {
|
|
152
152
|
key: 0,
|
|
153
153
|
role: "tooltip",
|
|
154
|
-
class:
|
|
154
|
+
class: w(["orb-tooltip", `orb-tooltip--${e.placement}`]),
|
|
155
155
|
style: ge(e.maxWidth ? { maxWidth: e.maxWidth, whiteSpace: "normal" } : void 0)
|
|
156
156
|
}, [
|
|
157
157
|
V(f.$slots, "content", {}, () => [
|
|
@@ -172,7 +172,7 @@ const Za = ["aria-label"], Qa = {
|
|
|
172
172
|
},
|
|
173
173
|
setup(e) {
|
|
174
174
|
return (o, t) => (a(), l("span", {
|
|
175
|
-
class:
|
|
175
|
+
class: w([
|
|
176
176
|
"orb-help-text",
|
|
177
177
|
`orb-help-text--${e.variant}`,
|
|
178
178
|
{ "orb-help-text--disabled": e.disabled && e.variant === "neutral" }
|
|
@@ -205,14 +205,14 @@ const Za = ["aria-label"], Qa = {
|
|
|
205
205
|
e.label ? (a(), l("label", {
|
|
206
206
|
key: 0,
|
|
207
207
|
for: n.$props.for,
|
|
208
|
-
class:
|
|
208
|
+
class: w(["orb-field-label__text", { "orb-field-label__text--disabled": e.disabled }])
|
|
209
209
|
}, [
|
|
210
210
|
ie($(e.label), 1),
|
|
211
211
|
t.value ? (a(), l("span", to, $(t.value), 1)) : c("", !0)
|
|
212
212
|
], 10, eo)) : c("", !0),
|
|
213
213
|
e.maxLength != null ? (a(), l("span", {
|
|
214
214
|
key: 1,
|
|
215
|
-
class:
|
|
215
|
+
class: w(["orb-field-label__counter", { "orb-field-label__counter--disabled": e.disabled }])
|
|
216
216
|
}, $(e.charCount ?? 0), 3)) : c("", !0)
|
|
217
217
|
])) : c("", !0);
|
|
218
218
|
}
|
|
@@ -236,23 +236,23 @@ const Za = ["aria-label"], Qa = {
|
|
|
236
236
|
},
|
|
237
237
|
emits: ["update:modelValue"],
|
|
238
238
|
setup(e, { emit: o }) {
|
|
239
|
-
const t = e, n = o, i = s(() => t.modelValue),
|
|
239
|
+
const t = e, n = o, i = s(() => t.modelValue), v = x(null);
|
|
240
240
|
be(() => t.indeterminate, (k) => {
|
|
241
|
-
|
|
241
|
+
v.value && (v.value.indeterminate = k);
|
|
242
242
|
}), me(() => {
|
|
243
|
-
|
|
243
|
+
v.value && t.indeterminate && (v.value.indeterminate = !0);
|
|
244
244
|
});
|
|
245
245
|
function d() {
|
|
246
246
|
t.disabled || n("update:modelValue", !t.modelValue);
|
|
247
247
|
}
|
|
248
248
|
return (k, f) => (a(), l("label", {
|
|
249
|
-
class:
|
|
249
|
+
class: w([
|
|
250
250
|
"orb-checkbox",
|
|
251
251
|
{ "orb-checkbox--disabled": e.disabled }
|
|
252
252
|
])
|
|
253
253
|
}, [
|
|
254
254
|
r("span", {
|
|
255
|
-
class:
|
|
255
|
+
class: w([
|
|
256
256
|
"orb-checkbox__box",
|
|
257
257
|
{
|
|
258
258
|
"orb-checkbox__box--checked": i.value && !e.indeterminate,
|
|
@@ -263,7 +263,7 @@ const Za = ["aria-label"], Qa = {
|
|
|
263
263
|
}, [
|
|
264
264
|
r("input", {
|
|
265
265
|
ref_key: "inputRef",
|
|
266
|
-
ref:
|
|
266
|
+
ref: v,
|
|
267
267
|
type: "checkbox",
|
|
268
268
|
checked: i.value,
|
|
269
269
|
"aria-checked": e.indeterminate ? "mixed" : i.value,
|
|
@@ -272,7 +272,7 @@ const Za = ["aria-label"], Qa = {
|
|
|
272
272
|
onChange: d
|
|
273
273
|
}, null, 40, ao),
|
|
274
274
|
(a(), l("svg", {
|
|
275
|
-
class:
|
|
275
|
+
class: w(["orb-checkbox__icon orb-checkbox__icon--check", { "orb-checkbox__icon--visible": i.value && !e.indeterminate }]),
|
|
276
276
|
viewBox: "0 0 24 24",
|
|
277
277
|
fill: "none"
|
|
278
278
|
}, [...f[0] || (f[0] = [
|
|
@@ -286,7 +286,7 @@ const Za = ["aria-label"], Qa = {
|
|
|
286
286
|
}, null, -1)
|
|
287
287
|
])], 2)),
|
|
288
288
|
(a(), l("svg", {
|
|
289
|
-
class:
|
|
289
|
+
class: w(["orb-checkbox__icon orb-checkbox__icon--dash", { "orb-checkbox__icon--visible": e.indeterminate }]),
|
|
290
290
|
viewBox: "0 0 16 16",
|
|
291
291
|
fill: "none"
|
|
292
292
|
}, [...f[1] || (f[1] = [
|
|
@@ -330,14 +330,14 @@ const Za = ["aria-label"], Qa = {
|
|
|
330
330
|
function i() {
|
|
331
331
|
t.disabled || n("update:modelValue", t.value);
|
|
332
332
|
}
|
|
333
|
-
return (
|
|
334
|
-
class:
|
|
333
|
+
return (v, d) => (a(), l("label", {
|
|
334
|
+
class: w([
|
|
335
335
|
"orb-radio",
|
|
336
336
|
{ "orb-radio--disabled": e.disabled }
|
|
337
337
|
])
|
|
338
338
|
}, [
|
|
339
339
|
r("span", {
|
|
340
|
-
class:
|
|
340
|
+
class: w([
|
|
341
341
|
"orb-radio__circle",
|
|
342
342
|
{
|
|
343
343
|
"orb-radio__circle--checked": e.modelValue === e.value,
|
|
@@ -356,7 +356,7 @@ const Za = ["aria-label"], Qa = {
|
|
|
356
356
|
onChange: i
|
|
357
357
|
}, null, 40, ro),
|
|
358
358
|
r("span", {
|
|
359
|
-
class:
|
|
359
|
+
class: w(["orb-radio__dot", { "orb-radio__dot--visible": e.modelValue === e.value }])
|
|
360
360
|
}, null, 2)
|
|
361
361
|
], 2),
|
|
362
362
|
e.label || e.description ? (a(), l("span", so, [
|
|
@@ -389,12 +389,12 @@ const Za = ["aria-label"], Qa = {
|
|
|
389
389
|
},
|
|
390
390
|
emits: ["update:modelValue"],
|
|
391
391
|
setup(e, { emit: o }) {
|
|
392
|
-
const t = e, n = o, i = Be(t, "iconOn"),
|
|
392
|
+
const t = e, n = o, i = Be(t, "iconOn"), v = Be(t, "iconOff"), d = Be(t, "iconThumb"), k = Be(t, "iconThumbOff"), f = s(() => t.size === "sm" ? 10 : 12), m = s(() => t.size === "sm" ? 10 : 14);
|
|
393
393
|
function h() {
|
|
394
394
|
t.disabled || n("update:modelValue", !t.modelValue);
|
|
395
395
|
}
|
|
396
|
-
return (g,
|
|
397
|
-
class:
|
|
396
|
+
return (g, b) => (a(), l("label", {
|
|
397
|
+
class: w([
|
|
398
398
|
"orb-switch",
|
|
399
399
|
`orb-switch--${e.size}`,
|
|
400
400
|
{ "orb-switch--disabled": e.disabled }
|
|
@@ -406,7 +406,7 @@ const Za = ["aria-label"], Qa = {
|
|
|
406
406
|
"aria-checked": e.modelValue,
|
|
407
407
|
"aria-label": e.label,
|
|
408
408
|
disabled: e.disabled,
|
|
409
|
-
class:
|
|
409
|
+
class: w([
|
|
410
410
|
"orb-switch__track",
|
|
411
411
|
{
|
|
412
412
|
"orb-switch__track--on": e.modelValue,
|
|
@@ -423,7 +423,7 @@ const Za = ["aria-label"], Qa = {
|
|
|
423
423
|
}, null, 8, ["size"])) : V(g.$slots, "track-on", { key: 1 })
|
|
424
424
|
]),
|
|
425
425
|
r("span", ho, [
|
|
426
|
-
C(
|
|
426
|
+
C(v) ? (a(), L(ue(C(v)), {
|
|
427
427
|
key: 0,
|
|
428
428
|
size: f.value,
|
|
429
429
|
"aria-hidden": "true"
|
|
@@ -475,7 +475,7 @@ const Za = ["aria-label"], Qa = {
|
|
|
475
475
|
}
|
|
476
476
|
]);
|
|
477
477
|
return (n, i) => (a(), l("div", {
|
|
478
|
-
class:
|
|
478
|
+
class: w(t.value)
|
|
479
479
|
}, [
|
|
480
480
|
V(n.$slots, "default")
|
|
481
481
|
], 2));
|
|
@@ -499,13 +499,13 @@ const Za = ["aria-label"], Qa = {
|
|
|
499
499
|
if (o.variant !== "inherit")
|
|
500
500
|
return o.color ? `var(--orb-${o.color}-600)` : t[o.variant];
|
|
501
501
|
});
|
|
502
|
-
return (i,
|
|
503
|
-
class:
|
|
502
|
+
return (i, v) => (a(), l("span", {
|
|
503
|
+
class: w(["orb-spinner", [`orb-spinner--${e.size}`, `orb-spinner--${e.variant}`]]),
|
|
504
504
|
style: ge(n.value ? { color: n.value } : void 0),
|
|
505
505
|
role: "status",
|
|
506
506
|
"aria-live": "polite"
|
|
507
507
|
}, [
|
|
508
|
-
|
|
508
|
+
v[0] || (v[0] = r("svg", {
|
|
509
509
|
class: "orb-spinner__circle",
|
|
510
510
|
viewBox: "0 0 24 24",
|
|
511
511
|
fill: "none",
|
|
@@ -575,7 +575,7 @@ const Za = ["aria-label"], Qa = {
|
|
|
575
575
|
},
|
|
576
576
|
emits: ["click"],
|
|
577
577
|
setup(e, { emit: o }) {
|
|
578
|
-
const t = e, n = o, i = jt(),
|
|
578
|
+
const t = e, n = o, i = jt(), v = Be(t, "icon"), d = Be(t, "iconTrailing"), k = s(() => !!v.value || !!i["leading-icon"]), f = s(() => !!d.value || !!i["trailing-icon"]), m = s(() => !i.default && !t.description && (k.value || f.value)), h = s(() => !!t.description), g = s(() => t.disclosure === !0 || t.disclosure === "down" ? "down" : t.disclosure === "up" ? "up" : null), b = s(() => [
|
|
579
579
|
"orb-btn",
|
|
580
580
|
`orb-btn--${t.variant}`,
|
|
581
581
|
`orb-btn--${t.size}`,
|
|
@@ -596,7 +596,7 @@ const Za = ["aria-label"], Qa = {
|
|
|
596
596
|
n("click", A);
|
|
597
597
|
}
|
|
598
598
|
return (A, D) => (a(), L(ue(p.value), {
|
|
599
|
-
class:
|
|
599
|
+
class: w(b.value),
|
|
600
600
|
type: e.href ? void 0 : e.type,
|
|
601
601
|
href: e.href,
|
|
602
602
|
target: e.href ? e.target : void 0,
|
|
@@ -609,7 +609,7 @@ const Za = ["aria-label"], Qa = {
|
|
|
609
609
|
}, {
|
|
610
610
|
default: te(() => [
|
|
611
611
|
r("span", {
|
|
612
|
-
class:
|
|
612
|
+
class: w(["orb-btn__spinner", { "orb-btn__spinner--visible": e.loading && !e.loadingText }]),
|
|
613
613
|
"aria-hidden": "true"
|
|
614
614
|
}, [
|
|
615
615
|
ee(Fe, {
|
|
@@ -629,7 +629,7 @@ const Za = ["aria-label"], Qa = {
|
|
|
629
629
|
r("span", wo, $(e.loadingText), 1)
|
|
630
630
|
], 64)) : (a(), l(ae, { key: 1 }, [
|
|
631
631
|
k.value ? (a(), l("span", _o, [
|
|
632
|
-
C(
|
|
632
|
+
C(v) ? (a(), L(ue(C(v)), {
|
|
633
633
|
key: 0,
|
|
634
634
|
size: O.value,
|
|
635
635
|
"aria-hidden": "true"
|
|
@@ -651,7 +651,7 @@ const Za = ["aria-label"], Qa = {
|
|
|
651
651
|
])) : c("", !0),
|
|
652
652
|
g.value ? (a(), l("span", {
|
|
653
653
|
key: 4,
|
|
654
|
-
class:
|
|
654
|
+
class: w(["orb-btn__disclosure", { "orb-btn__disclosure--up": g.value === "up" }]),
|
|
655
655
|
"aria-hidden": "true"
|
|
656
656
|
}, [...D[0] || (D[0] = [
|
|
657
657
|
r("svg", {
|
|
@@ -734,7 +734,7 @@ const Za = ["aria-label"], Qa = {
|
|
|
734
734
|
viewBox: "0 0 24 24",
|
|
735
735
|
fill: "none",
|
|
736
736
|
xmlns: "http://www.w3.org/2000/svg",
|
|
737
|
-
class:
|
|
737
|
+
class: w(e.className)
|
|
738
738
|
}, [
|
|
739
739
|
r("circle", {
|
|
740
740
|
cx: "12",
|
|
@@ -837,9 +837,9 @@ const Za = ["aria-label"], Qa = {
|
|
|
837
837
|
},
|
|
838
838
|
setup(e) {
|
|
839
839
|
return (o, t) => {
|
|
840
|
-
const n = Eo, i = Ao,
|
|
840
|
+
const n = Eo, i = Ao, v = Lo, d = zo;
|
|
841
841
|
return a(), l("span", {
|
|
842
|
-
class:
|
|
842
|
+
class: w(["orb-status-icon", [
|
|
843
843
|
`orb-status-icon--${e.status}`,
|
|
844
844
|
`orb-status-icon--${e.size}`,
|
|
845
845
|
{ "orb-status-icon--filled": e.filled },
|
|
@@ -854,7 +854,7 @@ const Za = ["aria-label"], Qa = {
|
|
|
854
854
|
})) : e.status === "warning" ? (a(), L(i, {
|
|
855
855
|
key: 1,
|
|
856
856
|
"aria-hidden": "true"
|
|
857
|
-
})) : e.status === "error" ? (a(), L(
|
|
857
|
+
})) : e.status === "error" ? (a(), L(v, {
|
|
858
858
|
key: 2,
|
|
859
859
|
"aria-hidden": "true"
|
|
860
860
|
})) : (a(), L(d, {
|
|
@@ -967,7 +967,7 @@ const Fo = ["width", "height", "stroke-width"], Wo = /* @__PURE__ */ I({
|
|
|
967
967
|
preview: { type: Boolean, default: !1 }
|
|
968
968
|
},
|
|
969
969
|
setup(e) {
|
|
970
|
-
const o = e, { isDark: t, toggleTheme: n } = la(), i = ref(!1),
|
|
970
|
+
const o = e, { isDark: t, toggleTheme: n } = la(), i = ref(!1), v = s(() => o.preview ? i.value : t.value);
|
|
971
971
|
function d() {
|
|
972
972
|
o.preview ? i.value = !i.value : n();
|
|
973
973
|
}
|
|
@@ -975,14 +975,14 @@ const Fo = ["width", "height", "stroke-width"], Wo = /* @__PURE__ */ I({
|
|
|
975
975
|
return (h, g) => e.mode === "button" ? (a(), l("button", {
|
|
976
976
|
key: 0,
|
|
977
977
|
type: "button",
|
|
978
|
-
class:
|
|
978
|
+
class: w([
|
|
979
979
|
"orb-theme-toggle",
|
|
980
980
|
`orb-theme-toggle--${e.size}`
|
|
981
981
|
]),
|
|
982
|
-
"aria-label":
|
|
982
|
+
"aria-label": v.value ? "Alternar para modo claro" : "Alternar para modo escuro",
|
|
983
983
|
onClick: d
|
|
984
984
|
}, [
|
|
985
|
-
|
|
985
|
+
v.value && C(f) ? (a(), L(ue(C(f)), {
|
|
986
986
|
key: 0,
|
|
987
987
|
size: k.value,
|
|
988
988
|
"aria-hidden": "true"
|
|
@@ -993,15 +993,15 @@ const Fo = ["width", "height", "stroke-width"], Wo = /* @__PURE__ */ I({
|
|
|
993
993
|
}, null, 8, ["size"])) : c("", !0)
|
|
994
994
|
], 10, qo)) : (a(), l("div", {
|
|
995
995
|
key: 1,
|
|
996
|
-
class:
|
|
996
|
+
class: w([
|
|
997
997
|
"orb-theme-toggle-switch",
|
|
998
998
|
`orb-theme-toggle-switch--${e.size}`
|
|
999
999
|
])
|
|
1000
1000
|
}, [
|
|
1001
1001
|
ee(Ca, {
|
|
1002
|
-
"model-value":
|
|
1002
|
+
"model-value": v.value,
|
|
1003
1003
|
size: e.size,
|
|
1004
|
-
"aria-label":
|
|
1004
|
+
"aria-label": v.value ? "Alternar para modo claro" : "Alternar para modo escuro",
|
|
1005
1005
|
"icon-on": "IconSun",
|
|
1006
1006
|
"icon-off": "IconMoon",
|
|
1007
1007
|
"icon-thumb": "IconMoon",
|
|
@@ -1026,10 +1026,10 @@ const Fo = ["width", "height", "stroke-width"], Wo = /* @__PURE__ */ I({
|
|
|
1026
1026
|
xl: 24,
|
|
1027
1027
|
xxl: 32
|
|
1028
1028
|
};
|
|
1029
|
-
return (i,
|
|
1029
|
+
return (i, v) => C(t) ? (a(), L(ue(C(t)), {
|
|
1030
1030
|
key: 0,
|
|
1031
1031
|
size: n[e.size],
|
|
1032
|
-
class:
|
|
1032
|
+
class: w([
|
|
1033
1033
|
"orb-icon",
|
|
1034
1034
|
e.color ? `orb-icon--${e.color}` : void 0
|
|
1035
1035
|
]),
|
|
@@ -1074,7 +1074,7 @@ const Go = /* @__PURE__ */ I({
|
|
|
1074
1074
|
lg: 32,
|
|
1075
1075
|
xl: 40
|
|
1076
1076
|
};
|
|
1077
|
-
return (i,
|
|
1077
|
+
return (i, v) => C(t) ? (a(), L(ue(C(t)), {
|
|
1078
1078
|
key: 0,
|
|
1079
1079
|
size: n[e.size],
|
|
1080
1080
|
class: "orb-logo",
|
|
@@ -1094,50 +1094,50 @@ const Go = /* @__PURE__ */ I({
|
|
|
1094
1094
|
},
|
|
1095
1095
|
setup(e) {
|
|
1096
1096
|
const o = e, { isDark: t } = la(), n = x(null), i = x(null);
|
|
1097
|
-
let
|
|
1097
|
+
let v = null;
|
|
1098
1098
|
function d() {
|
|
1099
1099
|
if (!n.value) return;
|
|
1100
|
-
let
|
|
1101
|
-
for (;
|
|
1102
|
-
const u =
|
|
1100
|
+
let b = n.value.parentElement;
|
|
1101
|
+
for (; b && b !== document.documentElement; ) {
|
|
1102
|
+
const u = b.getAttribute("data-theme");
|
|
1103
1103
|
if (u) {
|
|
1104
1104
|
i.value = u;
|
|
1105
1105
|
return;
|
|
1106
1106
|
}
|
|
1107
|
-
|
|
1107
|
+
b = b.parentElement;
|
|
1108
1108
|
}
|
|
1109
1109
|
i.value = null;
|
|
1110
1110
|
}
|
|
1111
1111
|
const k = s(() => {
|
|
1112
|
-
const
|
|
1112
|
+
const b = `${o.basePath}/${o.brand}`;
|
|
1113
1113
|
return [
|
|
1114
|
-
`${
|
|
1115
|
-
`${
|
|
1116
|
-
`${
|
|
1117
|
-
`${
|
|
1114
|
+
`${b}/logo-full-dark.svg`,
|
|
1115
|
+
`${b}/logo-full-white.svg`,
|
|
1116
|
+
`${b}/logo-reduced.svg`,
|
|
1117
|
+
`${b}/favicon.svg`
|
|
1118
1118
|
];
|
|
1119
1119
|
});
|
|
1120
1120
|
me(() => {
|
|
1121
|
-
if (d(), o.preload && k.value.forEach((
|
|
1121
|
+
if (d(), o.preload && k.value.forEach((b) => {
|
|
1122
1122
|
const u = new Image();
|
|
1123
|
-
u.src =
|
|
1123
|
+
u.src = b;
|
|
1124
1124
|
}), n.value) {
|
|
1125
|
-
|
|
1126
|
-
let
|
|
1127
|
-
for (;
|
|
1128
|
-
|
|
1125
|
+
v = new MutationObserver(() => d());
|
|
1126
|
+
let b = n.value.parentElement;
|
|
1127
|
+
for (; b && b !== document.documentElement; )
|
|
1128
|
+
v.observe(b, { attributes: !0, attributeFilter: ["data-theme"] }), b = b.parentElement;
|
|
1129
1129
|
}
|
|
1130
1130
|
}), Re(() => {
|
|
1131
|
-
|
|
1131
|
+
v == null || v.disconnect();
|
|
1132
1132
|
});
|
|
1133
1133
|
const f = s(() => o.theme !== "auto" ? o.theme : i.value ? i.value : t.value ? "dark" : "light"), m = s(() => o.variant === "favicon" ? "favicon.svg" : o.variant === "reduced" ? "logo-reduced.svg" : f.value === "dark" ? "logo-full-white.svg" : "logo-full-dark.svg"), h = s(() => `${o.basePath}/${o.brand}/${m.value}`), g = s(() => o.alt || o.brand);
|
|
1134
|
-
return (
|
|
1134
|
+
return (b, u) => (a(), l("img", {
|
|
1135
1135
|
ref_key: "imgRef",
|
|
1136
1136
|
ref: n,
|
|
1137
1137
|
src: h.value,
|
|
1138
1138
|
alt: g.value,
|
|
1139
1139
|
height: e.height,
|
|
1140
|
-
class:
|
|
1140
|
+
class: w(["orb-brand-logo", [
|
|
1141
1141
|
`orb-brand-logo--${e.variant}`
|
|
1142
1142
|
]])
|
|
1143
1143
|
}, null, 10, Uo));
|
|
@@ -1161,9 +1161,9 @@ const Go = /* @__PURE__ */ I({
|
|
|
1161
1161
|
const i = {};
|
|
1162
1162
|
return o.width && (i.width = o.width), o.height && (i.height = o.height), o.borderRadius && (i.borderRadius = o.borderRadius), i;
|
|
1163
1163
|
});
|
|
1164
|
-
return (i,
|
|
1164
|
+
return (i, v) => e.loading ? (a(), l("span", {
|
|
1165
1165
|
key: 1,
|
|
1166
|
-
class:
|
|
1166
|
+
class: w(t.value),
|
|
1167
1167
|
style: ge(n.value),
|
|
1168
1168
|
"aria-hidden": "true"
|
|
1169
1169
|
}, null, 6)) : V(i.$slots, "default", { key: 0 });
|
|
@@ -1186,13 +1186,13 @@ const Go = /* @__PURE__ */ I({
|
|
|
1186
1186
|
style: ge(t.value),
|
|
1187
1187
|
"aria-hidden": "true"
|
|
1188
1188
|
}, [
|
|
1189
|
-
(a(!0), l(ae, null, pe(e.lines, (
|
|
1190
|
-
key:
|
|
1191
|
-
class:
|
|
1189
|
+
(a(!0), l(ae, null, pe(e.lines, (v) => (a(), l("span", {
|
|
1190
|
+
key: v,
|
|
1191
|
+
class: w([
|
|
1192
1192
|
"orb-skeleton",
|
|
1193
1193
|
"orb-skeleton--text",
|
|
1194
1194
|
e.animate ? "orb-skeleton--animate" : "",
|
|
1195
|
-
|
|
1195
|
+
v === e.lines && e.lines > 1 ? "orb-skeleton-text__last" : ""
|
|
1196
1196
|
])
|
|
1197
1197
|
}, null, 2))), 128))
|
|
1198
1198
|
], 4)) : V(n.$slots, "default", { key: 0 });
|
|
@@ -1215,7 +1215,7 @@ const Go = /* @__PURE__ */ I({
|
|
|
1215
1215
|
icon: {}
|
|
1216
1216
|
},
|
|
1217
1217
|
setup(e) {
|
|
1218
|
-
const o = e, t = Be(o, "icon"), n = ve("orb-avatar-group", !1), i = ve("orb-avatar-group-size", null),
|
|
1218
|
+
const o = e, t = Be(o, "icon"), n = ve("orb-avatar-group", !1), i = ve("orb-avatar-group-size", null), v = s(() => (i == null ? void 0 : i.value) || o.size), d = x(!1);
|
|
1219
1219
|
be(() => o.src, () => {
|
|
1220
1220
|
d.value = !1;
|
|
1221
1221
|
});
|
|
@@ -1242,18 +1242,18 @@ const Go = /* @__PURE__ */ I({
|
|
|
1242
1242
|
"rose",
|
|
1243
1243
|
"amber"
|
|
1244
1244
|
];
|
|
1245
|
-
function
|
|
1245
|
+
function b(A) {
|
|
1246
1246
|
let D = 0;
|
|
1247
|
-
for (let
|
|
1248
|
-
D = (D << 5) - D + A.charCodeAt(
|
|
1247
|
+
for (let _ = 0; _ < A.length; _++)
|
|
1248
|
+
D = (D << 5) - D + A.charCodeAt(_), D |= 0;
|
|
1249
1249
|
return Math.abs(D);
|
|
1250
1250
|
}
|
|
1251
|
-
const u = s(() => o.color === "auto" && o.name ? g[
|
|
1251
|
+
const u = s(() => o.color === "auto" && o.name ? g[b(o.name) % g.length] : o.color), p = s(() => [
|
|
1252
1252
|
"orb-avatar",
|
|
1253
|
-
`orb-avatar--${
|
|
1253
|
+
`orb-avatar--${v.value}`,
|
|
1254
1254
|
`orb-avatar--${o.shape}`,
|
|
1255
1255
|
f.value ? "" : `orb-avatar--${u.value}`
|
|
1256
|
-
]), O = s(() => ({ xs: 12, sm: 16, md: 20, lg: 24, xl: 32 })[
|
|
1256
|
+
]), O = s(() => ({ xs: 12, sm: 16, md: 20, lg: 24, xl: 32 })[v.value]), F = s(() => n && !!o.name);
|
|
1257
1257
|
return (A, D) => F.value ? (a(), L(C($a), {
|
|
1258
1258
|
key: 0,
|
|
1259
1259
|
text: e.name,
|
|
@@ -1261,7 +1261,7 @@ const Go = /* @__PURE__ */ I({
|
|
|
1261
1261
|
}, {
|
|
1262
1262
|
default: te(() => [
|
|
1263
1263
|
r("span", {
|
|
1264
|
-
class:
|
|
1264
|
+
class: w(p.value),
|
|
1265
1265
|
role: "img",
|
|
1266
1266
|
"aria-label": e.alt || e.name || "Avatar"
|
|
1267
1267
|
}, [
|
|
@@ -1297,7 +1297,7 @@ const Go = /* @__PURE__ */ I({
|
|
|
1297
1297
|
_: 1
|
|
1298
1298
|
}, 8, ["text"])) : (a(), l("span", {
|
|
1299
1299
|
key: 1,
|
|
1300
|
-
class:
|
|
1300
|
+
class: w(p.value),
|
|
1301
1301
|
role: "img",
|
|
1302
1302
|
"aria-label": e.alt || e.name || "Avatar"
|
|
1303
1303
|
}, [
|
|
@@ -1355,7 +1355,7 @@ const Go = /* @__PURE__ */ I({
|
|
|
1355
1355
|
},
|
|
1356
1356
|
emits: ["close", "click", "update:selected"],
|
|
1357
1357
|
setup(e, { emit: o }) {
|
|
1358
|
-
const t = e, n = o, i = Be(t, "icon"),
|
|
1358
|
+
const t = e, n = o, i = Be(t, "icon"), v = Be(t, "trailingIcon"), d = s(() => t.clickable || t.selectable || !!t.href), k = s(() => t.href && !t.disabled ? "a" : "span"), f = s(() => [
|
|
1359
1359
|
"orb-tag",
|
|
1360
1360
|
`orb-tag--${t.variant}`,
|
|
1361
1361
|
`orb-tag--${t.size}`,
|
|
@@ -1370,17 +1370,17 @@ const Go = /* @__PURE__ */ I({
|
|
|
1370
1370
|
"orb-tag--dot": t.dot
|
|
1371
1371
|
}
|
|
1372
1372
|
]);
|
|
1373
|
-
function m(
|
|
1374
|
-
t.disabled || (t.selectable && n("update:selected", !t.selected), n("click",
|
|
1373
|
+
function m(b) {
|
|
1374
|
+
t.disabled || (t.selectable && n("update:selected", !t.selected), n("click", b));
|
|
1375
1375
|
}
|
|
1376
|
-
function h(
|
|
1377
|
-
|
|
1376
|
+
function h(b) {
|
|
1377
|
+
b.stopPropagation(), !t.disabled && n("close", b);
|
|
1378
1378
|
}
|
|
1379
|
-
function g(
|
|
1380
|
-
t.disabled || ((
|
|
1379
|
+
function g(b) {
|
|
1380
|
+
t.disabled || ((b.key === "Enter" || b.key === " ") && (b.preventDefault(), m(b)), (b.key === "Delete" || b.key === "Backspace") && t.closable && (b.preventDefault(), h(b)));
|
|
1381
1381
|
}
|
|
1382
|
-
return (
|
|
1383
|
-
class:
|
|
1382
|
+
return (b, u) => (a(), L(ue(k.value), {
|
|
1383
|
+
class: w(f.value),
|
|
1384
1384
|
href: e.href && !e.disabled ? e.href : void 0,
|
|
1385
1385
|
target: e.href ? e.target : void 0,
|
|
1386
1386
|
tabindex: d.value && !e.disabled ? 0 : void 0,
|
|
@@ -1397,27 +1397,27 @@ const Go = /* @__PURE__ */ I({
|
|
|
1397
1397
|
style: ge(e.dotColor ? { background: e.dotColor } : void 0),
|
|
1398
1398
|
"aria-hidden": "true"
|
|
1399
1399
|
}, null, 4)) : c("", !0),
|
|
1400
|
-
|
|
1401
|
-
V(
|
|
1400
|
+
b.$slots.avatar ? (a(), l("span", nl, [
|
|
1401
|
+
V(b.$slots, "avatar")
|
|
1402
1402
|
])) : c("", !0),
|
|
1403
1403
|
C(i) ? (a(), L(ue(C(i)), {
|
|
1404
1404
|
key: 2,
|
|
1405
1405
|
class: "orb-tag__icon",
|
|
1406
1406
|
size: e.size === "sm" ? 12 : e.size === "lg" ? 16 : 14,
|
|
1407
1407
|
"aria-hidden": "true"
|
|
1408
|
-
}, null, 8, ["size"])) : V(
|
|
1408
|
+
}, null, 8, ["size"])) : V(b.$slots, "icon", { key: 3 }),
|
|
1409
1409
|
r("span", {
|
|
1410
1410
|
class: "orb-tag__label",
|
|
1411
1411
|
style: ge(e.maxWidth ? { maxWidth: e.maxWidth, overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" } : void 0)
|
|
1412
1412
|
}, [
|
|
1413
|
-
V(
|
|
1413
|
+
V(b.$slots, "default")
|
|
1414
1414
|
], 4),
|
|
1415
|
-
C(
|
|
1415
|
+
C(v) ? (a(), L(ue(C(v)), {
|
|
1416
1416
|
key: 4,
|
|
1417
1417
|
class: "orb-tag__icon",
|
|
1418
1418
|
size: e.size === "sm" ? 12 : e.size === "lg" ? 16 : 14,
|
|
1419
1419
|
"aria-hidden": "true"
|
|
1420
|
-
}, null, 8, ["size"])) : V(
|
|
1420
|
+
}, null, 8, ["size"])) : V(b.$slots, "trailing-icon", { key: 5 }),
|
|
1421
1421
|
e.closable ? (a(), l("button", {
|
|
1422
1422
|
key: 6,
|
|
1423
1423
|
type: "button",
|
|
@@ -1450,15 +1450,22 @@ const Go = /* @__PURE__ */ I({
|
|
|
1450
1450
|
}), sl = /* @__PURE__ */ I({
|
|
1451
1451
|
__name: "OCode",
|
|
1452
1452
|
props: {
|
|
1453
|
+
variant: { default: "default" },
|
|
1453
1454
|
as: { default: "code" }
|
|
1454
1455
|
},
|
|
1455
1456
|
setup(e) {
|
|
1456
|
-
|
|
1457
|
+
const o = e;
|
|
1458
|
+
return (t, n) => (a(), L(ue(o.as), {
|
|
1459
|
+
class: w([
|
|
1460
|
+
"orb-code",
|
|
1461
|
+
`orb-code--${o.variant}`
|
|
1462
|
+
])
|
|
1463
|
+
}, {
|
|
1457
1464
|
default: te(() => [
|
|
1458
|
-
V(
|
|
1465
|
+
V(t.$slots, "default")
|
|
1459
1466
|
]),
|
|
1460
1467
|
_: 3
|
|
1461
|
-
}));
|
|
1468
|
+
}, 8, ["class"]));
|
|
1462
1469
|
}
|
|
1463
1470
|
}), dl = ["width", "height"], cl = ["stroke-width"], ul = ["stroke-width"], Pt = /* @__PURE__ */ I({
|
|
1464
1471
|
__name: "IconCustomPlus",
|
|
@@ -1474,7 +1481,7 @@ const Go = /* @__PURE__ */ I({
|
|
|
1474
1481
|
viewBox: "0 0 24 24",
|
|
1475
1482
|
fill: "none",
|
|
1476
1483
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1477
|
-
class:
|
|
1484
|
+
class: w(e.className)
|
|
1478
1485
|
}, [
|
|
1479
1486
|
r("path", {
|
|
1480
1487
|
d: "M6.34314 12H17.6568",
|
|
@@ -1608,7 +1615,7 @@ const Go = /* @__PURE__ */ I({
|
|
|
1608
1615
|
viewBox: "0 0 24 24",
|
|
1609
1616
|
fill: "none",
|
|
1610
1617
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1611
|
-
class:
|
|
1618
|
+
class: w(e.className)
|
|
1612
1619
|
}, [
|
|
1613
1620
|
r("path", {
|
|
1614
1621
|
d: "M6.34314 12H17.6568",
|
|
@@ -1633,7 +1640,7 @@ const Go = /* @__PURE__ */ I({
|
|
|
1633
1640
|
viewBox: "0 0 24 24",
|
|
1634
1641
|
fill: "none",
|
|
1635
1642
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1636
|
-
class:
|
|
1643
|
+
class: w(e.className)
|
|
1637
1644
|
}, [
|
|
1638
1645
|
r("path", {
|
|
1639
1646
|
"fill-rule": "evenodd",
|
|
@@ -1743,32 +1750,32 @@ const Go = /* @__PURE__ */ I({
|
|
|
1743
1750
|
tel: "(##) ####-####",
|
|
1744
1751
|
cel: "(##) #####-####"
|
|
1745
1752
|
};
|
|
1746
|
-
function n(z,
|
|
1753
|
+
function n(z, q) {
|
|
1747
1754
|
const le = z.replace(/\D/g, "");
|
|
1748
1755
|
let J = "", H = 0;
|
|
1749
|
-
for (let K = 0; K <
|
|
1750
|
-
|
|
1756
|
+
for (let K = 0; K < q.length && H < le.length; K++)
|
|
1757
|
+
q[K] === "#" ? (J += le[H], H++) : J += q[K];
|
|
1751
1758
|
return J;
|
|
1752
1759
|
}
|
|
1753
1760
|
function i(z) {
|
|
1754
1761
|
return z.replace(/\D/g, "");
|
|
1755
1762
|
}
|
|
1756
|
-
function
|
|
1763
|
+
function v(z) {
|
|
1757
1764
|
return t[z] ?? z;
|
|
1758
1765
|
}
|
|
1759
|
-
const d = e, k = o, f = oa(), m = s(() => d.id ?? f), h = Be(d, "iconLeft"), g = Be(d, "iconRight"),
|
|
1766
|
+
const d = e, k = o, f = oa(), m = s(() => d.id ?? f), h = Be(d, "iconLeft"), g = Be(d, "iconRight"), b = s(() => d.size === "sm" ? 16 : 20), u = x(!1), p = x(null), O = x(d.modelValue ?? ""), F = s(() => d.type === "search"), A = s(() => d.type === "password"), D = s(() => d.type === "number"), _ = s(() => d.type === "tel"), W = s(() => !!d.mask), E = s(() => d.mask ? v(d.mask) : ""), N = s(() => O.value.length > 0), Y = x(!1), re = s(() => W.value ? n(O.value, E.value) : O.value), Z = s(() => A.value ? Y.value ? "text" : "password" : d.type);
|
|
1760
1767
|
be(() => d.modelValue, (z) => {
|
|
1761
1768
|
O.value = z ?? "";
|
|
1762
1769
|
});
|
|
1763
1770
|
function Q(z) {
|
|
1764
|
-
const
|
|
1771
|
+
const q = z.target;
|
|
1765
1772
|
if (W.value) {
|
|
1766
|
-
const le = i(
|
|
1773
|
+
const le = i(q.value), J = E.value.replace(/[^#]/g, "").length, H = le.slice(0, J);
|
|
1767
1774
|
O.value = H;
|
|
1768
1775
|
const K = n(H, E.value);
|
|
1769
|
-
|
|
1776
|
+
q.value = K, k("update:modelValue", H);
|
|
1770
1777
|
} else
|
|
1771
|
-
O.value =
|
|
1778
|
+
O.value = q.value, k("update:modelValue", q.value);
|
|
1772
1779
|
}
|
|
1773
1780
|
function j() {
|
|
1774
1781
|
var z;
|
|
@@ -1780,8 +1787,8 @@ const Go = /* @__PURE__ */ I({
|
|
|
1780
1787
|
}
|
|
1781
1788
|
function U(z) {
|
|
1782
1789
|
var K;
|
|
1783
|
-
const
|
|
1784
|
-
let J =
|
|
1790
|
+
const q = parseFloat(O.value) || 0, le = d.step ?? 1;
|
|
1791
|
+
let J = q + le * z;
|
|
1785
1792
|
d.min != null && J < d.min && (J = d.min), d.max != null && J > d.max && (J = d.max);
|
|
1786
1793
|
const H = String(J);
|
|
1787
1794
|
O.value = H, k("update:modelValue", H), (K = p.value) == null || K.focus();
|
|
@@ -1792,11 +1799,11 @@ const Go = /* @__PURE__ */ I({
|
|
|
1792
1799
|
function S() {
|
|
1793
1800
|
u.value = !1;
|
|
1794
1801
|
}
|
|
1795
|
-
return (z,
|
|
1802
|
+
return (z, q) => {
|
|
1796
1803
|
var Ve;
|
|
1797
1804
|
const le = Sa, J = xl, H = Da, K = bt, oe = hl, P = vl, se = Pt;
|
|
1798
1805
|
return a(), l("div", {
|
|
1799
|
-
class:
|
|
1806
|
+
class: w(["orb-text-field", `orb-text-field--${e.size}`])
|
|
1800
1807
|
}, [
|
|
1801
1808
|
e.label || e.maxLength ? (a(), L(C(Tt), {
|
|
1802
1809
|
key: 0,
|
|
@@ -1818,7 +1825,7 @@ const Go = /* @__PURE__ */ I({
|
|
|
1818
1825
|
F.value && !e.iconLeft && !z.$slots["prefix-icon"] ? (a(), l("span", _l, [
|
|
1819
1826
|
ee(le, { "aria-hidden": "true" })
|
|
1820
1827
|
])) : c("", !0),
|
|
1821
|
-
|
|
1828
|
+
_.value && !e.iconLeft && !z.$slots["prefix-icon"] ? (a(), l("span", $l, [
|
|
1822
1829
|
ee(J, { "aria-hidden": "true" })
|
|
1823
1830
|
])) : c("", !0),
|
|
1824
1831
|
D.value && e.state !== "disabled" ? (a(), l("button", {
|
|
@@ -1827,14 +1834,14 @@ const Go = /* @__PURE__ */ I({
|
|
|
1827
1834
|
class: "orb-text-field__stepper",
|
|
1828
1835
|
"aria-label": "Diminuir",
|
|
1829
1836
|
disabled: e.min != null && (parseFloat(O.value) || 0) <= e.min,
|
|
1830
|
-
onClick:
|
|
1837
|
+
onClick: q[0] || (q[0] = (Ae) => U(-1))
|
|
1831
1838
|
}, [
|
|
1832
1839
|
ee(H, { "aria-hidden": "true" })
|
|
1833
1840
|
], 8, Cl)) : c("", !0),
|
|
1834
1841
|
C(h) || z.$slots["prefix-icon"] ? (a(), l("span", Ol, [
|
|
1835
1842
|
C(h) ? (a(), L(ue(C(h)), {
|
|
1836
1843
|
key: 0,
|
|
1837
|
-
size:
|
|
1844
|
+
size: b.value,
|
|
1838
1845
|
"aria-hidden": "true"
|
|
1839
1846
|
}, null, 8, ["size"])) : V(z.$slots, "prefix-icon", { key: 1 })
|
|
1840
1847
|
])) : c("", !0),
|
|
@@ -1851,7 +1858,7 @@ const Go = /* @__PURE__ */ I({
|
|
|
1851
1858
|
min: D.value ? e.min : void 0,
|
|
1852
1859
|
max: D.value ? e.max : void 0,
|
|
1853
1860
|
step: D.value ? e.step : void 0,
|
|
1854
|
-
inputmode: D.value ? "numeric" :
|
|
1861
|
+
inputmode: D.value ? "numeric" : _.value ? "tel" : W.value ? "numeric" : void 0,
|
|
1855
1862
|
"aria-invalid": e.state === "invalid" ? !0 : void 0,
|
|
1856
1863
|
"aria-label": F.value && !e.label ? e.placeholder || "Pesquisar" : void 0,
|
|
1857
1864
|
class: "orb-text-field__input",
|
|
@@ -1865,7 +1872,7 @@ const Go = /* @__PURE__ */ I({
|
|
|
1865
1872
|
size: "sm"
|
|
1866
1873
|
})
|
|
1867
1874
|
])) : c("", !0),
|
|
1868
|
-
F.value &&
|
|
1875
|
+
F.value && N.value && e.state !== "disabled" ? (a(), l("button", {
|
|
1869
1876
|
key: 6,
|
|
1870
1877
|
type: "button",
|
|
1871
1878
|
class: "orb-text-field__clear",
|
|
@@ -1895,7 +1902,7 @@ const Go = /* @__PURE__ */ I({
|
|
|
1895
1902
|
class: "orb-text-field__stepper",
|
|
1896
1903
|
"aria-label": "Aumentar",
|
|
1897
1904
|
disabled: e.max != null && (parseFloat(O.value) || 0) >= e.max,
|
|
1898
|
-
onClick:
|
|
1905
|
+
onClick: q[1] || (q[1] = (Ae) => U(1))
|
|
1899
1906
|
}, [
|
|
1900
1907
|
ee(se, { "aria-hidden": "true" })
|
|
1901
1908
|
], 8, Bl)) : c("", !0),
|
|
@@ -1903,7 +1910,7 @@ const Go = /* @__PURE__ */ I({
|
|
|
1903
1910
|
C(g) || z.$slots["suffix-icon"] ? (a(), l("span", Ml, [
|
|
1904
1911
|
C(g) ? (a(), L(ue(C(g)), {
|
|
1905
1912
|
key: 0,
|
|
1906
|
-
size:
|
|
1913
|
+
size: b.value,
|
|
1907
1914
|
"aria-hidden": "true"
|
|
1908
1915
|
}, null, 8, ["size"])) : V(z.$slots, "suffix-icon", { key: 1 })
|
|
1909
1916
|
])) : c("", !0)
|
|
@@ -1923,8 +1930,8 @@ const Go = /* @__PURE__ */ I({
|
|
|
1923
1930
|
e.hyperlinkText ? (a(), l("a", {
|
|
1924
1931
|
key: 2,
|
|
1925
1932
|
href: e.hyperlinkHref || "#",
|
|
1926
|
-
class:
|
|
1927
|
-
onClick:
|
|
1933
|
+
class: w(["orb-text-field__hyperlink", { "orb-text-field__hyperlink--disabled": e.state === "disabled" }]),
|
|
1934
|
+
onClick: q[2] || (q[2] = Le((Ae) => e.state !== "disabled" && k("hyperlink-click"), ["prevent"]))
|
|
1928
1935
|
}, [
|
|
1929
1936
|
z.$slots["hyperlink-icon"] ? (a(), l("span", Vl, [
|
|
1930
1937
|
V(z.$slots, "hyperlink-icon")
|
|
@@ -1954,14 +1961,14 @@ const Go = /* @__PURE__ */ I({
|
|
|
1954
1961
|
},
|
|
1955
1962
|
emits: ["update:modelValue", "hyperlink-click"],
|
|
1956
1963
|
setup(e, { emit: o }) {
|
|
1957
|
-
const t = e, n = o, i = oa(),
|
|
1958
|
-
function f(
|
|
1959
|
-
const u =
|
|
1964
|
+
const t = e, n = o, i = oa(), v = s(() => t.id ?? i), d = x(!1), k = x(null);
|
|
1965
|
+
function f(b) {
|
|
1966
|
+
const u = b.target;
|
|
1960
1967
|
n("update:modelValue", u.value), t.resize === "auto" && $e(() => m());
|
|
1961
1968
|
}
|
|
1962
1969
|
function m() {
|
|
1963
|
-
const
|
|
1964
|
-
|
|
1970
|
+
const b = k.value;
|
|
1971
|
+
b && (b.style.height = "auto", b.style.height = `${b.scrollHeight}px`);
|
|
1965
1972
|
}
|
|
1966
1973
|
function h() {
|
|
1967
1974
|
d.value = !0;
|
|
@@ -1973,14 +1980,14 @@ const Go = /* @__PURE__ */ I({
|
|
|
1973
1980
|
t.resize === "auto" && $e(() => m());
|
|
1974
1981
|
}), me(() => {
|
|
1975
1982
|
t.resize === "auto" && m();
|
|
1976
|
-
}), (
|
|
1983
|
+
}), (b, u) => {
|
|
1977
1984
|
var p;
|
|
1978
1985
|
return a(), l("div", {
|
|
1979
|
-
class:
|
|
1986
|
+
class: w(["orb-text-area", `orb-text-area--${e.size}`])
|
|
1980
1987
|
}, [
|
|
1981
1988
|
e.label || e.maxLength ? (a(), L(C(Tt), {
|
|
1982
1989
|
key: 0,
|
|
1983
|
-
for:
|
|
1990
|
+
for: v.value,
|
|
1984
1991
|
label: e.label,
|
|
1985
1992
|
required: e.required,
|
|
1986
1993
|
optional: e.optional,
|
|
@@ -1998,14 +2005,14 @@ const Go = /* @__PURE__ */ I({
|
|
|
1998
2005
|
r("textarea", {
|
|
1999
2006
|
ref_key: "textareaRef",
|
|
2000
2007
|
ref: k,
|
|
2001
|
-
id:
|
|
2008
|
+
id: v.value,
|
|
2002
2009
|
value: e.modelValue,
|
|
2003
2010
|
placeholder: e.placeholder,
|
|
2004
2011
|
disabled: e.state === "disabled",
|
|
2005
2012
|
maxlength: e.maxLength,
|
|
2006
2013
|
rows: e.rows,
|
|
2007
2014
|
"aria-invalid": e.state === "invalid" ? !0 : void 0,
|
|
2008
|
-
class:
|
|
2015
|
+
class: w([
|
|
2009
2016
|
"orb-text-area__input",
|
|
2010
2017
|
`orb-text-area__input--resize-${e.resize}`
|
|
2011
2018
|
]),
|
|
@@ -2029,7 +2036,7 @@ const Go = /* @__PURE__ */ I({
|
|
|
2029
2036
|
e.hyperlinkText ? (a(), l("a", {
|
|
2030
2037
|
key: 2,
|
|
2031
2038
|
href: e.hyperlinkHref || "#",
|
|
2032
|
-
class:
|
|
2039
|
+
class: w(["orb-text-area__hyperlink", { "orb-text-area__hyperlink--disabled": e.state === "disabled" }]),
|
|
2033
2040
|
onClick: u[0] || (u[0] = Le((O) => e.state !== "disabled" && n("hyperlink-click"), ["prevent"]))
|
|
2034
2041
|
}, $(e.hyperlinkText), 11, El)) : c("", !0)
|
|
2035
2042
|
], 2);
|
|
@@ -2057,11 +2064,11 @@ const Go = /* @__PURE__ */ I({
|
|
|
2057
2064
|
emits: ["update:modelValue"],
|
|
2058
2065
|
setup(e, { emit: o }) {
|
|
2059
2066
|
const t = e, n = o, i = s(() => t.required ? " (obrigatório)" : t.optional ? " (opcional)" : "");
|
|
2060
|
-
function
|
|
2067
|
+
function v(d) {
|
|
2061
2068
|
t.state !== "disabled" && n("update:modelValue", d);
|
|
2062
2069
|
}
|
|
2063
2070
|
return (d, k) => (a(), l("fieldset", {
|
|
2064
|
-
class:
|
|
2071
|
+
class: w([
|
|
2065
2072
|
"orb-radio-group",
|
|
2066
2073
|
`orb-radio-group--${e.orientation}`,
|
|
2067
2074
|
{ "orb-radio-group--disabled": e.state === "disabled" }
|
|
@@ -2072,23 +2079,23 @@ const Go = /* @__PURE__ */ I({
|
|
|
2072
2079
|
}, [
|
|
2073
2080
|
e.label ? (a(), l("legend", {
|
|
2074
2081
|
key: 0,
|
|
2075
|
-
class:
|
|
2082
|
+
class: w(["orb-field-label__text orb-radio-group__legend", { "orb-field-label__text--disabled": e.state === "disabled" }])
|
|
2076
2083
|
}, [
|
|
2077
2084
|
ie($(e.label), 1),
|
|
2078
2085
|
i.value ? (a(), l("span", Wl, $(i.value), 1)) : c("", !0)
|
|
2079
2086
|
], 2)) : c("", !0),
|
|
2080
2087
|
r("div", {
|
|
2081
|
-
class:
|
|
2088
|
+
class: w(["orb-radio-group__options", `orb-radio-group__options--${e.orientation}`])
|
|
2082
2089
|
}, [
|
|
2083
2090
|
(a(!0), l(ae, null, pe(e.options, (f) => (a(), l("label", {
|
|
2084
2091
|
key: f.value,
|
|
2085
|
-
class:
|
|
2092
|
+
class: w([
|
|
2086
2093
|
"orb-radio",
|
|
2087
2094
|
{ "orb-radio--disabled": e.state === "disabled" }
|
|
2088
2095
|
])
|
|
2089
2096
|
}, [
|
|
2090
2097
|
r("span", {
|
|
2091
|
-
class:
|
|
2098
|
+
class: w([
|
|
2092
2099
|
"orb-radio__circle",
|
|
2093
2100
|
{
|
|
2094
2101
|
"orb-radio__circle--checked": e.modelValue === f.value,
|
|
@@ -2105,10 +2112,10 @@ const Go = /* @__PURE__ */ I({
|
|
|
2105
2112
|
disabled: e.state === "disabled",
|
|
2106
2113
|
"aria-label": f.label,
|
|
2107
2114
|
class: "orb-radio__input",
|
|
2108
|
-
onChange: (m) =>
|
|
2115
|
+
onChange: (m) => v(f.value)
|
|
2109
2116
|
}, null, 40, jl),
|
|
2110
2117
|
r("span", {
|
|
2111
|
-
class:
|
|
2118
|
+
class: w(["orb-radio__dot", { "orb-radio__dot--visible": e.modelValue === f.value }])
|
|
2112
2119
|
}, null, 2)
|
|
2113
2120
|
], 2),
|
|
2114
2121
|
r("span", Pl, [
|
|
@@ -2152,25 +2159,25 @@ const Go = /* @__PURE__ */ I({
|
|
|
2152
2159
|
emits: ["update:modelValue"],
|
|
2153
2160
|
setup(e, { emit: o }) {
|
|
2154
2161
|
const t = e, n = o, i = s(() => t.required ? " (obrigatório)" : t.optional ? " (opcional)" : "");
|
|
2155
|
-
function b
|
|
2156
|
-
return t.modelValue.includes(
|
|
2162
|
+
function v(b) {
|
|
2163
|
+
return t.modelValue.includes(b);
|
|
2157
2164
|
}
|
|
2158
|
-
function d(
|
|
2165
|
+
function d(b) {
|
|
2159
2166
|
if (t.state === "disabled") return;
|
|
2160
|
-
const u = b
|
|
2167
|
+
const u = v(b) ? t.modelValue.filter((p) => p !== b) : [...t.modelValue, b];
|
|
2161
2168
|
n("update:modelValue", u);
|
|
2162
2169
|
}
|
|
2163
|
-
const k = s(() => t.options.map((
|
|
2164
|
-
be(m, (
|
|
2165
|
-
h.value && (h.value.indeterminate =
|
|
2170
|
+
const k = s(() => t.options.map((b) => b.value)), f = s(() => k.value.length > 0 && k.value.every((b) => t.modelValue.includes(b))), m = s(() => !f.value && t.modelValue.length > 0), h = x(null);
|
|
2171
|
+
be(m, (b) => {
|
|
2172
|
+
h.value && (h.value.indeterminate = b);
|
|
2166
2173
|
}), me(() => {
|
|
2167
2174
|
h.value && m.value && (h.value.indeterminate = !0);
|
|
2168
2175
|
});
|
|
2169
2176
|
function g() {
|
|
2170
2177
|
t.state !== "disabled" && (f.value ? n("update:modelValue", []) : n("update:modelValue", [...k.value]));
|
|
2171
2178
|
}
|
|
2172
|
-
return (
|
|
2173
|
-
class:
|
|
2179
|
+
return (b, u) => (a(), l("fieldset", {
|
|
2180
|
+
class: w([
|
|
2174
2181
|
"orb-checkbox-group",
|
|
2175
2182
|
`orb-checkbox-group--${e.orientation}`,
|
|
2176
2183
|
{ "orb-checkbox-group--disabled": e.state === "disabled" }
|
|
@@ -2181,21 +2188,21 @@ const Go = /* @__PURE__ */ I({
|
|
|
2181
2188
|
}, [
|
|
2182
2189
|
e.label ? (a(), l("legend", {
|
|
2183
2190
|
key: 0,
|
|
2184
|
-
class:
|
|
2191
|
+
class: w(["orb-field-label__text orb-checkbox-group__legend", { "orb-field-label__text--disabled": e.state === "disabled" }])
|
|
2185
2192
|
}, [
|
|
2186
2193
|
ie($(e.label), 1),
|
|
2187
2194
|
i.value ? (a(), l("span", Ul, $(i.value), 1)) : c("", !0)
|
|
2188
2195
|
], 2)) : c("", !0),
|
|
2189
2196
|
e.selectAll ? (a(), l("label", {
|
|
2190
2197
|
key: 1,
|
|
2191
|
-
class:
|
|
2198
|
+
class: w([
|
|
2192
2199
|
"orb-checkbox",
|
|
2193
2200
|
"orb-checkbox-group__select-all",
|
|
2194
2201
|
{ "orb-checkbox--disabled": e.state === "disabled" }
|
|
2195
2202
|
])
|
|
2196
2203
|
}, [
|
|
2197
2204
|
r("span", {
|
|
2198
|
-
class:
|
|
2205
|
+
class: w([
|
|
2199
2206
|
"orb-checkbox__box",
|
|
2200
2207
|
{
|
|
2201
2208
|
"orb-checkbox__box--checked": f.value,
|
|
@@ -2216,7 +2223,7 @@ const Go = /* @__PURE__ */ I({
|
|
|
2216
2223
|
onChange: g
|
|
2217
2224
|
}, null, 40, Yl),
|
|
2218
2225
|
(a(), l("svg", {
|
|
2219
|
-
class:
|
|
2226
|
+
class: w(["orb-checkbox__icon orb-checkbox__icon--check", { "orb-checkbox__icon--visible": f.value }]),
|
|
2220
2227
|
viewBox: "0 0 24 24",
|
|
2221
2228
|
fill: "none"
|
|
2222
2229
|
}, [...u[0] || (u[0] = [
|
|
@@ -2230,7 +2237,7 @@ const Go = /* @__PURE__ */ I({
|
|
|
2230
2237
|
}, null, -1)
|
|
2231
2238
|
])], 2)),
|
|
2232
2239
|
(a(), l("svg", {
|
|
2233
|
-
class:
|
|
2240
|
+
class: w(["orb-checkbox__icon orb-checkbox__icon--dash", { "orb-checkbox__icon--visible": m.value }]),
|
|
2234
2241
|
viewBox: "0 0 16 16",
|
|
2235
2242
|
fill: "none"
|
|
2236
2243
|
}, [...u[1] || (u[1] = [
|
|
@@ -2248,36 +2255,36 @@ const Go = /* @__PURE__ */ I({
|
|
|
2248
2255
|
])
|
|
2249
2256
|
], 2)) : c("", !0),
|
|
2250
2257
|
r("div", {
|
|
2251
|
-
class:
|
|
2258
|
+
class: w(["orb-checkbox-group__options", `orb-checkbox-group__options--${e.orientation}`])
|
|
2252
2259
|
}, [
|
|
2253
2260
|
(a(!0), l(ae, null, pe(e.options, (p) => (a(), l("label", {
|
|
2254
2261
|
key: p.value,
|
|
2255
|
-
class:
|
|
2262
|
+
class: w([
|
|
2256
2263
|
"orb-checkbox",
|
|
2257
2264
|
{ "orb-checkbox--disabled": e.state === "disabled" }
|
|
2258
2265
|
])
|
|
2259
2266
|
}, [
|
|
2260
2267
|
r("span", {
|
|
2261
|
-
class:
|
|
2268
|
+
class: w([
|
|
2262
2269
|
"orb-checkbox__box",
|
|
2263
2270
|
{
|
|
2264
|
-
"orb-checkbox__box--checked":
|
|
2271
|
+
"orb-checkbox__box--checked": v(p.value),
|
|
2265
2272
|
"orb-checkbox__box--disabled": e.state === "disabled",
|
|
2266
|
-
"orb-checkbox__box--invalid": e.state === "invalid" && !
|
|
2273
|
+
"orb-checkbox__box--invalid": e.state === "invalid" && !v(p.value)
|
|
2267
2274
|
}
|
|
2268
2275
|
])
|
|
2269
2276
|
}, [
|
|
2270
2277
|
r("input", {
|
|
2271
2278
|
type: "checkbox",
|
|
2272
2279
|
value: p.value,
|
|
2273
|
-
checked:
|
|
2280
|
+
checked: v(p.value),
|
|
2274
2281
|
disabled: e.state === "disabled",
|
|
2275
2282
|
"aria-label": p.label,
|
|
2276
2283
|
class: "orb-checkbox__input",
|
|
2277
2284
|
onChange: (O) => d(p.value)
|
|
2278
2285
|
}, null, 40, Xl),
|
|
2279
2286
|
(a(), l("svg", {
|
|
2280
|
-
class:
|
|
2287
|
+
class: w(["orb-checkbox__icon orb-checkbox__icon--check", { "orb-checkbox__icon--visible": v(p.value) }]),
|
|
2281
2288
|
viewBox: "0 0 24 24",
|
|
2282
2289
|
fill: "none"
|
|
2283
2290
|
}, [...u[2] || (u[2] = [
|
|
@@ -2320,7 +2327,7 @@ const Go = /* @__PURE__ */ I({
|
|
|
2320
2327
|
`orb-btn-group--${o.orientation}`
|
|
2321
2328
|
]);
|
|
2322
2329
|
return (n, i) => (a(), l("div", {
|
|
2323
|
-
class:
|
|
2330
|
+
class: w(t.value),
|
|
2324
2331
|
role: "group"
|
|
2325
2332
|
}, [
|
|
2326
2333
|
V(n.$slots, "default")
|
|
@@ -2466,21 +2473,21 @@ const Go = /* @__PURE__ */ I({
|
|
|
2466
2473
|
},
|
|
2467
2474
|
emits: ["update:modelValue", "change", "search", "create", "loadMore"],
|
|
2468
2475
|
setup(e, { emit: o }) {
|
|
2469
|
-
const t = e, n = o, i = x(!1),
|
|
2476
|
+
const t = e, n = o, i = x(!1), v = x(!1), d = x(null), k = x(null), f = x(null), m = x(null), h = x(-1), g = x(""), b = x(null), u = x(""), p = x({}), O = x("down"), F = x(null), A = x(!1), D = s(() => t.state === "disabled"), _ = s(() => t.state === "invalid"), W = s(() => t.multiple ? Array.isArray(t.modelValue) ? t.modelValue : [] : typeof t.modelValue == "string" && t.modelValue !== "" ? [t.modelValue] : []), E = s(() => {
|
|
2470
2477
|
const T = [];
|
|
2471
2478
|
for (const M of t.options)
|
|
2472
2479
|
"options" in M ? T.push(...M.options) : T.push(M);
|
|
2473
2480
|
return T;
|
|
2474
2481
|
});
|
|
2475
|
-
function
|
|
2482
|
+
function N(T, M) {
|
|
2476
2483
|
return t.filterFn ? t.filterFn(T, M) : T.label.toLowerCase().includes(M.toLowerCase());
|
|
2477
2484
|
}
|
|
2478
|
-
const Y = s(() => !t.searchable || !u.value ? E.value : E.value.filter((T) =>
|
|
2485
|
+
const Y = s(() => !t.searchable || !u.value ? E.value : E.value.filter((T) => N(T, u.value))), re = s(() => !t.searchable || !u.value ? t.options : t.options.map((T) => {
|
|
2479
2486
|
if ("options" in T) {
|
|
2480
|
-
const M = T.options.filter((ne) =>
|
|
2487
|
+
const M = T.options.filter((ne) => N(ne, u.value));
|
|
2481
2488
|
return M.length > 0 ? { ...T, options: M } : null;
|
|
2482
2489
|
}
|
|
2483
|
-
return
|
|
2490
|
+
return N(T, u.value) ? T : null;
|
|
2484
2491
|
}).filter(Boolean)), Z = s(() => t.options.some((T) => "options" in T)), Q = s(
|
|
2485
2492
|
() => E.value.find((T) => T.value === (t.multiple ? "" : t.modelValue))
|
|
2486
2493
|
), j = s(
|
|
@@ -2490,7 +2497,7 @@ const Go = /* @__PURE__ */ I({
|
|
|
2490
2497
|
var T;
|
|
2491
2498
|
return ((T = Q.value) == null ? void 0 : T.label) ?? "";
|
|
2492
2499
|
}
|
|
2493
|
-
), U = s(() => t.multiple ? W.value.length > 0 : t.modelValue !== "" && t.modelValue != null), y = s(() => (t.id ?? "orb-select") + "-listbox"), S = s(() => Y.value.length === 0), z = s(() => !t.multiple || t.maxSelections <= 0 ? !1 : W.value.length >= t.maxSelections),
|
|
2500
|
+
), U = s(() => t.multiple ? W.value.length > 0 : t.modelValue !== "" && t.modelValue != null), y = s(() => (t.id ?? "orb-select") + "-listbox"), S = s(() => Y.value.length === 0), z = s(() => !t.multiple || t.maxSelections <= 0 ? !1 : W.value.length >= t.maxSelections), q = s(() => {
|
|
2494
2501
|
if (!t.creatable || !t.searchable || !u.value.trim()) return !1;
|
|
2495
2502
|
const T = u.value.trim().toLowerCase();
|
|
2496
2503
|
return !E.value.some((M) => M.label.toLowerCase() === T);
|
|
@@ -2498,7 +2505,7 @@ const Go = /* @__PURE__ */ I({
|
|
|
2498
2505
|
me(() => {
|
|
2499
2506
|
document.addEventListener("mousedown", Ae);
|
|
2500
2507
|
}), Re(() => {
|
|
2501
|
-
document.removeEventListener("mousedown", Ae),
|
|
2508
|
+
document.removeEventListener("mousedown", Ae), b.value && clearTimeout(b.value);
|
|
2502
2509
|
}), be(i, (T) => {
|
|
2503
2510
|
if (T) {
|
|
2504
2511
|
u.value = "", A.value = !1, Et(), t.teleport && R();
|
|
@@ -2560,10 +2567,10 @@ const Go = /* @__PURE__ */ I({
|
|
|
2560
2567
|
}
|
|
2561
2568
|
}
|
|
2562
2569
|
function vt() {
|
|
2563
|
-
|
|
2570
|
+
v.value = !0;
|
|
2564
2571
|
}
|
|
2565
2572
|
function St() {
|
|
2566
|
-
|
|
2573
|
+
v.value = !1;
|
|
2567
2574
|
}
|
|
2568
2575
|
function Rt() {
|
|
2569
2576
|
const T = u.value.trim();
|
|
@@ -2612,12 +2619,12 @@ const Go = /* @__PURE__ */ I({
|
|
|
2612
2619
|
M.scrollHeight - M.scrollTop - M.clientHeight < 40 && !A.value && !t.loading && (A.value = !0, n("loadMore"));
|
|
2613
2620
|
}
|
|
2614
2621
|
function fe(T) {
|
|
2615
|
-
switch (Y.value.length + (
|
|
2622
|
+
switch (Y.value.length + (q.value ? 1 : 0), T.key) {
|
|
2616
2623
|
case "Enter":
|
|
2617
2624
|
case " ":
|
|
2618
2625
|
if (t.searchable && i.value && T.key === " ") return;
|
|
2619
2626
|
if (T.preventDefault(), i.value)
|
|
2620
|
-
if (
|
|
2627
|
+
if (q.value && h.value === Y.value.length)
|
|
2621
2628
|
Rt();
|
|
2622
2629
|
else {
|
|
2623
2630
|
const M = Y.value[h.value];
|
|
@@ -2653,11 +2660,11 @@ const Go = /* @__PURE__ */ I({
|
|
|
2653
2660
|
}
|
|
2654
2661
|
function Ce(T) {
|
|
2655
2662
|
var G, ye;
|
|
2656
|
-
const M = Y.value, ne = M.length + (
|
|
2663
|
+
const M = Y.value, ne = M.length + (q.value ? 1 : 0);
|
|
2657
2664
|
if (ne === 0) return;
|
|
2658
2665
|
let de = h.value, Qe = 0;
|
|
2659
2666
|
do
|
|
2660
|
-
if (de += T, de < 0 && (de = ne - 1), de >= ne && (de = 0), Qe++, de === M.length &&
|
|
2667
|
+
if (de += T, de < 0 && (de = ne - 1), de >= ne && (de = 0), Qe++, de === M.length && q.value) break;
|
|
2661
2668
|
while (de < M.length && ((G = M[de]) != null && G.disabled) && Qe < ne);
|
|
2662
2669
|
(de === M.length || !((ye = M[de]) != null && ye.disabled)) && (h.value = de, $e(() => He()));
|
|
2663
2670
|
}
|
|
@@ -2666,7 +2673,7 @@ const Go = /* @__PURE__ */ I({
|
|
|
2666
2673
|
T >= 0 && (h.value = T, $e(() => He()));
|
|
2667
2674
|
}
|
|
2668
2675
|
function dt() {
|
|
2669
|
-
if (
|
|
2676
|
+
if (q.value) {
|
|
2670
2677
|
h.value = Y.value.length, $e(() => He());
|
|
2671
2678
|
return;
|
|
2672
2679
|
}
|
|
@@ -2678,7 +2685,7 @@ const Go = /* @__PURE__ */ I({
|
|
|
2678
2685
|
}
|
|
2679
2686
|
}
|
|
2680
2687
|
function Kt(T) {
|
|
2681
|
-
g.value += T.toLowerCase(),
|
|
2688
|
+
g.value += T.toLowerCase(), b.value && clearTimeout(b.value), b.value = setTimeout(() => {
|
|
2682
2689
|
g.value = "";
|
|
2683
2690
|
}, 500);
|
|
2684
2691
|
const M = g.value, ne = E.value, de = h.value >= 0 ? h.value : 0;
|
|
@@ -2709,7 +2716,7 @@ const Go = /* @__PURE__ */ I({
|
|
|
2709
2716
|
return a(), l("div", {
|
|
2710
2717
|
ref_key: "selectRoot",
|
|
2711
2718
|
ref: m,
|
|
2712
|
-
class:
|
|
2719
|
+
class: w(["orb-select", `orb-select--${e.size}`])
|
|
2713
2720
|
}, [
|
|
2714
2721
|
e.label ? (a(), L(C(Tt), {
|
|
2715
2722
|
key: 0,
|
|
@@ -2720,8 +2727,8 @@ const Go = /* @__PURE__ */ I({
|
|
|
2720
2727
|
}, null, 8, ["label", "required", "optional", "disabled"])) : c("", !0),
|
|
2721
2728
|
ee(C(Dt), {
|
|
2722
2729
|
size: e.size,
|
|
2723
|
-
focused:
|
|
2724
|
-
invalid:
|
|
2730
|
+
focused: v.value,
|
|
2731
|
+
invalid: _.value,
|
|
2725
2732
|
disabled: D.value
|
|
2726
2733
|
}, {
|
|
2727
2734
|
default: te(() => {
|
|
@@ -2737,11 +2744,11 @@ const Go = /* @__PURE__ */ I({
|
|
|
2737
2744
|
"aria-haspopup": "listbox",
|
|
2738
2745
|
"aria-controls": y.value,
|
|
2739
2746
|
"aria-activedescendant": h.value >= 0 ? ft(h.value) : void 0,
|
|
2740
|
-
"aria-invalid":
|
|
2747
|
+
"aria-invalid": _.value ? !0 : void 0,
|
|
2741
2748
|
"aria-label": e.label ? void 0 : e.placeholder || "Selecionar",
|
|
2742
2749
|
"aria-multiselectable": e.multiple || void 0,
|
|
2743
2750
|
disabled: D.value,
|
|
2744
|
-
class:
|
|
2751
|
+
class: w(["orb-select__trigger", { "orb-select__trigger--multi": e.multiple && U.value }]),
|
|
2745
2752
|
onClick: H,
|
|
2746
2753
|
onKeydown: fe,
|
|
2747
2754
|
onFocus: vt,
|
|
@@ -2781,7 +2788,7 @@ const Go = /* @__PURE__ */ I({
|
|
|
2781
2788
|
innerHTML: Q.value.icon
|
|
2782
2789
|
}, null, 8, nn)) : c("", !0),
|
|
2783
2790
|
r("span", {
|
|
2784
|
-
class:
|
|
2791
|
+
class: w(["orb-select__value", { "orb-select__value--placeholder": !U.value }])
|
|
2785
2792
|
}, [
|
|
2786
2793
|
V(T.$slots, "selected", { option: Q.value }, () => [
|
|
2787
2794
|
ie($(U.value ? B.value : e.placeholder || ""), 1)
|
|
@@ -2807,7 +2814,7 @@ const Go = /* @__PURE__ */ I({
|
|
|
2807
2814
|
], 32)) : c("", !0),
|
|
2808
2815
|
e.loading ? c("", !0) : (a(), l("span", {
|
|
2809
2816
|
key: 4,
|
|
2810
|
-
class:
|
|
2817
|
+
class: w(["orb-select__chevron", { "orb-select__chevron--open": i.value }]),
|
|
2811
2818
|
"aria-hidden": "true"
|
|
2812
2819
|
}, [...M[6] || (M[6] = [
|
|
2813
2820
|
r("svg", {
|
|
@@ -2835,7 +2842,7 @@ const Go = /* @__PURE__ */ I({
|
|
|
2835
2842
|
key: 1,
|
|
2836
2843
|
ref_key: "listboxRef",
|
|
2837
2844
|
ref: k,
|
|
2838
|
-
class:
|
|
2845
|
+
class: w(["orb-select__listbox", { "orb-select__listbox--up": O.value === "up" }]),
|
|
2839
2846
|
"aria-label": e.label || e.placeholder || "Opções"
|
|
2840
2847
|
}, [
|
|
2841
2848
|
r("div", hn, [
|
|
@@ -2878,7 +2885,7 @@ const Go = /* @__PURE__ */ I({
|
|
|
2878
2885
|
"aria-selected": xe(he),
|
|
2879
2886
|
"aria-disabled": he.disabled || void 0,
|
|
2880
2887
|
"data-active": Ze(he) === h.value,
|
|
2881
|
-
class:
|
|
2888
|
+
class: w([
|
|
2882
2889
|
"orb-select__option",
|
|
2883
2890
|
{
|
|
2884
2891
|
"orb-select__option--selected": xe(he),
|
|
@@ -2891,7 +2898,7 @@ const Go = /* @__PURE__ */ I({
|
|
|
2891
2898
|
}, [
|
|
2892
2899
|
e.multiple ? (a(), l("span", {
|
|
2893
2900
|
key: 0,
|
|
2894
|
-
class:
|
|
2901
|
+
class: w(["orb-select__option-checkbox", { "orb-select__option-checkbox--checked": xe(he) }]),
|
|
2895
2902
|
"aria-hidden": "true"
|
|
2896
2903
|
}, [
|
|
2897
2904
|
xe(he) ? (a(), l("svg", _n, [...M[7] || (M[7] = [
|
|
@@ -2939,7 +2946,7 @@ const Go = /* @__PURE__ */ I({
|
|
|
2939
2946
|
"aria-selected": xe(G),
|
|
2940
2947
|
"aria-disabled": G.disabled || void 0,
|
|
2941
2948
|
"data-active": Ze(G) === h.value,
|
|
2942
|
-
class:
|
|
2949
|
+
class: w([
|
|
2943
2950
|
"orb-select__option",
|
|
2944
2951
|
{
|
|
2945
2952
|
"orb-select__option--selected": xe(G),
|
|
@@ -2952,7 +2959,7 @@ const Go = /* @__PURE__ */ I({
|
|
|
2952
2959
|
}, [
|
|
2953
2960
|
e.multiple ? (a(), l("span", {
|
|
2954
2961
|
key: 0,
|
|
2955
|
-
class:
|
|
2962
|
+
class: w(["orb-select__option-checkbox", { "orb-select__option-checkbox--checked": xe(G) }]),
|
|
2956
2963
|
"aria-hidden": "true"
|
|
2957
2964
|
}, [
|
|
2958
2965
|
xe(G) ? (a(), l("svg", zn, [...M[9] || (M[9] = [
|
|
@@ -3000,7 +3007,7 @@ const Go = /* @__PURE__ */ I({
|
|
|
3000
3007
|
"aria-selected": xe(G),
|
|
3001
3008
|
"aria-disabled": G.disabled || void 0,
|
|
3002
3009
|
"data-active": ye === h.value,
|
|
3003
|
-
class:
|
|
3010
|
+
class: w([
|
|
3004
3011
|
"orb-select__option",
|
|
3005
3012
|
{
|
|
3006
3013
|
"orb-select__option--selected": xe(G),
|
|
@@ -3013,7 +3020,7 @@ const Go = /* @__PURE__ */ I({
|
|
|
3013
3020
|
}, [
|
|
3014
3021
|
e.multiple ? (a(), l("span", {
|
|
3015
3022
|
key: 0,
|
|
3016
|
-
class:
|
|
3023
|
+
class: w(["orb-select__option-checkbox", { "orb-select__option-checkbox--checked": xe(G) }]),
|
|
3017
3024
|
"aria-hidden": "true"
|
|
3018
3025
|
}, [
|
|
3019
3026
|
xe(G) ? (a(), l("svg", Rn, [...M[11] || (M[11] = [
|
|
@@ -3054,13 +3061,13 @@ const Go = /* @__PURE__ */ I({
|
|
|
3054
3061
|
], -1)
|
|
3055
3062
|
])])) : c("", !0)
|
|
3056
3063
|
], 42, An))), 128)),
|
|
3057
|
-
|
|
3064
|
+
q.value ? (a(), l("div", {
|
|
3058
3065
|
key: 2,
|
|
3059
3066
|
id: ft(Y.value.length),
|
|
3060
3067
|
role: "option",
|
|
3061
3068
|
"aria-selected": !1,
|
|
3062
3069
|
"data-active": h.value === Y.value.length,
|
|
3063
|
-
class:
|
|
3070
|
+
class: w([
|
|
3064
3071
|
"orb-select__option",
|
|
3065
3072
|
"orb-select__option--create",
|
|
3066
3073
|
{ "orb-select__option--active": h.value === Y.value.length }
|
|
@@ -3073,7 +3080,7 @@ const Go = /* @__PURE__ */ I({
|
|
|
3073
3080
|
]),
|
|
3074
3081
|
r("span", Nn, $(e.createLabel.replace("{query}", u.value.trim())), 1)
|
|
3075
3082
|
], 42, Pn)) : c("", !0),
|
|
3076
|
-
S.value && !
|
|
3083
|
+
S.value && !q.value ? (a(), l("div", Kn, $(e.searchable && u.value ? "Nenhum resultado encontrado" : "Nenhuma opção disponível"), 1)) : c("", !0),
|
|
3077
3084
|
z.value ? (a(), l("div", Gn, " Limite de " + $(e.maxSelections) + " " + $(e.maxSelections === 1 ? "seleção" : "seleções") + " atingido ", 1)) : c("", !0)
|
|
3078
3085
|
], 40, yn),
|
|
3079
3086
|
T.$slots["dropdown-footer"] ? (a(), l("div", Un, [
|
|
@@ -3091,7 +3098,7 @@ const Go = /* @__PURE__ */ I({
|
|
|
3091
3098
|
key: 0,
|
|
3092
3099
|
ref_key: "listboxRef",
|
|
3093
3100
|
ref: k,
|
|
3094
|
-
class:
|
|
3101
|
+
class: w(["orb-select__listbox", `orb-select--${e.size}`, { "orb-select__listbox--up": O.value === "up" }]),
|
|
3095
3102
|
style: ge(p.value),
|
|
3096
3103
|
"aria-label": e.label || e.placeholder || "Opções",
|
|
3097
3104
|
onMousedown: M[5] || (M[5] = Le(() => {
|
|
@@ -3132,7 +3139,7 @@ const Go = /* @__PURE__ */ I({
|
|
|
3132
3139
|
"aria-selected": xe(G),
|
|
3133
3140
|
"aria-disabled": G.disabled || void 0,
|
|
3134
3141
|
"data-active": ye === h.value,
|
|
3135
|
-
class:
|
|
3142
|
+
class: w([
|
|
3136
3143
|
"orb-select__option",
|
|
3137
3144
|
{
|
|
3138
3145
|
"orb-select__option--selected": xe(G),
|
|
@@ -3145,7 +3152,7 @@ const Go = /* @__PURE__ */ I({
|
|
|
3145
3152
|
}, [
|
|
3146
3153
|
e.multiple ? (a(), l("span", {
|
|
3147
3154
|
key: 0,
|
|
3148
|
-
class:
|
|
3155
|
+
class: w(["orb-select__option-checkbox", { "orb-select__option-checkbox--checked": xe(G) }]),
|
|
3149
3156
|
"aria-hidden": "true"
|
|
3150
3157
|
}, [
|
|
3151
3158
|
xe(G) ? (a(), l("svg", oi, [...M[13] || (M[13] = [
|
|
@@ -3199,7 +3206,7 @@ const Go = /* @__PURE__ */ I({
|
|
|
3199
3206
|
], 8, ["to", "disabled"])),
|
|
3200
3207
|
e.helpText ? (a(), L(C(st), {
|
|
3201
3208
|
key: 2,
|
|
3202
|
-
variant:
|
|
3209
|
+
variant: _.value ? "negative" : "neutral",
|
|
3203
3210
|
disabled: D.value
|
|
3204
3211
|
}, {
|
|
3205
3212
|
default: te(() => [
|
|
@@ -3235,21 +3242,21 @@ const Go = /* @__PURE__ */ I({
|
|
|
3235
3242
|
},
|
|
3236
3243
|
emits: ["close"],
|
|
3237
3244
|
setup(e, { emit: o }) {
|
|
3238
|
-
const t = e, n = o, i = x(!0),
|
|
3245
|
+
const t = e, n = o, i = x(!0), v = x(!1), d = s(() => !t.hideIcon), k = s(() => t.variant === "warning" || t.variant === "error" ? "alert" : "status");
|
|
3239
3246
|
function f() {
|
|
3240
|
-
|
|
3247
|
+
v.value = !0;
|
|
3241
3248
|
}
|
|
3242
3249
|
function m() {
|
|
3243
|
-
|
|
3250
|
+
v.value && (i.value = !1, n("close"));
|
|
3244
3251
|
}
|
|
3245
3252
|
return (h, g) => {
|
|
3246
|
-
const
|
|
3253
|
+
const b = bt;
|
|
3247
3254
|
return i.value ? (a(), l("div", {
|
|
3248
3255
|
key: 0,
|
|
3249
|
-
class:
|
|
3256
|
+
class: w([
|
|
3250
3257
|
"orb-alert",
|
|
3251
3258
|
`orb-alert--${e.variant}`,
|
|
3252
|
-
{ "orb-alert--closing":
|
|
3259
|
+
{ "orb-alert--closing": v.value },
|
|
3253
3260
|
{ "orb-alert--has-icon": d.value }
|
|
3254
3261
|
]),
|
|
3255
3262
|
role: k.value,
|
|
@@ -3282,7 +3289,7 @@ const Go = /* @__PURE__ */ I({
|
|
|
3282
3289
|
"aria-label": "Fechar",
|
|
3283
3290
|
onClick: f
|
|
3284
3291
|
}, [
|
|
3285
|
-
ee(
|
|
3292
|
+
ee(b, { "aria-hidden": "true" })
|
|
3286
3293
|
])) : c("", !0)
|
|
3287
3294
|
], 42, vi)) : c("", !0);
|
|
3288
3295
|
};
|
|
@@ -3303,10 +3310,10 @@ const Go = /* @__PURE__ */ I({
|
|
|
3303
3310
|
const m = (g = t.default) == null ? void 0 : g.call(t);
|
|
3304
3311
|
if (!m) return [];
|
|
3305
3312
|
const h = [];
|
|
3306
|
-
for (const
|
|
3307
|
-
Array.isArray(
|
|
3313
|
+
for (const b of m)
|
|
3314
|
+
Array.isArray(b.children) ? h.push(...b.children) : h.push(b);
|
|
3308
3315
|
return h;
|
|
3309
|
-
}), i = s(() => !o.max || n.value.length <= o.max ? n.value : n.value.slice(0, o.max)),
|
|
3316
|
+
}), i = s(() => !o.max || n.value.length <= o.max ? n.value : n.value.slice(0, o.max)), v = s(() => !o.max || n.value.length <= o.max ? 0 : n.value.length - o.max), d = s(() => o.spacing ? o.spacing : {
|
|
3310
3317
|
xs: "-6px",
|
|
3311
3318
|
sm: "-8px",
|
|
3312
3319
|
md: "-10px",
|
|
@@ -3326,7 +3333,7 @@ const Go = /* @__PURE__ */ I({
|
|
|
3326
3333
|
xl: "64px"
|
|
3327
3334
|
})[o.size]);
|
|
3328
3335
|
return (m, h) => (a(), l("div", {
|
|
3329
|
-
class:
|
|
3336
|
+
class: w([
|
|
3330
3337
|
"orb-avatar-group",
|
|
3331
3338
|
`orb-avatar-group--${e.size}`,
|
|
3332
3339
|
{ "orb-avatar-group--hoverable": e.hoverable }
|
|
@@ -3338,13 +3345,13 @@ const Go = /* @__PURE__ */ I({
|
|
|
3338
3345
|
role: "group",
|
|
3339
3346
|
"aria-label": `Grupo de ${n.value.length} avatares`
|
|
3340
3347
|
}, [
|
|
3341
|
-
(a(!0), l(ae, null, pe(i.value, (g,
|
|
3342
|
-
|
|
3348
|
+
(a(!0), l(ae, null, pe(i.value, (g, b) => (a(), L(ue(g), { key: b }))), 128)),
|
|
3349
|
+
v.value > 0 ? (a(), l("span", {
|
|
3343
3350
|
key: 0,
|
|
3344
3351
|
class: "orb-avatar-group__counter",
|
|
3345
3352
|
style: ge({ width: f.value, height: f.value }),
|
|
3346
|
-
"aria-label": `Mais ${
|
|
3347
|
-
}, " +" + $(
|
|
3353
|
+
"aria-label": `Mais ${v.value} avatares`
|
|
3354
|
+
}, " +" + $(v.value), 13, wi)) : c("", !0)
|
|
3348
3355
|
], 14, xi));
|
|
3349
3356
|
}
|
|
3350
3357
|
}), $i = ["width", "height", "stroke-width"], Ci = /* @__PURE__ */ I({
|
|
@@ -3420,7 +3427,7 @@ const Go = /* @__PURE__ */ I({
|
|
|
3420
3427
|
ariaLabel: { default: "Breadcrumb" }
|
|
3421
3428
|
},
|
|
3422
3429
|
setup(e) {
|
|
3423
|
-
const o = e, t = Be(o, "homeIcon"), n = s(() => o.homeIcon === "IconSmartHomeHouse" ? Ci : t.value), i = x(!0),
|
|
3430
|
+
const o = e, t = Be(o, "homeIcon"), n = s(() => o.homeIcon === "IconSmartHomeHouse" ? Ci : t.value), i = x(!0), v = s(() => {
|
|
3424
3431
|
if (!o.maxItems || o.items.length <= o.maxItems || !i.value)
|
|
3425
3432
|
return o.items;
|
|
3426
3433
|
const m = o.items.slice(0, 1), h = o.items.slice(-(o.maxItems - 1));
|
|
@@ -3430,7 +3437,7 @@ const Go = /* @__PURE__ */ I({
|
|
|
3430
3437
|
return m._ellipsis === !0;
|
|
3431
3438
|
}
|
|
3432
3439
|
function k(m) {
|
|
3433
|
-
return m ===
|
|
3440
|
+
return m === v.value.length - 1;
|
|
3434
3441
|
}
|
|
3435
3442
|
function f() {
|
|
3436
3443
|
i.value = !1;
|
|
@@ -3440,11 +3447,11 @@ const Go = /* @__PURE__ */ I({
|
|
|
3440
3447
|
"aria-label": e.ariaLabel
|
|
3441
3448
|
}, [
|
|
3442
3449
|
r("ol", Ti, [
|
|
3443
|
-
(a(!0), l(ae, null, pe(
|
|
3444
|
-
key:
|
|
3450
|
+
(a(!0), l(ae, null, pe(v.value, (g, b) => (a(), l("li", {
|
|
3451
|
+
key: b,
|
|
3445
3452
|
class: "orb-breadcrumb__item"
|
|
3446
3453
|
}, [
|
|
3447
|
-
|
|
3454
|
+
b > 0 ? (a(), l("span", Di, [
|
|
3448
3455
|
e.separator === "chevron" ? (a(), l("svg", Si, [...h[0] || (h[0] = [
|
|
3449
3456
|
r("path", { d: "M9 6l6 6-6 6" }, null, -1)
|
|
3450
3457
|
])])) : (a(), l("span", zi, "/"))
|
|
@@ -3478,18 +3485,18 @@ const Go = /* @__PURE__ */ I({
|
|
|
3478
3485
|
r: "2"
|
|
3479
3486
|
})
|
|
3480
3487
|
], -1)
|
|
3481
|
-
])])) : k(
|
|
3488
|
+
])])) : k(b) ? (a(), l("span", Bi, $(g.label), 1)) : (a(), l("a", {
|
|
3482
3489
|
key: 3,
|
|
3483
3490
|
href: g.href || "#",
|
|
3484
3491
|
class: "orb-breadcrumb__link"
|
|
3485
3492
|
}, [
|
|
3486
|
-
|
|
3493
|
+
b === 0 && e.showHomeIcon && n.value ? (a(), L(ue(n.value), {
|
|
3487
3494
|
key: 0,
|
|
3488
3495
|
size: 16,
|
|
3489
3496
|
"aria-hidden": "true",
|
|
3490
3497
|
class: "orb-breadcrumb__icon"
|
|
3491
3498
|
})) : c("", !0),
|
|
3492
|
-
|
|
3499
|
+
b === 0 && e.showHomeIcon && n.value ? (a(), l("span", Mi, $(g.label), 1)) : (a(), l("span", Li, $(g.label), 1))
|
|
3493
3500
|
], 8, Ii))
|
|
3494
3501
|
]))), 128))
|
|
3495
3502
|
])
|
|
@@ -3511,20 +3518,20 @@ const Go = /* @__PURE__ */ I({
|
|
|
3511
3518
|
},
|
|
3512
3519
|
emits: ["update:modelValue", "close", "add"],
|
|
3513
3520
|
setup(e, { emit: o }) {
|
|
3514
|
-
const t = e, n = o, i = x(t.defaultValue ?? ""),
|
|
3521
|
+
const t = e, n = o, i = x(t.defaultValue ?? ""), v = s(() => t.modelValue ?? i.value);
|
|
3515
3522
|
function d(g) {
|
|
3516
3523
|
i.value = g, n("update:modelValue", g);
|
|
3517
3524
|
}
|
|
3518
3525
|
const k = x([]);
|
|
3519
3526
|
function f(g) {
|
|
3520
|
-
k.value.includes(g) || k.value.push(g), !
|
|
3527
|
+
k.value.includes(g) || k.value.push(g), !v.value && k.value.length === 1 && d(g);
|
|
3521
3528
|
}
|
|
3522
3529
|
function m(g) {
|
|
3523
|
-
const
|
|
3524
|
-
|
|
3530
|
+
const b = k.value.indexOf(g);
|
|
3531
|
+
b !== -1 && k.value.splice(b, 1);
|
|
3525
3532
|
}
|
|
3526
3533
|
Ke(qt, {
|
|
3527
|
-
activeValue: s(() =>
|
|
3534
|
+
activeValue: s(() => v.value),
|
|
3528
3535
|
setActiveTab: d,
|
|
3529
3536
|
variant: s(() => t.variant),
|
|
3530
3537
|
orientation: s(() => t.orientation),
|
|
@@ -3545,8 +3552,8 @@ const Go = /* @__PURE__ */ I({
|
|
|
3545
3552
|
`orb-tabs--${t.variant}`,
|
|
3546
3553
|
`orb-tabs--${t.orientation}`
|
|
3547
3554
|
]);
|
|
3548
|
-
return (g,
|
|
3549
|
-
class:
|
|
3555
|
+
return (g, b) => (a(), l("div", {
|
|
3556
|
+
class: w(h.value)
|
|
3550
3557
|
}, [
|
|
3551
3558
|
V(g.$slots, "default")
|
|
3552
3559
|
], 2));
|
|
@@ -3561,40 +3568,40 @@ const Go = /* @__PURE__ */ I({
|
|
|
3561
3568
|
const o = e, t = ve(qt), n = x(null);
|
|
3562
3569
|
function i(h) {
|
|
3563
3570
|
var A, D;
|
|
3564
|
-
const g = t.orientation.value === "horizontal",
|
|
3565
|
-
if (![
|
|
3571
|
+
const g = t.orientation.value === "horizontal", b = g ? "ArrowLeft" : "ArrowUp", u = g ? "ArrowRight" : "ArrowDown";
|
|
3572
|
+
if (![b, u, "Home", "End", "Enter", " "].includes(h.key)) return;
|
|
3566
3573
|
h.preventDefault();
|
|
3567
3574
|
const p = Array.from(
|
|
3568
3575
|
((A = n.value) == null ? void 0 : A.querySelectorAll('[role="tab"]:not([aria-disabled="true"])')) ?? []
|
|
3569
3576
|
);
|
|
3570
3577
|
if (p.length === 0) return;
|
|
3571
|
-
const O = p.findIndex((
|
|
3578
|
+
const O = p.findIndex((_) => _ === document.activeElement);
|
|
3572
3579
|
if (h.key === "Home") {
|
|
3573
3580
|
if (p[0].focus(), t.activationMode.value === "automatic") {
|
|
3574
|
-
const
|
|
3575
|
-
|
|
3581
|
+
const _ = p[0].dataset.value;
|
|
3582
|
+
_ && t.setActiveTab(_);
|
|
3576
3583
|
}
|
|
3577
3584
|
return;
|
|
3578
3585
|
}
|
|
3579
3586
|
if (h.key === "End") {
|
|
3580
3587
|
if (p[p.length - 1].focus(), t.activationMode.value === "automatic") {
|
|
3581
|
-
const
|
|
3582
|
-
|
|
3588
|
+
const _ = p[p.length - 1].dataset.value;
|
|
3589
|
+
_ && t.setActiveTab(_);
|
|
3583
3590
|
}
|
|
3584
3591
|
return;
|
|
3585
3592
|
}
|
|
3586
3593
|
if (h.key === "Enter" || h.key === " ") {
|
|
3587
|
-
const
|
|
3594
|
+
const _ = document.activeElement, W = (D = _ == null ? void 0 : _.dataset) == null ? void 0 : D.value;
|
|
3588
3595
|
W && t.setActiveTab(W);
|
|
3589
3596
|
return;
|
|
3590
3597
|
}
|
|
3591
3598
|
let F = O;
|
|
3592
|
-
if (h.key === u ? (F = O + 1, F >= p.length && (F = o.loop ? 0 : p.length - 1)) : h.key ===
|
|
3593
|
-
const
|
|
3594
|
-
|
|
3599
|
+
if (h.key === u ? (F = O + 1, F >= p.length && (F = o.loop ? 0 : p.length - 1)) : h.key === b && (F = O - 1, F < 0 && (F = o.loop ? p.length - 1 : 0)), p[F].focus(), t.activationMode.value === "automatic") {
|
|
3600
|
+
const _ = p[F].dataset.value;
|
|
3601
|
+
_ && t.setActiveTab(_);
|
|
3595
3602
|
}
|
|
3596
3603
|
}
|
|
3597
|
-
const
|
|
3604
|
+
const v = {
|
|
3598
3605
|
start: "flex-start",
|
|
3599
3606
|
center: "center",
|
|
3600
3607
|
end: "flex-end",
|
|
@@ -3603,7 +3610,7 @@ const Go = /* @__PURE__ */ I({
|
|
|
3603
3610
|
"orb-tabs__list",
|
|
3604
3611
|
`orb-tabs__list--${o.justify}`
|
|
3605
3612
|
]), k = s(() => ({
|
|
3606
|
-
justifyContent: o.justify === "stretch" ? void 0 :
|
|
3613
|
+
justifyContent: o.justify === "stretch" ? void 0 : v[o.justify]
|
|
3607
3614
|
}));
|
|
3608
3615
|
function f(h) {
|
|
3609
3616
|
const g = n.value;
|
|
@@ -3634,11 +3641,11 @@ const Go = /* @__PURE__ */ I({
|
|
|
3634
3641
|
var h;
|
|
3635
3642
|
(h = n.value) == null || h.removeEventListener("wheel", m);
|
|
3636
3643
|
}), (h, g) => {
|
|
3637
|
-
const
|
|
3644
|
+
const b = Pt;
|
|
3638
3645
|
return a(), l("div", {
|
|
3639
3646
|
ref_key: "listRef",
|
|
3640
3647
|
ref: n,
|
|
3641
|
-
class:
|
|
3648
|
+
class: w(d.value),
|
|
3642
3649
|
style: ge(k.value),
|
|
3643
3650
|
role: "tablist",
|
|
3644
3651
|
"aria-orientation": C(t).orientation.value,
|
|
@@ -3652,7 +3659,7 @@ const Go = /* @__PURE__ */ I({
|
|
|
3652
3659
|
"aria-label": C(t).addLabel.value,
|
|
3653
3660
|
onClick: g[0] || (g[0] = (u) => C(t).onAdd())
|
|
3654
3661
|
}, [
|
|
3655
|
-
ee(
|
|
3662
|
+
ee(b, {
|
|
3656
3663
|
size: 14,
|
|
3657
3664
|
"aria-hidden": "true"
|
|
3658
3665
|
})
|
|
@@ -3672,7 +3679,7 @@ const Go = /* @__PURE__ */ I({
|
|
|
3672
3679
|
setup(e) {
|
|
3673
3680
|
const o = e, t = ve(qt);
|
|
3674
3681
|
me(() => t.registerTab(o.value)), Re(() => t.unregisterTab(o.value));
|
|
3675
|
-
const n = s(() => t.activeValue.value === o.value), i = s(() => o.closable || t.closable.value),
|
|
3682
|
+
const n = s(() => t.activeValue.value === o.value), i = s(() => o.closable || t.closable.value), v = s(() => `orb-tab-${o.value}`), d = s(() => `orb-tabpanel-${o.value}`);
|
|
3676
3683
|
function k() {
|
|
3677
3684
|
o.disabled || t.setActiveTab(o.value);
|
|
3678
3685
|
}
|
|
@@ -3685,11 +3692,11 @@ const Go = /* @__PURE__ */ I({
|
|
|
3685
3692
|
o.disabled ? "orb-tabs__tab--disabled" : ""
|
|
3686
3693
|
]);
|
|
3687
3694
|
return (h, g) => {
|
|
3688
|
-
const
|
|
3695
|
+
const b = bt;
|
|
3689
3696
|
return a(), l("div", {
|
|
3690
|
-
id:
|
|
3697
|
+
id: v.value,
|
|
3691
3698
|
role: "tab",
|
|
3692
|
-
class:
|
|
3699
|
+
class: w(m.value),
|
|
3693
3700
|
"aria-selected": n.value,
|
|
3694
3701
|
"aria-controls": d.value,
|
|
3695
3702
|
"aria-disabled": e.disabled || void 0,
|
|
@@ -3730,7 +3737,7 @@ const Go = /* @__PURE__ */ I({
|
|
|
3730
3737
|
onMousedown: g[0] || (g[0] = Le(() => {
|
|
3731
3738
|
}, ["prevent"]))
|
|
3732
3739
|
}, [
|
|
3733
|
-
ee(
|
|
3740
|
+
ee(b, {
|
|
3734
3741
|
size: 12,
|
|
3735
3742
|
"aria-hidden": "true"
|
|
3736
3743
|
})
|
|
@@ -3744,14 +3751,14 @@ const Go = /* @__PURE__ */ I({
|
|
|
3744
3751
|
value: {}
|
|
3745
3752
|
},
|
|
3746
3753
|
setup(e) {
|
|
3747
|
-
const o = e, t = ve(qt), n = s(() => t.activeValue.value === o.value), i = s(() => `orb-tab-${o.value}`),
|
|
3754
|
+
const o = e, t = ve(qt), n = s(() => t.activeValue.value === o.value), i = s(() => `orb-tab-${o.value}`), v = s(() => `orb-tabpanel-${o.value}`), d = x(n.value);
|
|
3748
3755
|
be(n, (f) => {
|
|
3749
3756
|
f && (d.value = !0);
|
|
3750
3757
|
});
|
|
3751
3758
|
const k = s(() => t.unmountOnHide.value ? n.value : t.lazyMount.value ? d.value : !0);
|
|
3752
3759
|
return (f, m) => k.value ? Ge((a(), l("div", {
|
|
3753
3760
|
key: 0,
|
|
3754
|
-
id:
|
|
3761
|
+
id: v.value,
|
|
3755
3762
|
role: "tabpanel",
|
|
3756
3763
|
"aria-labelledby": i.value,
|
|
3757
3764
|
class: "orb-tabs__panel",
|
|
@@ -3778,10 +3785,10 @@ const Go = /* @__PURE__ */ I({
|
|
|
3778
3785
|
setup(e, { emit: o }) {
|
|
3779
3786
|
const t = e, n = o, i = x(
|
|
3780
3787
|
t.defaultValue ? Array.isArray(t.defaultValue) ? t.defaultValue : [t.defaultValue] : []
|
|
3781
|
-
),
|
|
3788
|
+
), v = s(() => t.modelValue !== void 0 ? Array.isArray(t.modelValue) ? t.modelValue : [t.modelValue] : i.value);
|
|
3782
3789
|
function d(f) {
|
|
3783
3790
|
if (t.disabled) return;
|
|
3784
|
-
const m = [...
|
|
3791
|
+
const m = [...v.value], h = m.indexOf(f);
|
|
3785
3792
|
if (h !== -1) {
|
|
3786
3793
|
if (t.type === "single" && !t.collapsible) return;
|
|
3787
3794
|
m.splice(h, 1);
|
|
@@ -3790,7 +3797,7 @@ const Go = /* @__PURE__ */ I({
|
|
|
3790
3797
|
i.value = m, n("update:modelValue", t.type === "single" ? m[0] ?? "" : m);
|
|
3791
3798
|
}
|
|
3792
3799
|
Ke(Nt, {
|
|
3793
|
-
expandedValues:
|
|
3800
|
+
expandedValues: v,
|
|
3794
3801
|
toggle: d,
|
|
3795
3802
|
type: s(() => t.type),
|
|
3796
3803
|
collapsible: s(() => t.collapsible),
|
|
@@ -3808,7 +3815,7 @@ const Go = /* @__PURE__ */ I({
|
|
|
3808
3815
|
}
|
|
3809
3816
|
]);
|
|
3810
3817
|
return (f, m) => (a(), l("div", {
|
|
3811
|
-
class:
|
|
3818
|
+
class: w(k.value),
|
|
3812
3819
|
role: "presentation"
|
|
3813
3820
|
}, [
|
|
3814
3821
|
V(f.$slots, "default")
|
|
@@ -3821,12 +3828,12 @@ const Go = /* @__PURE__ */ I({
|
|
|
3821
3828
|
disabled: { type: Boolean, default: !1 }
|
|
3822
3829
|
},
|
|
3823
3830
|
setup(e) {
|
|
3824
|
-
const o = e, t = ve(Nt), n = s(() => t.expandedValues.value.includes(o.value)), i = s(() => o.disabled || t.disabled.value),
|
|
3831
|
+
const o = e, t = ve(Nt), n = s(() => t.expandedValues.value.includes(o.value)), i = s(() => o.disabled || t.disabled.value), v = `orb-accordion-trigger-${o.value}`, d = `orb-accordion-content-${o.value}`;
|
|
3825
3832
|
return Ke(na, {
|
|
3826
3833
|
value: o.value,
|
|
3827
3834
|
isOpen: n,
|
|
3828
3835
|
isDisabled: i,
|
|
3829
|
-
triggerId:
|
|
3836
|
+
triggerId: v,
|
|
3830
3837
|
contentId: d
|
|
3831
3838
|
}), (k, f) => (a(), l("div", {
|
|
3832
3839
|
class: "orb-accordion__item",
|
|
@@ -3863,7 +3870,7 @@ const Go = /* @__PURE__ */ I({
|
|
|
3863
3870
|
t.isDisabled.value || o.toggle(t.value);
|
|
3864
3871
|
}
|
|
3865
3872
|
function i(d) {
|
|
3866
|
-
var g,
|
|
3873
|
+
var g, b;
|
|
3867
3874
|
if (t.isDisabled.value) return;
|
|
3868
3875
|
const k = d.currentTarget, f = k.closest(".orb-accordion");
|
|
3869
3876
|
if (!f) return;
|
|
@@ -3886,12 +3893,12 @@ const Go = /* @__PURE__ */ I({
|
|
|
3886
3893
|
break;
|
|
3887
3894
|
}
|
|
3888
3895
|
case "End": {
|
|
3889
|
-
d.preventDefault(), (
|
|
3896
|
+
d.preventDefault(), (b = m[m.length - 1]) == null || b.focus();
|
|
3890
3897
|
break;
|
|
3891
3898
|
}
|
|
3892
3899
|
}
|
|
3893
3900
|
}
|
|
3894
|
-
const
|
|
3901
|
+
const v = s(() => [
|
|
3895
3902
|
"orb-accordion__trigger",
|
|
3896
3903
|
`orb-accordion__trigger--${o.size.value}`,
|
|
3897
3904
|
`orb-accordion__trigger--chevron-${o.chevronPosition.value}`,
|
|
@@ -3904,7 +3911,7 @@ const Go = /* @__PURE__ */ I({
|
|
|
3904
3911
|
r("button", {
|
|
3905
3912
|
id: C(t).triggerId,
|
|
3906
3913
|
type: "button",
|
|
3907
|
-
class:
|
|
3914
|
+
class: w(v.value),
|
|
3908
3915
|
"aria-expanded": C(t).isOpen.value,
|
|
3909
3916
|
"aria-controls": C(t).contentId,
|
|
3910
3917
|
"data-disabled": C(t).isDisabled.value || void 0,
|
|
@@ -3944,10 +3951,10 @@ const Go = /* @__PURE__ */ I({
|
|
|
3944
3951
|
id: C(t).contentId,
|
|
3945
3952
|
role: "region",
|
|
3946
3953
|
"aria-labelledby": C(t).triggerId,
|
|
3947
|
-
class:
|
|
3954
|
+
class: w(["orb-accordion__content-wrapper", { "orb-accordion__content-wrapper--open": C(t).isOpen.value }])
|
|
3948
3955
|
}, [
|
|
3949
3956
|
r("div", {
|
|
3950
|
-
class:
|
|
3957
|
+
class: w([
|
|
3951
3958
|
"orb-accordion__content",
|
|
3952
3959
|
`orb-accordion__content--${C(o).size.value}`
|
|
3953
3960
|
])
|
|
@@ -3966,10 +3973,10 @@ const Go = /* @__PURE__ */ I({
|
|
|
3966
3973
|
},
|
|
3967
3974
|
emits: ["update:open", "update:modelValue"],
|
|
3968
3975
|
setup(e, { emit: o }) {
|
|
3969
|
-
const t = e, n = o, i = s(() => t.modelValue ?? t.open),
|
|
3976
|
+
const t = e, n = o, i = s(() => t.modelValue ?? t.open), v = x(i.value != null ? i.value : t.defaultOpen);
|
|
3970
3977
|
let d = !1;
|
|
3971
3978
|
function k(D) {
|
|
3972
|
-
|
|
3979
|
+
v.value = D, n("update:open", D), n("update:modelValue", D), D && (d = !0, requestAnimationFrame(() => {
|
|
3973
3980
|
d = !1;
|
|
3974
3981
|
}));
|
|
3975
3982
|
}
|
|
@@ -3977,42 +3984,42 @@ const Go = /* @__PURE__ */ I({
|
|
|
3977
3984
|
k(!1);
|
|
3978
3985
|
}
|
|
3979
3986
|
be(i, (D) => {
|
|
3980
|
-
D != null && (
|
|
3987
|
+
D != null && (v.value = D, D && (d = !0, requestAnimationFrame(() => {
|
|
3981
3988
|
d = !1;
|
|
3982
3989
|
})));
|
|
3983
3990
|
});
|
|
3984
|
-
const m = x(null), h = x(null), g = x(-1),
|
|
3991
|
+
const m = x(null), h = x(null), g = x(-1), b = x([]), u = x("");
|
|
3985
3992
|
function p(D) {
|
|
3986
|
-
|
|
3993
|
+
b.value.includes(D) || b.value.push(D);
|
|
3987
3994
|
}
|
|
3988
3995
|
function O(D) {
|
|
3989
|
-
const
|
|
3990
|
-
|
|
3996
|
+
const _ = b.value.indexOf(D);
|
|
3997
|
+
_ !== -1 && b.value.splice(_, 1);
|
|
3991
3998
|
}
|
|
3992
3999
|
const F = x(null);
|
|
3993
4000
|
function A(D) {
|
|
3994
|
-
var E,
|
|
3995
|
-
if (!
|
|
3996
|
-
const
|
|
3997
|
-
(E = F.value) != null && E.contains(
|
|
4001
|
+
var E, N;
|
|
4002
|
+
if (!v.value || d) return;
|
|
4003
|
+
const _ = D.target;
|
|
4004
|
+
(E = F.value) != null && E.contains(_) || (N = _.closest) != null && N.call(_, ".orb-dropdown__sub-content") || f();
|
|
3998
4005
|
}
|
|
3999
4006
|
return me(() => {
|
|
4000
4007
|
document.addEventListener("click", A);
|
|
4001
4008
|
}), Re(() => {
|
|
4002
4009
|
document.removeEventListener("click", A);
|
|
4003
4010
|
}), Ke(Ye, {
|
|
4004
|
-
open:
|
|
4011
|
+
open: v,
|
|
4005
4012
|
setOpen: k,
|
|
4006
4013
|
close: f,
|
|
4007
4014
|
size: s(() => t.size),
|
|
4008
4015
|
triggerRef: m,
|
|
4009
4016
|
contentRef: h,
|
|
4010
4017
|
activeIndex: g,
|
|
4011
|
-
items:
|
|
4018
|
+
items: b,
|
|
4012
4019
|
registerItem: p,
|
|
4013
4020
|
unregisterItem: O,
|
|
4014
4021
|
typeaheadBuffer: u
|
|
4015
|
-
}), (D,
|
|
4022
|
+
}), (D, _) => (a(), l("div", {
|
|
4016
4023
|
ref_key: "rootRef",
|
|
4017
4024
|
ref: F,
|
|
4018
4025
|
class: "orb-dropdown"
|
|
@@ -4033,19 +4040,19 @@ const Go = /* @__PURE__ */ I({
|
|
|
4033
4040
|
function n() {
|
|
4034
4041
|
o.setOpen(!o.open.value);
|
|
4035
4042
|
}
|
|
4036
|
-
function i(
|
|
4037
|
-
switch (
|
|
4043
|
+
function i(v) {
|
|
4044
|
+
switch (v.key) {
|
|
4038
4045
|
case "Enter":
|
|
4039
4046
|
case " ":
|
|
4040
4047
|
case "ArrowDown":
|
|
4041
|
-
|
|
4048
|
+
v.preventDefault(), o.setOpen(!0);
|
|
4042
4049
|
break;
|
|
4043
4050
|
case "ArrowUp":
|
|
4044
|
-
|
|
4051
|
+
v.preventDefault(), o.setOpen(!0), o.activeIndex.value = -2;
|
|
4045
4052
|
break;
|
|
4046
4053
|
}
|
|
4047
4054
|
}
|
|
4048
|
-
return (
|
|
4055
|
+
return (v, d) => (a(), l("div", {
|
|
4049
4056
|
ref_key: "elRef",
|
|
4050
4057
|
ref: t,
|
|
4051
4058
|
class: "orb-dropdown__trigger",
|
|
@@ -4056,7 +4063,7 @@ const Go = /* @__PURE__ */ I({
|
|
|
4056
4063
|
onClick: n,
|
|
4057
4064
|
onKeydown: i
|
|
4058
4065
|
}, [
|
|
4059
|
-
V(
|
|
4066
|
+
V(v.$slots, "default", {
|
|
4060
4067
|
open: C(o).open.value
|
|
4061
4068
|
})
|
|
4062
4069
|
], 40, or));
|
|
@@ -4069,21 +4076,21 @@ const Go = /* @__PURE__ */ I({
|
|
|
4069
4076
|
sideOffset: { default: 4 }
|
|
4070
4077
|
},
|
|
4071
4078
|
setup(e) {
|
|
4072
|
-
const o = e, t = ve(Ye), n = x(null), i = x({}),
|
|
4079
|
+
const o = e, t = ve(Ye), n = x(null), i = x({}), v = x(null);
|
|
4073
4080
|
be(n, (g) => {
|
|
4074
4081
|
t.contentRef.value = g;
|
|
4075
4082
|
}), Re(() => {
|
|
4076
|
-
|
|
4083
|
+
v.value && clearTimeout(v.value);
|
|
4077
4084
|
});
|
|
4078
4085
|
function d() {
|
|
4079
|
-
const g = o.placement.split("-")[0],
|
|
4080
|
-
g === "bottom" ? u.top = `calc(100% + ${o.sideOffset}px)` : g === "top" ? u.bottom = `calc(100% + ${o.sideOffset}px)` : g === "right" ? u.left = `calc(100% + ${o.sideOffset}px)` : g === "left" && (u.right = `calc(100% + ${o.sideOffset}px)`), g === "bottom" || g === "top" ?
|
|
4086
|
+
const g = o.placement.split("-")[0], b = o.placement.split("-")[1], u = {};
|
|
4087
|
+
g === "bottom" ? u.top = `calc(100% + ${o.sideOffset}px)` : g === "top" ? u.bottom = `calc(100% + ${o.sideOffset}px)` : g === "right" ? u.left = `calc(100% + ${o.sideOffset}px)` : g === "left" && (u.right = `calc(100% + ${o.sideOffset}px)`), g === "bottom" || g === "top" ? b === "end" ? u.right = `${o.alignOffset}px` : u.left = `${o.alignOffset}px` : b === "end" ? u.bottom = `${o.alignOffset}px` : u.top = u.top || `${o.alignOffset}px`, i.value = u;
|
|
4081
4088
|
}
|
|
4082
4089
|
function k() {
|
|
4083
4090
|
$e(() => {
|
|
4084
|
-
var
|
|
4091
|
+
var b, u;
|
|
4085
4092
|
const g = f();
|
|
4086
|
-
g.length !== 0 && (t.activeIndex.value === -2 ? (t.activeIndex.value = g.length - 1, (
|
|
4093
|
+
g.length !== 0 && (t.activeIndex.value === -2 ? (t.activeIndex.value = g.length - 1, (b = g[g.length - 1]) == null || b.focus()) : (t.activeIndex.value = 0, (u = g[0]) == null || u.focus()));
|
|
4087
4094
|
});
|
|
4088
4095
|
}
|
|
4089
4096
|
function f() {
|
|
@@ -4095,29 +4102,29 @@ const Go = /* @__PURE__ */ I({
|
|
|
4095
4102
|
g ? (d(), k()) : (t.activeIndex.value = -1, t.typeaheadBuffer.value = "");
|
|
4096
4103
|
});
|
|
4097
4104
|
function m(g) {
|
|
4098
|
-
var p, O, F, A, D,
|
|
4099
|
-
const
|
|
4105
|
+
var p, O, F, A, D, _, W;
|
|
4106
|
+
const b = f(), u = t.activeIndex.value;
|
|
4100
4107
|
switch (g.key) {
|
|
4101
4108
|
case "ArrowDown": {
|
|
4102
4109
|
g.preventDefault();
|
|
4103
|
-
const E = u <
|
|
4104
|
-
t.activeIndex.value = E, (p =
|
|
4110
|
+
const E = u < b.length - 1 ? u + 1 : 0;
|
|
4111
|
+
t.activeIndex.value = E, (p = b[E]) == null || p.focus();
|
|
4105
4112
|
break;
|
|
4106
4113
|
}
|
|
4107
4114
|
case "ArrowUp": {
|
|
4108
4115
|
g.preventDefault();
|
|
4109
|
-
const E = u > 0 ? u - 1 :
|
|
4110
|
-
t.activeIndex.value = E, (O =
|
|
4116
|
+
const E = u > 0 ? u - 1 : b.length - 1;
|
|
4117
|
+
t.activeIndex.value = E, (O = b[E]) == null || O.focus();
|
|
4111
4118
|
break;
|
|
4112
4119
|
}
|
|
4113
4120
|
case "Home": {
|
|
4114
|
-
g.preventDefault(), t.activeIndex.value = 0, (F =
|
|
4121
|
+
g.preventDefault(), t.activeIndex.value = 0, (F = b[0]) == null || F.focus();
|
|
4115
4122
|
break;
|
|
4116
4123
|
}
|
|
4117
4124
|
case "End": {
|
|
4118
4125
|
g.preventDefault();
|
|
4119
|
-
const E =
|
|
4120
|
-
t.activeIndex.value = E, (A =
|
|
4126
|
+
const E = b.length - 1;
|
|
4127
|
+
t.activeIndex.value = E, (A = b[E]) == null || A.focus();
|
|
4121
4128
|
break;
|
|
4122
4129
|
}
|
|
4123
4130
|
case "Escape": {
|
|
@@ -4130,25 +4137,25 @@ const Go = /* @__PURE__ */ I({
|
|
|
4130
4137
|
}
|
|
4131
4138
|
default:
|
|
4132
4139
|
if (g.key.length === 1 && !g.ctrlKey && !g.metaKey) {
|
|
4133
|
-
g.preventDefault(), t.typeaheadBuffer.value += g.key.toLowerCase(),
|
|
4140
|
+
g.preventDefault(), t.typeaheadBuffer.value += g.key.toLowerCase(), v.value && clearTimeout(v.value), v.value = setTimeout(() => {
|
|
4134
4141
|
t.typeaheadBuffer.value = "";
|
|
4135
4142
|
}, 500);
|
|
4136
4143
|
const E = t.typeaheadBuffer.value;
|
|
4137
|
-
for (let
|
|
4138
|
-
if ((((
|
|
4139
|
-
t.activeIndex.value =
|
|
4144
|
+
for (let N = 0; N < b.length; N++)
|
|
4145
|
+
if ((((_ = b[N].textContent) == null ? void 0 : _.trim().toLowerCase()) ?? "").startsWith(E)) {
|
|
4146
|
+
t.activeIndex.value = N, (W = b[N]) == null || W.focus();
|
|
4140
4147
|
break;
|
|
4141
4148
|
}
|
|
4142
4149
|
}
|
|
4143
4150
|
}
|
|
4144
4151
|
}
|
|
4145
4152
|
const h = s(() => `orb-dropdown__content--${t.size.value}`);
|
|
4146
|
-
return (g,
|
|
4153
|
+
return (g, b) => C(t).open.value ? (a(), l("div", {
|
|
4147
4154
|
key: 0,
|
|
4148
4155
|
ref_key: "elRef",
|
|
4149
4156
|
ref: n,
|
|
4150
4157
|
role: "menu",
|
|
4151
|
-
class:
|
|
4158
|
+
class: w(["orb-dropdown__content", h.value]),
|
|
4152
4159
|
style: ge(i.value),
|
|
4153
4160
|
tabindex: "-1",
|
|
4154
4161
|
onKeydown: m
|
|
@@ -4178,7 +4185,7 @@ const Go = /* @__PURE__ */ I({
|
|
|
4178
4185
|
emits: ["select"],
|
|
4179
4186
|
setup(e, { emit: o }) {
|
|
4180
4187
|
const t = e, n = o, i = ve(Ye);
|
|
4181
|
-
function
|
|
4188
|
+
function v() {
|
|
4182
4189
|
t.disabled || (n("select"), i.close());
|
|
4183
4190
|
}
|
|
4184
4191
|
function d(f) {
|
|
@@ -4194,10 +4201,10 @@ const Go = /* @__PURE__ */ I({
|
|
|
4194
4201
|
]);
|
|
4195
4202
|
return (f, m) => (a(), l("div", {
|
|
4196
4203
|
role: "menuitem",
|
|
4197
|
-
class:
|
|
4204
|
+
class: w(k.value),
|
|
4198
4205
|
"aria-disabled": e.disabled || void 0,
|
|
4199
4206
|
tabindex: e.disabled ? -1 : 0,
|
|
4200
|
-
onClick:
|
|
4207
|
+
onClick: v,
|
|
4201
4208
|
onKeydown: d
|
|
4202
4209
|
}, [
|
|
4203
4210
|
f.$slots.leading ? (a(), l("span", nr, [
|
|
@@ -4247,7 +4254,7 @@ const Go = /* @__PURE__ */ I({
|
|
|
4247
4254
|
setup(e) {
|
|
4248
4255
|
const o = ve(Ye);
|
|
4249
4256
|
return (t, n) => (a(), l("div", {
|
|
4250
|
-
class:
|
|
4257
|
+
class: w(["orb-dropdown__group-label", `orb-dropdown__group-label--${C(o).size.value}`])
|
|
4251
4258
|
}, [
|
|
4252
4259
|
V(t.$slots, "default")
|
|
4253
4260
|
], 2));
|
|
@@ -4269,7 +4276,7 @@ const Go = /* @__PURE__ */ I({
|
|
|
4269
4276
|
emits: ["update:checked", "select"],
|
|
4270
4277
|
setup(e, { emit: o }) {
|
|
4271
4278
|
const t = e, n = o, i = ve(Ye);
|
|
4272
|
-
function
|
|
4279
|
+
function v() {
|
|
4273
4280
|
t.disabled || (n("update:checked", !t.checked), n("select"));
|
|
4274
4281
|
}
|
|
4275
4282
|
function d(f) {
|
|
@@ -4285,11 +4292,11 @@ const Go = /* @__PURE__ */ I({
|
|
|
4285
4292
|
]);
|
|
4286
4293
|
return (f, m) => (a(), l("div", {
|
|
4287
4294
|
role: "menuitemcheckbox",
|
|
4288
|
-
class:
|
|
4295
|
+
class: w(k.value),
|
|
4289
4296
|
"aria-checked": e.checked,
|
|
4290
4297
|
"aria-disabled": e.disabled || void 0,
|
|
4291
4298
|
tabindex: e.disabled ? -1 : 0,
|
|
4292
|
-
onClick:
|
|
4299
|
+
onClick: v,
|
|
4293
4300
|
onKeydown: d
|
|
4294
4301
|
}, [
|
|
4295
4302
|
r("span", fr, [
|
|
@@ -4324,10 +4331,10 @@ const Go = /* @__PURE__ */ I({
|
|
|
4324
4331
|
},
|
|
4325
4332
|
emits: ["update:modelValue"],
|
|
4326
4333
|
setup(e, { emit: o }) {
|
|
4327
|
-
const t = e, n = o, i = x(""),
|
|
4334
|
+
const t = e, n = o, i = x(""), v = x(null);
|
|
4328
4335
|
return me(() => {
|
|
4329
|
-
if (
|
|
4330
|
-
const d =
|
|
4336
|
+
if (v.value) {
|
|
4337
|
+
const d = v.value.querySelector(".orb-dropdown__group-label");
|
|
4331
4338
|
if (d) {
|
|
4332
4339
|
const k = `orb-dropdown-radio-${Math.random().toString(36).slice(2, 8)}`;
|
|
4333
4340
|
d.setAttribute("id", k), i.value = k;
|
|
@@ -4340,7 +4347,7 @@ const Go = /* @__PURE__ */ I({
|
|
|
4340
4347
|
}
|
|
4341
4348
|
}), (d, k) => (a(), l("div", {
|
|
4342
4349
|
ref_key: "groupRef",
|
|
4343
|
-
ref:
|
|
4350
|
+
ref: v,
|
|
4344
4351
|
role: "group",
|
|
4345
4352
|
"aria-label": e.label || void 0,
|
|
4346
4353
|
"aria-labelledby": !e.label && i.value ? i.value : void 0,
|
|
@@ -4360,7 +4367,7 @@ const Go = /* @__PURE__ */ I({
|
|
|
4360
4367
|
},
|
|
4361
4368
|
setup(e) {
|
|
4362
4369
|
const o = e, t = ve(Ye), n = ve(za), i = s(() => n.modelValue.value === o.value);
|
|
4363
|
-
function
|
|
4370
|
+
function v() {
|
|
4364
4371
|
o.disabled || n.setValue(o.value);
|
|
4365
4372
|
}
|
|
4366
4373
|
function d(f) {
|
|
@@ -4376,11 +4383,11 @@ const Go = /* @__PURE__ */ I({
|
|
|
4376
4383
|
]);
|
|
4377
4384
|
return (f, m) => (a(), l("div", {
|
|
4378
4385
|
role: "menuitemradio",
|
|
4379
|
-
class:
|
|
4386
|
+
class: w(k.value),
|
|
4380
4387
|
"aria-checked": i.value,
|
|
4381
4388
|
"aria-disabled": e.disabled || void 0,
|
|
4382
4389
|
tabindex: e.disabled ? -1 : 0,
|
|
4383
|
-
onClick:
|
|
4390
|
+
onClick: v,
|
|
4384
4391
|
onKeydown: d
|
|
4385
4392
|
}, [
|
|
4386
4393
|
r("span", xr, [
|
|
@@ -4401,7 +4408,7 @@ const Go = /* @__PURE__ */ I({
|
|
|
4401
4408
|
function i(k) {
|
|
4402
4409
|
o.value = k;
|
|
4403
4410
|
}
|
|
4404
|
-
function
|
|
4411
|
+
function v() {
|
|
4405
4412
|
d(), n = setTimeout(() => {
|
|
4406
4413
|
i(!1);
|
|
4407
4414
|
}, 200);
|
|
@@ -4415,7 +4422,7 @@ const Go = /* @__PURE__ */ I({
|
|
|
4415
4422
|
open: o,
|
|
4416
4423
|
setOpen: i,
|
|
4417
4424
|
triggerRef: t,
|
|
4418
|
-
startCloseTimer:
|
|
4425
|
+
startCloseTimer: v,
|
|
4419
4426
|
cancelCloseTimer: d
|
|
4420
4427
|
}), (k, f) => (a(), l("div", Cr, [
|
|
4421
4428
|
V(k.$slots, "default")
|
|
@@ -4435,7 +4442,7 @@ const Go = /* @__PURE__ */ I({
|
|
|
4435
4442
|
me(() => {
|
|
4436
4443
|
i.value && (n.triggerRef.value = i.value);
|
|
4437
4444
|
});
|
|
4438
|
-
function
|
|
4445
|
+
function v() {
|
|
4439
4446
|
o.disabled || (n.cancelCloseTimer(), n.setOpen(!0));
|
|
4440
4447
|
}
|
|
4441
4448
|
function d() {
|
|
@@ -4457,12 +4464,12 @@ const Go = /* @__PURE__ */ I({
|
|
|
4457
4464
|
ref_key: "elRef",
|
|
4458
4465
|
ref: i,
|
|
4459
4466
|
role: "menuitem",
|
|
4460
|
-
class:
|
|
4467
|
+
class: w(f.value),
|
|
4461
4468
|
"aria-haspopup": !0,
|
|
4462
4469
|
"aria-expanded": C(n).open.value,
|
|
4463
4470
|
"aria-disabled": e.disabled || void 0,
|
|
4464
4471
|
tabindex: e.disabled ? -1 : 0,
|
|
4465
|
-
onMouseenter:
|
|
4472
|
+
onMouseenter: v,
|
|
4466
4473
|
onMouseleave: d,
|
|
4467
4474
|
onKeydown: k
|
|
4468
4475
|
}, [
|
|
@@ -4504,7 +4511,7 @@ const Go = /* @__PURE__ */ I({
|
|
|
4504
4511
|
me(() => {
|
|
4505
4512
|
t.value = !0;
|
|
4506
4513
|
});
|
|
4507
|
-
const n = ve(Ye), i = ve(ia),
|
|
4514
|
+
const n = ve(Ye), i = ve(ia), v = x(null), d = x({});
|
|
4508
4515
|
function k() {
|
|
4509
4516
|
const u = i.triggerRef.value;
|
|
4510
4517
|
if (!u) return;
|
|
@@ -4516,8 +4523,8 @@ const Go = /* @__PURE__ */ I({
|
|
|
4516
4523
|
};
|
|
4517
4524
|
}
|
|
4518
4525
|
function f() {
|
|
4519
|
-
return
|
|
4520
|
-
|
|
4526
|
+
return v.value ? Array.from(
|
|
4527
|
+
v.value.querySelectorAll('[role="menuitem"]:not([aria-disabled="true"]), [role="menuitemcheckbox"]:not([aria-disabled="true"]), [role="menuitemradio"]:not([aria-disabled="true"])')
|
|
4521
4528
|
) : [];
|
|
4522
4529
|
}
|
|
4523
4530
|
be(() => i.open.value, (u) => {
|
|
@@ -4534,7 +4541,7 @@ const Go = /* @__PURE__ */ I({
|
|
|
4534
4541
|
i.startCloseTimer();
|
|
4535
4542
|
}
|
|
4536
4543
|
function g(u) {
|
|
4537
|
-
var A, D,
|
|
4544
|
+
var A, D, _, W, E, N, Y;
|
|
4538
4545
|
const p = f(), O = document.activeElement, F = p.indexOf(O);
|
|
4539
4546
|
switch (u.key) {
|
|
4540
4547
|
case "ArrowDown": {
|
|
@@ -4550,7 +4557,7 @@ const Go = /* @__PURE__ */ I({
|
|
|
4550
4557
|
break;
|
|
4551
4558
|
}
|
|
4552
4559
|
case "Home": {
|
|
4553
|
-
u.preventDefault(), u.stopPropagation(), (
|
|
4560
|
+
u.preventDefault(), u.stopPropagation(), (_ = p[0]) == null || _.focus();
|
|
4554
4561
|
break;
|
|
4555
4562
|
}
|
|
4556
4563
|
case "End": {
|
|
@@ -4567,14 +4574,14 @@ const Go = /* @__PURE__ */ I({
|
|
|
4567
4574
|
u.preventDefault();
|
|
4568
4575
|
const re = u.key.toLowerCase();
|
|
4569
4576
|
for (let Z = 0; Z < p.length; Z++)
|
|
4570
|
-
if ((((
|
|
4577
|
+
if ((((N = p[Z].textContent) == null ? void 0 : N.trim().toLowerCase()) ?? "").startsWith(re)) {
|
|
4571
4578
|
(Y = p[Z]) == null || Y.focus();
|
|
4572
4579
|
break;
|
|
4573
4580
|
}
|
|
4574
4581
|
}
|
|
4575
4582
|
}
|
|
4576
4583
|
}
|
|
4577
|
-
const
|
|
4584
|
+
const b = s(() => `orb-dropdown__content--${n.size.value}`);
|
|
4578
4585
|
return (u, p) => t.value ? (a(), L(rt, {
|
|
4579
4586
|
key: 0,
|
|
4580
4587
|
to: "body"
|
|
@@ -4582,9 +4589,9 @@ const Go = /* @__PURE__ */ I({
|
|
|
4582
4589
|
C(i).open.value ? (a(), l("div", {
|
|
4583
4590
|
key: 0,
|
|
4584
4591
|
ref_key: "elRef",
|
|
4585
|
-
ref:
|
|
4592
|
+
ref: v,
|
|
4586
4593
|
role: "menu",
|
|
4587
|
-
class:
|
|
4594
|
+
class: w(["orb-dropdown__content", "orb-dropdown__sub-content", b.value]),
|
|
4588
4595
|
style: ge(d.value),
|
|
4589
4596
|
tabindex: "-1",
|
|
4590
4597
|
onMouseenter: m,
|
|
@@ -4629,18 +4636,18 @@ const Go = /* @__PURE__ */ I({
|
|
|
4629
4636
|
emits: ["dismiss", "actionClick", "height", "requestExpand", "requestCollapse"],
|
|
4630
4637
|
setup(e, { emit: o }) {
|
|
4631
4638
|
const t = e, n = o, i = x(null);
|
|
4632
|
-
let
|
|
4639
|
+
let v = null;
|
|
4633
4640
|
function d() {
|
|
4634
4641
|
i.value && n("height", t.toast.id, i.value.offsetHeight);
|
|
4635
4642
|
}
|
|
4636
4643
|
me(() => {
|
|
4637
|
-
d(), i.value && (
|
|
4644
|
+
d(), i.value && (v = new ResizeObserver(() => d()), v.observe(i.value)), u();
|
|
4638
4645
|
}), ya(() => {
|
|
4639
|
-
|
|
4646
|
+
v && v.disconnect(), m && cancelAnimationFrame(m);
|
|
4640
4647
|
});
|
|
4641
4648
|
const k = x(0), f = x(!1);
|
|
4642
4649
|
let m = null, h = 0, g = 0;
|
|
4643
|
-
const
|
|
4650
|
+
const b = s(() => t.toast.persistent || t.toast.duration <= 0 ? 0 : Math.min(k.value / t.toast.duration * 100, 100));
|
|
4644
4651
|
function u() {
|
|
4645
4652
|
if (t.toast.persistent || t.toast.duration <= 0) return;
|
|
4646
4653
|
h = performance.now(), g = k.value;
|
|
@@ -4677,19 +4684,19 @@ const Go = /* @__PURE__ */ I({
|
|
|
4677
4684
|
function A() {
|
|
4678
4685
|
t.pauseOnHover && O(), n("requestCollapse");
|
|
4679
4686
|
}
|
|
4680
|
-
const D = x(0),
|
|
4681
|
-
let E = 0,
|
|
4687
|
+
const D = x(0), _ = x(0), W = x(!1);
|
|
4688
|
+
let E = 0, N = 0;
|
|
4682
4689
|
function Y(K) {
|
|
4683
|
-
!t.swipeToDismiss || K.target.closest('button, a, [role="button"]') || (W.value = !0, E = K.clientX,
|
|
4690
|
+
!t.swipeToDismiss || K.target.closest('button, a, [role="button"]') || (W.value = !0, E = K.clientX, N = K.clientY, D.value = 0, _.value = 0, K.currentTarget.setPointerCapture(K.pointerId));
|
|
4684
4691
|
}
|
|
4685
4692
|
function re(K) {
|
|
4686
4693
|
if (!W.value) return;
|
|
4687
|
-
const oe = K.clientX - E, P = K.clientY -
|
|
4688
|
-
se === "left" || se === "right" ? D.value = se === "right" ? Math.max(0, oe) : Math.min(0, oe) :
|
|
4694
|
+
const oe = K.clientX - E, P = K.clientY - N, se = t.swipeDirection;
|
|
4695
|
+
se === "left" || se === "right" ? D.value = se === "right" ? Math.max(0, oe) : Math.min(0, oe) : _.value = se === "down" ? Math.max(0, P) : Math.min(0, P);
|
|
4689
4696
|
}
|
|
4690
4697
|
function Z() {
|
|
4691
4698
|
if (!W.value) return;
|
|
4692
|
-
W.value = !1, (Math.abs(D.value) || Math.abs(
|
|
4699
|
+
W.value = !1, (Math.abs(D.value) || Math.abs(_.value)) >= t.swipeThreshold ? n("dismiss", t.toast.id) : (D.value = 0, _.value = 0);
|
|
4693
4700
|
}
|
|
4694
4701
|
const Q = s(() => t.total - 1 - t.index);
|
|
4695
4702
|
s(() => Q.value === 0);
|
|
@@ -4698,14 +4705,14 @@ const Go = /* @__PURE__ */ I({
|
|
|
4698
4705
|
return B.value ? -t.expandedOffset : t.expandedOffset;
|
|
4699
4706
|
const K = Math.min(Q.value, t.maxVisible - 1);
|
|
4700
4707
|
return B.value ? K * -da : K * da;
|
|
4701
|
-
}), S = s(() => t.total - Q.value), z = /* @__PURE__ */ new Set(["success", "warning", "error", "info"]),
|
|
4708
|
+
}), S = s(() => t.total - Q.value), z = /* @__PURE__ */ new Set(["success", "warning", "error", "info"]), q = s(() => z.has(t.toast.variant)), le = s(() => t.toast.variant === "default" || t.toast.variant === "loading" ? "" : `orb-toast--${t.toast.variant}`), J = s(() => !W.value && D.value === 0 && _.value === 0 ? "" : `translate(${D.value}px, ${_.value}px)`), H = s(() => {
|
|
4702
4709
|
const K = `translateY(${y.value}px) scale(${U.value})`;
|
|
4703
4710
|
return J.value ? `${J.value} ${K}` : K;
|
|
4704
4711
|
});
|
|
4705
4712
|
return (K, oe) => (a(), l("li", {
|
|
4706
4713
|
ref_key: "toastEl",
|
|
4707
4714
|
ref: i,
|
|
4708
|
-
class:
|
|
4715
|
+
class: w([
|
|
4709
4716
|
"orb-toast",
|
|
4710
4717
|
le.value,
|
|
4711
4718
|
{
|
|
@@ -4737,7 +4744,7 @@ const Go = /* @__PURE__ */ I({
|
|
|
4737
4744
|
key: 2,
|
|
4738
4745
|
size: "sm",
|
|
4739
4746
|
label: ""
|
|
4740
|
-
})) :
|
|
4747
|
+
})) : q.value ? (a(), L(Ot, {
|
|
4741
4748
|
key: 3,
|
|
4742
4749
|
status: e.toast.variant,
|
|
4743
4750
|
size: "sm"
|
|
@@ -4799,7 +4806,7 @@ const Go = /* @__PURE__ */ I({
|
|
|
4799
4806
|
e.toast.progress && !e.toast.persistent && e.toast.duration > 0 ? (a(), l("div", Fr, [
|
|
4800
4807
|
r("div", {
|
|
4801
4808
|
class: "orb-toast__progress-fill",
|
|
4802
|
-
style: ge({ width: `${100 -
|
|
4809
|
+
style: ge({ width: `${100 - b.value}%` })
|
|
4803
4810
|
}, null, 4)
|
|
4804
4811
|
])) : c("", !0)
|
|
4805
4812
|
], 46, Ir));
|
|
@@ -4822,7 +4829,7 @@ const Go = /* @__PURE__ */ I({
|
|
|
4822
4829
|
teleportTo: { default: "body" }
|
|
4823
4830
|
},
|
|
4824
4831
|
setup(e) {
|
|
4825
|
-
const o = e, t = x([]), n = x(!1), i = x(null),
|
|
4832
|
+
const o = e, t = x([]), n = x(!1), i = x(null), v = x(/* @__PURE__ */ new Set()), d = xa(/* @__PURE__ */ new Map());
|
|
4826
4833
|
let k = 0;
|
|
4827
4834
|
function f() {
|
|
4828
4835
|
return `orb-toast-${++k}-${Date.now()}`;
|
|
@@ -4841,8 +4848,8 @@ const Go = /* @__PURE__ */ I({
|
|
|
4841
4848
|
}
|
|
4842
4849
|
return B;
|
|
4843
4850
|
});
|
|
4844
|
-
function
|
|
4845
|
-
const y = m(B), S = f(), z = !!y.action,
|
|
4851
|
+
function b(B, U = "default") {
|
|
4852
|
+
const y = m(B), S = f(), z = !!y.action, q = y.duration ?? o.duration, le = z && q > 0 ? Math.max(q, 1e4) : q, J = {
|
|
4846
4853
|
id: S,
|
|
4847
4854
|
variant: y.variant ?? U,
|
|
4848
4855
|
title: y.title,
|
|
@@ -4860,13 +4867,13 @@ const Go = /* @__PURE__ */ I({
|
|
|
4860
4867
|
return t.value = [...t.value, J], S;
|
|
4861
4868
|
}
|
|
4862
4869
|
function u(B) {
|
|
4863
|
-
|
|
4864
|
-
t.value = t.value.filter((U) => U.id !== B),
|
|
4870
|
+
v.value.add(B), setTimeout(() => {
|
|
4871
|
+
t.value = t.value.filter((U) => U.id !== B), v.value.delete(B), d.delete(B);
|
|
4865
4872
|
}, 300);
|
|
4866
4873
|
}
|
|
4867
4874
|
function p() {
|
|
4868
|
-
t.value.forEach((B) =>
|
|
4869
|
-
t.value = [],
|
|
4875
|
+
t.value.forEach((B) => v.value.add(B.id)), setTimeout(() => {
|
|
4876
|
+
t.value = [], v.value.clear(), d.clear();
|
|
4870
4877
|
}, 300);
|
|
4871
4878
|
}
|
|
4872
4879
|
function O(B, U) {
|
|
@@ -4884,48 +4891,48 @@ const Go = /* @__PURE__ */ I({
|
|
|
4884
4891
|
return t.value.some((U) => U.id === B);
|
|
4885
4892
|
}
|
|
4886
4893
|
async function A(B, U) {
|
|
4887
|
-
const y = typeof U.loading == "string" ? { description: U.loading } : U.loading, S =
|
|
4894
|
+
const y = typeof U.loading == "string" ? { description: U.loading } : U.loading, S = b({ ...y, variant: "loading", duration: 0, closable: !1, progress: !1 });
|
|
4888
4895
|
try {
|
|
4889
|
-
const z = await B,
|
|
4896
|
+
const z = await B, q = typeof U.success == "string" ? { description: U.success } : typeof U.success == "function" ? (() => {
|
|
4890
4897
|
const J = U.success(z);
|
|
4891
4898
|
return typeof J == "string" ? { description: J } : J;
|
|
4892
4899
|
})() : U.success;
|
|
4893
|
-
O(S, { ...
|
|
4900
|
+
O(S, { ...q, variant: "success", duration: o.duration, closable: !0 });
|
|
4894
4901
|
const le = t.value.find((J) => J.id === S);
|
|
4895
4902
|
return le && (t.value = t.value.filter((J) => J.id !== S), t.value = [...t.value, { ...le, createdAt: Date.now() }]), z;
|
|
4896
4903
|
} catch (z) {
|
|
4897
|
-
const
|
|
4904
|
+
const q = typeof U.error == "string" ? { description: U.error } : typeof U.error == "function" ? (() => {
|
|
4898
4905
|
const J = U.error(z);
|
|
4899
4906
|
return typeof J == "string" ? { description: J } : J;
|
|
4900
4907
|
})() : U.error;
|
|
4901
|
-
O(S, { ...
|
|
4908
|
+
O(S, { ...q, variant: "error", duration: o.duration, closable: !0 });
|
|
4902
4909
|
const le = t.value.find((J) => J.id === S);
|
|
4903
4910
|
throw le && (t.value = t.value.filter((J) => J.id !== S), t.value = [...t.value, { ...le, createdAt: Date.now() }]), z;
|
|
4904
4911
|
}
|
|
4905
4912
|
}
|
|
4906
4913
|
Ke(Ia, {
|
|
4907
|
-
toast: (B) =>
|
|
4908
|
-
success: (B) =>
|
|
4909
|
-
error: (B) =>
|
|
4910
|
-
warning: (B) =>
|
|
4911
|
-
info: (B) =>
|
|
4912
|
-
loading: (B) =>
|
|
4914
|
+
toast: (B) => b(B, "default"),
|
|
4915
|
+
success: (B) => b(B, "success"),
|
|
4916
|
+
error: (B) => b(B, "error"),
|
|
4917
|
+
warning: (B) => b(B, "warning"),
|
|
4918
|
+
info: (B) => b(B, "info"),
|
|
4919
|
+
loading: (B) => b(B, "loading"),
|
|
4913
4920
|
promise: A,
|
|
4914
4921
|
update: O,
|
|
4915
4922
|
dismiss: u,
|
|
4916
4923
|
dismissAll: p,
|
|
4917
4924
|
isActive: F
|
|
4918
4925
|
});
|
|
4919
|
-
let
|
|
4926
|
+
let _ = null;
|
|
4920
4927
|
function W() {
|
|
4921
|
-
|
|
4928
|
+
_ && (clearTimeout(_), _ = null), o.expandOnHover && (n.value = !0);
|
|
4922
4929
|
}
|
|
4923
4930
|
function E() {
|
|
4924
|
-
o.expandOnHover && (
|
|
4925
|
-
n.value = !1,
|
|
4931
|
+
o.expandOnHover && (_ = window.setTimeout(() => {
|
|
4932
|
+
n.value = !1, _ = null;
|
|
4926
4933
|
}, 150));
|
|
4927
4934
|
}
|
|
4928
|
-
function
|
|
4935
|
+
function N(B, U) {
|
|
4929
4936
|
d.set(B, U);
|
|
4930
4937
|
}
|
|
4931
4938
|
function Y() {
|
|
@@ -4940,7 +4947,7 @@ const Go = /* @__PURE__ */ I({
|
|
|
4940
4947
|
me(() => {
|
|
4941
4948
|
document.addEventListener("keydown", re), document.addEventListener("visibilitychange", Y);
|
|
4942
4949
|
}), ya(() => {
|
|
4943
|
-
document.removeEventListener("keydown", re), document.removeEventListener("visibilitychange", Y),
|
|
4950
|
+
document.removeEventListener("keydown", re), document.removeEventListener("visibilitychange", Y), _ && clearTimeout(_);
|
|
4944
4951
|
});
|
|
4945
4952
|
const Q = s(() => {
|
|
4946
4953
|
const B = t.value;
|
|
@@ -4953,7 +4960,7 @@ const Go = /* @__PURE__ */ I({
|
|
|
4953
4960
|
key: 0,
|
|
4954
4961
|
ref_key: "viewportRef",
|
|
4955
4962
|
ref: i,
|
|
4956
|
-
class:
|
|
4963
|
+
class: w(["orb-toast-viewport", j.value]),
|
|
4957
4964
|
style: ge({
|
|
4958
4965
|
"--toast-gap": `${e.gap}px`,
|
|
4959
4966
|
"--toast-offset": `${e.offset}px`
|
|
@@ -4977,9 +4984,9 @@ const Go = /* @__PURE__ */ I({
|
|
|
4977
4984
|
"swipe-direction": h.value,
|
|
4978
4985
|
"swipe-threshold": e.swipeThreshold,
|
|
4979
4986
|
gap: e.gap,
|
|
4980
|
-
class:
|
|
4987
|
+
class: w({ "orb-toast--removing": v.value.has(y.id) }),
|
|
4981
4988
|
onDismiss: u,
|
|
4982
|
-
onHeight:
|
|
4989
|
+
onHeight: N,
|
|
4983
4990
|
onRequestExpand: W,
|
|
4984
4991
|
onRequestCollapse: E
|
|
4985
4992
|
}, null, 8, ["toast", "position", "index", "total", "max-visible", "expanded", "expanded-offset", "pause-on-hover", "swipe-to-dismiss", "swipe-direction", "swipe-threshold", "gap", "class"]))), 128))
|
|
@@ -5025,7 +5032,7 @@ const Pr = ["disabled"], qr = {
|
|
|
5025
5032
|
},
|
|
5026
5033
|
emits: ["update:modelValue"],
|
|
5027
5034
|
setup(e, { emit: o }) {
|
|
5028
|
-
const t = e, n = o, i = oa(),
|
|
5035
|
+
const t = e, n = o, i = oa(), v = s(() => t.id ?? i), d = s(() => `${v.value}-help`), k = x(!1), f = x(null), m = x(O(t.modelValue)), h = s(() => t.size === "sm" ? "sm" : "md"), g = s(() => t.min == null || t.modelValue == null ? !1 : t.modelValue <= t.min), b = s(() => t.max == null || t.modelValue == null ? !1 : t.modelValue >= t.max), u = s(() => !t.disabled && !t.readonly && !g.value), p = s(() => !t.disabled && !t.readonly && !b.value);
|
|
5029
5036
|
be(() => t.modelValue, (Z) => {
|
|
5030
5037
|
k.value || (m.value = O(Z));
|
|
5031
5038
|
});
|
|
@@ -5044,7 +5051,7 @@ const Pr = ["disabled"], qr = {
|
|
|
5044
5051
|
function D(Z) {
|
|
5045
5052
|
Z != null && t.precision != null && (Z = parseFloat(Z.toFixed(t.precision))), n("update:modelValue", Z);
|
|
5046
5053
|
}
|
|
5047
|
-
function
|
|
5054
|
+
function _(Z) {
|
|
5048
5055
|
const j = Z.target.value;
|
|
5049
5056
|
m.value = j;
|
|
5050
5057
|
const B = F(j);
|
|
@@ -5060,7 +5067,7 @@ const Pr = ["disabled"], qr = {
|
|
|
5060
5067
|
} else
|
|
5061
5068
|
m.value = O(t.modelValue);
|
|
5062
5069
|
}
|
|
5063
|
-
function
|
|
5070
|
+
function N(Z) {
|
|
5064
5071
|
var U;
|
|
5065
5072
|
const Q = t.modelValue ?? 0, j = t.step ?? 1;
|
|
5066
5073
|
let B = Q + j * Z;
|
|
@@ -5076,7 +5083,7 @@ const Pr = ["disabled"], qr = {
|
|
|
5076
5083
|
B = A(B), m.value = O(B), D(B), (U = f.value) == null || U.focus();
|
|
5077
5084
|
}
|
|
5078
5085
|
function Y(Z) {
|
|
5079
|
-
t.readonly || t.disabled || (Z.key === "ArrowUp" ? (Z.preventDefault(), p.value &&
|
|
5086
|
+
t.readonly || t.disabled || (Z.key === "ArrowUp" ? (Z.preventDefault(), p.value && N(1)) : Z.key === "ArrowDown" && (Z.preventDefault(), u.value && N(-1)));
|
|
5080
5087
|
}
|
|
5081
5088
|
function re(Z) {
|
|
5082
5089
|
const Q = Z.key, j = t.precision == null || t.precision > 0;
|
|
@@ -5085,7 +5092,7 @@ const Pr = ["disabled"], qr = {
|
|
|
5085
5092
|
return (Z, Q) => {
|
|
5086
5093
|
const j = Da, B = Pt;
|
|
5087
5094
|
return a(), l("div", {
|
|
5088
|
-
class:
|
|
5095
|
+
class: w([
|
|
5089
5096
|
"orb-input-number",
|
|
5090
5097
|
`orb-input-number--${e.size}`,
|
|
5091
5098
|
{ "orb-input-number--full-width": e.fullWidth }
|
|
@@ -5093,7 +5100,7 @@ const Pr = ["disabled"], qr = {
|
|
|
5093
5100
|
}, [
|
|
5094
5101
|
e.label ? (a(), L(C(Tt), {
|
|
5095
5102
|
key: 0,
|
|
5096
|
-
for:
|
|
5103
|
+
for: v.value,
|
|
5097
5104
|
label: e.label,
|
|
5098
5105
|
required: e.required,
|
|
5099
5106
|
disabled: e.disabled
|
|
@@ -5112,7 +5119,7 @@ const Pr = ["disabled"], qr = {
|
|
|
5112
5119
|
"aria-label": "Diminuir",
|
|
5113
5120
|
disabled: !u.value,
|
|
5114
5121
|
tabindex: -1,
|
|
5115
|
-
onClick: Q[0] || (Q[0] = (U) =>
|
|
5122
|
+
onClick: Q[0] || (Q[0] = (U) => N(-1))
|
|
5116
5123
|
}, [
|
|
5117
5124
|
ee(j, { "aria-hidden": "true" })
|
|
5118
5125
|
], 8, Pr)),
|
|
@@ -5120,7 +5127,7 @@ const Pr = ["disabled"], qr = {
|
|
|
5120
5127
|
r("input", {
|
|
5121
5128
|
ref_key: "inputRef",
|
|
5122
5129
|
ref: f,
|
|
5123
|
-
id:
|
|
5130
|
+
id: v.value,
|
|
5124
5131
|
type: "text",
|
|
5125
5132
|
inputmode: "decimal",
|
|
5126
5133
|
role: "spinbutton",
|
|
@@ -5135,7 +5142,7 @@ const Pr = ["disabled"], qr = {
|
|
|
5135
5142
|
"aria-required": e.required ? !0 : void 0,
|
|
5136
5143
|
"aria-describedby": e.helpText ? d.value : void 0,
|
|
5137
5144
|
class: "orb-input-number__input",
|
|
5138
|
-
onInput:
|
|
5145
|
+
onInput: _,
|
|
5139
5146
|
onFocus: W,
|
|
5140
5147
|
onBlur: E,
|
|
5141
5148
|
onKeydown: Y,
|
|
@@ -5149,7 +5156,7 @@ const Pr = ["disabled"], qr = {
|
|
|
5149
5156
|
"aria-label": "Aumentar",
|
|
5150
5157
|
disabled: !p.value,
|
|
5151
5158
|
tabindex: -1,
|
|
5152
|
-
onClick: Q[1] || (Q[1] = (U) =>
|
|
5159
|
+
onClick: Q[1] || (Q[1] = (U) => N(1))
|
|
5153
5160
|
}, [
|
|
5154
5161
|
ee(B, { "aria-hidden": "true" })
|
|
5155
5162
|
], 8, Gr))
|
|
@@ -5236,33 +5243,33 @@ const Pr = ["disabled"], qr = {
|
|
|
5236
5243
|
},
|
|
5237
5244
|
emits: ["select", "hover", "navigate"],
|
|
5238
5245
|
setup(e, { emit: o }) {
|
|
5239
|
-
const t = e, n = o, i = x("days"),
|
|
5246
|
+
const t = e, n = o, i = x("days"), v = x(new Date(t.viewDate ?? /* @__PURE__ */ new Date()));
|
|
5240
5247
|
be(() => t.viewDate, (y) => {
|
|
5241
|
-
y && (
|
|
5248
|
+
y && (v.value = new Date(y));
|
|
5242
5249
|
});
|
|
5243
5250
|
const d = s(() => {
|
|
5244
|
-
const y = new Date(
|
|
5251
|
+
const y = new Date(v.value);
|
|
5245
5252
|
return y.setMonth(y.getMonth() + t.monthOffset), y;
|
|
5246
5253
|
}), k = s(() => d.value.getMonth()), f = s(() => d.value.getFullYear()), m = s(() => {
|
|
5247
5254
|
const y = [], S = new Date(2024, 0, 7);
|
|
5248
5255
|
for (let z = 0; z < 7; z++) {
|
|
5249
|
-
const
|
|
5250
|
-
|
|
5256
|
+
const q = new Date(S);
|
|
5257
|
+
q.setDate(S.getDate() + z), y.push(q.toLocaleDateString(t.locale, { weekday: "narrow" }));
|
|
5251
5258
|
}
|
|
5252
5259
|
return y;
|
|
5253
5260
|
}), h = s(() => d.value.toLocaleDateString(t.locale, { month: "long" })), g = /* @__PURE__ */ new Date();
|
|
5254
5261
|
g.setHours(0, 0, 0, 0);
|
|
5255
|
-
function
|
|
5262
|
+
function b(y, S) {
|
|
5256
5263
|
return y ? y.getFullYear() === S.getFullYear() && y.getMonth() === S.getMonth() && y.getDate() === S.getDate() : !1;
|
|
5257
5264
|
}
|
|
5258
5265
|
function u(y, S, z) {
|
|
5259
5266
|
if (!S || !z) return !1;
|
|
5260
|
-
const
|
|
5261
|
-
return
|
|
5267
|
+
const q = y.getTime(), le = Math.min(S.getTime(), z.getTime()), J = Math.max(S.getTime(), z.getTime());
|
|
5268
|
+
return q > le && q < J;
|
|
5262
5269
|
}
|
|
5263
5270
|
const p = s(() => {
|
|
5264
|
-
const y = f.value, S = k.value,
|
|
5265
|
-
for (let oe =
|
|
5271
|
+
const y = f.value, S = k.value, q = new Date(y, S, 1).getDay(), le = new Date(y, S + 1, 0).getDate(), J = new Date(y, S, 0).getDate(), H = [];
|
|
5272
|
+
for (let oe = q - 1; oe >= 0; oe--) {
|
|
5266
5273
|
const P = new Date(y, S - 1, J - oe);
|
|
5267
5274
|
P.setHours(0, 0, 0, 0), H.push(O(P, !1));
|
|
5268
5275
|
}
|
|
@@ -5278,16 +5285,16 @@ const Pr = ["disabled"], qr = {
|
|
|
5278
5285
|
return H;
|
|
5279
5286
|
});
|
|
5280
5287
|
function O(y, S) {
|
|
5281
|
-
var
|
|
5282
|
-
const z = F(y) || (((
|
|
5288
|
+
var q;
|
|
5289
|
+
const z = F(y) || (((q = t.isDateDisabled) == null ? void 0 : q.call(t, y)) ?? !1);
|
|
5283
5290
|
return {
|
|
5284
5291
|
date: y,
|
|
5285
5292
|
day: y.getDate(),
|
|
5286
5293
|
isCurrentMonth: S,
|
|
5287
|
-
isToday:
|
|
5288
|
-
isSelected: t.mode === "single" ?
|
|
5289
|
-
isRangeStart:
|
|
5290
|
-
isRangeEnd:
|
|
5294
|
+
isToday: b(g, y),
|
|
5295
|
+
isSelected: t.mode === "single" ? b(t.selected, y) : b(t.rangeStart, y) || b(t.rangeEnd, y),
|
|
5296
|
+
isRangeStart: b(t.rangeStart, y),
|
|
5297
|
+
isRangeEnd: b(t.rangeEnd, y),
|
|
5291
5298
|
isInRange: u(y, t.rangeStart, t.rangeEnd),
|
|
5292
5299
|
isDisabled: z
|
|
5293
5300
|
};
|
|
@@ -5322,39 +5329,39 @@ const Pr = ["disabled"], qr = {
|
|
|
5322
5329
|
}
|
|
5323
5330
|
return !1;
|
|
5324
5331
|
}
|
|
5325
|
-
const
|
|
5332
|
+
const _ = s(() => {
|
|
5326
5333
|
const y = f.value, S = y - y % 12, z = [];
|
|
5327
|
-
for (let
|
|
5328
|
-
z.push(S +
|
|
5334
|
+
for (let q = 0; q < 12; q++)
|
|
5335
|
+
z.push(S + q);
|
|
5329
5336
|
return z;
|
|
5330
5337
|
});
|
|
5331
5338
|
function W(y) {
|
|
5332
5339
|
return !!(t.minDate && y < t.minDate.getFullYear() || t.maxDate && y > t.maxDate.getFullYear());
|
|
5333
5340
|
}
|
|
5334
5341
|
function E(y) {
|
|
5335
|
-
const S = new Date(
|
|
5336
|
-
S.setMonth(S.getMonth() + y),
|
|
5342
|
+
const S = new Date(v.value);
|
|
5343
|
+
S.setMonth(S.getMonth() + y), v.value = S, n("navigate", S);
|
|
5337
5344
|
}
|
|
5338
|
-
function
|
|
5339
|
-
const S = new Date(
|
|
5340
|
-
S.setFullYear(S.getFullYear() + y),
|
|
5345
|
+
function N(y) {
|
|
5346
|
+
const S = new Date(v.value);
|
|
5347
|
+
S.setFullYear(S.getFullYear() + y), v.value = S, n("navigate", S);
|
|
5341
5348
|
}
|
|
5342
5349
|
function Y(y) {
|
|
5343
|
-
const S = new Date(
|
|
5344
|
-
S.setFullYear(S.getFullYear() + 12 * y),
|
|
5350
|
+
const S = new Date(v.value);
|
|
5351
|
+
S.setFullYear(S.getFullYear() + 12 * y), v.value = S, n("navigate", S);
|
|
5345
5352
|
}
|
|
5346
5353
|
function re(y) {
|
|
5347
5354
|
y.isDisabled || n("select", y.date);
|
|
5348
5355
|
}
|
|
5349
5356
|
function Z(y) {
|
|
5350
5357
|
if (D(y)) return;
|
|
5351
|
-
const S = new Date(
|
|
5352
|
-
S.setMonth(y),
|
|
5358
|
+
const S = new Date(v.value);
|
|
5359
|
+
S.setMonth(y), v.value = S, n("navigate", S), i.value = "days";
|
|
5353
5360
|
}
|
|
5354
5361
|
function Q(y) {
|
|
5355
5362
|
if (W(y)) return;
|
|
5356
|
-
const S = new Date(
|
|
5357
|
-
S.setFullYear(y),
|
|
5363
|
+
const S = new Date(v.value);
|
|
5364
|
+
S.setFullYear(y), v.value = S, n("navigate", S), i.value = "months";
|
|
5358
5365
|
}
|
|
5359
5366
|
function j() {
|
|
5360
5367
|
i.value === "days" ? i.value = "months" : i.value === "months" ? i.value = "years" : i.value = "days";
|
|
@@ -5371,7 +5378,7 @@ const Pr = ["disabled"], qr = {
|
|
|
5371
5378
|
type: "button",
|
|
5372
5379
|
class: "orb-date-picker-calendar__nav-btn",
|
|
5373
5380
|
"aria-label": i.value === "years" ? "Anos anteriores" : i.value === "months" ? "Ano anterior" : "Mês anterior",
|
|
5374
|
-
onClick: S[0] || (S[0] = (z) => i.value === "years" ? Y(-1) : i.value === "months" ?
|
|
5381
|
+
onClick: S[0] || (S[0] = (z) => i.value === "years" ? Y(-1) : i.value === "months" ? N(-1) : E(-1))
|
|
5375
5382
|
}, [...S[2] || (S[2] = [
|
|
5376
5383
|
r("svg", {
|
|
5377
5384
|
width: "16",
|
|
@@ -5399,14 +5406,14 @@ const Pr = ["disabled"], qr = {
|
|
|
5399
5406
|
], 64)) : i.value === "months" ? (a(), l(ae, { key: 1 }, [
|
|
5400
5407
|
ie($(f.value), 1)
|
|
5401
5408
|
], 64)) : (a(), l(ae, { key: 2 }, [
|
|
5402
|
-
ie($(
|
|
5409
|
+
ie($(_.value[0]) + " — " + $(_.value[_.value.length - 1]), 1)
|
|
5403
5410
|
], 64))
|
|
5404
5411
|
]),
|
|
5405
5412
|
r("button", {
|
|
5406
5413
|
type: "button",
|
|
5407
5414
|
class: "orb-date-picker-calendar__nav-btn",
|
|
5408
5415
|
"aria-label": i.value === "years" ? "Próximos anos" : i.value === "months" ? "Próximo ano" : "Próximo mês",
|
|
5409
|
-
onClick: S[1] || (S[1] = (z) => i.value === "years" ? Y(1) : i.value === "months" ?
|
|
5416
|
+
onClick: S[1] || (S[1] = (z) => i.value === "years" ? Y(1) : i.value === "months" ? N(1) : E(1))
|
|
5410
5417
|
}, [...S[3] || (S[3] = [
|
|
5411
5418
|
r("svg", {
|
|
5412
5419
|
width: "16",
|
|
@@ -5433,10 +5440,10 @@ const Pr = ["disabled"], qr = {
|
|
|
5433
5440
|
}, $(z), 1))), 128))
|
|
5434
5441
|
]),
|
|
5435
5442
|
r("div", os, [
|
|
5436
|
-
(a(!0), l(ae, null, pe(p.value, (z,
|
|
5437
|
-
key:
|
|
5443
|
+
(a(!0), l(ae, null, pe(p.value, (z, q) => (a(), l("button", {
|
|
5444
|
+
key: q,
|
|
5438
5445
|
type: "button",
|
|
5439
|
-
class:
|
|
5446
|
+
class: w([
|
|
5440
5447
|
"orb-date-picker-calendar__day",
|
|
5441
5448
|
{
|
|
5442
5449
|
"orb-date-picker-calendar__day--other-month": !z.isCurrentMonth,
|
|
@@ -5458,24 +5465,24 @@ const Pr = ["disabled"], qr = {
|
|
|
5458
5465
|
}, $(z.day), 43, ls))), 128))
|
|
5459
5466
|
])
|
|
5460
5467
|
])) : i.value === "months" ? (a(), l("div", ns, [
|
|
5461
|
-
(a(!0), l(ae, null, pe(A.value, (z,
|
|
5462
|
-
key:
|
|
5468
|
+
(a(!0), l(ae, null, pe(A.value, (z, q) => (a(), l("button", {
|
|
5469
|
+
key: q,
|
|
5463
5470
|
type: "button",
|
|
5464
|
-
class:
|
|
5471
|
+
class: w([
|
|
5465
5472
|
"orb-date-picker-calendar__month-cell",
|
|
5466
5473
|
{
|
|
5467
|
-
"orb-date-picker-calendar__month-cell--selected": k.value ===
|
|
5468
|
-
"orb-date-picker-calendar__month-cell--disabled": D(
|
|
5474
|
+
"orb-date-picker-calendar__month-cell--selected": k.value === q && i.value === "months",
|
|
5475
|
+
"orb-date-picker-calendar__month-cell--disabled": D(q)
|
|
5469
5476
|
}
|
|
5470
5477
|
]),
|
|
5471
|
-
disabled: D(
|
|
5472
|
-
onClick: (le) => Z(
|
|
5478
|
+
disabled: D(q),
|
|
5479
|
+
onClick: (le) => Z(q)
|
|
5473
5480
|
}, $(z), 11, is))), 128))
|
|
5474
5481
|
])) : (a(), l("div", rs, [
|
|
5475
|
-
(a(!0), l(ae, null, pe(
|
|
5482
|
+
(a(!0), l(ae, null, pe(_.value, (z) => (a(), l("button", {
|
|
5476
5483
|
key: z,
|
|
5477
5484
|
type: "button",
|
|
5478
|
-
class:
|
|
5485
|
+
class: w([
|
|
5479
5486
|
"orb-date-picker-calendar__year-cell",
|
|
5480
5487
|
{
|
|
5481
5488
|
"orb-date-picker-calendar__year-cell--selected": f.value === z,
|
|
@@ -5483,7 +5490,7 @@ const Pr = ["disabled"], qr = {
|
|
|
5483
5490
|
}
|
|
5484
5491
|
]),
|
|
5485
5492
|
disabled: W(z),
|
|
5486
|
-
onClick: (
|
|
5493
|
+
onClick: (q) => Q(z)
|
|
5487
5494
|
}, $(z), 11, ss))), 128))
|
|
5488
5495
|
]))
|
|
5489
5496
|
]));
|
|
@@ -5496,37 +5503,37 @@ const Pr = ["disabled"], qr = {
|
|
|
5496
5503
|
},
|
|
5497
5504
|
emits: ["update:hours", "update:minutes"],
|
|
5498
5505
|
setup(e, { emit: o }) {
|
|
5499
|
-
const t = e, n = o, i = x(String(t.hours).padStart(2, "0")),
|
|
5500
|
-
be(() => t.hours, (
|
|
5501
|
-
i.value = String(
|
|
5502
|
-
}), be(() => t.minutes, (
|
|
5503
|
-
|
|
5506
|
+
const t = e, n = o, i = x(String(t.hours).padStart(2, "0")), v = x(String(t.minutes).padStart(2, "0"));
|
|
5507
|
+
be(() => t.hours, (b) => {
|
|
5508
|
+
i.value = String(b).padStart(2, "0");
|
|
5509
|
+
}), be(() => t.minutes, (b) => {
|
|
5510
|
+
v.value = String(b).padStart(2, "0");
|
|
5504
5511
|
});
|
|
5505
|
-
function d(
|
|
5506
|
-
const u =
|
|
5512
|
+
function d(b) {
|
|
5513
|
+
const u = b.target;
|
|
5507
5514
|
let p = parseInt(u.value, 10);
|
|
5508
5515
|
isNaN(p) && (p = 0), p = Math.max(0, Math.min(23, p)), i.value = String(p).padStart(2, "0"), n("update:hours", p);
|
|
5509
5516
|
}
|
|
5510
|
-
function k(
|
|
5511
|
-
const u =
|
|
5517
|
+
function k(b) {
|
|
5518
|
+
const u = b.target;
|
|
5512
5519
|
let p = parseInt(u.value, 10);
|
|
5513
|
-
isNaN(p) && (p = 0), p = Math.max(0, Math.min(59, p)),
|
|
5520
|
+
isNaN(p) && (p = 0), p = Math.max(0, Math.min(59, p)), v.value = String(p).padStart(2, "0"), n("update:minutes", p);
|
|
5514
5521
|
}
|
|
5515
|
-
function f(
|
|
5516
|
-
let u = t.hours +
|
|
5522
|
+
function f(b) {
|
|
5523
|
+
let u = t.hours + b;
|
|
5517
5524
|
u < 0 && (u = 23), u > 23 && (u = 0), n("update:hours", u);
|
|
5518
5525
|
}
|
|
5519
|
-
function m(
|
|
5520
|
-
let u = t.minutes +
|
|
5526
|
+
function m(b) {
|
|
5527
|
+
let u = t.minutes + b;
|
|
5521
5528
|
u < 0 && (u = 59), u > 59 && (u = 0), n("update:minutes", u);
|
|
5522
5529
|
}
|
|
5523
|
-
function h(
|
|
5524
|
-
|
|
5530
|
+
function h(b) {
|
|
5531
|
+
b.key === "ArrowUp" && (b.preventDefault(), f(1)), b.key === "ArrowDown" && (b.preventDefault(), f(-1));
|
|
5525
5532
|
}
|
|
5526
|
-
function g(
|
|
5527
|
-
|
|
5533
|
+
function g(b) {
|
|
5534
|
+
b.key === "ArrowUp" && (b.preventDefault(), m(1)), b.key === "ArrowDown" && (b.preventDefault(), m(-1));
|
|
5528
5535
|
}
|
|
5529
|
-
return (
|
|
5536
|
+
return (b, u) => (a(), l("div", ds, [
|
|
5530
5537
|
u[9] || (u[9] = r("span", { class: "orb-date-picker-time__label" }, "Horário", -1)),
|
|
5531
5538
|
r("div", cs, [
|
|
5532
5539
|
r("div", us, [
|
|
@@ -5612,7 +5619,7 @@ const Pr = ["disabled"], qr = {
|
|
|
5612
5619
|
r("input", {
|
|
5613
5620
|
type: "text",
|
|
5614
5621
|
class: "orb-date-picker-time__input",
|
|
5615
|
-
value:
|
|
5622
|
+
value: v.value,
|
|
5616
5623
|
inputmode: "numeric",
|
|
5617
5624
|
maxlength: "2",
|
|
5618
5625
|
"aria-label": "Minutos",
|
|
@@ -5678,16 +5685,16 @@ const Pr = ["disabled"], qr = {
|
|
|
5678
5685
|
},
|
|
5679
5686
|
emits: ["update:modelValue", "update:rangeValue", "change"],
|
|
5680
5687
|
setup(e, { emit: o }) {
|
|
5681
|
-
const t = e, n = o, i = x(!1),
|
|
5688
|
+
const t = e, n = o, i = x(!1), v = x(!1), d = x(null), k = x(null), f = x(null), m = Math.random().toString(36).slice(2, 9), h = s(() => t.id ? `${t.id}-dropdown` : `dp-${m}-dropdown`), g = s(() => t.id ? `${t.id}-help` : `dp-${m}-help`), b = x(null);
|
|
5682
5689
|
function u() {
|
|
5683
5690
|
const R = d.value;
|
|
5684
5691
|
if (!R) return;
|
|
5685
5692
|
const X = R.closest("[data-theme]");
|
|
5686
|
-
|
|
5693
|
+
b.value = X ? X.getAttribute("data-theme") : null;
|
|
5687
5694
|
}
|
|
5688
|
-
const p = x(/* @__PURE__ */ new Date()), O = x({}), F = x("down"), A = x(!1), D = x(null),
|
|
5695
|
+
const p = x(/* @__PURE__ */ new Date()), O = x({}), F = x("down"), A = x(!1), D = x(null), _ = x(0), W = x(0);
|
|
5689
5696
|
x(0), x(0);
|
|
5690
|
-
const E = s(() => t.state === "disabled"),
|
|
5697
|
+
const E = s(() => t.state === "disabled"), N = s(() => t.state === "invalid");
|
|
5691
5698
|
function Y(R, X) {
|
|
5692
5699
|
if (!R) return "";
|
|
5693
5700
|
const fe = R.getDate(), Ce = R.getMonth() + 1, Oe = R.getFullYear(), dt = R.getHours(), Kt = R.getMinutes();
|
|
@@ -5726,9 +5733,9 @@ const Pr = ["disabled"], qr = {
|
|
|
5726
5733
|
document.removeEventListener("mousedown", J);
|
|
5727
5734
|
}), be(i, (R) => {
|
|
5728
5735
|
var X;
|
|
5729
|
-
R && (t.mode === "single" && t.modelValue ? (p.value = new Date(t.modelValue), t.type === "datetime" && (
|
|
5736
|
+
R && (t.mode === "single" && t.modelValue ? (p.value = new Date(t.modelValue), t.type === "datetime" && (_.value = t.modelValue.getHours(), W.value = t.modelValue.getMinutes())) : t.mode === "range" && ((X = t.rangeValue) != null && X[0]) ? p.value = new Date(t.rangeValue[0]) : p.value = /* @__PURE__ */ new Date(), A.value = !1, D.value = null, S(), z());
|
|
5730
5737
|
}), be(() => t.modelValue, (R) => {
|
|
5731
|
-
R && t.type === "datetime" && (
|
|
5738
|
+
R && t.type === "datetime" && (_.value = R.getHours(), W.value = R.getMinutes());
|
|
5732
5739
|
});
|
|
5733
5740
|
function S() {
|
|
5734
5741
|
if (!d.value) {
|
|
@@ -5753,7 +5760,7 @@ const Pr = ["disabled"], qr = {
|
|
|
5753
5760
|
zIndex: "9999"
|
|
5754
5761
|
};
|
|
5755
5762
|
}
|
|
5756
|
-
function
|
|
5763
|
+
function q() {
|
|
5757
5764
|
E.value || t.readOnly || (i.value || u(), i.value = !i.value);
|
|
5758
5765
|
}
|
|
5759
5766
|
function le() {
|
|
@@ -5769,7 +5776,7 @@ const Pr = ["disabled"], qr = {
|
|
|
5769
5776
|
var X;
|
|
5770
5777
|
if (t.mode === "single") {
|
|
5771
5778
|
const fe = new Date(R);
|
|
5772
|
-
t.type === "datetime" && fe.setHours(
|
|
5779
|
+
t.type === "datetime" && fe.setHours(_.value, W.value, 0, 0), n("update:modelValue", fe), n("change", fe), t.type !== "datetime" && le();
|
|
5773
5780
|
} else if (!A.value)
|
|
5774
5781
|
A.value = !0, n("update:rangeValue", [R, null]);
|
|
5775
5782
|
else {
|
|
@@ -5804,7 +5811,7 @@ const Pr = ["disabled"], qr = {
|
|
|
5804
5811
|
p.value = new Date(R);
|
|
5805
5812
|
}
|
|
5806
5813
|
function Ve(R) {
|
|
5807
|
-
if (
|
|
5814
|
+
if (_.value = R, t.modelValue) {
|
|
5808
5815
|
const X = new Date(t.modelValue);
|
|
5809
5816
|
X.setHours(R, W.value, 0, 0), n("update:modelValue", X), n("change", X);
|
|
5810
5817
|
}
|
|
@@ -5812,28 +5819,28 @@ const Pr = ["disabled"], qr = {
|
|
|
5812
5819
|
function Ae(R) {
|
|
5813
5820
|
if (W.value = R, t.modelValue) {
|
|
5814
5821
|
const X = new Date(t.modelValue);
|
|
5815
|
-
X.setHours(
|
|
5822
|
+
X.setHours(_.value, R, 0, 0), n("update:modelValue", X), n("change", X);
|
|
5816
5823
|
}
|
|
5817
5824
|
}
|
|
5818
5825
|
function vt(R) {
|
|
5819
5826
|
switch (R.key) {
|
|
5820
5827
|
case "Enter":
|
|
5821
5828
|
case " ":
|
|
5822
|
-
R.preventDefault(),
|
|
5829
|
+
R.preventDefault(), q();
|
|
5823
5830
|
break;
|
|
5824
5831
|
case "Escape":
|
|
5825
5832
|
i.value && (R.preventDefault(), le());
|
|
5826
5833
|
break;
|
|
5827
5834
|
case "ArrowDown":
|
|
5828
|
-
R.preventDefault(), i.value ||
|
|
5835
|
+
R.preventDefault(), i.value || q();
|
|
5829
5836
|
break;
|
|
5830
5837
|
}
|
|
5831
5838
|
}
|
|
5832
5839
|
function St() {
|
|
5833
|
-
|
|
5840
|
+
v.value = !0;
|
|
5834
5841
|
}
|
|
5835
5842
|
function Rt() {
|
|
5836
|
-
|
|
5843
|
+
v.value = !1;
|
|
5837
5844
|
}
|
|
5838
5845
|
function Et() {
|
|
5839
5846
|
const R = /* @__PURE__ */ new Date();
|
|
@@ -5844,7 +5851,7 @@ const Pr = ["disabled"], qr = {
|
|
|
5844
5851
|
return a(), l("div", {
|
|
5845
5852
|
ref_key: "rootRef",
|
|
5846
5853
|
ref: d,
|
|
5847
|
-
class:
|
|
5854
|
+
class: w(["orb-date-picker", `orb-date-picker--${e.size}`])
|
|
5848
5855
|
}, [
|
|
5849
5856
|
e.label ? (a(), L(C(Tt), {
|
|
5850
5857
|
key: 0,
|
|
@@ -5855,8 +5862,8 @@ const Pr = ["disabled"], qr = {
|
|
|
5855
5862
|
}, null, 8, ["label", "required", "optional", "disabled"])) : c("", !0),
|
|
5856
5863
|
ee(C(Dt), {
|
|
5857
5864
|
size: e.size,
|
|
5858
|
-
focused:
|
|
5859
|
-
invalid:
|
|
5865
|
+
focused: v.value,
|
|
5866
|
+
invalid: N.value,
|
|
5860
5867
|
disabled: E.value
|
|
5861
5868
|
}, {
|
|
5862
5869
|
default: te(() => [
|
|
@@ -5869,13 +5876,13 @@ const Pr = ["disabled"], qr = {
|
|
|
5869
5876
|
"aria-expanded": i.value,
|
|
5870
5877
|
"aria-haspopup": "dialog",
|
|
5871
5878
|
"aria-controls": i.value ? h.value : void 0,
|
|
5872
|
-
"aria-invalid":
|
|
5879
|
+
"aria-invalid": N.value ? !0 : void 0,
|
|
5873
5880
|
"aria-required": e.required ? !0 : void 0,
|
|
5874
5881
|
"aria-describedby": e.helpText ? g.value : void 0,
|
|
5875
5882
|
"aria-label": e.label ? void 0 : e.placeholder || "Selecionar data",
|
|
5876
5883
|
disabled: E.value,
|
|
5877
|
-
class:
|
|
5878
|
-
onClick:
|
|
5884
|
+
class: w(["orb-date-picker__trigger"]),
|
|
5885
|
+
onClick: q,
|
|
5879
5886
|
onKeydown: vt,
|
|
5880
5887
|
onFocus: St,
|
|
5881
5888
|
onBlur: Rt
|
|
@@ -5884,7 +5891,7 @@ const Pr = ["disabled"], qr = {
|
|
|
5884
5891
|
ee(fe)
|
|
5885
5892
|
]),
|
|
5886
5893
|
r("span", {
|
|
5887
|
-
class:
|
|
5894
|
+
class: w(["orb-date-picker__value", { "orb-date-picker__value--placeholder": !Q.value }])
|
|
5888
5895
|
}, $(Q.value ? Z.value : j.value), 3),
|
|
5889
5896
|
e.clearable && Q.value && !E.value && !e.readOnly ? (a(), l("button", {
|
|
5890
5897
|
key: 0,
|
|
@@ -5898,7 +5905,7 @@ const Pr = ["disabled"], qr = {
|
|
|
5898
5905
|
ee(Ce, { "aria-hidden": "true" })
|
|
5899
5906
|
], 32)) : c("", !0),
|
|
5900
5907
|
r("span", {
|
|
5901
|
-
class:
|
|
5908
|
+
class: w(["orb-date-picker__chevron", { "orb-date-picker__chevron--open": i.value }]),
|
|
5902
5909
|
"aria-hidden": "true"
|
|
5903
5910
|
}, [...X[2] || (X[2] = [
|
|
5904
5911
|
r("svg", {
|
|
@@ -5931,7 +5938,7 @@ const Pr = ["disabled"], qr = {
|
|
|
5931
5938
|
id: h.value,
|
|
5932
5939
|
class: "orb-date-picker__dropdown",
|
|
5933
5940
|
style: ge(O.value),
|
|
5934
|
-
"data-theme":
|
|
5941
|
+
"data-theme": b.value || void 0,
|
|
5935
5942
|
role: "dialog",
|
|
5936
5943
|
"aria-modal": "true",
|
|
5937
5944
|
"aria-label": e.label || "Calendário",
|
|
@@ -5949,7 +5956,7 @@ const Pr = ["disabled"], qr = {
|
|
|
5949
5956
|
])) : c("", !0),
|
|
5950
5957
|
r("div", ws, [
|
|
5951
5958
|
r("div", {
|
|
5952
|
-
class:
|
|
5959
|
+
class: w(["orb-date-picker__calendar-wrap", { "orb-date-picker__calendar-wrap--multi": e.numberOfMonths === 2 }])
|
|
5953
5960
|
}, [
|
|
5954
5961
|
ee(ca, {
|
|
5955
5962
|
selected: e.mode === "single" ? e.modelValue : void 0,
|
|
@@ -5985,7 +5992,7 @@ const Pr = ["disabled"], qr = {
|
|
|
5985
5992
|
], 2),
|
|
5986
5993
|
e.type === "datetime" && e.mode === "single" ? (a(), L(hs, {
|
|
5987
5994
|
key: 0,
|
|
5988
|
-
hours:
|
|
5995
|
+
hours: _.value,
|
|
5989
5996
|
minutes: W.value,
|
|
5990
5997
|
"onUpdate:hours": Ve,
|
|
5991
5998
|
"onUpdate:minutes": Ae
|
|
@@ -6012,7 +6019,7 @@ const Pr = ["disabled"], qr = {
|
|
|
6012
6019
|
e.helpText ? (a(), L(C(st), {
|
|
6013
6020
|
key: 2,
|
|
6014
6021
|
id: g.value,
|
|
6015
|
-
variant:
|
|
6022
|
+
variant: N.value ? "negative" : "neutral",
|
|
6016
6023
|
disabled: E.value
|
|
6017
6024
|
}, {
|
|
6018
6025
|
default: te(() => [
|
|
@@ -6077,7 +6084,7 @@ const Pr = ["disabled"], qr = {
|
|
|
6077
6084
|
}
|
|
6078
6085
|
]);
|
|
6079
6086
|
return (n, i) => (a(), l("div", {
|
|
6080
|
-
class:
|
|
6087
|
+
class: w(t.value)
|
|
6081
6088
|
}, [
|
|
6082
6089
|
V(n.$slots, "default")
|
|
6083
6090
|
], 2));
|
|
@@ -6138,7 +6145,7 @@ const Ks = /* @__PURE__ */ I({
|
|
|
6138
6145
|
emits: ["update:modelValue", "update:open", "close"],
|
|
6139
6146
|
setup(e, { emit: o }) {
|
|
6140
6147
|
const t = e, n = o, i = s(() => t.modelValue != null ? t.modelValue : t.open);
|
|
6141
|
-
function
|
|
6148
|
+
function v(j) {
|
|
6142
6149
|
n("update:open", j), n("update:modelValue", j);
|
|
6143
6150
|
}
|
|
6144
6151
|
const d = x(!1);
|
|
@@ -6147,11 +6154,11 @@ const Ks = /* @__PURE__ */ I({
|
|
|
6147
6154
|
});
|
|
6148
6155
|
const k = `orb-lightbox-${Math.random().toString(36).slice(2, 8)}`, f = x(null), m = x(null), h = x(0);
|
|
6149
6156
|
let g = null;
|
|
6150
|
-
const
|
|
6157
|
+
const b = x(null), u = x(null);
|
|
6151
6158
|
let p = null;
|
|
6152
6159
|
function O() {
|
|
6153
|
-
if (!
|
|
6154
|
-
let j =
|
|
6160
|
+
if (!b.value) return;
|
|
6161
|
+
let j = b.value.parentElement;
|
|
6155
6162
|
for (; j && j !== document.documentElement; ) {
|
|
6156
6163
|
const B = j.getAttribute("data-theme");
|
|
6157
6164
|
if (B) {
|
|
@@ -6163,15 +6170,15 @@ const Ks = /* @__PURE__ */ I({
|
|
|
6163
6170
|
u.value = null;
|
|
6164
6171
|
}
|
|
6165
6172
|
me(() => {
|
|
6166
|
-
if (O(),
|
|
6173
|
+
if (O(), b.value) {
|
|
6167
6174
|
p = new MutationObserver(() => O());
|
|
6168
|
-
let j =
|
|
6175
|
+
let j = b.value.parentElement;
|
|
6169
6176
|
for (; j && j !== document.documentElement; )
|
|
6170
6177
|
p.observe(j, { attributes: !0, attributeFilter: ["data-theme"] }), j = j.parentElement;
|
|
6171
6178
|
}
|
|
6172
6179
|
});
|
|
6173
6180
|
function F() {
|
|
6174
|
-
|
|
6181
|
+
v(!1), n("close");
|
|
6175
6182
|
}
|
|
6176
6183
|
function A(j) {
|
|
6177
6184
|
j.target === j.currentTarget && t.closeOnOverlayClick && F();
|
|
@@ -6192,10 +6199,10 @@ const Ks = /* @__PURE__ */ I({
|
|
|
6192
6199
|
j.shiftKey ? document.activeElement === U && (j.preventDefault(), y.focus()) : document.activeElement === y && (j.preventDefault(), U.focus());
|
|
6193
6200
|
}
|
|
6194
6201
|
}
|
|
6195
|
-
let
|
|
6202
|
+
let _ = !1;
|
|
6196
6203
|
function W() {
|
|
6197
|
-
if (!
|
|
6198
|
-
if (
|
|
6204
|
+
if (!_) {
|
|
6205
|
+
if (_ = !0, Bt === 0) {
|
|
6199
6206
|
ua = document.body.style.overflow, ba = document.body.style.paddingRight;
|
|
6200
6207
|
const j = window.innerWidth - document.documentElement.clientWidth;
|
|
6201
6208
|
document.body.style.overflow = "hidden", j > 0 && (document.body.style.paddingRight = `${j}px`);
|
|
@@ -6204,9 +6211,9 @@ const Ks = /* @__PURE__ */ I({
|
|
|
6204
6211
|
}
|
|
6205
6212
|
}
|
|
6206
6213
|
function E() {
|
|
6207
|
-
|
|
6214
|
+
_ && (_ = !1, Bt--, Bt <= 0 && (Bt = 0, document.body.style.overflow = ua, document.body.style.paddingRight = ba));
|
|
6208
6215
|
}
|
|
6209
|
-
async function
|
|
6216
|
+
async function N() {
|
|
6210
6217
|
if (await $e(), f.value) {
|
|
6211
6218
|
const j = f.value.querySelector(".orb-lightbox__close");
|
|
6212
6219
|
j ? j.focus() : m.value && m.value.focus();
|
|
@@ -6223,7 +6230,7 @@ const Ks = /* @__PURE__ */ I({
|
|
|
6223
6230
|
j !== -1 && mt.splice(j, 1), h.value = 0;
|
|
6224
6231
|
}
|
|
6225
6232
|
be(i, (j) => {
|
|
6226
|
-
j ? (g = document.activeElement, re(), W(),
|
|
6233
|
+
j ? (g = document.activeElement, re(), W(), N()) : (Z(), E(), Y());
|
|
6227
6234
|
}), Re(() => {
|
|
6228
6235
|
i.value && (Z(), E()), p == null || p.disconnect();
|
|
6229
6236
|
});
|
|
@@ -6231,7 +6238,7 @@ const Ks = /* @__PURE__ */ I({
|
|
|
6231
6238
|
return (j, B) => (a(), l(ae, null, [
|
|
6232
6239
|
r("span", {
|
|
6233
6240
|
ref_key: "anchorRef",
|
|
6234
|
-
ref:
|
|
6241
|
+
ref: b,
|
|
6235
6242
|
style: { display: "none" },
|
|
6236
6243
|
"aria-hidden": "true"
|
|
6237
6244
|
}, null, 512),
|
|
@@ -6362,27 +6369,17 @@ const Ks = /* @__PURE__ */ I({
|
|
|
6362
6369
|
},
|
|
6363
6370
|
emits: ["copy"],
|
|
6364
6371
|
setup(e, { emit: o }) {
|
|
6365
|
-
const t = e, n = o, i = x(""),
|
|
6372
|
+
const t = e, n = o, i = x(""), v = x(!1);
|
|
6366
6373
|
async function d() {
|
|
6367
6374
|
if (t.language === "text" || !t.code) {
|
|
6368
|
-
i.value = k(t.code),
|
|
6375
|
+
i.value = k(t.code), v.value = !1;
|
|
6369
6376
|
return;
|
|
6370
6377
|
}
|
|
6371
6378
|
try {
|
|
6372
|
-
const
|
|
6373
|
-
|
|
6374
|
-
const E = await import(
|
|
6375
|
-
/* @vite-ignore */
|
|
6376
|
-
`highlight.js/lib/languages/${t.language}`
|
|
6377
|
-
);
|
|
6378
|
-
W.registerLanguage(t.language, E.default);
|
|
6379
|
-
const q = W.highlight(t.code, { language: t.language });
|
|
6380
|
-
i.value = q.value, b.value = !0;
|
|
6381
|
-
} catch {
|
|
6382
|
-
i.value = k(t.code), b.value = !1;
|
|
6383
|
-
}
|
|
6379
|
+
const E = (await import("./index-BixObhJB.js")).default.highlight(t.code, { language: t.language });
|
|
6380
|
+
i.value = E.value, v.value = !0;
|
|
6384
6381
|
} catch {
|
|
6385
|
-
i.value = k(t.code),
|
|
6382
|
+
i.value = k(t.code), v.value = !1;
|
|
6386
6383
|
}
|
|
6387
6384
|
}
|
|
6388
6385
|
function k(W) {
|
|
@@ -6392,7 +6389,7 @@ const Ks = /* @__PURE__ */ I({
|
|
|
6392
6389
|
const f = s(() => (i.value || k(t.code)).split(`
|
|
6393
6390
|
`)), m = s(() => new Set(t.highlightLines)), h = x(!1), g = s(
|
|
6394
6391
|
() => t.maxLines != null && f.value.length > t.maxLines
|
|
6395
|
-
),
|
|
6392
|
+
), b = s(() => !g.value || h.value ? f.value : f.value.slice(0, t.maxLines));
|
|
6396
6393
|
function u() {
|
|
6397
6394
|
h.value = !h.value;
|
|
6398
6395
|
}
|
|
@@ -6410,18 +6407,18 @@ const Ks = /* @__PURE__ */ I({
|
|
|
6410
6407
|
() => t.filename ? `Bloco de codigo: ${t.filename}` : "Bloco de codigo"
|
|
6411
6408
|
), D = s(
|
|
6412
6409
|
() => p.value ? "Codigo copiado" : "Copiar codigo"
|
|
6413
|
-
),
|
|
6410
|
+
), _ = s(() => t.filename || t.copyable);
|
|
6414
6411
|
return (W, E) => (a(), l("div", {
|
|
6415
6412
|
class: "orb-code-block",
|
|
6416
6413
|
role: "region",
|
|
6417
6414
|
"aria-label": A.value
|
|
6418
6415
|
}, [
|
|
6419
|
-
|
|
6416
|
+
_.value ? (a(), l("div", Us, [
|
|
6420
6417
|
e.filename ? (a(), l("span", Ys, $(e.filename), 1)) : (a(), l("span", Zs)),
|
|
6421
6418
|
e.copyable ? (a(), l("button", {
|
|
6422
6419
|
key: 2,
|
|
6423
6420
|
type: "button",
|
|
6424
|
-
class:
|
|
6421
|
+
class: w([
|
|
6425
6422
|
"orb-code-block__copy-btn",
|
|
6426
6423
|
{ "orb-code-block__copy-btn--copied": p.value }
|
|
6427
6424
|
]),
|
|
@@ -6447,9 +6444,9 @@ const Ks = /* @__PURE__ */ I({
|
|
|
6447
6444
|
r("div", td, [
|
|
6448
6445
|
r("pre", ad, [
|
|
6449
6446
|
r("code", od, [
|
|
6450
|
-
(a(!0), l(ae, null, pe(
|
|
6447
|
+
(a(!0), l(ae, null, pe(b.value, (N, Y) => (a(), l(ae, { key: Y }, [
|
|
6451
6448
|
r("span", {
|
|
6452
|
-
class:
|
|
6449
|
+
class: w([
|
|
6453
6450
|
"orb-code-block__line",
|
|
6454
6451
|
{ "orb-code-block__line--highlighted": m.value.has(Y + 1) }
|
|
6455
6452
|
])
|
|
@@ -6457,7 +6454,7 @@ const Ks = /* @__PURE__ */ I({
|
|
|
6457
6454
|
e.showLineNumbers ? (a(), l("span", ld, $(Y + 1), 1)) : c("", !0),
|
|
6458
6455
|
r("span", {
|
|
6459
6456
|
class: "orb-code-block__line-content",
|
|
6460
|
-
innerHTML:
|
|
6457
|
+
innerHTML: N || " "
|
|
6461
6458
|
}, null, 8, nd)
|
|
6462
6459
|
], 2),
|
|
6463
6460
|
E[2] || (E[2] = ie(`
|
|
@@ -6491,7 +6488,7 @@ const Ks = /* @__PURE__ */ I({
|
|
|
6491
6488
|
viewBox: "0 0 24 24",
|
|
6492
6489
|
fill: "none",
|
|
6493
6490
|
xmlns: "http://www.w3.org/2000/svg",
|
|
6494
|
-
class:
|
|
6491
|
+
class: w(e.className)
|
|
6495
6492
|
}, [
|
|
6496
6493
|
r("path", {
|
|
6497
6494
|
d: "M19 9L15 9L15 5",
|
|
@@ -6600,19 +6597,19 @@ const La = /* @__PURE__ */ I({
|
|
|
6600
6597
|
emits: ["update:open", "update:modelValue", "close"],
|
|
6601
6598
|
setup(e, { emit: o }) {
|
|
6602
6599
|
const t = e, n = o, i = s(() => t.modelValue != null ? t.modelValue : t.open);
|
|
6603
|
-
function
|
|
6600
|
+
function v(P) {
|
|
6604
6601
|
n("update:open", P), n("update:modelValue", P);
|
|
6605
6602
|
}
|
|
6606
6603
|
const d = x(!1);
|
|
6607
6604
|
me(() => {
|
|
6608
6605
|
d.value = !0;
|
|
6609
6606
|
});
|
|
6610
|
-
const k = `orb-dialog-${Math.random().toString(36).slice(2, 8)}`, f = x(null), m = x(null), h = `orb-dialog-title-${Math.random().toString(36).slice(2, 8)}`, g = `orb-dialog-desc-${Math.random().toString(36).slice(2, 8)}`,
|
|
6607
|
+
const k = `orb-dialog-${Math.random().toString(36).slice(2, 8)}`, f = x(null), m = x(null), h = `orb-dialog-title-${Math.random().toString(36).slice(2, 8)}`, g = `orb-dialog-desc-${Math.random().toString(36).slice(2, 8)}`, b = x(0), u = x(!1), p = x(!1), O = x(!1), F = x(!1);
|
|
6611
6608
|
let A = null;
|
|
6612
6609
|
function D() {
|
|
6613
6610
|
p.value = !p.value;
|
|
6614
6611
|
}
|
|
6615
|
-
async function
|
|
6612
|
+
async function _(P) {
|
|
6616
6613
|
if (!(t.loading && t.preventCloseWhileLoading) && !u.value) {
|
|
6617
6614
|
if (t.beforeClose) {
|
|
6618
6615
|
u.value = !0;
|
|
@@ -6626,17 +6623,17 @@ const La = /* @__PURE__ */ I({
|
|
|
6626
6623
|
return;
|
|
6627
6624
|
}
|
|
6628
6625
|
}
|
|
6629
|
-
u.value = !1,
|
|
6626
|
+
u.value = !1, v(!1), n("close", { reason: P });
|
|
6630
6627
|
}
|
|
6631
6628
|
}
|
|
6632
6629
|
function W(P) {
|
|
6633
|
-
P.target === P.currentTarget && t.closeOnOverlayClick && t.role !== "alertdialog" &&
|
|
6630
|
+
P.target === P.currentTarget && t.closeOnOverlayClick && t.role !== "alertdialog" && _("overlay");
|
|
6634
6631
|
}
|
|
6635
6632
|
function E(P) {
|
|
6636
6633
|
if (P.key === "Escape" && t.closeOnEscape && t.role !== "alertdialog") {
|
|
6637
6634
|
const se = gt[gt.length - 1];
|
|
6638
6635
|
if (se && se.id !== k) return;
|
|
6639
|
-
P.stopPropagation(),
|
|
6636
|
+
P.stopPropagation(), _("escape");
|
|
6640
6637
|
return;
|
|
6641
6638
|
}
|
|
6642
6639
|
if (P.key === "Tab" && f.value) {
|
|
@@ -6648,10 +6645,10 @@ const La = /* @__PURE__ */ I({
|
|
|
6648
6645
|
P.shiftKey ? document.activeElement === Ve && (P.preventDefault(), Ae.focus()) : document.activeElement === Ae && (P.preventDefault(), Ve.focus());
|
|
6649
6646
|
}
|
|
6650
6647
|
}
|
|
6651
|
-
let
|
|
6648
|
+
let N = !1;
|
|
6652
6649
|
function Y() {
|
|
6653
|
-
if (t.preventBodyScroll && !
|
|
6654
|
-
if (
|
|
6650
|
+
if (t.preventBodyScroll && !N) {
|
|
6651
|
+
if (N = !0, It === 0) {
|
|
6655
6652
|
va = document.body.style.overflow, fa = document.body.style.paddingRight;
|
|
6656
6653
|
const P = window.innerWidth - document.documentElement.clientWidth;
|
|
6657
6654
|
document.body.style.overflow = "hidden", P > 0 && (document.body.style.paddingRight = `${P}px`);
|
|
@@ -6660,7 +6657,7 @@ const La = /* @__PURE__ */ I({
|
|
|
6660
6657
|
}
|
|
6661
6658
|
}
|
|
6662
6659
|
function re() {
|
|
6663
|
-
|
|
6660
|
+
N && (N = !1, It--, It <= 0 && (It = 0, document.body.style.overflow = va, document.body.style.paddingRight = fa));
|
|
6664
6661
|
}
|
|
6665
6662
|
async function Z() {
|
|
6666
6663
|
var P;
|
|
@@ -6691,18 +6688,18 @@ const La = /* @__PURE__ */ I({
|
|
|
6691
6688
|
m.value && m.value.removeEventListener("scroll", j), O.value = !1, F.value = !1;
|
|
6692
6689
|
}
|
|
6693
6690
|
function y() {
|
|
6694
|
-
gt.push({ id: k, close: () =>
|
|
6691
|
+
gt.push({ id: k, close: () => _("escape") }), b.value = gt.length - 1;
|
|
6695
6692
|
}
|
|
6696
6693
|
function S() {
|
|
6697
6694
|
const P = gt.findIndex((se) => se.id === k);
|
|
6698
|
-
P !== -1 && gt.splice(P, 1),
|
|
6695
|
+
P !== -1 && gt.splice(P, 1), b.value = 0;
|
|
6699
6696
|
}
|
|
6700
6697
|
be(i, (P) => {
|
|
6701
6698
|
P ? (A = document.activeElement, y(), Y(), Z(), B()) : (p.value = !1, S(), re(), Q(), U());
|
|
6702
6699
|
}), Re(() => {
|
|
6703
6700
|
i.value && (S(), re(), U());
|
|
6704
6701
|
});
|
|
6705
|
-
const z = s(() => 1e3 +
|
|
6702
|
+
const z = s(() => 1e3 + b.value * 10), q = s(() => [
|
|
6706
6703
|
"orb-dialog-backdrop",
|
|
6707
6704
|
`orb-dialog-backdrop--${t.backdrop}`,
|
|
6708
6705
|
t.scrollBehavior === "outside" ? "orb-dialog-backdrop--scroll-outside" : "",
|
|
@@ -6731,14 +6728,14 @@ const La = /* @__PURE__ */ I({
|
|
|
6731
6728
|
default: te(() => [
|
|
6732
6729
|
i.value ? (a(), l("div", {
|
|
6733
6730
|
key: 0,
|
|
6734
|
-
class:
|
|
6731
|
+
class: w(q.value),
|
|
6735
6732
|
style: ge({ zIndex: z.value }),
|
|
6736
6733
|
onMousedown: Le(W, ["self"])
|
|
6737
6734
|
}, [
|
|
6738
6735
|
r("div", {
|
|
6739
6736
|
ref_key: "dialogRef",
|
|
6740
6737
|
ref: f,
|
|
6741
|
-
class:
|
|
6738
|
+
class: w(J.value),
|
|
6742
6739
|
role: e.role,
|
|
6743
6740
|
"aria-modal": "true",
|
|
6744
6741
|
"aria-label": e.ariaLabel && !e.title ? e.ariaLabel : void 0,
|
|
@@ -6774,7 +6771,7 @@ const La = /* @__PURE__ */ I({
|
|
|
6774
6771
|
class: "orb-dialog__close orb-dialog__close--over-hero",
|
|
6775
6772
|
"aria-label": "Fechar",
|
|
6776
6773
|
disabled: e.loading && e.preventCloseWhileLoading,
|
|
6777
|
-
onClick: se[0] || (se[0] = (St) =>
|
|
6774
|
+
onClick: se[0] || (se[0] = (St) => _("close-button"))
|
|
6778
6775
|
}, [
|
|
6779
6776
|
e.loading ? (a(), L(Fe, {
|
|
6780
6777
|
key: 0,
|
|
@@ -6791,7 +6788,7 @@ const La = /* @__PURE__ */ I({
|
|
|
6791
6788
|
])) : c("", !0),
|
|
6792
6789
|
P.$slots.header || e.title ? (a(), l("div", {
|
|
6793
6790
|
key: 1,
|
|
6794
|
-
class:
|
|
6791
|
+
class: w(H.value)
|
|
6795
6792
|
}, [
|
|
6796
6793
|
V(P.$slots, "header", {}, () => [
|
|
6797
6794
|
r("div", Cd, [
|
|
@@ -6831,7 +6828,7 @@ const La = /* @__PURE__ */ I({
|
|
|
6831
6828
|
class: "orb-dialog__close",
|
|
6832
6829
|
"aria-label": "Fechar",
|
|
6833
6830
|
disabled: e.loading && e.preventCloseWhileLoading,
|
|
6834
|
-
onClick: se[1] || (se[1] = (St) =>
|
|
6831
|
+
onClick: se[1] || (se[1] = (St) => _("close-button"))
|
|
6835
6832
|
}, [
|
|
6836
6833
|
e.loading ? (a(), L(Fe, {
|
|
6837
6834
|
key: 0,
|
|
@@ -6855,7 +6852,7 @@ const La = /* @__PURE__ */ I({
|
|
|
6855
6852
|
], 512),
|
|
6856
6853
|
P.$slots.footer ? (a(), l("div", {
|
|
6857
6854
|
key: 2,
|
|
6858
|
-
class:
|
|
6855
|
+
class: w(K.value)
|
|
6859
6856
|
}, [
|
|
6860
6857
|
V(P.$slots, "footer", { loading: e.loading })
|
|
6861
6858
|
], 2)) : c("", !0)
|
|
@@ -6870,53 +6867,53 @@ const La = /* @__PURE__ */ I({
|
|
|
6870
6867
|
}), We = xa([]);
|
|
6871
6868
|
function Uc() {
|
|
6872
6869
|
function e(i) {
|
|
6873
|
-
return new Promise((
|
|
6870
|
+
return new Promise((v) => {
|
|
6874
6871
|
const d = {
|
|
6875
6872
|
id: `dlg-${Math.random().toString(36).slice(2, 8)}`,
|
|
6876
6873
|
type: "confirm",
|
|
6877
6874
|
variant: i.destructive ? "destructive" : "confirmation",
|
|
6878
6875
|
open: !0,
|
|
6879
6876
|
options: i,
|
|
6880
|
-
resolve:
|
|
6877
|
+
resolve: v
|
|
6881
6878
|
};
|
|
6882
6879
|
We.push(d);
|
|
6883
6880
|
});
|
|
6884
6881
|
}
|
|
6885
6882
|
function o(i) {
|
|
6886
|
-
return new Promise((
|
|
6883
|
+
return new Promise((v) => {
|
|
6887
6884
|
const d = {
|
|
6888
6885
|
id: `dlg-${Math.random().toString(36).slice(2, 8)}`,
|
|
6889
6886
|
type: "alert",
|
|
6890
6887
|
variant: "info",
|
|
6891
6888
|
open: !0,
|
|
6892
6889
|
options: { ...i, confirmText: i.confirmText ?? "OK" },
|
|
6893
|
-
resolve:
|
|
6890
|
+
resolve: v
|
|
6894
6891
|
};
|
|
6895
6892
|
We.push(d);
|
|
6896
6893
|
});
|
|
6897
6894
|
}
|
|
6898
6895
|
function t(i) {
|
|
6899
|
-
return new Promise((
|
|
6896
|
+
return new Promise((v) => {
|
|
6900
6897
|
const d = {
|
|
6901
6898
|
id: `dlg-${Math.random().toString(36).slice(2, 8)}`,
|
|
6902
6899
|
type: "confirm",
|
|
6903
6900
|
variant: "warning",
|
|
6904
6901
|
open: !0,
|
|
6905
6902
|
options: i,
|
|
6906
|
-
resolve:
|
|
6903
|
+
resolve: v
|
|
6907
6904
|
};
|
|
6908
6905
|
We.push(d);
|
|
6909
6906
|
});
|
|
6910
6907
|
}
|
|
6911
6908
|
function n(i) {
|
|
6912
|
-
return new Promise((
|
|
6909
|
+
return new Promise((v) => {
|
|
6913
6910
|
const d = {
|
|
6914
6911
|
id: `dlg-${Math.random().toString(36).slice(2, 8)}`,
|
|
6915
6912
|
type: "confirm",
|
|
6916
6913
|
variant: "destructive",
|
|
6917
6914
|
open: !0,
|
|
6918
6915
|
options: i,
|
|
6919
|
-
resolve:
|
|
6916
|
+
resolve: v
|
|
6920
6917
|
};
|
|
6921
6918
|
We.push(d);
|
|
6922
6919
|
});
|
|
@@ -6976,10 +6973,10 @@ const Sd = {
|
|
|
6976
6973
|
emits: ["update:open", "update:modelValue", "confirm", "cancel", "secondary"],
|
|
6977
6974
|
setup(e, { emit: o }) {
|
|
6978
6975
|
const t = e, n = o, i = s(() => t.modelValue != null ? t.modelValue : t.open);
|
|
6979
|
-
function
|
|
6980
|
-
n("update:open",
|
|
6976
|
+
function v(N) {
|
|
6977
|
+
n("update:open", N), n("update:modelValue", N);
|
|
6981
6978
|
}
|
|
6982
|
-
const d = x(null), k = x(null), f = x(""), m = s(() => t.variant === "info"), h = s(() => t.confirmationText ? f.value === t.confirmationText : !0), g = s(() => m.value ? k : d),
|
|
6979
|
+
const d = x(null), k = x(null), f = x(""), m = s(() => t.variant === "info"), h = s(() => t.confirmationText ? f.value === t.confirmationText : !0), g = s(() => m.value ? k : d), b = s(() => {
|
|
6983
6980
|
if (t.confirmLabel) return t.confirmLabel;
|
|
6984
6981
|
switch (t.variant) {
|
|
6985
6982
|
case "info":
|
|
@@ -7004,22 +7001,22 @@ const Sd = {
|
|
|
7004
7001
|
}
|
|
7005
7002
|
}), O = s(() => `orb-alert-dialog__icon orb-alert-dialog__icon--${t.variant}`), F = s(() => {
|
|
7006
7003
|
if (m.value) return "orb-alert-dialog__btn orb-alert-dialog__btn--confirm orb-alert-dialog__btn--primary orb-alert-dialog__btn--wide";
|
|
7007
|
-
const
|
|
7008
|
-
return t.variant === "destructive" ? `${
|
|
7004
|
+
const N = "orb-alert-dialog__btn orb-alert-dialog__btn--confirm";
|
|
7005
|
+
return t.variant === "destructive" ? `${N} orb-alert-dialog__btn--destructive` : `${N} orb-alert-dialog__btn--primary`;
|
|
7009
7006
|
}), A = s(() => !m.value);
|
|
7010
7007
|
async function D() {
|
|
7011
|
-
t.loading || !h.value || (n("confirm"), await $e(), t.loading ||
|
|
7008
|
+
t.loading || !h.value || (n("confirm"), await $e(), t.loading || v(!1));
|
|
7012
7009
|
}
|
|
7013
|
-
function
|
|
7014
|
-
t.loading || (n("cancel"),
|
|
7010
|
+
function _() {
|
|
7011
|
+
t.loading || (n("cancel"), v(!1));
|
|
7015
7012
|
}
|
|
7016
7013
|
function W() {
|
|
7017
7014
|
t.loading || n("secondary");
|
|
7018
7015
|
}
|
|
7019
|
-
function E(
|
|
7020
|
-
|
|
7016
|
+
function E(N) {
|
|
7017
|
+
N || (f.value = "", n("cancel")), v(N);
|
|
7021
7018
|
}
|
|
7022
|
-
return (
|
|
7019
|
+
return (N, Y) => (a(), L(La, {
|
|
7023
7020
|
open: i.value,
|
|
7024
7021
|
size: e.size,
|
|
7025
7022
|
role: "alertdialog",
|
|
@@ -7036,7 +7033,7 @@ const Sd = {
|
|
|
7036
7033
|
m.value ? (a(), l("div", Sd, [
|
|
7037
7034
|
e.showIcon ? (a(), l("div", {
|
|
7038
7035
|
key: 0,
|
|
7039
|
-
class:
|
|
7036
|
+
class: w(O.value)
|
|
7040
7037
|
}, [
|
|
7041
7038
|
ee(Ot, {
|
|
7042
7039
|
status: p.value,
|
|
@@ -7045,15 +7042,15 @@ const Sd = {
|
|
|
7045
7042
|
], 2)) : c("", !0),
|
|
7046
7043
|
r("h3", zd, $(e.title), 1),
|
|
7047
7044
|
e.description ? (a(), l("p", Bd, $(e.description), 1)) : c("", !0),
|
|
7048
|
-
|
|
7049
|
-
V(
|
|
7045
|
+
N.$slots.default ? (a(), l("div", Id, [
|
|
7046
|
+
V(N.$slots, "default")
|
|
7050
7047
|
])) : c("", !0),
|
|
7051
7048
|
r("div", Md, [
|
|
7052
7049
|
r("button", {
|
|
7053
7050
|
ref_key: "confirmBtnRef",
|
|
7054
7051
|
ref: k,
|
|
7055
7052
|
type: "button",
|
|
7056
|
-
class:
|
|
7053
|
+
class: w(F.value),
|
|
7057
7054
|
disabled: e.loading,
|
|
7058
7055
|
onClick: D
|
|
7059
7056
|
}, [
|
|
@@ -7063,14 +7060,14 @@ const Sd = {
|
|
|
7063
7060
|
label: "",
|
|
7064
7061
|
"aria-hidden": "true"
|
|
7065
7062
|
})) : c("", !0),
|
|
7066
|
-
ie(" " + $(
|
|
7063
|
+
ie(" " + $(b.value), 1)
|
|
7067
7064
|
], 10, Ld)
|
|
7068
7065
|
])
|
|
7069
7066
|
])) : (a(), l(ae, { key: 1 }, [
|
|
7070
7067
|
r("div", Vd, [
|
|
7071
7068
|
e.showIcon ? (a(), l("div", {
|
|
7072
7069
|
key: 0,
|
|
7073
|
-
class:
|
|
7070
|
+
class: w(O.value)
|
|
7074
7071
|
}, [
|
|
7075
7072
|
ee(Ot, {
|
|
7076
7073
|
status: p.value,
|
|
@@ -7081,8 +7078,8 @@ const Sd = {
|
|
|
7081
7078
|
r("h3", Rd, $(e.title), 1),
|
|
7082
7079
|
r("div", Ed, [
|
|
7083
7080
|
e.description ? (a(), l("p", Hd, $(e.description), 1)) : c("", !0),
|
|
7084
|
-
|
|
7085
|
-
V(
|
|
7081
|
+
N.$slots.default ? (a(), l("div", Fd, [
|
|
7082
|
+
V(N.$slots, "default")
|
|
7086
7083
|
])) : c("", !0),
|
|
7087
7084
|
e.confirmationText ? (a(), l("div", Wd, [
|
|
7088
7085
|
r("p", jd, [
|
|
@@ -7119,13 +7116,13 @@ const Sd = {
|
|
|
7119
7116
|
type: "button",
|
|
7120
7117
|
class: "orb-alert-dialog__btn orb-alert-dialog__btn--cancel",
|
|
7121
7118
|
disabled: e.loading,
|
|
7122
|
-
onClick:
|
|
7119
|
+
onClick: _
|
|
7123
7120
|
}, $(u.value), 9, Kd)) : c("", !0),
|
|
7124
7121
|
r("button", {
|
|
7125
7122
|
ref_key: "confirmBtnRef",
|
|
7126
7123
|
ref: k,
|
|
7127
7124
|
type: "button",
|
|
7128
|
-
class:
|
|
7125
|
+
class: w(F.value),
|
|
7129
7126
|
disabled: e.loading || !h.value,
|
|
7130
7127
|
onClick: D
|
|
7131
7128
|
}, [
|
|
@@ -7135,7 +7132,7 @@ const Sd = {
|
|
|
7135
7132
|
label: "",
|
|
7136
7133
|
"aria-hidden": "true"
|
|
7137
7134
|
})) : c("", !0),
|
|
7138
|
-
ie(" " + $(
|
|
7135
|
+
ie(" " + $(b.value), 1)
|
|
7139
7136
|
], 10, Gd)
|
|
7140
7137
|
])) : c("", !0)
|
|
7141
7138
|
], 64))
|
|
@@ -7160,13 +7157,13 @@ const Sd = {
|
|
|
7160
7157
|
type: "button",
|
|
7161
7158
|
class: "orb-alert-dialog__btn orb-alert-dialog__btn--cancel",
|
|
7162
7159
|
disabled: e.loading,
|
|
7163
|
-
onClick:
|
|
7160
|
+
onClick: _
|
|
7164
7161
|
}, $(u.value), 9, Zd)) : c("", !0),
|
|
7165
7162
|
r("button", {
|
|
7166
7163
|
ref_key: "confirmBtnRef",
|
|
7167
7164
|
ref: k,
|
|
7168
7165
|
type: "button",
|
|
7169
|
-
class:
|
|
7166
|
+
class: w(F.value),
|
|
7170
7167
|
disabled: e.loading || !h.value,
|
|
7171
7168
|
onClick: D
|
|
7172
7169
|
}, [
|
|
@@ -7176,7 +7173,7 @@ const Sd = {
|
|
|
7176
7173
|
label: "",
|
|
7177
7174
|
"aria-hidden": "true"
|
|
7178
7175
|
})) : c("", !0),
|
|
7179
|
-
ie(" " + $(
|
|
7176
|
+
ie(" " + $(b.value), 1)
|
|
7180
7177
|
], 10, Qd)
|
|
7181
7178
|
])
|
|
7182
7179
|
]),
|
|
@@ -7197,7 +7194,7 @@ const Sd = {
|
|
|
7197
7194
|
function i(d) {
|
|
7198
7195
|
return d.options.confirmText ?? (d.type === "alert" ? "OK" : d.variant === "destructive" ? "Excluir" : d.variant === "warning" ? "Continuar" : "Confirmar");
|
|
7199
7196
|
}
|
|
7200
|
-
function
|
|
7197
|
+
function v(d) {
|
|
7201
7198
|
return d.options.cancelText ?? "Cancelar";
|
|
7202
7199
|
}
|
|
7203
7200
|
return (d, k) => (a(!0), l(ae, null, pe(C(o), (f) => (a(), L(Va, {
|
|
@@ -7207,7 +7204,7 @@ const Sd = {
|
|
|
7207
7204
|
description: f.options.description,
|
|
7208
7205
|
variant: f.variant,
|
|
7209
7206
|
"confirm-label": i(f),
|
|
7210
|
-
"cancel-label":
|
|
7207
|
+
"cancel-label": v(f),
|
|
7211
7208
|
size: f.options.size ?? "sm",
|
|
7212
7209
|
onConfirm: (m) => t(f.id),
|
|
7213
7210
|
onCancel: (m) => n(f.id),
|
|
@@ -7253,14 +7250,14 @@ const ic = /* @__PURE__ */ I({
|
|
|
7253
7250
|
emits: ["update:open", "update:modelValue", "close"],
|
|
7254
7251
|
setup(e, { emit: o }) {
|
|
7255
7252
|
const t = e, n = o, i = s(() => t.modelValue != null ? t.modelValue : t.open);
|
|
7256
|
-
function
|
|
7253
|
+
function v(H) {
|
|
7257
7254
|
n("update:open", H), n("update:modelValue", H);
|
|
7258
7255
|
}
|
|
7259
7256
|
const d = x(!1);
|
|
7260
7257
|
me(() => {
|
|
7261
7258
|
d.value = !0;
|
|
7262
7259
|
});
|
|
7263
|
-
const k = `orb-offcanvas-${Math.random().toString(36).slice(2, 8)}`, f = x(null), m = x(null), h = `orb-offcanvas-title-${Math.random().toString(36).slice(2, 8)}`, g = `orb-offcanvas-desc-${Math.random().toString(36).slice(2, 8)}`,
|
|
7260
|
+
const k = `orb-offcanvas-${Math.random().toString(36).slice(2, 8)}`, f = x(null), m = x(null), h = `orb-offcanvas-title-${Math.random().toString(36).slice(2, 8)}`, g = `orb-offcanvas-desc-${Math.random().toString(36).slice(2, 8)}`, b = x(0), u = x(!1);
|
|
7264
7261
|
let p = null;
|
|
7265
7262
|
const O = x(null);
|
|
7266
7263
|
let F = null;
|
|
@@ -7299,10 +7296,10 @@ const ic = /* @__PURE__ */ I({
|
|
|
7299
7296
|
return;
|
|
7300
7297
|
}
|
|
7301
7298
|
}
|
|
7302
|
-
u.value = !1,
|
|
7299
|
+
u.value = !1, v(!1), n("close", { reason: H });
|
|
7303
7300
|
}
|
|
7304
7301
|
}
|
|
7305
|
-
function
|
|
7302
|
+
function _(H) {
|
|
7306
7303
|
H.target === H.currentTarget && t.backdrop !== "static" && t.backdrop !== !1 && D("overlay");
|
|
7307
7304
|
}
|
|
7308
7305
|
function W(H) {
|
|
@@ -7322,7 +7319,7 @@ const ic = /* @__PURE__ */ I({
|
|
|
7322
7319
|
}
|
|
7323
7320
|
}
|
|
7324
7321
|
let E = !1;
|
|
7325
|
-
function
|
|
7322
|
+
function N() {
|
|
7326
7323
|
if (t.lockScroll && !E) {
|
|
7327
7324
|
if (E = !0, Mt === 0) {
|
|
7328
7325
|
ma = document.body.style.overflow, ga = document.body.style.paddingRight;
|
|
@@ -7353,18 +7350,18 @@ const ic = /* @__PURE__ */ I({
|
|
|
7353
7350
|
(H = t.returnFocusRef) != null && H.value ? t.returnFocusRef.value.focus() : p && p.focus();
|
|
7354
7351
|
}
|
|
7355
7352
|
function Q() {
|
|
7356
|
-
kt.push({ id: k, close: () => D("escape") }),
|
|
7353
|
+
kt.push({ id: k, close: () => D("escape") }), b.value = kt.length - 1;
|
|
7357
7354
|
}
|
|
7358
7355
|
function j() {
|
|
7359
7356
|
const H = kt.findIndex((K) => K.id === k);
|
|
7360
|
-
H !== -1 && kt.splice(H, 1),
|
|
7357
|
+
H !== -1 && kt.splice(H, 1), b.value = 0;
|
|
7361
7358
|
}
|
|
7362
7359
|
be(i, (H) => {
|
|
7363
|
-
H ? (p = document.activeElement, Q(),
|
|
7360
|
+
H ? (p = document.activeElement, Q(), N(), re()) : (j(), Y(), Z());
|
|
7364
7361
|
}), Re(() => {
|
|
7365
7362
|
i.value && (j(), Y()), F == null || F.disconnect();
|
|
7366
7363
|
});
|
|
7367
|
-
const B = s(() => 1e3 +
|
|
7364
|
+
const B = s(() => 1e3 + b.value * 10), U = s(() => t.position === "left" || t.position === "right"), y = {
|
|
7368
7365
|
sm: "400px",
|
|
7369
7366
|
md: "600px",
|
|
7370
7367
|
lg: "800px",
|
|
@@ -7373,7 +7370,7 @@ const ic = /* @__PURE__ */ I({
|
|
|
7373
7370
|
}, S = s(() => t.customSize ? t.customSize : y[t.size]), z = s(() => {
|
|
7374
7371
|
const H = {};
|
|
7375
7372
|
return U.value ? (H.width = S.value, H.maxWidth = "90vw") : (H.height = S.value, H.maxHeight = "90vh"), H;
|
|
7376
|
-
}),
|
|
7373
|
+
}), q = s(() => [
|
|
7377
7374
|
"orb-offcanvas-backdrop",
|
|
7378
7375
|
t.backdropBlur ? "orb-offcanvas-backdrop--blur" : "",
|
|
7379
7376
|
t.backdrop === !1 ? "orb-offcanvas-backdrop--transparent" : ""
|
|
@@ -7399,15 +7396,15 @@ const ic = /* @__PURE__ */ I({
|
|
|
7399
7396
|
default: te(() => [
|
|
7400
7397
|
!e.destroyOnClose || i.value ? Ge((a(), l("div", {
|
|
7401
7398
|
key: 0,
|
|
7402
|
-
class:
|
|
7399
|
+
class: w(q.value),
|
|
7403
7400
|
style: ge({ zIndex: B.value }),
|
|
7404
7401
|
"data-theme": O.value || void 0,
|
|
7405
|
-
onMousedown: Le(
|
|
7402
|
+
onMousedown: Le(_, ["self"])
|
|
7406
7403
|
}, [
|
|
7407
7404
|
r("div", {
|
|
7408
7405
|
ref_key: "panelRef",
|
|
7409
7406
|
ref: f,
|
|
7410
|
-
class:
|
|
7407
|
+
class: w(le.value),
|
|
7411
7408
|
style: ge(z.value),
|
|
7412
7409
|
role: "dialog",
|
|
7413
7410
|
"aria-modal": "true",
|
|
@@ -7490,10 +7487,10 @@ const ic = /* @__PURE__ */ I({
|
|
|
7490
7487
|
lg: "1024px",
|
|
7491
7488
|
xl: "1280px",
|
|
7492
7489
|
"2xl": "1536px"
|
|
7493
|
-
}, n = e, i = o,
|
|
7494
|
-
get: () => n.collapsed ??
|
|
7490
|
+
}, n = e, i = o, v = x(n.collapsed), d = s({
|
|
7491
|
+
get: () => n.collapsed ?? v.value,
|
|
7495
7492
|
set: (E) => {
|
|
7496
|
-
|
|
7493
|
+
v.value = E, i("update:collapsed", E);
|
|
7497
7494
|
}
|
|
7498
7495
|
});
|
|
7499
7496
|
function k() {
|
|
@@ -7504,7 +7501,7 @@ const ic = /* @__PURE__ */ I({
|
|
|
7504
7501
|
function g(E) {
|
|
7505
7502
|
f.value = !E.matches;
|
|
7506
7503
|
}
|
|
7507
|
-
function
|
|
7504
|
+
function b() {
|
|
7508
7505
|
if (u(), n.breakpoint === "none") {
|
|
7509
7506
|
f.value = !1;
|
|
7510
7507
|
return;
|
|
@@ -7516,11 +7513,11 @@ const ic = /* @__PURE__ */ I({
|
|
|
7516
7513
|
h && (h.removeEventListener("change", g), h = null);
|
|
7517
7514
|
}
|
|
7518
7515
|
me(() => {
|
|
7519
|
-
m.value = !0,
|
|
7516
|
+
m.value = !0, b();
|
|
7520
7517
|
}), Re(() => {
|
|
7521
7518
|
u();
|
|
7522
7519
|
}), be(() => n.breakpoint, () => {
|
|
7523
|
-
|
|
7520
|
+
b();
|
|
7524
7521
|
});
|
|
7525
7522
|
const p = x(n.mobileOpen), O = s({
|
|
7526
7523
|
get: () => n.mobileOpen ?? p.value,
|
|
@@ -7551,7 +7548,7 @@ const ic = /* @__PURE__ */ I({
|
|
|
7551
7548
|
openMobile: F,
|
|
7552
7549
|
closeMobile: A
|
|
7553
7550
|
});
|
|
7554
|
-
const
|
|
7551
|
+
const _ = s(() => f.value ? { width: `${n.width}px` } : { width: `${d.value ? n.collapsedWidth : n.width}px` }), W = s(() => [
|
|
7555
7552
|
"orb-sidebar",
|
|
7556
7553
|
{
|
|
7557
7554
|
"orb-sidebar--collapsed": !f.value && d.value,
|
|
@@ -7559,20 +7556,20 @@ const ic = /* @__PURE__ */ I({
|
|
|
7559
7556
|
"orb-sidebar--mobile-open": f.value && O.value
|
|
7560
7557
|
}
|
|
7561
7558
|
]);
|
|
7562
|
-
return (E,
|
|
7559
|
+
return (E, N) => (a(), l(ae, null, [
|
|
7563
7560
|
m.value && f.value ? (a(), L(rt, {
|
|
7564
7561
|
key: 0,
|
|
7565
7562
|
to: "body"
|
|
7566
7563
|
}, [
|
|
7567
7564
|
r("div", {
|
|
7568
|
-
class:
|
|
7565
|
+
class: w(["orb-sidebar__backdrop", { "orb-sidebar__backdrop--visible": O.value }]),
|
|
7569
7566
|
"aria-hidden": "true",
|
|
7570
7567
|
onClick: A
|
|
7571
7568
|
}, null, 2)
|
|
7572
7569
|
])) : c("", !0),
|
|
7573
7570
|
r("nav", {
|
|
7574
|
-
class:
|
|
7575
|
-
style: ge(
|
|
7571
|
+
class: w(W.value),
|
|
7572
|
+
style: ge(_.value),
|
|
7576
7573
|
"aria-label": e.ariaLabel,
|
|
7577
7574
|
role: "navigation"
|
|
7578
7575
|
}, [
|
|
@@ -7600,13 +7597,13 @@ const ic = /* @__PURE__ */ I({
|
|
|
7600
7597
|
},
|
|
7601
7598
|
setup(e) {
|
|
7602
7599
|
const o = e, t = ve(At), n = s(() => o.as ? o.as : o.href ? "a" : null), i = s(() => n.value ? n.value === "a" ? { href: o.href } : { to: o.href } : {});
|
|
7603
|
-
return (
|
|
7604
|
-
class:
|
|
7600
|
+
return (v, d) => (a(), l("div", {
|
|
7601
|
+
class: w(["orb-sidebar__header", { "orb-sidebar__header--collapsed": C(t).collapsed.value }])
|
|
7605
7602
|
}, [
|
|
7606
7603
|
r("div", sc, [
|
|
7607
7604
|
(a(), L(ue(n.value || "div"), Ie({ class: "orb-sidebar__header-content" }, i.value), {
|
|
7608
7605
|
default: te(() => [
|
|
7609
|
-
V(
|
|
7606
|
+
V(v.$slots, "default")
|
|
7610
7607
|
]),
|
|
7611
7608
|
_: 3
|
|
7612
7609
|
}, 16)),
|
|
@@ -7703,7 +7700,7 @@ const ic = /* @__PURE__ */ I({
|
|
|
7703
7700
|
},
|
|
7704
7701
|
emits: ["click"],
|
|
7705
7702
|
setup(e, { emit: o }) {
|
|
7706
|
-
const t = e, n = o, i = ve(At),
|
|
7703
|
+
const t = e, n = o, i = ve(At), v = jt(), d = Be(t, "icon"), k = s(() => !!v["sub-items"]), f = x(!0);
|
|
7707
7704
|
s(() => t.tooltip || "");
|
|
7708
7705
|
const m = s(() => [
|
|
7709
7706
|
"orb-sidebar__item",
|
|
@@ -7713,7 +7710,7 @@ const ic = /* @__PURE__ */ I({
|
|
|
7713
7710
|
"orb-sidebar__item--has-sub": k.value
|
|
7714
7711
|
}
|
|
7715
7712
|
]), h = s(() => t.as ? t.as : t.disabled ? "div" : t.href ? "a" : "button"), g = s(() => t.disabled ? { role: "link", "aria-disabled": !0 } : h.value === "a" && t.href ? { href: t.href } : h.value === "button" ? { type: "button" } : t.href ? { to: t.href } : {});
|
|
7716
|
-
function
|
|
7713
|
+
function b(u) {
|
|
7717
7714
|
if (t.disabled) {
|
|
7718
7715
|
u.preventDefault();
|
|
7719
7716
|
return;
|
|
@@ -7727,7 +7724,7 @@ const ic = /* @__PURE__ */ I({
|
|
|
7727
7724
|
"aria-current": e.active ? "page" : void 0,
|
|
7728
7725
|
"aria-label": C(i).collapsed.value && e.tooltip || void 0,
|
|
7729
7726
|
tabindex: e.disabled ? -1 : 0
|
|
7730
|
-
}, g.value, { onClick:
|
|
7727
|
+
}, g.value, { onClick: b }), {
|
|
7731
7728
|
default: te(() => [
|
|
7732
7729
|
C(d) ? (a(), l("span", gc, [
|
|
7733
7730
|
(a(), L(ue(C(d)), { size: 20 }))
|
|
@@ -7817,7 +7814,7 @@ const ic = /* @__PURE__ */ I({
|
|
|
7817
7814
|
(n = o == null ? void 0 : o.isMobile) != null && n.value ? o.openMobile() : o == null || o.toggleCollapsed();
|
|
7818
7815
|
}
|
|
7819
7816
|
return (n, i) => {
|
|
7820
|
-
const
|
|
7817
|
+
const v = Dc;
|
|
7821
7818
|
return a(), l("button", {
|
|
7822
7819
|
type: "button",
|
|
7823
7820
|
class: "orb-sidebar__trigger",
|
|
@@ -7826,7 +7823,7 @@ const ic = /* @__PURE__ */ I({
|
|
|
7826
7823
|
onClick: t
|
|
7827
7824
|
}, [
|
|
7828
7825
|
V(n.$slots, "default", {}, () => [
|
|
7829
|
-
ee(
|
|
7826
|
+
ee(v, {
|
|
7830
7827
|
size: 20,
|
|
7831
7828
|
"aria-hidden": "true"
|
|
7832
7829
|
})
|
|
@@ -7869,10 +7866,10 @@ const ic = /* @__PURE__ */ I({
|
|
|
7869
7866
|
const t = e, n = o, i = s({
|
|
7870
7867
|
get: () => t.collapsed,
|
|
7871
7868
|
set: (O) => n("update:collapsed", O)
|
|
7872
|
-
}),
|
|
7869
|
+
}), v = s({
|
|
7873
7870
|
get: () => t.mobileOpen,
|
|
7874
7871
|
set: (O) => n("update:mobileOpen", O)
|
|
7875
|
-
}), d = s(() => i.value ? "reduced" : "full"), k = s(() => i.value ? 32 : 28), f = s(() => t.user || t.themeToggle), m = s(() => t.dropdownItems && t.dropdownItems.length > 0 || t.themeToggle), { toggleTheme: h, isDark: g } = la(),
|
|
7872
|
+
}), d = s(() => i.value ? "reduced" : "full"), k = s(() => i.value ? 32 : 28), f = s(() => t.user || t.themeToggle), m = s(() => t.dropdownItems && t.dropdownItems.length > 0 || t.themeToggle), { toggleTheme: h, isDark: g } = la(), b = s(() => g.value ? "Tema claro" : "Tema escuro");
|
|
7876
7873
|
function u() {
|
|
7877
7874
|
h();
|
|
7878
7875
|
}
|
|
@@ -7883,8 +7880,8 @@ const ic = /* @__PURE__ */ I({
|
|
|
7883
7880
|
return (O, F) => (a(), L(Aa, {
|
|
7884
7881
|
collapsed: i.value,
|
|
7885
7882
|
"onUpdate:collapsed": F[0] || (F[0] = (A) => i.value = A),
|
|
7886
|
-
"mobile-open":
|
|
7887
|
-
"onUpdate:mobileOpen": F[1] || (F[1] = (A) =>
|
|
7883
|
+
"mobile-open": v.value,
|
|
7884
|
+
"onUpdate:mobileOpen": F[1] || (F[1] = (A) => v.value = A),
|
|
7888
7885
|
width: e.width,
|
|
7889
7886
|
"collapsed-width": e.collapsedWidth,
|
|
7890
7887
|
"aria-label": e.ariaLabel,
|
|
@@ -7914,31 +7911,31 @@ const ic = /* @__PURE__ */ I({
|
|
|
7914
7911
|
label: A.label
|
|
7915
7912
|
}, {
|
|
7916
7913
|
default: te(() => [
|
|
7917
|
-
(a(!0), l(ae, null, pe(A.items, (
|
|
7914
|
+
(a(!0), l(ae, null, pe(A.items, (_, W) => (a(), L(Fa, {
|
|
7918
7915
|
key: W,
|
|
7919
|
-
icon:
|
|
7920
|
-
href:
|
|
7921
|
-
active:
|
|
7922
|
-
disabled:
|
|
7923
|
-
as:
|
|
7924
|
-
tooltip:
|
|
7925
|
-
onClick: (E) => p(
|
|
7916
|
+
icon: _.icon,
|
|
7917
|
+
href: _.href,
|
|
7918
|
+
active: _.active,
|
|
7919
|
+
disabled: _.disabled,
|
|
7920
|
+
as: _.as,
|
|
7921
|
+
tooltip: _.label,
|
|
7922
|
+
onClick: (E) => p(_, E)
|
|
7926
7923
|
}, wa({
|
|
7927
7924
|
default: te(() => [
|
|
7928
|
-
ie($(
|
|
7925
|
+
ie($(_.label) + " ", 1)
|
|
7929
7926
|
]),
|
|
7930
7927
|
_: 2
|
|
7931
7928
|
}, [
|
|
7932
|
-
|
|
7929
|
+
_.badge ? {
|
|
7933
7930
|
name: "trailing",
|
|
7934
7931
|
fn: te(() => [
|
|
7935
7932
|
ee(_a, {
|
|
7936
|
-
type:
|
|
7937
|
-
color:
|
|
7933
|
+
type: _.badge.type || "soft",
|
|
7934
|
+
color: _.badge.color || "emerald",
|
|
7938
7935
|
size: "sm"
|
|
7939
7936
|
}, {
|
|
7940
7937
|
default: te(() => [
|
|
7941
|
-
ie($(
|
|
7938
|
+
ie($(_.badge.label), 1)
|
|
7942
7939
|
]),
|
|
7943
7940
|
_: 2
|
|
7944
7941
|
}, 1032, ["type", "color"])
|
|
@@ -8010,23 +8007,23 @@ const ic = /* @__PURE__ */ I({
|
|
|
8010
8007
|
onClick: u
|
|
8011
8008
|
}, {
|
|
8012
8009
|
default: te(() => [
|
|
8013
|
-
ie($(
|
|
8010
|
+
ie($(b.value), 1)
|
|
8014
8011
|
]),
|
|
8015
8012
|
_: 1
|
|
8016
8013
|
})) : c("", !0),
|
|
8017
8014
|
e.themeToggle && ((D = e.dropdownItems) != null && D.length) ? (a(), L(Vt, { key: 1 })) : c("", !0),
|
|
8018
|
-
(a(!0), l(ae, null, pe(e.dropdownItems, (
|
|
8019
|
-
W > 0 &&
|
|
8015
|
+
(a(!0), l(ae, null, pe(e.dropdownItems, (_, W) => (a(), l(ae, { key: W }, [
|
|
8016
|
+
W > 0 && _.variant === "danger" ? (a(), L(Vt, { key: 0 })) : c("", !0),
|
|
8020
8017
|
ee(Lt, {
|
|
8021
|
-
href:
|
|
8022
|
-
variant:
|
|
8018
|
+
href: _.href,
|
|
8019
|
+
variant: _.variant,
|
|
8023
8020
|
onClick: (E) => {
|
|
8024
|
-
var
|
|
8025
|
-
return (
|
|
8021
|
+
var N;
|
|
8022
|
+
return (N = _.onClick) == null ? void 0 : N.call(_);
|
|
8026
8023
|
}
|
|
8027
8024
|
}, {
|
|
8028
8025
|
default: te(() => [
|
|
8029
|
-
ie($(
|
|
8026
|
+
ie($(_.label), 1)
|
|
8030
8027
|
]),
|
|
8031
8028
|
_: 2
|
|
8032
8029
|
}, 1032, ["href", "variant", "onClick"])
|
|
@@ -8065,23 +8062,23 @@ const ic = /* @__PURE__ */ I({
|
|
|
8065
8062
|
onClick: u
|
|
8066
8063
|
}, {
|
|
8067
8064
|
default: te(() => [
|
|
8068
|
-
ie($(
|
|
8065
|
+
ie($(b.value), 1)
|
|
8069
8066
|
]),
|
|
8070
8067
|
_: 1
|
|
8071
8068
|
})) : c("", !0),
|
|
8072
8069
|
e.themeToggle && ((D = e.dropdownItems) != null && D.length) ? (a(), L(Vt, { key: 1 })) : c("", !0),
|
|
8073
|
-
(a(!0), l(ae, null, pe(e.dropdownItems, (
|
|
8074
|
-
W > 0 &&
|
|
8070
|
+
(a(!0), l(ae, null, pe(e.dropdownItems, (_, W) => (a(), l(ae, { key: W }, [
|
|
8071
|
+
W > 0 && _.variant === "danger" ? (a(), L(Vt, { key: 0 })) : c("", !0),
|
|
8075
8072
|
ee(Lt, {
|
|
8076
|
-
href:
|
|
8077
|
-
variant:
|
|
8073
|
+
href: _.href,
|
|
8074
|
+
variant: _.variant,
|
|
8078
8075
|
onClick: (E) => {
|
|
8079
|
-
var
|
|
8080
|
-
return (
|
|
8076
|
+
var N;
|
|
8077
|
+
return (N = _.onClick) == null ? void 0 : N.call(_);
|
|
8081
8078
|
}
|
|
8082
8079
|
}, {
|
|
8083
8080
|
default: te(() => [
|
|
8084
|
-
ie($(
|
|
8081
|
+
ie($(_.label), 1)
|
|
8085
8082
|
]),
|
|
8086
8083
|
_: 2
|
|
8087
8084
|
}, 1032, ["href", "variant", "onClick"])
|
|
@@ -8110,9 +8107,9 @@ const ic = /* @__PURE__ */ I({
|
|
|
8110
8107
|
function Yc(e, o = "/brands") {
|
|
8111
8108
|
function t() {
|
|
8112
8109
|
if (typeof document > "u") return;
|
|
8113
|
-
const n = C(e),
|
|
8110
|
+
const n = C(e), v = `${C(o)}/${n}/favicon.svg`;
|
|
8114
8111
|
let d = document.querySelector('link[rel="icon"]');
|
|
8115
|
-
d || (d = document.createElement("link"), d.rel = "icon", document.head.appendChild(d)), d.type = "image/svg+xml", d.href =
|
|
8112
|
+
d || (d = document.createElement("link"), d.rel = "icon", document.head.appendChild(d)), d.type = "image/svg+xml", d.href = v;
|
|
8116
8113
|
}
|
|
8117
8114
|
t(), be(
|
|
8118
8115
|
() => [C(e), C(o)],
|
|
@@ -9050,7 +9047,7 @@ var Ue = {
|
|
|
9050
9047
|
"code-fg": "var(--orb-base-900)",
|
|
9051
9048
|
"code-border": "var(--orb-base-200)",
|
|
9052
9049
|
"code-inline-bg": "var(--orb-base-100)",
|
|
9053
|
-
"code-inline-fg": "var(--orb-base-
|
|
9050
|
+
"code-inline-fg": "var(--orb-base-500)",
|
|
9054
9051
|
"code-header-bg": "var(--orb-base-50)",
|
|
9055
9052
|
"code-header-border": "var(--orb-base-200)",
|
|
9056
9053
|
"code-line-number": "var(--orb-base-400)",
|
|
@@ -9410,7 +9407,7 @@ function Pc(e) {
|
|
|
9410
9407
|
`);
|
|
9411
9408
|
}
|
|
9412
9409
|
function ku(e) {
|
|
9413
|
-
var i,
|
|
9410
|
+
var i, v;
|
|
9414
9411
|
const o = [];
|
|
9415
9412
|
o.push(`/**
|
|
9416
9413
|
* Orbit Design System - Custom Theme Overrides
|
|
@@ -9422,7 +9419,7 @@ function ku(e) {
|
|
|
9422
9419
|
*/`), e.base && o.push(`:root {
|
|
9423
9420
|
${Pc(e.base)}
|
|
9424
9421
|
}`);
|
|
9425
|
-
const t = (i = e.theme) == null ? void 0 : i.light, n = (
|
|
9422
|
+
const t = (i = e.theme) == null ? void 0 : i.light, n = (v = e.theme) == null ? void 0 : v.dark;
|
|
9426
9423
|
return t && Object.keys(t).length > 0 && o.push(`:root,
|
|
9427
9424
|
[data-theme="light"] {
|
|
9428
9425
|
${Yt(t)}
|