@cocoar/vue-ui 2.7.0 → 2.8.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/wizard/CoarWizard.vue.d.ts +99 -0
- package/dist/components/wizard/CoarWizard.vue.d.ts.map +1 -0
- package/dist/components/wizard/index.d.ts +3 -0
- package/dist/components/wizard/index.d.ts.map +1 -0
- package/dist/index.css +1 -1
- package/dist/index.d.ts +2 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +485 -301
- package/package.json +2 -2
package/dist/index.js
CHANGED
|
@@ -11414,7 +11414,191 @@ var rf = [
|
|
|
11414
11414
|
class: "coar-segmented-control__icon"
|
|
11415
11415
|
}, null, 8, ["name"])) : a("", !0), e.label ? (E(), o("span", hf, I(e.label), 1)) : a("", !0)], 10, mf))), 128))], 10, pf));
|
|
11416
11416
|
}
|
|
11417
|
-
}), [["__scopeId", "data-v-72983826"]]), _f =
|
|
11417
|
+
}), [["__scopeId", "data-v-72983826"]]), _f = { class: "coar-wizard__steps" }, vf = ["data-step-index"], yf = [
|
|
11418
|
+
"disabled",
|
|
11419
|
+
"aria-current",
|
|
11420
|
+
"onClick"
|
|
11421
|
+
], bf = { class: "coar-wizard__marker" }, xf = { class: "coar-wizard__step-text" }, Sf = { class: "coar-wizard__step-label" }, Cf = {
|
|
11422
|
+
key: 0,
|
|
11423
|
+
class: "coar-wizard__step-desc"
|
|
11424
|
+
}, wf = { class: "coar-wizard__main" }, Tf = {
|
|
11425
|
+
key: 0,
|
|
11426
|
+
class: "coar-wizard__footer"
|
|
11427
|
+
}, Ef = /* @__PURE__ */ d({
|
|
11428
|
+
__name: "CoarWizard",
|
|
11429
|
+
props: /* @__PURE__ */ _({
|
|
11430
|
+
steps: {},
|
|
11431
|
+
indicatorPosition: { default: "top" },
|
|
11432
|
+
freeNavigation: {
|
|
11433
|
+
type: Boolean,
|
|
11434
|
+
default: !1
|
|
11435
|
+
},
|
|
11436
|
+
hideFooter: {
|
|
11437
|
+
type: Boolean,
|
|
11438
|
+
default: !1
|
|
11439
|
+
},
|
|
11440
|
+
disableAnimation: {
|
|
11441
|
+
type: Boolean,
|
|
11442
|
+
default: !1
|
|
11443
|
+
},
|
|
11444
|
+
backLabel: { default: "Back" },
|
|
11445
|
+
nextLabel: { default: "Next" },
|
|
11446
|
+
finishLabel: { default: "Finish" }
|
|
11447
|
+
}, {
|
|
11448
|
+
step: { default: void 0 },
|
|
11449
|
+
stepModifiers: {}
|
|
11450
|
+
}),
|
|
11451
|
+
emits: /* @__PURE__ */ _(["finish", "step-change"], ["update:step"]),
|
|
11452
|
+
setup(t, { expose: n, emit: c }) {
|
|
11453
|
+
let d = t, p = V(t, "step"), m = c, h = A(null), g = A(null), _ = A(null), v = A(null), S = r(() => d.indicatorPosition === "left" || d.indicatorPosition === "right"), T = r(() => {
|
|
11454
|
+
let e = d.steps.findIndex((e) => e.id === p.value);
|
|
11455
|
+
return e >= 0 ? e : 0;
|
|
11456
|
+
}), D = r(() => d.steps[T.value]), O = r(() => D.value?.id ?? ""), k = r(() => T.value <= 0), N = r(() => T.value >= d.steps.length - 1), P = r(() => D.value?.canAdvance !== !1);
|
|
11457
|
+
function F(e) {
|
|
11458
|
+
let t = d.steps.findIndex((t) => t.id === e);
|
|
11459
|
+
t < 0 || t === T.value || d.steps[t]?.disabled || (p.value = e, m("step-change", e, t));
|
|
11460
|
+
}
|
|
11461
|
+
function L() {
|
|
11462
|
+
if (P.value) {
|
|
11463
|
+
if (N.value) {
|
|
11464
|
+
m("finish");
|
|
11465
|
+
return;
|
|
11466
|
+
}
|
|
11467
|
+
F(d.steps[T.value + 1].id);
|
|
11468
|
+
}
|
|
11469
|
+
}
|
|
11470
|
+
function R() {
|
|
11471
|
+
k.value || F(d.steps[T.value - 1].id);
|
|
11472
|
+
}
|
|
11473
|
+
function z(e) {
|
|
11474
|
+
return e === T.value || d.steps[e]?.disabled ? !1 : d.freeNavigation ? !0 : e < T.value;
|
|
11475
|
+
}
|
|
11476
|
+
function B(e) {
|
|
11477
|
+
return {
|
|
11478
|
+
"coar-wizard__step--done": e < T.value,
|
|
11479
|
+
"coar-wizard__step--active": e === T.value,
|
|
11480
|
+
"coar-wizard__step--upcoming": e > T.value,
|
|
11481
|
+
"coar-wizard__step--optional": d.steps[e]?.optional === !0,
|
|
11482
|
+
"coar-wizard__step--clickable": z(e)
|
|
11483
|
+
};
|
|
11484
|
+
}
|
|
11485
|
+
let H = r(() => ({
|
|
11486
|
+
next: L,
|
|
11487
|
+
back: R,
|
|
11488
|
+
goTo: F,
|
|
11489
|
+
isFirst: k.value,
|
|
11490
|
+
isLast: N.value,
|
|
11491
|
+
canAdvance: P.value,
|
|
11492
|
+
activeStep: D.value,
|
|
11493
|
+
activeIndex: T.value
|
|
11494
|
+
}));
|
|
11495
|
+
function U() {
|
|
11496
|
+
return typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
|
|
11497
|
+
}
|
|
11498
|
+
function W(e) {
|
|
11499
|
+
let t = g.value;
|
|
11500
|
+
if (!t) return;
|
|
11501
|
+
let n = t.querySelector(`[data-step-index="${T.value}"]`);
|
|
11502
|
+
if (!n) return;
|
|
11503
|
+
let r = e && !U() ? "smooth" : "auto";
|
|
11504
|
+
if (S.value) {
|
|
11505
|
+
let e = n.offsetTop - (t.clientHeight - n.offsetHeight) / 2, i = t.scrollHeight - t.clientHeight;
|
|
11506
|
+
t.scrollTo({
|
|
11507
|
+
top: Math.max(0, Math.min(e, i)),
|
|
11508
|
+
behavior: r
|
|
11509
|
+
});
|
|
11510
|
+
} else {
|
|
11511
|
+
let e = n.offsetLeft - (t.clientWidth - n.offsetWidth) / 2, i = t.scrollWidth - t.clientWidth;
|
|
11512
|
+
t.scrollTo({
|
|
11513
|
+
left: Math.max(0, Math.min(e, i)),
|
|
11514
|
+
behavior: r
|
|
11515
|
+
});
|
|
11516
|
+
}
|
|
11517
|
+
}
|
|
11518
|
+
let K = 0, J = 0;
|
|
11519
|
+
function ee() {
|
|
11520
|
+
cancelAnimationFrame(K), cancelAnimationFrame(J);
|
|
11521
|
+
}
|
|
11522
|
+
function te(e) {
|
|
11523
|
+
if (e.propertyName !== "height" || e.target !== _.value) return;
|
|
11524
|
+
let t = _.value;
|
|
11525
|
+
t && (t.style.transition = "", t.style.height = "", t.style.overflow = "");
|
|
11526
|
+
}
|
|
11527
|
+
return G(T, () => {
|
|
11528
|
+
let e = _.value;
|
|
11529
|
+
if (!e || d.disableAnimation || U()) {
|
|
11530
|
+
y(() => W(!0));
|
|
11531
|
+
return;
|
|
11532
|
+
}
|
|
11533
|
+
let t = e.offsetHeight;
|
|
11534
|
+
e.style.transition = "", e.style.overflow = "hidden", e.style.height = `${t}px`, y(() => {
|
|
11535
|
+
let n = v.value?.offsetHeight ?? t;
|
|
11536
|
+
ee(), K = requestAnimationFrame(() => {
|
|
11537
|
+
J = requestAnimationFrame(() => {
|
|
11538
|
+
e.style.transition = "height var(--coar-wizard-anim-duration, 260ms) var(--coar-wizard-anim-ease, ease)", e.style.height = `${n}px`;
|
|
11539
|
+
});
|
|
11540
|
+
}), W(!0);
|
|
11541
|
+
});
|
|
11542
|
+
}), w(() => W(!1)), C(ee), n({
|
|
11543
|
+
next: L,
|
|
11544
|
+
back: R,
|
|
11545
|
+
goTo: F
|
|
11546
|
+
}), (n, r) => (E(), o("div", {
|
|
11547
|
+
ref_key: "rootEl",
|
|
11548
|
+
ref: h,
|
|
11549
|
+
class: b(["coar-wizard", [`coar-wizard--indicator-${t.indicatorPosition}`, { "coar-wizard--vertical": S.value }]])
|
|
11550
|
+
}, [s("div", {
|
|
11551
|
+
ref_key: "indicatorEl",
|
|
11552
|
+
ref: g,
|
|
11553
|
+
class: "coar-wizard__indicator"
|
|
11554
|
+
}, [s("ol", _f, [(E(!0), o(e, null, j(t.steps, (t, n) => (E(), o("li", {
|
|
11555
|
+
key: t.id,
|
|
11556
|
+
class: b(["coar-wizard__step", B(n)]),
|
|
11557
|
+
"data-step-index": n
|
|
11558
|
+
}, [s("button", {
|
|
11559
|
+
type: "button",
|
|
11560
|
+
class: "coar-wizard__step-btn",
|
|
11561
|
+
disabled: !z(n) && n !== T.value,
|
|
11562
|
+
"aria-current": n === T.value ? "step" : void 0,
|
|
11563
|
+
onClick: (e) => F(t.id)
|
|
11564
|
+
}, [s("span", bf, [n < T.value ? (E(), i(Q, {
|
|
11565
|
+
key: 0,
|
|
11566
|
+
name: "check",
|
|
11567
|
+
size: "xs"
|
|
11568
|
+
})) : (E(), o(e, { key: 1 }, [l(I(n + 1), 1)], 64))]), s("span", xf, [s("span", Sf, I(t.label), 1), t.description ? (E(), o("span", Cf, I(t.description), 1)) : a("", !0)])], 8, yf)], 10, vf))), 128))])], 512), s("div", wf, [s("div", {
|
|
11569
|
+
ref_key: "bodyEl",
|
|
11570
|
+
ref: _,
|
|
11571
|
+
class: "coar-wizard__body",
|
|
11572
|
+
onTransitionend: te
|
|
11573
|
+
}, [(E(), o("div", {
|
|
11574
|
+
key: O.value,
|
|
11575
|
+
ref_key: "contentEl",
|
|
11576
|
+
ref: v,
|
|
11577
|
+
class: "coar-wizard__content"
|
|
11578
|
+
}, [M(n.$slots, O.value, {
|
|
11579
|
+
step: D.value,
|
|
11580
|
+
index: T.value
|
|
11581
|
+
})]))], 544), t.hideFooter ? a("", !0) : (E(), o("div", Tf, [M(n.$slots, "footer", x(f(H.value)), () => [
|
|
11582
|
+
u(Oo, {
|
|
11583
|
+
variant: "tertiary",
|
|
11584
|
+
disabled: k.value,
|
|
11585
|
+
onClick: R
|
|
11586
|
+
}, {
|
|
11587
|
+
default: q(() => [l(I(t.backLabel), 1)]),
|
|
11588
|
+
_: 1
|
|
11589
|
+
}, 8, ["disabled"]),
|
|
11590
|
+
r[0] ||= s("span", { class: "coar-wizard__footer-spacer" }, null, -1),
|
|
11591
|
+
u(Oo, {
|
|
11592
|
+
variant: "primary",
|
|
11593
|
+
disabled: !P.value,
|
|
11594
|
+
onClick: L
|
|
11595
|
+
}, {
|
|
11596
|
+
default: q(() => [l(I(N.value ? t.finishLabel : t.nextLabel), 1)]),
|
|
11597
|
+
_: 1
|
|
11598
|
+
}, 8, ["disabled"])
|
|
11599
|
+
])]))])], 2));
|
|
11600
|
+
}
|
|
11601
|
+
}), Df = ["aria-label"], Of = { class: "coar-breadcrumb-list" }, kf = /* @__PURE__ */ Z(/* @__PURE__ */ d({
|
|
11418
11602
|
__name: "CoarBreadcrumb",
|
|
11419
11603
|
props: {
|
|
11420
11604
|
separator: { default: "/" },
|
|
@@ -11427,22 +11611,22 @@ var rf = [
|
|
|
11427
11611
|
class: b(["coar-breadcrumb", `coar-breadcrumb--${e.size}`]),
|
|
11428
11612
|
"aria-label": e.ariaLabel,
|
|
11429
11613
|
style: S({ "--coar-breadcrumb-separator": n.value })
|
|
11430
|
-
}, [s("ol",
|
|
11614
|
+
}, [s("ol", Of, [M(t.$slots, "default", {}, void 0, !0)])], 14, Df));
|
|
11431
11615
|
}
|
|
11432
|
-
}), [["__scopeId", "data-v-ed10cad5"]]),
|
|
11616
|
+
}), [["__scopeId", "data-v-ed10cad5"]]), Af = ["aria-current"], jf = {
|
|
11433
11617
|
key: 0,
|
|
11434
11618
|
class: "coar-breadcrumb-link coar-breadcrumb-link--active",
|
|
11435
11619
|
"aria-current": "page"
|
|
11436
|
-
},
|
|
11620
|
+
}, Mf = [
|
|
11437
11621
|
"href",
|
|
11438
11622
|
"aria-disabled",
|
|
11439
11623
|
"tabindex",
|
|
11440
11624
|
"onClick"
|
|
11441
|
-
],
|
|
11625
|
+
], Nf = [
|
|
11442
11626
|
"href",
|
|
11443
11627
|
"aria-disabled",
|
|
11444
11628
|
"tabindex"
|
|
11445
|
-
],
|
|
11629
|
+
], Pf = /* @__PURE__ */ Z(/* @__PURE__ */ d({
|
|
11446
11630
|
__name: "CoarBreadcrumbItem",
|
|
11447
11631
|
props: {
|
|
11448
11632
|
to: { default: void 0 },
|
|
@@ -11480,7 +11664,7 @@ var rf = [
|
|
|
11480
11664
|
"coar-breadcrumb-item--slot-only": f.value === "slot-only"
|
|
11481
11665
|
}]),
|
|
11482
11666
|
"aria-current": e.active ? "page" : void 0
|
|
11483
|
-
}, [f.value === "active" ? (E(), o("span",
|
|
11667
|
+
}, [f.value === "active" ? (E(), o("span", jf, [M(t.$slots, "icon", {}, () => [e.icon ? (E(), i(Q, {
|
|
11484
11668
|
key: 0,
|
|
11485
11669
|
name: e.icon,
|
|
11486
11670
|
size: "s",
|
|
@@ -11501,7 +11685,7 @@ var rf = [
|
|
|
11501
11685
|
name: e.icon,
|
|
11502
11686
|
size: "s",
|
|
11503
11687
|
class: "coar-breadcrumb-link__icon"
|
|
11504
|
-
}, null, 8, ["name"])) : a("", !0)], !0), M(t.$slots, "default", {}, void 0, !0)], 10,
|
|
11688
|
+
}, null, 8, ["name"])) : a("", !0)], !0), M(t.$slots, "default", {}, void 0, !0)], 10, Mf)]),
|
|
11505
11689
|
_: 3
|
|
11506
11690
|
}, 8, ["to"])) : f.value === "plain-link" ? (E(), o("a", {
|
|
11507
11691
|
key: 2,
|
|
@@ -11515,14 +11699,14 @@ var rf = [
|
|
|
11515
11699
|
name: e.icon,
|
|
11516
11700
|
size: "s",
|
|
11517
11701
|
class: "coar-breadcrumb-link__icon"
|
|
11518
|
-
}, null, 8, ["name"])) : a("", !0)], !0), M(t.$slots, "default", {}, void 0, !0)], 10,
|
|
11702
|
+
}, null, 8, ["name"])) : a("", !0)], !0), M(t.$slots, "default", {}, void 0, !0)], 10, Nf)) : M(t.$slots, "default", { key: 3 }, void 0, !0)], 10, Af));
|
|
11519
11703
|
}
|
|
11520
|
-
}), [["__scopeId", "data-v-079c47de"]]),
|
|
11704
|
+
}), [["__scopeId", "data-v-079c47de"]]), Ff = ["aria-label"], If = { class: "coar-pagination-nav" }, Lf = ["disabled", "aria-label"], Rf = ["disabled", "aria-label"], zf = ["aria-label"], Bf = [
|
|
11521
11705
|
"disabled",
|
|
11522
11706
|
"aria-current",
|
|
11523
11707
|
"aria-label",
|
|
11524
11708
|
"onClick"
|
|
11525
|
-
],
|
|
11709
|
+
], Vf = ["disabled", "aria-label"], Hf = ["disabled", "aria-label"], Uf = /* @__PURE__ */ Z(/* @__PURE__ */ d({
|
|
11526
11710
|
__name: "CoarPagination",
|
|
11527
11711
|
props: /* @__PURE__ */ _({
|
|
11528
11712
|
totalItems: {},
|
|
@@ -11571,7 +11755,7 @@ var rf = [
|
|
|
11571
11755
|
return (n, r) => (E(), o("nav", {
|
|
11572
11756
|
class: b(["coar-pagination", { "coar-pagination--disabled": t.disabled }]),
|
|
11573
11757
|
"aria-label": z(c)("coar.ui.pagination.nav", void 0, "Pagination")
|
|
11574
|
-
}, [s("div",
|
|
11758
|
+
}, [s("div", If, [
|
|
11575
11759
|
t.showFirstLast ? (E(), o("button", {
|
|
11576
11760
|
key: 0,
|
|
11577
11761
|
type: "button",
|
|
@@ -11582,7 +11766,7 @@ var rf = [
|
|
|
11582
11766
|
}, [u(Q, {
|
|
11583
11767
|
name: "chevrons-left",
|
|
11584
11768
|
size: "s"
|
|
11585
|
-
})], 8,
|
|
11769
|
+
})], 8, Lf)) : a("", !0),
|
|
11586
11770
|
s("button", {
|
|
11587
11771
|
type: "button",
|
|
11588
11772
|
class: "coar-pagination-button coar-pagination-button--nav",
|
|
@@ -11592,13 +11776,13 @@ var rf = [
|
|
|
11592
11776
|
}, [u(Q, {
|
|
11593
11777
|
name: "chevron-left",
|
|
11594
11778
|
size: "s"
|
|
11595
|
-
})], 8,
|
|
11779
|
+
})], 8, Rf),
|
|
11596
11780
|
(E(!0), o(e, null, j(h.value, (n, r) => (E(), o(e, { key: _(r, n) }, [n.type === "ellipsis" ? (E(), o("span", {
|
|
11597
11781
|
key: 0,
|
|
11598
11782
|
class: "coar-pagination-ellipsis",
|
|
11599
11783
|
role: "separator",
|
|
11600
11784
|
"aria-label": z(c)("coar.ui.pagination.morePage", void 0, "More pages")
|
|
11601
|
-
}, "...", 8,
|
|
11785
|
+
}, "...", 8, zf)) : (E(), o("button", {
|
|
11602
11786
|
key: 1,
|
|
11603
11787
|
type: "button",
|
|
11604
11788
|
class: b(["coar-pagination-button coar-pagination-button--page", { "coar-pagination-button--active": n.page === l.value }]),
|
|
@@ -11606,7 +11790,7 @@ var rf = [
|
|
|
11606
11790
|
"aria-current": n.page === l.value ? "page" : void 0,
|
|
11607
11791
|
"aria-label": z(c)("coar.ui.pagination.goToPage", { page: n.page }, "Go to page " + n.page),
|
|
11608
11792
|
onClick: (e) => g(n.page)
|
|
11609
|
-
}, I(n.page), 11,
|
|
11793
|
+
}, I(n.page), 11, Bf))], 64))), 128)),
|
|
11610
11794
|
s("button", {
|
|
11611
11795
|
type: "button",
|
|
11612
11796
|
class: "coar-pagination-button coar-pagination-button--nav",
|
|
@@ -11616,7 +11800,7 @@ var rf = [
|
|
|
11616
11800
|
}, [u(Q, {
|
|
11617
11801
|
name: "chevron-right",
|
|
11618
11802
|
size: "s"
|
|
11619
|
-
})], 8,
|
|
11803
|
+
})], 8, Vf),
|
|
11620
11804
|
t.showFirstLast ? (E(), o("button", {
|
|
11621
11805
|
key: 1,
|
|
11622
11806
|
type: "button",
|
|
@@ -11627,22 +11811,22 @@ var rf = [
|
|
|
11627
11811
|
}, [u(Q, {
|
|
11628
11812
|
name: "chevrons-right",
|
|
11629
11813
|
size: "s"
|
|
11630
|
-
})], 8,
|
|
11631
|
-
])], 10,
|
|
11814
|
+
})], 8, Hf)) : a("", !0)
|
|
11815
|
+
])], 10, Ff));
|
|
11632
11816
|
}
|
|
11633
11817
|
}), [["__scopeId", "data-v-9e40bd44"]]);
|
|
11634
11818
|
//#endregion
|
|
11635
11819
|
//#region src/components/sidebar/sidebar-context.ts
|
|
11636
|
-
function
|
|
11820
|
+
function Wf(e) {
|
|
11637
11821
|
return e === "top" || e === "bottom" ? "horizontal" : "vertical";
|
|
11638
11822
|
}
|
|
11639
|
-
var
|
|
11823
|
+
var Gf = Symbol("sidebar-collapsed"), Kf = Symbol("sidebar-icon-size"), qf = Symbol("sidebar-side"), Jf = Symbol("sidebar-flyout-icon-only"), Yf = Symbol("sidebar-flyout-parent"), Xf = ["aria-label"], Zf = {
|
|
11640
11824
|
key: 0,
|
|
11641
11825
|
class: "coar-sidebar__header"
|
|
11642
|
-
},
|
|
11826
|
+
}, Qf = { class: "coar-sidebar__content" }, $f = {
|
|
11643
11827
|
key: 1,
|
|
11644
11828
|
class: "coar-sidebar__footer"
|
|
11645
|
-
},
|
|
11829
|
+
}, ep = /* @__PURE__ */ Z(/* @__PURE__ */ d({
|
|
11646
11830
|
__name: "CoarSidebar",
|
|
11647
11831
|
props: {
|
|
11648
11832
|
side: { default: void 0 },
|
|
@@ -11665,8 +11849,8 @@ var Ff = Symbol("sidebar-collapsed"), If = Symbol("sidebar-icon-size"), Lf = Sym
|
|
|
11665
11849
|
},
|
|
11666
11850
|
emits: ["update:collapsed"],
|
|
11667
11851
|
setup(e) {
|
|
11668
|
-
let t = e, n = r(() => t.side ?? t.position ?? "left"), i = r(() =>
|
|
11669
|
-
D(
|
|
11852
|
+
let t = e, n = r(() => t.side ?? t.position ?? "left"), i = r(() => Wf(n.value)), s = L(t, "collapsed"), c = L(t, "size");
|
|
11853
|
+
D(Gf, s), D(Kf, c), D(qf, n);
|
|
11670
11854
|
let l = r(() => ({
|
|
11671
11855
|
"coar-sidebar": !0,
|
|
11672
11856
|
[`coar-sidebar--${t.variant}`]: !0,
|
|
@@ -11690,36 +11874,36 @@ var Ff = Symbol("sidebar-collapsed"), If = Symbol("sidebar-icon-size"), Lf = Sym
|
|
|
11690
11874
|
"aria-label": e.ariaLabel || "Sidebar",
|
|
11691
11875
|
class: b(l.value)
|
|
11692
11876
|
}, [
|
|
11693
|
-
n.$slots.header ? (E(), o("div",
|
|
11694
|
-
J((E(), o("div",
|
|
11695
|
-
n.$slots.footer ? (E(), o("div",
|
|
11696
|
-
], 10,
|
|
11877
|
+
n.$slots.header ? (E(), o("div", Zf, [M(n.$slots, "header", { collapsed: t.collapsed }, void 0, !0)])) : a("", !0),
|
|
11878
|
+
J((E(), o("div", Qf, [M(n.$slots, "default", { collapsed: t.collapsed }, void 0, !0)])), [[z(Ua), u.value]]),
|
|
11879
|
+
n.$slots.footer ? (E(), o("div", $f, [M(n.$slots, "footer", { collapsed: t.collapsed }, void 0, !0)])) : a("", !0)
|
|
11880
|
+
], 10, Xf));
|
|
11697
11881
|
}
|
|
11698
|
-
}), [["__scopeId", "data-v-656c121e"]]),
|
|
11882
|
+
}), [["__scopeId", "data-v-656c121e"]]), tp = [
|
|
11699
11883
|
"href",
|
|
11700
11884
|
"aria-disabled",
|
|
11701
11885
|
"aria-current",
|
|
11702
11886
|
"tabindex",
|
|
11703
11887
|
"onClick"
|
|
11704
|
-
],
|
|
11888
|
+
], np = {
|
|
11705
11889
|
class: "coar-sidebar-item__icon",
|
|
11706
11890
|
"aria-hidden": "true"
|
|
11707
|
-
},
|
|
11891
|
+
}, rp = { class: "coar-sidebar-item__label" }, ip = [
|
|
11708
11892
|
"href",
|
|
11709
11893
|
"aria-disabled",
|
|
11710
11894
|
"aria-current",
|
|
11711
11895
|
"tabindex"
|
|
11712
|
-
],
|
|
11896
|
+
], ap = {
|
|
11713
11897
|
class: "coar-sidebar-item__icon",
|
|
11714
11898
|
"aria-hidden": "true"
|
|
11715
|
-
},
|
|
11899
|
+
}, op = { class: "coar-sidebar-item__label" }, sp = [
|
|
11716
11900
|
"aria-disabled",
|
|
11717
11901
|
"aria-current",
|
|
11718
11902
|
"tabindex"
|
|
11719
|
-
],
|
|
11903
|
+
], cp = {
|
|
11720
11904
|
class: "coar-sidebar-item__icon",
|
|
11721
11905
|
"aria-hidden": "true"
|
|
11722
|
-
},
|
|
11906
|
+
}, lp = { class: "coar-sidebar-item__label" }, up = /* @__PURE__ */ Z(/* @__PURE__ */ d({
|
|
11723
11907
|
__name: "CoarSidebarItem",
|
|
11724
11908
|
props: {
|
|
11725
11909
|
label: {},
|
|
@@ -11736,7 +11920,7 @@ var Ff = Symbol("sidebar-collapsed"), If = Symbol("sidebar-icon-size"), Lf = Sym
|
|
|
11736
11920
|
},
|
|
11737
11921
|
emits: ["click"],
|
|
11738
11922
|
setup(e, { emit: t }) {
|
|
11739
|
-
let n = e, a = t, c = m(
|
|
11923
|
+
let n = e, a = t, c = m(Gf, A(!1)), l = m(Kf, A("m")), d = m(qf, A("left")), f = m(Jf, A(!1)), { RouterLink: p, hasRouterLink: h, warnIfMisconfigured: g } = bo();
|
|
11740
11924
|
G(() => n.to, (e) => g(e, "CoarSidebarItem"), { immediate: !0 });
|
|
11741
11925
|
let _ = r(() => {
|
|
11742
11926
|
switch (d.value) {
|
|
@@ -11753,7 +11937,7 @@ var Ff = Symbol("sidebar-collapsed"), If = Symbol("sidebar-icon-size"), Lf = Sym
|
|
|
11753
11937
|
content: n.label,
|
|
11754
11938
|
placement: _.value,
|
|
11755
11939
|
openDelay: 200
|
|
11756
|
-
} : !1), y = r(() =>
|
|
11940
|
+
} : !1), y = r(() => Wf(d.value)), x = r(() => n.to !== void 0 && n.to !== null);
|
|
11757
11941
|
function S(e) {
|
|
11758
11942
|
let t = n.active ?? e;
|
|
11759
11943
|
return [
|
|
@@ -11798,10 +11982,10 @@ var Ff = Symbol("sidebar-collapsed"), If = Symbol("sidebar-icon-size"), Lf = Sym
|
|
|
11798
11982
|
"aria-current": C(t),
|
|
11799
11983
|
tabindex: n.disabled ? -1 : void 0,
|
|
11800
11984
|
onClick: (e) => T(e, r)
|
|
11801
|
-
}, [s("span",
|
|
11985
|
+
}, [s("span", np, [u(Q, {
|
|
11802
11986
|
name: n.icon || "square-dashed",
|
|
11803
11987
|
size: z(l)
|
|
11804
|
-
}, null, 8, ["name", "size"])]), s("span",
|
|
11988
|
+
}, null, 8, ["name", "size"])]), s("span", rp, I(n.label), 1)], 10, tp)), [[z(Bc), v.value]])]),
|
|
11805
11989
|
_: 1
|
|
11806
11990
|
}, 8, ["to"])) : x.value ? J((E(), o("a", {
|
|
11807
11991
|
key: 1,
|
|
@@ -11811,10 +11995,10 @@ var Ff = Symbol("sidebar-collapsed"), If = Symbol("sidebar-icon-size"), Lf = Sym
|
|
|
11811
11995
|
"aria-current": C(!1),
|
|
11812
11996
|
tabindex: n.disabled ? -1 : void 0,
|
|
11813
11997
|
onClick: T
|
|
11814
|
-
}, [s("span",
|
|
11998
|
+
}, [s("span", ap, [u(Q, {
|
|
11815
11999
|
name: n.icon || "square-dashed",
|
|
11816
12000
|
size: z(l)
|
|
11817
|
-
}, null, 8, ["name", "size"])]), s("span",
|
|
12001
|
+
}, null, 8, ["name", "size"])]), s("span", op, I(n.label), 1)], 10, ip)), [[z(Bc), v.value]]) : J((E(), o("div", {
|
|
11818
12002
|
key: 2,
|
|
11819
12003
|
role: "menuitem",
|
|
11820
12004
|
class: b(["coar-sidebar-item", S(!1)]),
|
|
@@ -11823,12 +12007,12 @@ var Ff = Symbol("sidebar-collapsed"), If = Symbol("sidebar-icon-size"), Lf = Sym
|
|
|
11823
12007
|
tabindex: n.disabled ? -1 : 0,
|
|
11824
12008
|
onClick: w,
|
|
11825
12009
|
onKeydown: D
|
|
11826
|
-
}, [s("span",
|
|
12010
|
+
}, [s("span", cp, [u(Q, {
|
|
11827
12011
|
name: n.icon || "square-dashed",
|
|
11828
12012
|
size: z(l)
|
|
11829
|
-
}, null, 8, ["name", "size"])]), s("span",
|
|
12013
|
+
}, null, 8, ["name", "size"])]), s("span", lp, I(n.label), 1)], 42, sp)), [[z(Bc), v.value]]);
|
|
11830
12014
|
}
|
|
11831
|
-
}), [["__scopeId", "data-v-bf1b0b6e"]]),
|
|
12015
|
+
}), [["__scopeId", "data-v-bf1b0b6e"]]), dp = /* @__PURE__ */ d({
|
|
11832
12016
|
__name: "SidebarFlyoutProvider",
|
|
11833
12017
|
props: {
|
|
11834
12018
|
iconOnly: { type: Boolean },
|
|
@@ -11836,12 +12020,12 @@ var Ff = Symbol("sidebar-collapsed"), If = Symbol("sidebar-icon-size"), Lf = Sym
|
|
|
11836
12020
|
},
|
|
11837
12021
|
setup(e) {
|
|
11838
12022
|
let t = e;
|
|
11839
|
-
return D(
|
|
12023
|
+
return D(Jf, L(t, "iconOnly")), D(Yf, t.parentControl), (e, t) => M(e.$slots, "default");
|
|
11840
12024
|
}
|
|
11841
|
-
}),
|
|
12025
|
+
}), fp = ["id"], pp = {
|
|
11842
12026
|
key: 0,
|
|
11843
12027
|
class: "coar-sidebar-flyout__header"
|
|
11844
|
-
},
|
|
12028
|
+
}, mp = { class: "coar-sidebar-flyout__items" }, hp = /* @__PURE__ */ d({
|
|
11845
12029
|
__name: "CoarSidebarFlyoutPanel",
|
|
11846
12030
|
props: {
|
|
11847
12031
|
id: {
|
|
@@ -11867,7 +12051,7 @@ var Ff = Symbol("sidebar-collapsed"), If = Symbol("sidebar-icon-size"), Lf = Sym
|
|
|
11867
12051
|
},
|
|
11868
12052
|
emits: ["flyoutEnter", "flyoutLeave"],
|
|
11869
12053
|
setup(e) {
|
|
11870
|
-
return (t, n) => (E(), i(
|
|
12054
|
+
return (t, n) => (E(), i(dp, {
|
|
11871
12055
|
"icon-only": e.iconOnly,
|
|
11872
12056
|
"parent-control": e.parentControl
|
|
11873
12057
|
}, {
|
|
@@ -11877,19 +12061,19 @@ var Ff = Symbol("sidebar-collapsed"), If = Symbol("sidebar-icon-size"), Lf = Sym
|
|
|
11877
12061
|
role: "menu",
|
|
11878
12062
|
onMouseenter: n[0] ||= (e) => t.$emit("flyoutEnter"),
|
|
11879
12063
|
onMouseleave: n[1] ||= (e) => t.$emit("flyoutLeave")
|
|
11880
|
-
}, [e.iconOnly ? a("", !0) : (E(), o("div",
|
|
12064
|
+
}, [e.iconOnly ? a("", !0) : (E(), o("div", pp, I(e.label), 1)), s("div", mp, [(E(), i(N({ render: e.renderContent })))])], 42, fp)]),
|
|
11881
12065
|
_: 1
|
|
11882
12066
|
}, 8, ["icon-only", "parent-control"]));
|
|
11883
12067
|
}
|
|
11884
|
-
}),
|
|
12068
|
+
}), gp = [
|
|
11885
12069
|
"aria-expanded",
|
|
11886
12070
|
"aria-disabled",
|
|
11887
12071
|
"tabindex",
|
|
11888
12072
|
"onKeydown"
|
|
11889
|
-
],
|
|
12073
|
+
], _p = {
|
|
11890
12074
|
class: "coar-sidebar-group__icon",
|
|
11891
12075
|
"aria-hidden": "true"
|
|
11892
|
-
},
|
|
12076
|
+
}, vp = { class: "coar-sidebar-group__caret" }, yp = { class: "coar-sidebar-group__label" }, bp = ["aria-hidden"], xp = { class: "coar-sidebar-group__panel-inner" }, Sp = /* @__PURE__ */ Z(/* @__PURE__ */ d({
|
|
11893
12077
|
__name: "CoarSidebarGroup",
|
|
11894
12078
|
props: /* @__PURE__ */ _({
|
|
11895
12079
|
label: {},
|
|
@@ -11924,7 +12108,7 @@ var Ff = Symbol("sidebar-collapsed"), If = Symbol("sidebar-icon-size"), Lf = Sym
|
|
|
11924
12108
|
}),
|
|
11925
12109
|
emits: /* @__PURE__ */ _(["triggerClick"], ["update:open"]),
|
|
11926
12110
|
setup(e, { emit: t }) {
|
|
11927
|
-
let n = `coar-sidebar-group-${B()}`, i = e, c = t, l = V(e, "open"), d = m(
|
|
12111
|
+
let n = `coar-sidebar-group-${B()}`, i = e, c = t, l = V(e, "open"), d = m(Gf, A(!1)), f = m(Kf, A("m")), p = m(qf, A("left")), h = r(() => Wf(p.value)), _ = m(Jf, A(!1)), v = r(() => i.iconOnly ?? _.value), y = r(() => l.value), x = r(() => i.mode === "flyout"), S = H(), w = A(!1), T = A(null), D = null, O = null, k = null, j = m(Yf, null), N = {
|
|
11928
12112
|
cancelClose: () => {
|
|
11929
12113
|
oe(), j?.cancelClose();
|
|
11930
12114
|
},
|
|
@@ -12011,7 +12195,7 @@ var Ff = Symbol("sidebar-collapsed"), If = Symbol("sidebar-icon-size"), Lf = Sym
|
|
|
12011
12195
|
},
|
|
12012
12196
|
content: {
|
|
12013
12197
|
kind: "component",
|
|
12014
|
-
component: g(
|
|
12198
|
+
component: g(hp)
|
|
12015
12199
|
},
|
|
12016
12200
|
inputs: {
|
|
12017
12201
|
id: n,
|
|
@@ -12084,53 +12268,53 @@ var Ff = Symbol("sidebar-collapsed"), If = Symbol("sidebar-icon-size"), Lf = Sym
|
|
|
12084
12268
|
onMouseenter: X,
|
|
12085
12269
|
onMouseleave: le
|
|
12086
12270
|
}, [
|
|
12087
|
-
s("span",
|
|
12271
|
+
s("span", _p, [u(Q, {
|
|
12088
12272
|
name: i.icon || "square-dashed",
|
|
12089
12273
|
size: z(f)
|
|
12090
|
-
}, null, 8, ["name", "size"]), s("span",
|
|
12274
|
+
}, null, 8, ["name", "size"]), s("span", vp, [u(Q, {
|
|
12091
12275
|
name: x.value ? w.value ? U.value : R.value : y.value ? "minus" : "plus",
|
|
12092
12276
|
size: "xs"
|
|
12093
12277
|
}, null, 8, ["name"])])]),
|
|
12094
|
-
s("span",
|
|
12278
|
+
s("span", yp, I(i.label), 1),
|
|
12095
12279
|
u(Q, {
|
|
12096
12280
|
name: x.value ? w.value ? U.value : R.value : y.value ? "minus" : "plus",
|
|
12097
12281
|
size: "xs",
|
|
12098
12282
|
class: "coar-sidebar-group__chevron",
|
|
12099
12283
|
"aria-hidden": "true"
|
|
12100
12284
|
}, null, 8, ["name"])
|
|
12101
|
-
], 42,
|
|
12285
|
+
], 42, gp)), [[z(Bc), L.value]]), x.value ? a("", !0) : (E(), o("div", {
|
|
12102
12286
|
key: 0,
|
|
12103
12287
|
id: n,
|
|
12104
12288
|
class: b(["coar-sidebar-group__panel", { "coar-sidebar-group__panel--open": y.value }]),
|
|
12105
12289
|
"aria-hidden": !y.value || void 0,
|
|
12106
12290
|
role: "group"
|
|
12107
|
-
}, [s("div",
|
|
12291
|
+
}, [s("div", xp, [M(e.$slots, "default", {}, void 0, !0)])], 10, bp))], 2));
|
|
12108
12292
|
}
|
|
12109
|
-
}), [["__scopeId", "data-v-898af6bb"]]),
|
|
12293
|
+
}), [["__scopeId", "data-v-898af6bb"]]), Cp = {
|
|
12110
12294
|
key: 0,
|
|
12111
12295
|
class: "coar-sidebar-heading__text"
|
|
12112
|
-
},
|
|
12296
|
+
}, wp = /* @__PURE__ */ Z(/* @__PURE__ */ d({
|
|
12113
12297
|
__name: "CoarSidebarHeading",
|
|
12114
12298
|
props: { label: {} },
|
|
12115
12299
|
setup(e) {
|
|
12116
|
-
let t = e, n = m(
|
|
12300
|
+
let t = e, n = m(Gf, A(!1));
|
|
12117
12301
|
return (e, r) => (E(), o("div", {
|
|
12118
12302
|
class: b(["coar-sidebar-heading", { "coar-sidebar-heading--collapsed": z(n) }]),
|
|
12119
12303
|
role: "heading",
|
|
12120
12304
|
"aria-level": "3"
|
|
12121
|
-
}, [z(n) ? a("", !0) : (E(), o("span",
|
|
12305
|
+
}, [z(n) ? a("", !0) : (E(), o("span", Cp, I(t.label), 1))], 2));
|
|
12122
12306
|
}
|
|
12123
|
-
}), [["__scopeId", "data-v-99fb2c2f"]]),
|
|
12307
|
+
}), [["__scopeId", "data-v-99fb2c2f"]]), Tp = ["aria-orientation"], Ep = /* @__PURE__ */ Z(/* @__PURE__ */ d({
|
|
12124
12308
|
__name: "CoarSidebarDivider",
|
|
12125
12309
|
setup(e) {
|
|
12126
|
-
let t = m(
|
|
12310
|
+
let t = m(Gf, A(!1)), n = m(qf, A("left")), i = r(() => Wf(n.value));
|
|
12127
12311
|
return (e, n) => (E(), o("div", {
|
|
12128
12312
|
class: b(["coar-sidebar-divider", [`coar-sidebar-divider--${i.value}`, { "coar-sidebar-divider--collapsed": z(t) }]]),
|
|
12129
12313
|
role: "separator",
|
|
12130
12314
|
"aria-orientation": i.value === "horizontal" ? "vertical" : "horizontal"
|
|
12131
|
-
}, null, 10,
|
|
12315
|
+
}, null, 10, Tp));
|
|
12132
12316
|
}
|
|
12133
|
-
}), [["__scopeId", "data-v-9bdfe627"]]),
|
|
12317
|
+
}), [["__scopeId", "data-v-9bdfe627"]]), Dp = /* @__PURE__ */ Z(/* @__PURE__ */ d({
|
|
12134
12318
|
__name: "CoarSidebarSpacer",
|
|
12135
12319
|
props: {
|
|
12136
12320
|
height: { default: void 0 },
|
|
@@ -12147,16 +12331,16 @@ var Ff = Symbol("sidebar-collapsed"), If = Symbol("sidebar-icon-size"), Lf = Sym
|
|
|
12147
12331
|
"aria-hidden": "true"
|
|
12148
12332
|
}, null, 6));
|
|
12149
12333
|
}
|
|
12150
|
-
}), [["__scopeId", "data-v-502139f5"]]),
|
|
12334
|
+
}), [["__scopeId", "data-v-502139f5"]]), Op = {
|
|
12151
12335
|
key: 0,
|
|
12152
12336
|
class: "coar-navbar__start"
|
|
12153
|
-
},
|
|
12337
|
+
}, kp = {
|
|
12154
12338
|
key: 1,
|
|
12155
12339
|
class: "coar-navbar__center"
|
|
12156
|
-
},
|
|
12340
|
+
}, Ap = {
|
|
12157
12341
|
key: 2,
|
|
12158
12342
|
class: "coar-navbar__end"
|
|
12159
|
-
},
|
|
12343
|
+
}, jp = /* @__PURE__ */ Z(/* @__PURE__ */ d({
|
|
12160
12344
|
__name: "CoarNavbar",
|
|
12161
12345
|
props: {
|
|
12162
12346
|
elevated: {
|
|
@@ -12176,17 +12360,17 @@ var Ff = Symbol("sidebar-collapsed"), If = Symbol("sidebar-icon-size"), Lf = Sym
|
|
|
12176
12360
|
}]),
|
|
12177
12361
|
role: "banner"
|
|
12178
12362
|
}, [
|
|
12179
|
-
t.$slots.start ? (E(), o("div",
|
|
12363
|
+
t.$slots.start ? (E(), o("div", Op, [M(t.$slots, "start", {}, void 0, !0)])) : a("", !0),
|
|
12180
12364
|
n[0] ||= s("div", { class: "coar-navbar__spacer" }, null, -1),
|
|
12181
|
-
t.$slots.center ? (E(), o("div",
|
|
12365
|
+
t.$slots.center ? (E(), o("div", kp, [M(t.$slots, "center", {}, void 0, !0)])) : a("", !0),
|
|
12182
12366
|
n[1] ||= s("div", { class: "coar-navbar__spacer" }, null, -1),
|
|
12183
|
-
t.$slots.end ? (E(), o("div",
|
|
12367
|
+
t.$slots.end ? (E(), o("div", Ap, [M(t.$slots, "end", {}, void 0, !0)])) : a("", !0)
|
|
12184
12368
|
], 2));
|
|
12185
12369
|
}
|
|
12186
12370
|
}), [["__scopeId", "data-v-c7eb4106"]]);
|
|
12187
12371
|
//#endregion
|
|
12188
12372
|
//#region src/components/date-time/_shared/time-helpers.ts
|
|
12189
|
-
function
|
|
12373
|
+
function Mp(e) {
|
|
12190
12374
|
try {
|
|
12191
12375
|
return new Intl.DateTimeFormat(e, {
|
|
12192
12376
|
hour: "numeric",
|
|
@@ -12196,13 +12380,13 @@ function Sp(e) {
|
|
|
12196
12380
|
return !1;
|
|
12197
12381
|
}
|
|
12198
12382
|
}
|
|
12199
|
-
function
|
|
12383
|
+
function Np(e, t, n) {
|
|
12200
12384
|
let r = String(t).padStart(2, "0");
|
|
12201
12385
|
if (n) return `${String(e).padStart(2, "0")}:${r}`;
|
|
12202
12386
|
let i = e >= 12 ? "PM" : "AM", a = e % 12;
|
|
12203
12387
|
return a === 0 && (a = 12), `${a}:${r} ${i}`;
|
|
12204
12388
|
}
|
|
12205
|
-
function
|
|
12389
|
+
function Pp(e) {
|
|
12206
12390
|
if (!e || typeof e != "string") return null;
|
|
12207
12391
|
let t = e.trim().toUpperCase(), n = t.match(/^(\d{1,2}):(\d{2})\s*(AM|PM)$/);
|
|
12208
12392
|
if (n) {
|
|
@@ -12222,41 +12406,41 @@ function wp(e) {
|
|
|
12222
12406
|
}
|
|
12223
12407
|
return null;
|
|
12224
12408
|
}
|
|
12225
|
-
function
|
|
12409
|
+
function Fp(e) {
|
|
12226
12410
|
let t = e >= 12 ? "PM" : "AM", n = e % 12;
|
|
12227
12411
|
return n === 0 && (n = 12), {
|
|
12228
12412
|
hours: n,
|
|
12229
12413
|
period: t
|
|
12230
12414
|
};
|
|
12231
12415
|
}
|
|
12232
|
-
function
|
|
12416
|
+
function Ip(e, t) {
|
|
12233
12417
|
return t === "AM" ? e === 12 ? 0 : e : e === 12 ? 12 : e + 12;
|
|
12234
12418
|
}
|
|
12235
|
-
function
|
|
12419
|
+
function Lp(e, t) {
|
|
12236
12420
|
let n = (e + t) % 24;
|
|
12237
12421
|
return n < 0 ? n + 24 : n;
|
|
12238
12422
|
}
|
|
12239
|
-
function
|
|
12423
|
+
function Rp(e, t, n = 1) {
|
|
12240
12424
|
let r = e + t * n, i = 0, a = r;
|
|
12241
12425
|
return r >= 60 ? (i = Math.floor(r / 60), a = r % 60) : r < 0 && (i = Math.floor(r / 60), a = (r % 60 + 60) % 60), {
|
|
12242
12426
|
minutes: a,
|
|
12243
12427
|
hourDelta: i
|
|
12244
12428
|
};
|
|
12245
12429
|
}
|
|
12246
|
-
function
|
|
12430
|
+
function zp(e, t) {
|
|
12247
12431
|
return Math.round(e / t) * t;
|
|
12248
12432
|
}
|
|
12249
12433
|
//#endregion
|
|
12250
12434
|
//#region src/components/date-time/time-picker/CoarTimePicker.vue?vue&type=script&setup=true&lang.ts
|
|
12251
|
-
var
|
|
12435
|
+
var Bp = ["aria-label"], Vp = { class: "coar-time-picker__spinner coar-time-picker__hours" }, Hp = ["disabled", "aria-label"], Up = [
|
|
12252
12436
|
"aria-valuenow",
|
|
12253
12437
|
"aria-valuemin",
|
|
12254
12438
|
"aria-valuemax",
|
|
12255
12439
|
"aria-label"
|
|
12256
|
-
],
|
|
12440
|
+
], Wp = ["disabled", "aria-label"], Gp = { class: "coar-time-picker__spinner coar-time-picker__minutes" }, Kp = ["disabled", "aria-label"], qp = ["aria-valuenow", "aria-label"], Jp = ["disabled", "aria-label"], Yp = {
|
|
12257
12441
|
key: 0,
|
|
12258
12442
|
class: "coar-time-picker__spinner coar-time-picker__period"
|
|
12259
|
-
},
|
|
12443
|
+
}, Xp = ["disabled"], Zp = ["aria-valuenow", "aria-valuetext"], Qp = ["disabled"], $p = /* @__PURE__ */ Z(/* @__PURE__ */ d({
|
|
12260
12444
|
__name: "CoarTimePicker",
|
|
12261
12445
|
props: /* @__PURE__ */ _({
|
|
12262
12446
|
size: { default: "m" },
|
|
@@ -12285,9 +12469,9 @@ var Ap = ["aria-label"], jp = { class: "coar-time-picker__spinner coar-time-pick
|
|
|
12285
12469
|
setup(e) {
|
|
12286
12470
|
let t = e, n = V(e, "modelValue"), { t: i } = Y(), c = ne(), l = r(() => t.locale ?? c?.language.value ?? navigator.language), d = A(9), f = A(0), p = A("AM");
|
|
12287
12471
|
G(n, (e) => {
|
|
12288
|
-
e && (d.value = e.hours, f.value =
|
|
12472
|
+
e && (d.value = e.hours, f.value = zp(e.minutes, t.minuteStep), p.value = e.hours >= 12 ? "PM" : "AM");
|
|
12289
12473
|
}, { immediate: !0 });
|
|
12290
|
-
let m = r(() => t.use24Hour === !0 ? !1 : t.use24Hour === !1 ? !0 :
|
|
12474
|
+
let m = r(() => t.use24Hour === !0 ? !1 : t.use24Hour === !1 ? !0 : Mp(l.value)), h = r(() => m.value ? Fp(d.value).hours : d.value), g = r(() => f.value), _ = r(() => +!!m.value), v = r(() => m.value ? 12 : 23), y = r(() => t.size === "xs" ? "xs" : "s");
|
|
12291
12475
|
function x(e) {
|
|
12292
12476
|
return e.hours * 60 + e.minutes;
|
|
12293
12477
|
}
|
|
@@ -12322,11 +12506,11 @@ var Ap = ["aria-label"], jp = { class: "coar-time-picker__spinner coar-time-pick
|
|
|
12322
12506
|
if (!(t.disabled || t.readonly || S.value)) {
|
|
12323
12507
|
if (m.value) {
|
|
12324
12508
|
let e = h.value, t = e + 1;
|
|
12325
|
-
if (t > 12 && (t = 1), d.value =
|
|
12509
|
+
if (t > 12 && (t = 1), d.value = Ip(t, p.value), e === 11) {
|
|
12326
12510
|
F();
|
|
12327
12511
|
return;
|
|
12328
12512
|
}
|
|
12329
|
-
} else d.value =
|
|
12513
|
+
} else d.value = Lp(d.value, 1);
|
|
12330
12514
|
k();
|
|
12331
12515
|
}
|
|
12332
12516
|
}
|
|
@@ -12334,28 +12518,28 @@ var Ap = ["aria-label"], jp = { class: "coar-time-picker__spinner coar-time-pick
|
|
|
12334
12518
|
if (!(t.disabled || t.readonly || C.value)) {
|
|
12335
12519
|
if (m.value) {
|
|
12336
12520
|
let e = h.value, t = e - 1;
|
|
12337
|
-
if (t < 1 && (t = 12), d.value =
|
|
12521
|
+
if (t < 1 && (t = 12), d.value = Ip(t, p.value), e === 12) {
|
|
12338
12522
|
F();
|
|
12339
12523
|
return;
|
|
12340
12524
|
}
|
|
12341
|
-
} else d.value =
|
|
12525
|
+
} else d.value = Lp(d.value, -1);
|
|
12342
12526
|
k();
|
|
12343
12527
|
}
|
|
12344
12528
|
}
|
|
12345
12529
|
function N() {
|
|
12346
12530
|
if (t.disabled || t.readonly || w.value) return;
|
|
12347
|
-
let { minutes: e, hourDelta: n } =
|
|
12348
|
-
f.value = e, n !== 0 && (d.value =
|
|
12531
|
+
let { minutes: e, hourDelta: n } = Rp(f.value, 1, t.minuteStep);
|
|
12532
|
+
f.value = e, n !== 0 && (d.value = Lp(d.value, n), p.value = d.value >= 12 ? "PM" : "AM"), k();
|
|
12349
12533
|
}
|
|
12350
12534
|
function P() {
|
|
12351
12535
|
if (t.disabled || t.readonly || T.value) return;
|
|
12352
|
-
let { minutes: e, hourDelta: n } =
|
|
12353
|
-
f.value = e, n !== 0 && (d.value =
|
|
12536
|
+
let { minutes: e, hourDelta: n } = Rp(f.value, -1, t.minuteStep);
|
|
12537
|
+
f.value = e, n !== 0 && (d.value = Lp(d.value, n), p.value = d.value >= 12 ? "PM" : "AM"), k();
|
|
12354
12538
|
}
|
|
12355
12539
|
function F() {
|
|
12356
12540
|
if (t.disabled || t.readonly || !m.value) return;
|
|
12357
12541
|
let e = p.value === "AM" ? "PM" : "AM";
|
|
12358
|
-
e === "AM" && D.value || e === "PM" && O.value || (p.value = e, d.value =
|
|
12542
|
+
e === "AM" && D.value || e === "PM" && O.value || (p.value = e, d.value = Ip(h.value, e), k());
|
|
12359
12543
|
}
|
|
12360
12544
|
function L(e) {
|
|
12361
12545
|
t.disabled || t.readonly || (e.key === "ArrowUp" ? (e.preventDefault(), j()) : e.key === "ArrowDown" && (e.preventDefault(), M()));
|
|
@@ -12379,7 +12563,7 @@ var Ap = ["aria-label"], jp = { class: "coar-time-picker__spinner coar-time-pick
|
|
|
12379
12563
|
role: "group",
|
|
12380
12564
|
"aria-label": e.ariaLabel
|
|
12381
12565
|
}, [
|
|
12382
|
-
s("div",
|
|
12566
|
+
s("div", Vp, [
|
|
12383
12567
|
s("button", {
|
|
12384
12568
|
type: "button",
|
|
12385
12569
|
class: "coar-time-picker__btn coar-time-picker__btn--up",
|
|
@@ -12390,7 +12574,7 @@ var Ap = ["aria-label"], jp = { class: "coar-time-picker__spinner coar-time-pick
|
|
|
12390
12574
|
}, [u(Q, {
|
|
12391
12575
|
name: "chevron-up",
|
|
12392
12576
|
size: y.value
|
|
12393
|
-
}, null, 8, ["size"])], 8,
|
|
12577
|
+
}, null, 8, ["size"])], 8, Hp),
|
|
12394
12578
|
s("div", {
|
|
12395
12579
|
class: "coar-time-picker__value",
|
|
12396
12580
|
role: "spinbutton",
|
|
@@ -12400,7 +12584,7 @@ var Ap = ["aria-label"], jp = { class: "coar-time-picker__spinner coar-time-pick
|
|
|
12400
12584
|
"aria-valuemax": v.value,
|
|
12401
12585
|
"aria-label": z(i)("coar.ui.timePicker.hours", void 0, "Hours"),
|
|
12402
12586
|
onKeydown: L
|
|
12403
|
-
}, I(h.value.toString().padStart(2, "0")), 41,
|
|
12587
|
+
}, I(h.value.toString().padStart(2, "0")), 41, Up),
|
|
12404
12588
|
s("button", {
|
|
12405
12589
|
type: "button",
|
|
12406
12590
|
class: "coar-time-picker__btn coar-time-picker__btn--down",
|
|
@@ -12411,13 +12595,13 @@ var Ap = ["aria-label"], jp = { class: "coar-time-picker__spinner coar-time-pick
|
|
|
12411
12595
|
}, [u(Q, {
|
|
12412
12596
|
name: "chevron-down",
|
|
12413
12597
|
size: y.value
|
|
12414
|
-
}, null, 8, ["size"])], 8,
|
|
12598
|
+
}, null, 8, ["size"])], 8, Wp)
|
|
12415
12599
|
]),
|
|
12416
12600
|
n[0] ||= s("span", {
|
|
12417
12601
|
class: "coar-time-picker__separator",
|
|
12418
12602
|
"aria-hidden": "true"
|
|
12419
12603
|
}, ":", -1),
|
|
12420
|
-
s("div",
|
|
12604
|
+
s("div", Gp, [
|
|
12421
12605
|
s("button", {
|
|
12422
12606
|
type: "button",
|
|
12423
12607
|
class: "coar-time-picker__btn coar-time-picker__btn--up",
|
|
@@ -12428,7 +12612,7 @@ var Ap = ["aria-label"], jp = { class: "coar-time-picker__spinner coar-time-pick
|
|
|
12428
12612
|
}, [u(Q, {
|
|
12429
12613
|
name: "chevron-up",
|
|
12430
12614
|
size: y.value
|
|
12431
|
-
}, null, 8, ["size"])], 8,
|
|
12615
|
+
}, null, 8, ["size"])], 8, Kp),
|
|
12432
12616
|
s("div", {
|
|
12433
12617
|
class: "coar-time-picker__value",
|
|
12434
12618
|
role: "spinbutton",
|
|
@@ -12438,7 +12622,7 @@ var Ap = ["aria-label"], jp = { class: "coar-time-picker__spinner coar-time-pick
|
|
|
12438
12622
|
"aria-valuemax": "59",
|
|
12439
12623
|
"aria-label": z(i)("coar.ui.timePicker.minutes", void 0, "Minutes"),
|
|
12440
12624
|
onKeydown: R
|
|
12441
|
-
}, I(g.value.toString().padStart(2, "0")), 41,
|
|
12625
|
+
}, I(g.value.toString().padStart(2, "0")), 41, qp),
|
|
12442
12626
|
s("button", {
|
|
12443
12627
|
type: "button",
|
|
12444
12628
|
class: "coar-time-picker__btn coar-time-picker__btn--down",
|
|
@@ -12449,9 +12633,9 @@ var Ap = ["aria-label"], jp = { class: "coar-time-picker__spinner coar-time-pick
|
|
|
12449
12633
|
}, [u(Q, {
|
|
12450
12634
|
name: "chevron-down",
|
|
12451
12635
|
size: y.value
|
|
12452
|
-
}, null, 8, ["size"])], 8,
|
|
12636
|
+
}, null, 8, ["size"])], 8, Jp)
|
|
12453
12637
|
]),
|
|
12454
|
-
m.value ? (E(), o("div",
|
|
12638
|
+
m.value ? (E(), o("div", Yp, [
|
|
12455
12639
|
s("button", {
|
|
12456
12640
|
type: "button",
|
|
12457
12641
|
class: "coar-time-picker__btn coar-time-picker__btn--up",
|
|
@@ -12462,7 +12646,7 @@ var Ap = ["aria-label"], jp = { class: "coar-time-picker__spinner coar-time-pick
|
|
|
12462
12646
|
}, [u(Q, {
|
|
12463
12647
|
name: "chevron-up",
|
|
12464
12648
|
size: y.value
|
|
12465
|
-
}, null, 8, ["size"])], 8,
|
|
12649
|
+
}, null, 8, ["size"])], 8, Xp),
|
|
12466
12650
|
s("div", {
|
|
12467
12651
|
class: "coar-time-picker__value coar-time-picker__period-value",
|
|
12468
12652
|
role: "spinbutton",
|
|
@@ -12473,7 +12657,7 @@ var Ap = ["aria-label"], jp = { class: "coar-time-picker__spinner coar-time-pick
|
|
|
12473
12657
|
"aria-valuetext": p.value,
|
|
12474
12658
|
"aria-label": "AM/PM",
|
|
12475
12659
|
onKeydown: B
|
|
12476
|
-
}, I(p.value), 41,
|
|
12660
|
+
}, I(p.value), 41, Zp),
|
|
12477
12661
|
s("button", {
|
|
12478
12662
|
type: "button",
|
|
12479
12663
|
class: "coar-time-picker__btn coar-time-picker__btn--down",
|
|
@@ -12484,14 +12668,14 @@ var Ap = ["aria-label"], jp = { class: "coar-time-picker__spinner coar-time-pick
|
|
|
12484
12668
|
}, [u(Q, {
|
|
12485
12669
|
name: "chevron-down",
|
|
12486
12670
|
size: y.value
|
|
12487
|
-
}, null, 8, ["size"])], 8,
|
|
12671
|
+
}, null, 8, ["size"])], 8, Qp)
|
|
12488
12672
|
])) : a("", !0)
|
|
12489
|
-
], 8,
|
|
12673
|
+
], 8, Bp)], 2));
|
|
12490
12674
|
}
|
|
12491
12675
|
}), [["__scopeId", "data-v-a5cd4780"]]);
|
|
12492
12676
|
//#endregion
|
|
12493
12677
|
//#region src/components/date-time/_shared/date-helpers.ts
|
|
12494
|
-
function
|
|
12678
|
+
function em(e) {
|
|
12495
12679
|
try {
|
|
12496
12680
|
let t = new Intl.DateTimeFormat(e).formatToParts(new Date(2024, 0, 15)), n = t.findIndex((e) => e.type === "day"), r = t.findIndex((e) => e.type === "month"), i = t.findIndex((e) => e.type === "year");
|
|
12497
12681
|
return n === -1 || r === -1 || i === -1 ? null : n < r && r < i ? "dd.mm.yyyy" : r < n && n < i ? "mm/dd/yyyy" : i < r && r < n ? "yyyy-mm-dd" : null;
|
|
@@ -12499,7 +12683,7 @@ function Wp(e) {
|
|
|
12499
12683
|
return null;
|
|
12500
12684
|
}
|
|
12501
12685
|
}
|
|
12502
|
-
function
|
|
12686
|
+
function tm(e) {
|
|
12503
12687
|
try {
|
|
12504
12688
|
let t = new Intl.Locale(e);
|
|
12505
12689
|
return (t.getWeekInfo?.() ?? t.weekInfo)?.firstDay === 7 ? 7 : 1;
|
|
@@ -12507,10 +12691,10 @@ function Gp(e) {
|
|
|
12507
12691
|
return 1;
|
|
12508
12692
|
}
|
|
12509
12693
|
}
|
|
12510
|
-
function
|
|
12694
|
+
function nm(e) {
|
|
12511
12695
|
return e.includes(".") ? "." : e.includes("/") ? "/" : "-";
|
|
12512
12696
|
}
|
|
12513
|
-
function
|
|
12697
|
+
function rm(e, t) {
|
|
12514
12698
|
let n = new Intl.DateTimeFormat(e, { weekday: "short" }), r = [];
|
|
12515
12699
|
for (let e = 0; e < 7; e++) {
|
|
12516
12700
|
let t = new Date(2024, 0, 1 + e);
|
|
@@ -12522,8 +12706,8 @@ function qp(e, t) {
|
|
|
12522
12706
|
}
|
|
12523
12707
|
return r;
|
|
12524
12708
|
}
|
|
12525
|
-
function
|
|
12526
|
-
let n =
|
|
12709
|
+
function im(e, t) {
|
|
12710
|
+
let n = nm(t), r = String(e.day).padStart(2, "0"), i = String(e.month).padStart(2, "0"), a = String(e.year);
|
|
12527
12711
|
switch (t) {
|
|
12528
12712
|
case "dd.mm.yyyy":
|
|
12529
12713
|
case "dd/mm/yyyy": return `${r}${n}${i}${n}${a}`;
|
|
@@ -12532,9 +12716,9 @@ function Jp(e, t) {
|
|
|
12532
12716
|
default: return `${r}${n}${i}${n}${a}`;
|
|
12533
12717
|
}
|
|
12534
12718
|
}
|
|
12535
|
-
function
|
|
12719
|
+
function am(e, t, n) {
|
|
12536
12720
|
if (!e) return null;
|
|
12537
|
-
let r =
|
|
12721
|
+
let r = nm(t), i = e.split(r);
|
|
12538
12722
|
if (i.length !== 3 || i.some((e) => e.length === 0 || !/^\d+$/.test(e))) return null;
|
|
12539
12723
|
let a, o, s;
|
|
12540
12724
|
try {
|
|
@@ -12562,19 +12746,19 @@ function Yp(e, t, n) {
|
|
|
12562
12746
|
return null;
|
|
12563
12747
|
}
|
|
12564
12748
|
}
|
|
12565
|
-
function
|
|
12749
|
+
function om(e) {
|
|
12566
12750
|
return new Date(e.year, e.month - 1, e.day);
|
|
12567
12751
|
}
|
|
12568
|
-
function
|
|
12569
|
-
let t =
|
|
12752
|
+
function sm(e) {
|
|
12753
|
+
let t = om(e), n = t.getDay() || 7;
|
|
12570
12754
|
t.setDate(t.getDate() + 4 - n);
|
|
12571
12755
|
let r = new Date(t.getFullYear(), 0, 1);
|
|
12572
12756
|
return Math.ceil(((t.getTime() - r.getTime()) / 864e5 + 1) / 7);
|
|
12573
12757
|
}
|
|
12574
|
-
function
|
|
12758
|
+
function cm(e, t) {
|
|
12575
12759
|
return t?.min && X.PlainDate.compare(e, t.min) < 0 ? t.min : t?.max && X.PlainDate.compare(e, t.max) > 0 ? t.max : e;
|
|
12576
12760
|
}
|
|
12577
|
-
function
|
|
12761
|
+
function lm(e, t) {
|
|
12578
12762
|
let n = e.toPlainDate({ day: 1 }), r = e.daysInMonth, i = n.dayOfWeek, a;
|
|
12579
12763
|
a = t === 1 ? (i - 1 + 7) % 7 : i % 7;
|
|
12580
12764
|
let o = [];
|
|
@@ -12598,20 +12782,20 @@ function $p(e, t) {
|
|
|
12598
12782
|
}
|
|
12599
12783
|
//#endregion
|
|
12600
12784
|
//#region src/components/date-time/scrollable-calendar/CoarScrollableCalendar.vue?vue&type=script&setup=true&lang.ts
|
|
12601
|
-
var
|
|
12785
|
+
var um = {
|
|
12602
12786
|
key: 0,
|
|
12603
12787
|
class: "coar-scrollable-calendar__week-spacer"
|
|
12604
|
-
},
|
|
12788
|
+
}, dm = ["id", "data-year-month"], fm = { class: "coar-scrollable-calendar__month-name" }, pm = { class: "coar-scrollable-calendar__month-year" }, mm = {
|
|
12605
12789
|
key: 0,
|
|
12606
12790
|
class: "coar-scrollable-calendar__week-number"
|
|
12607
|
-
},
|
|
12791
|
+
}, hm = [
|
|
12608
12792
|
"disabled",
|
|
12609
12793
|
"tabindex",
|
|
12610
12794
|
"data-date",
|
|
12611
12795
|
"aria-selected",
|
|
12612
12796
|
"aria-current",
|
|
12613
12797
|
"onClick"
|
|
12614
|
-
],
|
|
12798
|
+
], gm = 12, _m = 12, vm = 6, ym = 25, bm = /* @__PURE__ */ Z(/* @__PURE__ */ d({
|
|
12615
12799
|
__name: "CoarScrollableCalendar",
|
|
12616
12800
|
props: /* @__PURE__ */ _({
|
|
12617
12801
|
min: { default: null },
|
|
@@ -12637,13 +12821,13 @@ var em = {
|
|
|
12637
12821
|
setup(t, { emit: n }) {
|
|
12638
12822
|
let i = t, c = V(t, "modelValue"), l = V(t, "activeMonth"), u = n, d = ne(), f = r(() => i.locale ?? d?.language.value ?? navigator.language), p = r(() => {
|
|
12639
12823
|
if (i.dateFormatConfig) return i.dateFormatConfig;
|
|
12640
|
-
let e =
|
|
12824
|
+
let e = em(f.value), t = tm(f.value);
|
|
12641
12825
|
return {
|
|
12642
12826
|
pattern: e ?? "dd.mm.yyyy",
|
|
12643
12827
|
firstDayOfWeek: t
|
|
12644
12828
|
};
|
|
12645
12829
|
}), m = r(() => p.value.firstDayOfWeek), h = r(() => X.Now.plainDateISO()), g = r(() => {
|
|
12646
|
-
let e =
|
|
12830
|
+
let e = rm(f.value, m.value), t = m.value;
|
|
12647
12831
|
return e.map((e, n) => {
|
|
12648
12832
|
let r;
|
|
12649
12833
|
return r = t === 1 ? n + 1 : n === 0 ? 7 : n, {
|
|
@@ -12651,7 +12835,7 @@ var em = {
|
|
|
12651
12835
|
isWeekend: r === 6 || r === 7
|
|
12652
12836
|
};
|
|
12653
12837
|
});
|
|
12654
|
-
}), _ = A(X.Now.plainDateISO().toPlainYearMonth().subtract({ months:
|
|
12838
|
+
}), _ = A(X.Now.plainDateISO().toPlainYearMonth().subtract({ months: gm })), v = A(X.Now.plainDateISO().toPlainYearMonth().add({ months: _m })), x = A(null), S = A(null), T = A(!1), D = !1, O = !1, k = !1;
|
|
12655
12839
|
function M() {
|
|
12656
12840
|
let e = S.value;
|
|
12657
12841
|
return e ? e.querySelector("[data-overlayscrollbars-viewport]") ?? e : null;
|
|
@@ -12678,8 +12862,8 @@ var em = {
|
|
|
12678
12862
|
};
|
|
12679
12863
|
}
|
|
12680
12864
|
function F(e) {
|
|
12681
|
-
let t = f.value, n = new Intl.DateTimeFormat(t, { month: "long" }).format(new Date(e.year, e.month - 1, 1)), r =
|
|
12682
|
-
for (let e = 0; e < 6; e++) a.push(
|
|
12865
|
+
let t = f.value, n = new Intl.DateTimeFormat(t, { month: "long" }).format(new Date(e.year, e.month - 1, 1)), r = lm(e, m.value), i = r.map((e) => P(e.date, e.isOutsideMonth)), a = [];
|
|
12866
|
+
for (let e = 0; e < 6; e++) a.push(sm(r[e * 7].date));
|
|
12683
12867
|
return {
|
|
12684
12868
|
yearMonth: e,
|
|
12685
12869
|
monthName: n,
|
|
@@ -12770,7 +12954,7 @@ var em = {
|
|
|
12770
12954
|
if (k) return;
|
|
12771
12955
|
k = !0;
|
|
12772
12956
|
let e = M(), t = e?.scrollHeight ?? 0, n = i.min?.toPlainYearMonth() ?? null, r = _.value, a = [];
|
|
12773
|
-
for (let e = 0; e <
|
|
12957
|
+
for (let e = 0; e < vm; e++) {
|
|
12774
12958
|
let e = r.subtract({ months: 1 });
|
|
12775
12959
|
if (n && X.PlainYearMonth.compare(e, n) < 0) break;
|
|
12776
12960
|
r = e, a.unshift(F(r));
|
|
@@ -12791,7 +12975,7 @@ var em = {
|
|
|
12791
12975
|
if (k) return;
|
|
12792
12976
|
k = !0;
|
|
12793
12977
|
let e = i.max?.toPlainYearMonth() ?? null, t = v.value, n = [];
|
|
12794
|
-
for (let r = 0; r <
|
|
12978
|
+
for (let r = 0; r < vm; r++) {
|
|
12795
12979
|
let r = t.add({ months: 1 });
|
|
12796
12980
|
if (e && X.PlainYearMonth.compare(r, e) > 0) break;
|
|
12797
12981
|
t = r, n.push(F(t));
|
|
@@ -12806,14 +12990,14 @@ var em = {
|
|
|
12806
12990
|
}
|
|
12807
12991
|
function Y() {
|
|
12808
12992
|
let e = R.value;
|
|
12809
|
-
if (e.length <=
|
|
12810
|
-
let t = e.slice(0,
|
|
12993
|
+
if (e.length <= ym) return;
|
|
12994
|
+
let t = e.slice(0, ym);
|
|
12811
12995
|
R.value = t, v.value = t[t.length - 1].yearMonth;
|
|
12812
12996
|
}
|
|
12813
12997
|
function re() {
|
|
12814
12998
|
let e = R.value;
|
|
12815
|
-
if (e.length <=
|
|
12816
|
-
let t = e.length -
|
|
12999
|
+
if (e.length <= ym) return;
|
|
13000
|
+
let t = e.length - ym, n = e.slice(t);
|
|
12817
13001
|
R.value = n, _.value = n[0].yearMonth;
|
|
12818
13002
|
}
|
|
12819
13003
|
function ie(e) {
|
|
@@ -12832,7 +13016,7 @@ var em = {
|
|
|
12832
13016
|
r = n.add({ years: e });
|
|
12833
13017
|
break;
|
|
12834
13018
|
}
|
|
12835
|
-
r =
|
|
13019
|
+
r = cm(r, {
|
|
12836
13020
|
min: i.min,
|
|
12837
13021
|
max: i.max
|
|
12838
13022
|
}), x.value = r;
|
|
@@ -12896,7 +13080,7 @@ var em = {
|
|
|
12896
13080
|
}), (n, r) => (E(), o("div", {
|
|
12897
13081
|
class: "coar-scrollable-calendar",
|
|
12898
13082
|
onKeydown: oe
|
|
12899
|
-
}, [s("div", { class: b(["coar-scrollable-calendar__weekdays", { "coar-scrollable-calendar__weekdays--with-weeks": t.showWeekNumbers }]) }, [t.showWeekNumbers ? (E(), o("span",
|
|
13083
|
+
}, [s("div", { class: b(["coar-scrollable-calendar__weekdays", { "coar-scrollable-calendar__weekdays--with-weeks": t.showWeekNumbers }]) }, [t.showWeekNumbers ? (E(), o("span", um)) : a("", !0), (E(!0), o(e, null, j(g.value, (e) => (E(), o("span", {
|
|
12900
13084
|
key: e.name,
|
|
12901
13085
|
class: b(["coar-scrollable-calendar__weekday", { "coar-scrollable-calendar__weekday--weekend": t.highlightWeekends && e.isWeekend }])
|
|
12902
13086
|
}, I(e.name), 3))), 128))], 2), s("div", { class: b(["coar-scrollable-calendar__months-wrapper", { "coar-scrollable-calendar__months-wrapper--ready": T.value }]) }, [J((E(), o("div", {
|
|
@@ -12908,10 +13092,10 @@ var em = {
|
|
|
12908
13092
|
key: n.yearMonth.toString(),
|
|
12909
13093
|
"data-year-month": n.yearMonth.toString(),
|
|
12910
13094
|
class: "coar-scrollable-calendar__month"
|
|
12911
|
-
}, [s("div", { class: b(["coar-scrollable-calendar__month-header", { "coar-scrollable-calendar__month-header--with-weeks": t.showWeekNumbers }]) }, [s("span",
|
|
13095
|
+
}, [s("div", { class: b(["coar-scrollable-calendar__month-header", { "coar-scrollable-calendar__month-header--with-weeks": t.showWeekNumbers }]) }, [s("span", fm, I(n.monthName), 1), s("span", pm, I(n.year), 1)], 2), s("div", {
|
|
12912
13096
|
class: b(["coar-scrollable-calendar__grid", { "coar-scrollable-calendar__grid--with-weeks": t.showWeekNumbers }]),
|
|
12913
13097
|
role: "grid"
|
|
12914
|
-
}, [(E(!0), o(e, null, j(n.days, (r, i) => (E(), o(e, { key: r.date.toString() }, [t.showWeekNumbers && i % 7 == 0 ? (E(), o("span",
|
|
13098
|
+
}, [(E(!0), o(e, null, j(n.days, (r, i) => (E(), o(e, { key: r.date.toString() }, [t.showWeekNumbers && i % 7 == 0 ? (E(), o("span", mm, I(n.weekNumbers[i / 7]), 1)) : a("", !0), s("button", {
|
|
12915
13099
|
type: "button",
|
|
12916
13100
|
class: b(["coar-scrollable-calendar__day", [r.markerCssClass, {
|
|
12917
13101
|
"coar-scrollable-calendar__day--outside": r.isOutsideMonth,
|
|
@@ -12928,12 +13112,12 @@ var em = {
|
|
|
12928
13112
|
"aria-selected": r.isSelected,
|
|
12929
13113
|
"aria-current": r.isToday ? "date" : void 0,
|
|
12930
13114
|
onClick: (e) => ie(r.date)
|
|
12931
|
-
}, I(r.day), 11,
|
|
13115
|
+
}, I(r.day), 11, hm)], 64))), 128))], 2)], 8, dm))), 128))])), [[z(Ua), {
|
|
12932
13116
|
overflowX: "hidden",
|
|
12933
13117
|
autoHide: "leave"
|
|
12934
13118
|
}]])], 2)], 32));
|
|
12935
13119
|
}
|
|
12936
|
-
}), [["__scopeId", "data-v-e9dd37f6"]]),
|
|
13120
|
+
}), [["__scopeId", "data-v-e9dd37f6"]]), xm = { class: "coar-month-list-host" }, Sm = { class: "coar-month-list" }, Cm = { class: "coar-month-list__year-stepper" }, wm = ["disabled", "aria-label"], Tm = { class: "coar-month-list__year" }, Em = ["disabled", "aria-label"], Dm = ["aria-label"], Om = ["aria-selected", "onClick"], km = /* @__PURE__ */ Z(/* @__PURE__ */ d({
|
|
12937
13121
|
__name: "CoarMonthList",
|
|
12938
13122
|
props: /* @__PURE__ */ _({
|
|
12939
13123
|
locale: { default: void 0 },
|
|
@@ -12990,7 +13174,7 @@ var em = {
|
|
|
12990
13174
|
y(() => T());
|
|
12991
13175
|
}), w(() => {
|
|
12992
13176
|
setTimeout(() => T(), 50);
|
|
12993
|
-
}), (t, n) => (E(), o("div",
|
|
13177
|
+
}), (t, n) => (E(), o("div", xm, [s("div", Sm, [s("div", Cm, [
|
|
12994
13178
|
s("button", {
|
|
12995
13179
|
type: "button",
|
|
12996
13180
|
class: "coar-month-list__year-btn",
|
|
@@ -13000,8 +13184,8 @@ var em = {
|
|
|
13000
13184
|
}, [u(Q, {
|
|
13001
13185
|
name: "chevron-left",
|
|
13002
13186
|
size: "s"
|
|
13003
|
-
})], 8,
|
|
13004
|
-
s("span",
|
|
13187
|
+
})], 8, wm),
|
|
13188
|
+
s("span", Tm, I(p.value), 1),
|
|
13005
13189
|
s("button", {
|
|
13006
13190
|
type: "button",
|
|
13007
13191
|
class: "coar-month-list__year-btn",
|
|
@@ -13011,7 +13195,7 @@ var em = {
|
|
|
13011
13195
|
}, [u(Q, {
|
|
13012
13196
|
name: "chevron-right",
|
|
13013
13197
|
size: "s"
|
|
13014
|
-
})], 8,
|
|
13198
|
+
})], 8, Em)
|
|
13015
13199
|
]), J((E(), o("div", {
|
|
13016
13200
|
ref_key: "monthsContainerRef",
|
|
13017
13201
|
ref: C,
|
|
@@ -13025,16 +13209,16 @@ var em = {
|
|
|
13025
13209
|
role: "option",
|
|
13026
13210
|
"aria-selected": e.isActive,
|
|
13027
13211
|
onClick: (t) => S(e.yearMonth)
|
|
13028
|
-
}, I(e.name), 11,
|
|
13212
|
+
}, I(e.name), 11, Om))), 128))], 8, Dm)), [[z(Ua), {
|
|
13029
13213
|
overflowX: "hidden",
|
|
13030
13214
|
autoHide: "leave"
|
|
13031
13215
|
}]])])]));
|
|
13032
13216
|
}
|
|
13033
|
-
}), [["__scopeId", "data-v-11c8cf34"]]),
|
|
13217
|
+
}), [["__scopeId", "data-v-11c8cf34"]]), Am = {
|
|
13034
13218
|
pattern: "dd.mm.yyyy",
|
|
13035
13219
|
firstDayOfWeek: 1
|
|
13036
13220
|
};
|
|
13037
|
-
function
|
|
13221
|
+
function jm(e) {
|
|
13038
13222
|
let t = ne(), n = re(), i = r(() => e.locale?.value ? e.locale.value : t.language.value || navigator.language || "en"), a = r(() => {
|
|
13039
13223
|
if (e.dateFormat?.value) return e.dateFormat.value;
|
|
13040
13224
|
let n = t.localeData.value;
|
|
@@ -13042,12 +13226,12 @@ function xm(e) {
|
|
|
13042
13226
|
pattern: n.date.pattern,
|
|
13043
13227
|
firstDayOfWeek: n.date.firstDayOfWeek === 0 ? 7 : n.date.firstDayOfWeek
|
|
13044
13228
|
};
|
|
13045
|
-
let r =
|
|
13229
|
+
let r = em(i.value), a = tm(i.value);
|
|
13046
13230
|
return r ? {
|
|
13047
13231
|
pattern: r,
|
|
13048
13232
|
firstDayOfWeek: a
|
|
13049
13233
|
} : {
|
|
13050
|
-
...
|
|
13234
|
+
...Am,
|
|
13051
13235
|
firstDayOfWeek: a
|
|
13052
13236
|
};
|
|
13053
13237
|
}), o = r(() => {
|
|
@@ -13076,10 +13260,10 @@ function xm(e) {
|
|
|
13076
13260
|
}
|
|
13077
13261
|
//#endregion
|
|
13078
13262
|
//#region src/components/date-time/_shared/types.ts
|
|
13079
|
-
var
|
|
13263
|
+
var Mm = {
|
|
13080
13264
|
use24Hour: "auto",
|
|
13081
13265
|
minuteStep: 5
|
|
13082
|
-
},
|
|
13266
|
+
}, Nm = {
|
|
13083
13267
|
"dd.mm.yyyy": "dd/mm/yyyy",
|
|
13084
13268
|
"dd/mm/yyyy": "dd/mm/yyyy",
|
|
13085
13269
|
"mm/dd/yyyy": "mm/dd/yyyy",
|
|
@@ -13087,28 +13271,28 @@ var Sm = {
|
|
|
13087
13271
|
};
|
|
13088
13272
|
//#endregion
|
|
13089
13273
|
//#region src/components/date-time/_shared/maskito-config.ts
|
|
13090
|
-
function
|
|
13274
|
+
function Pm(e) {
|
|
13091
13275
|
return oe({
|
|
13092
|
-
mode:
|
|
13093
|
-
separator:
|
|
13276
|
+
mode: Nm[e],
|
|
13277
|
+
separator: nm(e)
|
|
13094
13278
|
});
|
|
13095
13279
|
}
|
|
13096
|
-
function
|
|
13280
|
+
function Fm(e, t) {
|
|
13097
13281
|
return se({
|
|
13098
|
-
dateMode:
|
|
13099
|
-
dateSeparator:
|
|
13282
|
+
dateMode: Nm[e],
|
|
13283
|
+
dateSeparator: nm(e),
|
|
13100
13284
|
timeMode: t ? "HH:MM AA" : "HH:MM"
|
|
13101
13285
|
});
|
|
13102
13286
|
}
|
|
13103
13287
|
//#endregion
|
|
13104
13288
|
//#region src/components/date-time/plain-date-picker/CoarPlainDatePickerPanel.vue?vue&type=script&setup=true&lang.ts
|
|
13105
|
-
var
|
|
13289
|
+
var Im = { class: "coar-plain-date-picker-calendar-column" }, Lm = ["aria-label"], Rm = { class: "coar-plain-date-picker-side-column" }, zm = { class: "coar-plain-date-picker-year-stepper" }, Bm = ["disabled", "aria-label"], Vm = { class: "coar-plain-date-picker-year" }, Hm = ["disabled", "aria-label"], Um = { class: "coar-plain-date-picker-month-list-wrapper" }, Wm = ["aria-label"], Gm = { class: "coar-plain-date-picker-month-list-content" }, Km = ["aria-selected", "onClick"], qm = {
|
|
13106
13290
|
key: 0,
|
|
13107
13291
|
class: "coar-plain-date-picker-events"
|
|
13108
|
-
},
|
|
13292
|
+
}, Jm = { class: "coar-plain-date-picker-events-list" }, Ym = { class: "coar-plain-date-picker-events-content" }, Xm = { class: "coar-plain-date-picker-event-details" }, Zm = { class: "coar-plain-date-picker-event-text" }, Qm = {
|
|
13109
13293
|
key: 0,
|
|
13110
13294
|
class: "coar-plain-date-picker-event-dates"
|
|
13111
|
-
},
|
|
13295
|
+
}, $m = /* @__PURE__ */ d({
|
|
13112
13296
|
__name: "CoarPlainDatePickerPanel",
|
|
13113
13297
|
props: {
|
|
13114
13298
|
modelValue: {},
|
|
@@ -13151,7 +13335,7 @@ var Em = { class: "coar-plain-date-picker-calendar-column" }, Dm = ["aria-label"
|
|
|
13151
13335
|
return n && r;
|
|
13152
13336
|
}) : [];
|
|
13153
13337
|
});
|
|
13154
|
-
return (n, r) => (E(), o("div", { class: b(["coar-plain-date-picker-panel", { "coar-plain-date-picker-panel--with-weeks": t.showWeekNumbers }]) }, [s("div",
|
|
13338
|
+
return (n, r) => (E(), o("div", { class: b(["coar-plain-date-picker-panel", { "coar-plain-date-picker-panel--with-weeks": t.showWeekNumbers }]) }, [s("div", Im, [u(bm, {
|
|
13155
13339
|
"model-value": t.modelValue,
|
|
13156
13340
|
"active-month": t.activeMonth,
|
|
13157
13341
|
min: t.min ?? void 0,
|
|
@@ -13184,8 +13368,8 @@ var Em = { class: "coar-plain-date-picker-calendar-column" }, Dm = ["aria-label"
|
|
|
13184
13368
|
}, [u(Q, {
|
|
13185
13369
|
name: h.value === "up" ? "chevron-up" : "chevron-down",
|
|
13186
13370
|
size: "xs"
|
|
13187
|
-
}, null, 8, ["name"])], 8,
|
|
13188
|
-
s("div",
|
|
13371
|
+
}, null, 8, ["name"])], 8, Lm)) : a("", !0)]), s("div", Rm, [
|
|
13372
|
+
s("div", zm, [
|
|
13189
13373
|
s("button", {
|
|
13190
13374
|
type: "button",
|
|
13191
13375
|
class: "coar-plain-date-picker-year-btn",
|
|
@@ -13195,8 +13379,8 @@ var Em = { class: "coar-plain-date-picker-calendar-column" }, Dm = ["aria-label"
|
|
|
13195
13379
|
}, [u(Q, {
|
|
13196
13380
|
name: "chevron-left",
|
|
13197
13381
|
size: "s"
|
|
13198
|
-
})], 8,
|
|
13199
|
-
s("span",
|
|
13382
|
+
})], 8, Bm),
|
|
13383
|
+
s("span", Vm, I(c.value), 1),
|
|
13200
13384
|
s("button", {
|
|
13201
13385
|
type: "button",
|
|
13202
13386
|
class: "coar-plain-date-picker-year-btn",
|
|
@@ -13206,31 +13390,31 @@ var Em = { class: "coar-plain-date-picker-calendar-column" }, Dm = ["aria-label"
|
|
|
13206
13390
|
}, [u(Q, {
|
|
13207
13391
|
name: "chevron-right",
|
|
13208
13392
|
size: "s"
|
|
13209
|
-
})], 8,
|
|
13393
|
+
})], 8, Hm)
|
|
13210
13394
|
]),
|
|
13211
|
-
s("div",
|
|
13395
|
+
s("div", Um, [s("div", {
|
|
13212
13396
|
class: "coar-plain-date-picker-month-list",
|
|
13213
13397
|
role: "listbox",
|
|
13214
13398
|
"aria-label": z(i)("coar.ui.datePicker.months", void 0, "Months")
|
|
13215
|
-
}, [s("div",
|
|
13399
|
+
}, [s("div", Gm, [(E(!0), o(e, null, j(p.value, (e) => (E(), o("button", {
|
|
13216
13400
|
key: e.month,
|
|
13217
13401
|
type: "button",
|
|
13218
13402
|
class: b(["coar-plain-date-picker-month-item", { "coar-plain-date-picker-month-item--active": e.isActive }]),
|
|
13219
13403
|
role: "option",
|
|
13220
13404
|
"aria-selected": e.isActive,
|
|
13221
13405
|
onClick: (n) => t.onSelectMonth(e.yearMonth)
|
|
13222
|
-
}, I(e.name), 11,
|
|
13223
|
-
_.value.length > 0 ? (E(), o("div",
|
|
13406
|
+
}, I(e.name), 11, Km))), 128))])], 8, Wm)]),
|
|
13407
|
+
_.value.length > 0 ? (E(), o("div", qm, [s("div", Jm, [s("div", Ym, [(E(!0), o(e, null, j(_.value, (e) => (E(), o("div", {
|
|
13224
13408
|
key: e.description,
|
|
13225
13409
|
class: "coar-plain-date-picker-event-item"
|
|
13226
|
-
}, [r[3] ||= s("span", { class: "coar-plain-date-picker-event-dot" }, null, -1), s("div",
|
|
13410
|
+
}, [r[3] ||= s("span", { class: "coar-plain-date-picker-event-dot" }, null, -1), s("div", Xm, [s("span", Zm, I(e.description), 1), e.endDate && !e.startDate.equals(e.endDate) ? (E(), o("span", Qm, I(e.startDate.day) + "/" + I(e.startDate.month) + " – " + I(e.endDate.day) + "/" + I(e.endDate.month), 1)) : a("", !0)])]))), 128))])])])) : a("", !0)
|
|
13227
13411
|
])], 2));
|
|
13228
13412
|
}
|
|
13229
|
-
}),
|
|
13413
|
+
}), eh = {
|
|
13230
13414
|
key: 0,
|
|
13231
13415
|
class: "coar-plain-date-picker-required",
|
|
13232
13416
|
"aria-hidden": "true"
|
|
13233
|
-
},
|
|
13417
|
+
}, th = ["aria-expanded", "aria-controls"], nh = ["aria-label"], rh = [
|
|
13234
13418
|
"value",
|
|
13235
13419
|
"placeholder",
|
|
13236
13420
|
"disabled",
|
|
@@ -13238,7 +13422,7 @@ var Em = { class: "coar-plain-date-picker-calendar-column" }, Dm = ["aria-label"
|
|
|
13238
13422
|
"aria-labelledby",
|
|
13239
13423
|
"aria-invalid",
|
|
13240
13424
|
"aria-describedby"
|
|
13241
|
-
],
|
|
13425
|
+
], ih = ["aria-label", "disabled"], ah = ["title"], oh = /* @__PURE__ */ Z(/* @__PURE__ */ d({
|
|
13242
13426
|
__name: "CoarPlainDatePicker",
|
|
13243
13427
|
props: /* @__PURE__ */ _({
|
|
13244
13428
|
label: { default: "" },
|
|
@@ -13289,17 +13473,17 @@ var Em = { class: "coar-plain-date-picker-calendar-column" }, Dm = ["aria-label"
|
|
|
13289
13473
|
}),
|
|
13290
13474
|
emits: /* @__PURE__ */ _(["opened", "closed"], ["update:modelValue"]),
|
|
13291
13475
|
setup(e, { emit: t }) {
|
|
13292
|
-
let n = e, i = V(e, "modelValue"), c = t, { t: d } = Y(), f =
|
|
13476
|
+
let n = e, i = V(e, "modelValue"), c = t, { t: d } = Y(), f = jm({
|
|
13293
13477
|
locale: r(() => n.locale),
|
|
13294
13478
|
dateFormat: r(() => n.dateFormat)
|
|
13295
13479
|
}), p = A(i.value?.toPlainYearMonth() ?? X.Now.plainDateISO().toPlainYearMonth()), m = `coar-plain-date-picker-${crypto.randomUUID?.() ?? Date.now().toString(16)}`, h = `${m}-label`, _ = `${m}-input`, v = `${m}-panel`, x = `${m}-message`, S = A(null), T = A(null), D = null, k = A(""), j;
|
|
13296
13480
|
function M() {
|
|
13297
13481
|
if (j?.destroy(), !T.value) return;
|
|
13298
|
-
let e =
|
|
13482
|
+
let e = Pm(f.effectiveDateFormat.value.pattern);
|
|
13299
13483
|
j = new ae(T.value, e);
|
|
13300
13484
|
}
|
|
13301
13485
|
G(i, (e) => {
|
|
13302
|
-
e ? k.value =
|
|
13486
|
+
e ? k.value = im(e, f.effectiveDateFormat.value.pattern) : k.value = "";
|
|
13303
13487
|
}, { immediate: !0 }), G([T, () => f.effectiveDateFormat.value], () => {
|
|
13304
13488
|
y(() => M());
|
|
13305
13489
|
}), C(() => {
|
|
@@ -13375,7 +13559,7 @@ var Em = { class: "coar-plain-date-picker-calendar-column" }, Dm = ["aria-label"
|
|
|
13375
13559
|
},
|
|
13376
13560
|
content: {
|
|
13377
13561
|
kind: "component",
|
|
13378
|
-
component: g(
|
|
13562
|
+
component: g($m)
|
|
13379
13563
|
},
|
|
13380
13564
|
inputs: t
|
|
13381
13565
|
}), f.open(), c("opened"), D.afterClosed.then(() => {
|
|
@@ -13400,7 +13584,7 @@ var Em = { class: "coar-plain-date-picker-calendar-column" }, Dm = ["aria-label"
|
|
|
13400
13584
|
function te(e) {
|
|
13401
13585
|
let t = e.target;
|
|
13402
13586
|
k.value = t.value;
|
|
13403
|
-
let r =
|
|
13587
|
+
let r = am(t.value, f.effectiveDateFormat.value.pattern, {
|
|
13404
13588
|
min: n.min,
|
|
13405
13589
|
max: n.max
|
|
13406
13590
|
});
|
|
@@ -13408,10 +13592,10 @@ var Em = { class: "coar-plain-date-picker-calendar-column" }, Dm = ["aria-label"
|
|
|
13408
13592
|
}
|
|
13409
13593
|
function ne() {
|
|
13410
13594
|
let e = k.value;
|
|
13411
|
-
!
|
|
13595
|
+
!am(e, f.effectiveDateFormat.value.pattern, {
|
|
13412
13596
|
min: n.min,
|
|
13413
13597
|
max: n.max
|
|
13414
|
-
}) && e.length > 0 && (i.value ? k.value =
|
|
13598
|
+
}) && e.length > 0 && (i.value ? k.value = im(i.value, f.effectiveDateFormat.value.pattern) : k.value = "");
|
|
13415
13599
|
}
|
|
13416
13600
|
return (t, n) => (E(), o("div", { class: b(["coar-plain-date-picker-wrapper", [`coar-plain-date-picker--${e.size}`, {
|
|
13417
13601
|
"coar-plain-date-picker--disabled": F.value,
|
|
@@ -13423,7 +13607,7 @@ var Em = { class: "coar-plain-date-picker-calendar-column" }, Dm = ["aria-label"
|
|
|
13423
13607
|
key: 0,
|
|
13424
13608
|
id: h,
|
|
13425
13609
|
class: "coar-plain-date-picker-label"
|
|
13426
|
-
}, [l(I(e.label) + " ", 1), e.required ? (E(), o("span",
|
|
13610
|
+
}, [l(I(e.label) + " ", 1), e.required ? (E(), o("span", eh, "*")) : a("", !0)])) : a("", !0),
|
|
13427
13611
|
s("div", {
|
|
13428
13612
|
ref_key: "triggerRef",
|
|
13429
13613
|
ref: S,
|
|
@@ -13447,7 +13631,7 @@ var Em = { class: "coar-plain-date-picker-calendar-column" }, Dm = ["aria-label"
|
|
|
13447
13631
|
}, [u(Q, {
|
|
13448
13632
|
name: "x",
|
|
13449
13633
|
size: "auto"
|
|
13450
|
-
})], 10,
|
|
13634
|
+
})], 10, nh),
|
|
13451
13635
|
s("input", {
|
|
13452
13636
|
id: _,
|
|
13453
13637
|
ref_key: "dateInputRef",
|
|
@@ -13465,7 +13649,7 @@ var Em = { class: "coar-plain-date-picker-calendar-column" }, Dm = ["aria-label"
|
|
|
13465
13649
|
onInput: te,
|
|
13466
13650
|
onBlur: ne,
|
|
13467
13651
|
onKeydown: J
|
|
13468
|
-
}, null, 40,
|
|
13652
|
+
}, null, 40, rh),
|
|
13469
13653
|
s("button", {
|
|
13470
13654
|
type: "button",
|
|
13471
13655
|
class: "coar-plain-date-picker-btn",
|
|
@@ -13476,23 +13660,23 @@ var Em = { class: "coar-plain-date-picker-calendar-column" }, Dm = ["aria-label"
|
|
|
13476
13660
|
}, [u(Q, {
|
|
13477
13661
|
name: "calendar",
|
|
13478
13662
|
size: "s"
|
|
13479
|
-
})], 8,
|
|
13480
|
-
], 10,
|
|
13663
|
+
})], 8, ih)
|
|
13664
|
+
], 10, th),
|
|
13481
13665
|
P.value ? (E(), o("div", {
|
|
13482
13666
|
key: 1,
|
|
13483
13667
|
id: x,
|
|
13484
13668
|
class: b(["coar-form-field-message", { "coar-form-field-message--error": N.value }]),
|
|
13485
13669
|
title: P.value
|
|
13486
|
-
}, I(P.value), 11,
|
|
13670
|
+
}, I(P.value), 11, ah)) : a("", !0)
|
|
13487
13671
|
], 2));
|
|
13488
13672
|
}
|
|
13489
|
-
}), [["__scopeId", "data-v-2c8a34e4"]]),
|
|
13673
|
+
}), [["__scopeId", "data-v-2c8a34e4"]]), sh = { class: "coar-pdtp-calendar-column" }, ch = ["aria-label"], lh = { class: "coar-pdtp-side-column" }, uh = { class: "coar-pdtp-year-stepper" }, dh = ["disabled", "aria-label"], fh = { class: "coar-pdtp-year" }, ph = ["disabled", "aria-label"], mh = { class: "coar-pdtp-month-list-wrapper" }, hh = ["aria-label"], gh = { class: "coar-pdtp-month-list-content" }, _h = ["aria-selected", "onClick"], vh = { class: "coar-pdtp-time-section" }, yh = {
|
|
13490
13674
|
key: 0,
|
|
13491
13675
|
class: "coar-pdtp-events"
|
|
13492
|
-
},
|
|
13676
|
+
}, bh = { class: "coar-pdtp-events-list" }, xh = { class: "coar-pdtp-events-content" }, Sh = { class: "coar-pdtp-event-details" }, Ch = { class: "coar-pdtp-event-text" }, wh = {
|
|
13493
13677
|
key: 0,
|
|
13494
13678
|
class: "coar-pdtp-event-dates"
|
|
13495
|
-
},
|
|
13679
|
+
}, Th = /* @__PURE__ */ d({
|
|
13496
13680
|
__name: "CoarPlainDateTimePickerPanel",
|
|
13497
13681
|
props: {
|
|
13498
13682
|
modelValue: {},
|
|
@@ -13543,7 +13727,7 @@ var Em = { class: "coar-plain-date-picker-calendar-column" }, Dm = ["aria-label"
|
|
|
13543
13727
|
return n && r;
|
|
13544
13728
|
}) : [];
|
|
13545
13729
|
});
|
|
13546
|
-
return (n, r) => (E(), o("div", { class: b(["coar-pdtp-panel", { "coar-pdtp-panel--with-weeks": t.showWeekNumbers }]) }, [s("div",
|
|
13730
|
+
return (n, r) => (E(), o("div", { class: b(["coar-pdtp-panel", { "coar-pdtp-panel--with-weeks": t.showWeekNumbers }]) }, [s("div", sh, [u(bm, {
|
|
13547
13731
|
"model-value": t.modelValue,
|
|
13548
13732
|
"active-month": t.activeMonth,
|
|
13549
13733
|
min: t.min ?? void 0,
|
|
@@ -13576,8 +13760,8 @@ var Em = { class: "coar-plain-date-picker-calendar-column" }, Dm = ["aria-label"
|
|
|
13576
13760
|
}, [u(Q, {
|
|
13577
13761
|
name: h.value === "up" ? "chevron-up" : "chevron-down",
|
|
13578
13762
|
size: "xs"
|
|
13579
|
-
}, null, 8, ["name"])], 8,
|
|
13580
|
-
s("div",
|
|
13763
|
+
}, null, 8, ["name"])], 8, ch)) : a("", !0)]), s("div", lh, [
|
|
13764
|
+
s("div", uh, [
|
|
13581
13765
|
s("button", {
|
|
13582
13766
|
type: "button",
|
|
13583
13767
|
class: "coar-pdtp-year-btn",
|
|
@@ -13587,8 +13771,8 @@ var Em = { class: "coar-plain-date-picker-calendar-column" }, Dm = ["aria-label"
|
|
|
13587
13771
|
}, [u(Q, {
|
|
13588
13772
|
name: "chevron-left",
|
|
13589
13773
|
size: "s"
|
|
13590
|
-
})], 8,
|
|
13591
|
-
s("span",
|
|
13774
|
+
})], 8, dh),
|
|
13775
|
+
s("span", fh, I(c.value), 1),
|
|
13592
13776
|
s("button", {
|
|
13593
13777
|
type: "button",
|
|
13594
13778
|
class: "coar-pdtp-year-btn",
|
|
@@ -13598,21 +13782,21 @@ var Em = { class: "coar-plain-date-picker-calendar-column" }, Dm = ["aria-label"
|
|
|
13598
13782
|
}, [u(Q, {
|
|
13599
13783
|
name: "chevron-right",
|
|
13600
13784
|
size: "s"
|
|
13601
|
-
})], 8,
|
|
13785
|
+
})], 8, ph)
|
|
13602
13786
|
]),
|
|
13603
|
-
s("div",
|
|
13787
|
+
s("div", mh, [s("div", {
|
|
13604
13788
|
class: "coar-pdtp-month-list",
|
|
13605
13789
|
role: "listbox",
|
|
13606
13790
|
"aria-label": z(i)("coar.ui.datePicker.months", void 0, "Months")
|
|
13607
|
-
}, [s("div",
|
|
13791
|
+
}, [s("div", gh, [(E(!0), o(e, null, j(p.value, (e) => (E(), o("button", {
|
|
13608
13792
|
key: e.month,
|
|
13609
13793
|
type: "button",
|
|
13610
13794
|
class: b(["coar-pdtp-month-item", { "coar-pdtp-month-item--active": e.isActive }]),
|
|
13611
13795
|
role: "option",
|
|
13612
13796
|
"aria-selected": e.isActive,
|
|
13613
13797
|
onClick: (n) => t.onSelectMonth(e.yearMonth)
|
|
13614
|
-
}, I(e.name), 11,
|
|
13615
|
-
s("div",
|
|
13798
|
+
}, I(e.name), 11, _h))), 128))])], 8, hh)]),
|
|
13799
|
+
s("div", vh, [u($p, {
|
|
13616
13800
|
"model-value": t.selectedTime,
|
|
13617
13801
|
"use24-hour": t.use24Hour,
|
|
13618
13802
|
"minute-step": t.minuteStep,
|
|
@@ -13634,17 +13818,17 @@ var Em = { class: "coar-plain-date-picker-calendar-column" }, Dm = ["aria-label"
|
|
|
13634
13818
|
"max-time",
|
|
13635
13819
|
"onUpdate:modelValue"
|
|
13636
13820
|
])]),
|
|
13637
|
-
_.value.length > 0 ? (E(), o("div",
|
|
13821
|
+
_.value.length > 0 ? (E(), o("div", yh, [s("div", bh, [s("div", xh, [(E(!0), o(e, null, j(_.value, (e) => (E(), o("div", {
|
|
13638
13822
|
key: e.description,
|
|
13639
13823
|
class: "coar-pdtp-event-item"
|
|
13640
|
-
}, [r[3] ||= s("span", { class: "coar-pdtp-event-dot" }, null, -1), s("div",
|
|
13824
|
+
}, [r[3] ||= s("span", { class: "coar-pdtp-event-dot" }, null, -1), s("div", Sh, [s("span", Ch, I(e.description), 1), e.endDate && !e.startDate.equals(e.endDate) ? (E(), o("span", wh, I(e.startDate.day) + "/" + I(e.startDate.month) + " – " + I(e.endDate.day) + "/" + I(e.endDate.month), 1)) : a("", !0)])]))), 128))])])])) : a("", !0)
|
|
13641
13825
|
])], 2));
|
|
13642
13826
|
}
|
|
13643
|
-
}),
|
|
13827
|
+
}), Eh = {
|
|
13644
13828
|
key: 0,
|
|
13645
13829
|
class: "coar-pdtp-required",
|
|
13646
13830
|
"aria-hidden": "true"
|
|
13647
|
-
},
|
|
13831
|
+
}, Dh = ["aria-expanded", "aria-controls"], Oh = ["aria-label"], kh = [
|
|
13648
13832
|
"value",
|
|
13649
13833
|
"placeholder",
|
|
13650
13834
|
"disabled",
|
|
@@ -13652,7 +13836,7 @@ var Em = { class: "coar-plain-date-picker-calendar-column" }, Dm = ["aria-label"
|
|
|
13652
13836
|
"aria-labelledby",
|
|
13653
13837
|
"aria-invalid",
|
|
13654
13838
|
"aria-describedby"
|
|
13655
|
-
],
|
|
13839
|
+
], Ah = ["aria-label", "disabled"], jh = ["title"], Mh = /* @__PURE__ */ Z(/* @__PURE__ */ d({
|
|
13656
13840
|
__name: "CoarPlainDateTimePicker",
|
|
13657
13841
|
props: /* @__PURE__ */ _({
|
|
13658
13842
|
label: { default: "" },
|
|
@@ -13708,17 +13892,17 @@ var Em = { class: "coar-plain-date-picker-calendar-column" }, Dm = ["aria-label"
|
|
|
13708
13892
|
}),
|
|
13709
13893
|
emits: /* @__PURE__ */ _(["opened", "closed"], ["update:modelValue"]),
|
|
13710
13894
|
setup(e, { emit: t }) {
|
|
13711
|
-
let n = e, i = V(e, "modelValue"), c = t, { t: d } = Y(), f =
|
|
13895
|
+
let n = e, i = V(e, "modelValue"), c = t, { t: d } = Y(), f = jm({
|
|
13712
13896
|
locale: r(() => n.locale),
|
|
13713
13897
|
dateFormat: r(() => n.dateFormat)
|
|
13714
|
-
}), p = A(i.value?.toPlainDate().toPlainYearMonth() ?? X.Now.plainDateISO().toPlainYearMonth()), m = A(null), h = `coar-plain-dt-picker-${crypto.randomUUID?.() ?? Date.now().toString(16)}`, _ = `${h}-label`, v = `${h}-input`, x = `${h}-panel`, S = `${h}-message`, T = A(null), D = A(null), k = null, j = A(""), M = r(() => n.use24Hour === !0 ? !0 : n.use24Hour === !1 ? !1 : !
|
|
13898
|
+
}), p = A(i.value?.toPlainDate().toPlainYearMonth() ?? X.Now.plainDateISO().toPlainYearMonth()), m = A(null), h = `coar-plain-dt-picker-${crypto.randomUUID?.() ?? Date.now().toString(16)}`, _ = `${h}-label`, v = `${h}-input`, x = `${h}-panel`, S = `${h}-message`, T = A(null), D = A(null), k = null, j = A(""), M = r(() => n.use24Hour === !0 ? !0 : n.use24Hour === !1 ? !1 : !Mp(f.effectiveLocale.value)), N;
|
|
13715
13899
|
function P() {
|
|
13716
13900
|
if (N?.destroy(), !D.value) return;
|
|
13717
|
-
let e =
|
|
13901
|
+
let e = Fm(f.effectiveDateFormat.value.pattern, !M.value);
|
|
13718
13902
|
N = new ae(D.value, e);
|
|
13719
13903
|
}
|
|
13720
13904
|
function F(e) {
|
|
13721
|
-
return `${
|
|
13905
|
+
return `${im(e.toPlainDate(), f.effectiveDateFormat.value.pattern)} ${Np(e.hour, e.minute, M.value)}`;
|
|
13722
13906
|
}
|
|
13723
13907
|
G(i, (e) => {
|
|
13724
13908
|
j.value = e ? F(e) : "";
|
|
@@ -13770,7 +13954,7 @@ var Em = { class: "coar-plain-date-picker-calendar-column" }, Dm = ["aria-label"
|
|
|
13770
13954
|
onDateSelected: (e) => {
|
|
13771
13955
|
let t = K.value ?? n.defaultTime, r = e.toPlainDateTime({
|
|
13772
13956
|
hour: t.hours,
|
|
13773
|
-
minute:
|
|
13957
|
+
minute: zp(t.minutes, n.minuteStep)
|
|
13774
13958
|
});
|
|
13775
13959
|
r = oe(r), i.value = r;
|
|
13776
13960
|
},
|
|
@@ -13847,7 +14031,7 @@ var Em = { class: "coar-plain-date-picker-calendar-column" }, Dm = ["aria-label"
|
|
|
13847
14031
|
},
|
|
13848
14032
|
content: {
|
|
13849
14033
|
kind: "component",
|
|
13850
|
-
component: g(
|
|
14034
|
+
component: g(Th)
|
|
13851
14035
|
},
|
|
13852
14036
|
inputs: t
|
|
13853
14037
|
}), f.open(), c("opened"), k.afterClosed.then(() => {
|
|
@@ -13883,12 +14067,12 @@ var Em = { class: "coar-plain-date-picker-calendar-column" }, Dm = ["aria-label"
|
|
|
13883
14067
|
if (!e) return null;
|
|
13884
14068
|
let t = e.split(" ");
|
|
13885
14069
|
if (t.length < 2) return null;
|
|
13886
|
-
let n =
|
|
14070
|
+
let n = am(t[0], f.effectiveDateFormat.value.pattern, {
|
|
13887
14071
|
min: q.value,
|
|
13888
14072
|
max: J.value
|
|
13889
14073
|
});
|
|
13890
14074
|
if (!n) return null;
|
|
13891
|
-
let r =
|
|
14075
|
+
let r = Pp(t.slice(1).join(" "));
|
|
13892
14076
|
return r ? n.toPlainDateTime({
|
|
13893
14077
|
hour: r.hours,
|
|
13894
14078
|
minute: r.minutes
|
|
@@ -13904,7 +14088,7 @@ var Em = { class: "coar-plain-date-picker-calendar-column" }, Dm = ["aria-label"
|
|
|
13904
14088
|
key: 0,
|
|
13905
14089
|
id: _,
|
|
13906
14090
|
class: "coar-pdtp-label"
|
|
13907
|
-
}, [l(I(e.label) + " ", 1), e.required ? (E(), o("span",
|
|
14091
|
+
}, [l(I(e.label) + " ", 1), e.required ? (E(), o("span", Eh, "*")) : a("", !0)])) : a("", !0),
|
|
13908
14092
|
s("div", {
|
|
13909
14093
|
ref_key: "triggerRef",
|
|
13910
14094
|
ref: T,
|
|
@@ -13928,7 +14112,7 @@ var Em = { class: "coar-plain-date-picker-calendar-column" }, Dm = ["aria-label"
|
|
|
13928
14112
|
}, [u(Q, {
|
|
13929
14113
|
name: "x",
|
|
13930
14114
|
size: "auto"
|
|
13931
|
-
})], 10,
|
|
14115
|
+
})], 10, Oh),
|
|
13932
14116
|
s("input", {
|
|
13933
14117
|
id: v,
|
|
13934
14118
|
ref_key: "dateInputRef",
|
|
@@ -13946,7 +14130,7 @@ var Em = { class: "coar-plain-date-picker-calendar-column" }, Dm = ["aria-label"
|
|
|
13946
14130
|
onInput: fe,
|
|
13947
14131
|
onBlur: pe,
|
|
13948
14132
|
onKeydown: ue
|
|
13949
|
-
}, null, 40,
|
|
14133
|
+
}, null, 40, kh),
|
|
13950
14134
|
s("button", {
|
|
13951
14135
|
type: "button",
|
|
13952
14136
|
class: "coar-pdtp-btn",
|
|
@@ -13957,32 +14141,32 @@ var Em = { class: "coar-plain-date-picker-calendar-column" }, Dm = ["aria-label"
|
|
|
13957
14141
|
}, [u(Q, {
|
|
13958
14142
|
name: "calendar",
|
|
13959
14143
|
size: "s"
|
|
13960
|
-
})], 8,
|
|
13961
|
-
], 10,
|
|
14144
|
+
})], 8, Ah)
|
|
14145
|
+
], 10, Dh),
|
|
13962
14146
|
R.value ? (E(), o("div", {
|
|
13963
14147
|
key: 1,
|
|
13964
14148
|
id: S,
|
|
13965
14149
|
class: b(["coar-form-field-message", { "coar-form-field-message--error": L.value }]),
|
|
13966
14150
|
title: R.value
|
|
13967
|
-
}, I(R.value), 11,
|
|
14151
|
+
}, I(R.value), 11, jh)) : a("", !0)
|
|
13968
14152
|
], 2));
|
|
13969
14153
|
}
|
|
13970
14154
|
}), [["__scopeId", "data-v-55dfa9b2"]]);
|
|
13971
14155
|
//#endregion
|
|
13972
14156
|
//#region src/components/date-time/_shared/timezone-helpers.ts
|
|
13973
|
-
function
|
|
14157
|
+
function Nh() {
|
|
13974
14158
|
try {
|
|
13975
14159
|
return ["UTC", ...Intl.supportedValuesOf("timeZone")];
|
|
13976
14160
|
} catch {
|
|
13977
14161
|
return ["UTC"];
|
|
13978
14162
|
}
|
|
13979
14163
|
}
|
|
13980
|
-
function
|
|
14164
|
+
function Ph(e, t) {
|
|
13981
14165
|
let n = t ?? X.Now.instant();
|
|
13982
14166
|
try {
|
|
13983
14167
|
let t = n.toZonedDateTimeISO(e).offsetNanoseconds, r = Math.round(t / 6e10);
|
|
13984
14168
|
return {
|
|
13985
|
-
offset:
|
|
14169
|
+
offset: Fh(r),
|
|
13986
14170
|
offsetMinutes: r
|
|
13987
14171
|
};
|
|
13988
14172
|
} catch {
|
|
@@ -13992,21 +14176,21 @@ function wh(e, t) {
|
|
|
13992
14176
|
};
|
|
13993
14177
|
}
|
|
13994
14178
|
}
|
|
13995
|
-
function
|
|
14179
|
+
function Fh(e) {
|
|
13996
14180
|
if (e === 0) return "UTC";
|
|
13997
14181
|
let t = e >= 0 ? "+" : "-", n = Math.abs(e), r = Math.floor(n / 60), i = n % 60;
|
|
13998
14182
|
return i === 0 ? `UTC${t}${r}` : `UTC${t}${r}:${String(i).padStart(2, "0")}`;
|
|
13999
14183
|
}
|
|
14000
|
-
function
|
|
14184
|
+
function Ih(e) {
|
|
14001
14185
|
if (e === "UTC") return "UTC";
|
|
14002
14186
|
let t = e.split("/");
|
|
14003
14187
|
return t[t.length - 1].replace(/_/g, " ");
|
|
14004
14188
|
}
|
|
14005
|
-
function
|
|
14006
|
-
let n =
|
|
14189
|
+
function Lh(e, t) {
|
|
14190
|
+
let n = Ih(e), { offset: r } = Ph(e, t);
|
|
14007
14191
|
return `${n} (${r})`;
|
|
14008
14192
|
}
|
|
14009
|
-
function
|
|
14193
|
+
function Rh(e, t) {
|
|
14010
14194
|
if (!t || t.length === 0) return e;
|
|
14011
14195
|
let n = t.map((e) => {
|
|
14012
14196
|
let t = e.replace(/[.+?^${}()|[\]\\]/g, "\\$&").replace(/\*/g, ".*");
|
|
@@ -14014,19 +14198,19 @@ function Oh(e, t) {
|
|
|
14014
14198
|
});
|
|
14015
14199
|
return e.filter((e) => n.some((t) => t.test(e)));
|
|
14016
14200
|
}
|
|
14017
|
-
function
|
|
14018
|
-
let { offset: n, offsetMinutes: r } =
|
|
14201
|
+
function zh(e, t) {
|
|
14202
|
+
let { offset: n, offsetMinutes: r } = Ph(e, t);
|
|
14019
14203
|
return {
|
|
14020
14204
|
id: e,
|
|
14021
|
-
city:
|
|
14205
|
+
city: Ih(e),
|
|
14022
14206
|
offset: n,
|
|
14023
14207
|
offsetMinutes: r
|
|
14024
14208
|
};
|
|
14025
14209
|
}
|
|
14026
|
-
function
|
|
14210
|
+
function Bh(e, t, n) {
|
|
14027
14211
|
let r = t?.trim().toLowerCase(), i = /* @__PURE__ */ new Map();
|
|
14028
14212
|
for (let t of e) {
|
|
14029
|
-
let e =
|
|
14213
|
+
let e = zh(t, n);
|
|
14030
14214
|
if (r && r.length > 0) {
|
|
14031
14215
|
let n = e.city.toLowerCase().includes(r), i = t.toLowerCase().includes(r);
|
|
14032
14216
|
if (!n && !i) continue;
|
|
@@ -14046,25 +14230,25 @@ function Ah(e, t, n) {
|
|
|
14046
14230
|
}
|
|
14047
14231
|
//#endregion
|
|
14048
14232
|
//#region src/components/date-time/zoned-date-time-picker/CoarZonedDateTimePickerPanel.vue?vue&type=script&setup=true&lang.ts
|
|
14049
|
-
var
|
|
14233
|
+
var Vh = { class: "coar-zdtp-body" }, Hh = { class: "coar-zdtp-calendar-column" }, Uh = ["aria-label"], Wh = { class: "coar-zdtp-side-column" }, Gh = {
|
|
14050
14234
|
key: 0,
|
|
14051
14235
|
class: "coar-zdtp-side-header"
|
|
14052
|
-
},
|
|
14236
|
+
}, Kh = ["disabled", "aria-label"], qh = { class: "coar-zdtp-year" }, Jh = ["disabled", "aria-label"], Yh = {
|
|
14053
14237
|
key: 1,
|
|
14054
14238
|
class: "coar-zdtp-side-header coar-zdtp-side-header--search"
|
|
14055
|
-
},
|
|
14239
|
+
}, Xh = ["placeholder", "onKeydown"], Zh = ["aria-label"], Qh = { class: "coar-zdtp-tz-group-header" }, $h = ["onClick"], eg = { class: "coar-zdtp-tz-picker-item-city" }, tg = { class: "coar-zdtp-tz-picker-item-offset" }, ng = ["aria-label"], rg = ["aria-selected", "onClick"], ig = { class: "coar-zdtp-time-section" }, ag = { class: "coar-zdtp-display-tz-label" }, og = { class: "coar-zdtp-display-tz-btn-label" }, sg = {
|
|
14056
14240
|
key: 0,
|
|
14057
14241
|
class: "coar-zdtp-events"
|
|
14058
|
-
},
|
|
14242
|
+
}, cg = {
|
|
14059
14243
|
key: 0,
|
|
14060
14244
|
class: "coar-zdtp-footer-placeholder"
|
|
14061
|
-
},
|
|
14245
|
+
}, lg = {
|
|
14062
14246
|
key: 1,
|
|
14063
14247
|
class: "coar-zdtp-footer-edit"
|
|
14064
|
-
},
|
|
14248
|
+
}, ug = ["aria-label"], dg = {
|
|
14065
14249
|
key: 2,
|
|
14066
14250
|
class: "coar-zdtp-footer-display"
|
|
14067
|
-
},
|
|
14251
|
+
}, fg = { class: "coar-zdtp-footer-tz-name" }, pg = { class: "coar-zdtp-footer-tz-value" }, mg = ["aria-label"], hg = /* @__PURE__ */ d({
|
|
14068
14252
|
__name: "CoarZonedDateTimePickerPanel",
|
|
14069
14253
|
props: {
|
|
14070
14254
|
modelValue: {},
|
|
@@ -14122,9 +14306,9 @@ var jh = { class: "coar-zdtp-body" }, Mh = { class: "coar-zdtp-calendar-column"
|
|
|
14122
14306
|
let n = X.PlainDate.compare(e, t.startDate) >= 0, r = t.endDate ? X.PlainDate.compare(e, t.endDate) <= 0 : X.PlainDate.compare(e, t.startDate) === 0;
|
|
14123
14307
|
return n && r;
|
|
14124
14308
|
}) : [];
|
|
14125
|
-
}), T = r(() =>
|
|
14309
|
+
}), T = r(() => Rh(n.allTimezones, n.timezoneFilter)), D = r(() => Bh(T.value, d.value)), O = r(() => T.value.map((e) => ({
|
|
14126
14310
|
value: e,
|
|
14127
|
-
label:
|
|
14311
|
+
label: Lh(e)
|
|
14128
14312
|
})));
|
|
14129
14313
|
function k() {
|
|
14130
14314
|
c.value = !0, d.value = "", y(() => {
|
|
@@ -14151,7 +14335,7 @@ var jh = { class: "coar-zdtp-body" }, Mh = { class: "coar-zdtp-calendar-column"
|
|
|
14151
14335
|
function L() {
|
|
14152
14336
|
l.value = !1;
|
|
14153
14337
|
}
|
|
14154
|
-
return (n, r) => (E(), o("div", { class: b(["coar-zdtp-panel", { "coar-zdtp-panel--with-weeks": t.showWeekNumbers }]) }, [s("div",
|
|
14338
|
+
return (n, r) => (E(), o("div", { class: b(["coar-zdtp-panel", { "coar-zdtp-panel--with-weeks": t.showWeekNumbers }]) }, [s("div", Vh, [s("div", Hh, [u(bm, {
|
|
14155
14339
|
"model-value": t.modelValue,
|
|
14156
14340
|
"active-month": t.activeMonth,
|
|
14157
14341
|
min: t.min ?? void 0,
|
|
@@ -14184,8 +14368,8 @@ var jh = { class: "coar-zdtp-body" }, Mh = { class: "coar-zdtp-calendar-column"
|
|
|
14184
14368
|
}, [u(Q, {
|
|
14185
14369
|
name: S.value === "up" ? "chevron-up" : "chevron-down",
|
|
14186
14370
|
size: "xs"
|
|
14187
|
-
}, null, 8, ["name"])], 8,
|
|
14188
|
-
c.value ? (E(), o("div",
|
|
14371
|
+
}, null, 8, ["name"])], 8, Uh)) : a("", !0)]), s("div", Wh, [
|
|
14372
|
+
c.value ? (E(), o("div", Yh, [J(s("input", {
|
|
14189
14373
|
ref_key: "tzSearchInputRef",
|
|
14190
14374
|
ref: f,
|
|
14191
14375
|
"onUpdate:modelValue": r[3] ||= (e) => d.value = e,
|
|
@@ -14193,7 +14377,7 @@ var jh = { class: "coar-zdtp-body" }, Mh = { class: "coar-zdtp-calendar-column"
|
|
|
14193
14377
|
class: "coar-zdtp-tz-search-input",
|
|
14194
14378
|
placeholder: z(i)("coar.ui.zonedDateTimePicker.searchTimezone", void 0, "Search timezone..."),
|
|
14195
14379
|
onKeydown: ee(te(M, ["stop"]), ["escape"])
|
|
14196
|
-
}, null, 40,
|
|
14380
|
+
}, null, 40, Xh), [[W, d.value]]), s("button", {
|
|
14197
14381
|
type: "button",
|
|
14198
14382
|
class: "coar-zdtp-tz-search-close",
|
|
14199
14383
|
"aria-label": z(i)("coar.ui.zonedDateTimePicker.closeTimezoneSearch", void 0, "Close timezone search"),
|
|
@@ -14201,7 +14385,7 @@ var jh = { class: "coar-zdtp-body" }, Mh = { class: "coar-zdtp-calendar-column"
|
|
|
14201
14385
|
}, [u(Q, {
|
|
14202
14386
|
name: "x",
|
|
14203
14387
|
size: "xs"
|
|
14204
|
-
})], 8,
|
|
14388
|
+
})], 8, Zh)])) : (E(), o("div", Gh, [
|
|
14205
14389
|
s("button", {
|
|
14206
14390
|
type: "button",
|
|
14207
14391
|
class: "coar-zdtp-year-btn",
|
|
@@ -14211,8 +14395,8 @@ var jh = { class: "coar-zdtp-body" }, Mh = { class: "coar-zdtp-calendar-column"
|
|
|
14211
14395
|
}, [u(Q, {
|
|
14212
14396
|
name: "chevron-left",
|
|
14213
14397
|
size: "s"
|
|
14214
|
-
})], 8,
|
|
14215
|
-
s("span",
|
|
14398
|
+
})], 8, Kh),
|
|
14399
|
+
s("span", qh, I(m.value), 1),
|
|
14216
14400
|
s("button", {
|
|
14217
14401
|
type: "button",
|
|
14218
14402
|
class: "coar-zdtp-year-btn",
|
|
@@ -14222,7 +14406,7 @@ var jh = { class: "coar-zdtp-body" }, Mh = { class: "coar-zdtp-calendar-column"
|
|
|
14222
14406
|
}, [u(Q, {
|
|
14223
14407
|
name: "chevron-right",
|
|
14224
14408
|
size: "s"
|
|
14225
|
-
})], 8,
|
|
14409
|
+
})], 8, Jh)
|
|
14226
14410
|
])),
|
|
14227
14411
|
c.value ? J((E(), o("div", {
|
|
14228
14412
|
key: 2,
|
|
@@ -14232,12 +14416,12 @@ var jh = { class: "coar-zdtp-body" }, Mh = { class: "coar-zdtp-calendar-column"
|
|
|
14232
14416
|
}, [(E(!0), o(e, null, j(D.value, (n) => (E(), o("div", {
|
|
14233
14417
|
key: n.name,
|
|
14234
14418
|
class: "coar-zdtp-tz-group"
|
|
14235
|
-
}, [s("div",
|
|
14419
|
+
}, [s("div", Qh, I(n.name), 1), (E(!0), o(e, null, j(n.items, (e) => (E(), o("button", {
|
|
14236
14420
|
key: e.id,
|
|
14237
14421
|
type: "button",
|
|
14238
14422
|
class: b(["coar-zdtp-tz-picker-item", { "coar-zdtp-tz-picker-item--active": e.id === t.effectiveDisplayTimeZone }]),
|
|
14239
14423
|
onClick: (t) => N(e.id)
|
|
14240
|
-
}, [s("span",
|
|
14424
|
+
}, [s("span", eg, I(e.city), 1), s("span", tg, I(e.offset), 1)], 10, $h))), 128))]))), 128))])), [[z(Ua), {
|
|
14241
14425
|
overflowX: "hidden",
|
|
14242
14426
|
autoHide: "leave"
|
|
14243
14427
|
}]]) : a("", !0),
|
|
@@ -14253,8 +14437,8 @@ var jh = { class: "coar-zdtp-body" }, Mh = { class: "coar-zdtp-calendar-column"
|
|
|
14253
14437
|
role: "option",
|
|
14254
14438
|
"aria-selected": e.isActive,
|
|
14255
14439
|
onClick: (n) => t.onSelectMonth(e.yearMonth)
|
|
14256
|
-
}, I(e.name), 11,
|
|
14257
|
-
s("div",
|
|
14440
|
+
}, I(e.name), 11, rg))), 128))], 8, ng),
|
|
14441
|
+
s("div", ig, [u($p, {
|
|
14258
14442
|
"model-value": t.selectedTime ?? void 0,
|
|
14259
14443
|
"use24-hour": t.use24Hour,
|
|
14260
14444
|
"minute-step": t.minuteStep,
|
|
@@ -14270,16 +14454,16 @@ var jh = { class: "coar-zdtp-body" }, Mh = { class: "coar-zdtp-calendar-column"
|
|
|
14270
14454
|
"max",
|
|
14271
14455
|
"onUpdate:modelValue"
|
|
14272
14456
|
])]),
|
|
14273
|
-
s("div",
|
|
14457
|
+
s("div", ag, I(z(i)("coar.ui.zonedDateTimePicker.displayTimezone", void 0, "Display Timezone")), 1),
|
|
14274
14458
|
s("button", {
|
|
14275
14459
|
type: "button",
|
|
14276
14460
|
class: "coar-zdtp-display-tz-btn",
|
|
14277
14461
|
onClick: k
|
|
14278
|
-
}, [s("span",
|
|
14462
|
+
}, [s("span", og, I(z(Lh)(t.effectiveDisplayTimeZone)), 1), u(Q, {
|
|
14279
14463
|
name: "chevron-down",
|
|
14280
14464
|
size: "xs"
|
|
14281
14465
|
})]),
|
|
14282
|
-
w.value.length > 0 ? J((E(), o("div",
|
|
14466
|
+
w.value.length > 0 ? J((E(), o("div", sg, [(E(!0), o(e, null, j(w.value, (e, t) => (E(), o("div", {
|
|
14283
14467
|
key: t,
|
|
14284
14468
|
class: b(["coar-zdtp-event-item", e.cssClass])
|
|
14285
14469
|
}, I(e.description), 3))), 128))])), [[z(Ua), {
|
|
@@ -14287,7 +14471,7 @@ var jh = { class: "coar-zdtp-body" }, Mh = { class: "coar-zdtp-calendar-column"
|
|
|
14287
14471
|
autoHide: "leave"
|
|
14288
14472
|
}]]) : a("", !0)
|
|
14289
14473
|
], 64))
|
|
14290
|
-
])]), s("div", { class: b(["coar-zdtp-footer", { "coar-zdtp-footer--differs": t.timeZonesDiffer }]) }, [t.hasValue ? l.value ? (E(), o("div",
|
|
14474
|
+
])]), s("div", { class: b(["coar-zdtp-footer", { "coar-zdtp-footer--differs": t.timeZonesDiffer }]) }, [t.hasValue ? l.value ? (E(), o("div", lg, [u(Cc, {
|
|
14291
14475
|
"model-value": t.valueTimeZone,
|
|
14292
14476
|
options: O.value,
|
|
14293
14477
|
appearance: "inline",
|
|
@@ -14310,14 +14494,14 @@ var jh = { class: "coar-zdtp-body" }, Mh = { class: "coar-zdtp-calendar-column"
|
|
|
14310
14494
|
}, [u(Q, {
|
|
14311
14495
|
name: "x",
|
|
14312
14496
|
size: "xs"
|
|
14313
|
-
})], 8,
|
|
14497
|
+
})], 8, ug)])) : (E(), o("div", dg, [
|
|
14314
14498
|
u(Q, {
|
|
14315
14499
|
name: "map-pin",
|
|
14316
14500
|
size: "xs",
|
|
14317
14501
|
class: "coar-zdtp-footer-icon"
|
|
14318
14502
|
}),
|
|
14319
|
-
s("span",
|
|
14320
|
-
s("span",
|
|
14503
|
+
s("span", fg, I(t.valueTimeZoneLabel), 1),
|
|
14504
|
+
s("span", pg, I(t.formatValueInValueTz), 1),
|
|
14321
14505
|
s("button", {
|
|
14322
14506
|
type: "button",
|
|
14323
14507
|
class: "coar-zdtp-footer-lock",
|
|
@@ -14326,28 +14510,28 @@ var jh = { class: "coar-zdtp-body" }, Mh = { class: "coar-zdtp-calendar-column"
|
|
|
14326
14510
|
}, [u(Q, {
|
|
14327
14511
|
name: "settings",
|
|
14328
14512
|
size: "xs"
|
|
14329
|
-
})], 8,
|
|
14330
|
-
])) : (E(), o("span",
|
|
14513
|
+
})], 8, mg)
|
|
14514
|
+
])) : (E(), o("span", cg, [u(Q, {
|
|
14331
14515
|
name: "map-pin",
|
|
14332
14516
|
size: "xs"
|
|
14333
14517
|
}), s("span", null, I(z(i)("coar.ui.zonedDateTimePicker.eventTimezone", void 0, "Event timezone")), 1)]))], 2)], 2));
|
|
14334
14518
|
}
|
|
14335
|
-
}),
|
|
14519
|
+
}), gg = {
|
|
14336
14520
|
key: 0,
|
|
14337
14521
|
class: "coar-zdtp-required",
|
|
14338
14522
|
"aria-hidden": "true"
|
|
14339
|
-
},
|
|
14523
|
+
}, _g = [
|
|
14340
14524
|
"aria-expanded",
|
|
14341
14525
|
"aria-controls",
|
|
14342
14526
|
"aria-labelledby",
|
|
14343
14527
|
"aria-invalid"
|
|
14344
|
-
],
|
|
14528
|
+
], vg = ["aria-label", "disabled"], yg = [
|
|
14345
14529
|
"placeholder",
|
|
14346
14530
|
"value",
|
|
14347
14531
|
"disabled",
|
|
14348
14532
|
"readonly",
|
|
14349
14533
|
"aria-describedby"
|
|
14350
|
-
],
|
|
14534
|
+
], bg = ["title"], xg = ["aria-label", "disabled"], Sg = ["disabled", "aria-label"], Cg = /* @__PURE__ */ Z(/* @__PURE__ */ d({
|
|
14351
14535
|
__name: "CoarZonedDateTimePicker",
|
|
14352
14536
|
props: /* @__PURE__ */ _({
|
|
14353
14537
|
label: { default: "" },
|
|
@@ -14405,34 +14589,34 @@ var jh = { class: "coar-zdtp-body" }, Mh = { class: "coar-zdtp-calendar-column"
|
|
|
14405
14589
|
}),
|
|
14406
14590
|
emits: /* @__PURE__ */ _(["opened", "closed"], ["update:modelValue"]),
|
|
14407
14591
|
setup(e, { emit: t }) {
|
|
14408
|
-
let n = e, i = V(e, "modelValue"), c = t, { t: d } = Y(), f =
|
|
14592
|
+
let n = e, i = V(e, "modelValue"), c = t, { t: d } = Y(), f = jm({
|
|
14409
14593
|
locale: r(() => n.locale),
|
|
14410
14594
|
dateFormat: r(() => n.dateFormat)
|
|
14411
14595
|
}), p = A(i.value?.toPlainDateTime().toPlainDate().toPlainYearMonth() ?? X.Now.plainDateISO().toPlainYearMonth()), m = A(null), h = A(null), _ = `coar-zdtp-${crypto.randomUUID?.() ?? Date.now().toString(16)}`, v = `${_}-label`, x = `${_}-input`, S = `${_}-panel`, T = `${_}-message`, D = A(null), k = A(null), j = null, M = A(""), N = r(() => f.timezone.value || Intl.DateTimeFormat().resolvedOptions().timeZone || "UTC"), P = r(() => i.value?.timeZoneId ?? null), F = r(() => h.value ?? N.value), L = r(() => n.timeZone ?? N.value), R = r(() => P.value != null && P.value !== N.value), B = r(() => P.value != null && F.value !== P.value), H = r(() => {
|
|
14412
14596
|
let e = F.value, t = N.value, n = P.value;
|
|
14413
14597
|
return e === t ? "home" : n && e === n ? "location" : "world";
|
|
14414
|
-
}), U = r(() => R.value || H.value !== "home"), W = r(() =>
|
|
14598
|
+
}), U = r(() => R.value || H.value !== "home"), W = r(() => Lh(F.value)), K = r(() => {
|
|
14415
14599
|
let e = P.value;
|
|
14416
|
-
return e ?
|
|
14417
|
-
}), q =
|
|
14600
|
+
return e ? Lh(e) : "";
|
|
14601
|
+
}), q = Nh(), J = r(() => n.use24Hour === !0 ? !0 : n.use24Hour === !1 ? !1 : !Mp(f.effectiveLocale.value)), ee;
|
|
14418
14602
|
function ne() {
|
|
14419
14603
|
if (ee?.destroy(), !k.value) return;
|
|
14420
|
-
let e =
|
|
14604
|
+
let e = Fm(f.effectiveDateFormat.value.pattern, !J.value);
|
|
14421
14605
|
ee = new ae(k.value, e);
|
|
14422
14606
|
}
|
|
14423
14607
|
function re(e) {
|
|
14424
14608
|
let t = F.value, n = e.withTimeZone(t);
|
|
14425
|
-
return `${
|
|
14609
|
+
return `${im(n.toPlainDate(), f.effectiveDateFormat.value.pattern)} ${Np(n.hour, n.minute, J.value)}`;
|
|
14426
14610
|
}
|
|
14427
14611
|
function ie() {
|
|
14428
|
-
return i.value ? `${
|
|
14612
|
+
return i.value ? `${im(i.value.toPlainDate(), f.effectiveDateFormat.value.pattern)} ${Np(i.value.hour, i.value.minute, J.value)}` : "";
|
|
14429
14613
|
}
|
|
14430
14614
|
function oe(e) {
|
|
14431
14615
|
let t = e.trim().split(/\s+/);
|
|
14432
14616
|
if (t.length < 2) return null;
|
|
14433
|
-
let n = t[0], r = t.slice(1).join(" "), i =
|
|
14617
|
+
let n = t[0], r = t.slice(1).join(" "), i = am(n, f.effectiveDateFormat.value.pattern);
|
|
14434
14618
|
if (!i) return null;
|
|
14435
|
-
let a =
|
|
14619
|
+
let a = Pp(r);
|
|
14436
14620
|
if (!a) return null;
|
|
14437
14621
|
let o = i.toPlainDateTime({
|
|
14438
14622
|
hour: a.hours,
|
|
@@ -14508,7 +14692,7 @@ var jh = { class: "coar-zdtp-body" }, Mh = { class: "coar-zdtp-calendar-column"
|
|
|
14508
14692
|
onDateSelected: (e) => {
|
|
14509
14693
|
let t = he.value ?? n.defaultTime, r = e.toPlainDateTime({
|
|
14510
14694
|
hour: t.hours,
|
|
14511
|
-
minute:
|
|
14695
|
+
minute: zp(t.minutes, n.minuteStep)
|
|
14512
14696
|
}), a = P.value ?? L.value, o;
|
|
14513
14697
|
o = fe.value === a ? r.toZonedDateTime(a) : r.toZonedDateTime(fe.value).withTimeZone(a), o = Ce(o), i.value = o;
|
|
14514
14698
|
},
|
|
@@ -14599,7 +14783,7 @@ var jh = { class: "coar-zdtp-body" }, Mh = { class: "coar-zdtp-calendar-column"
|
|
|
14599
14783
|
},
|
|
14600
14784
|
content: {
|
|
14601
14785
|
kind: "component",
|
|
14602
|
-
component: g(
|
|
14786
|
+
component: g(hg)
|
|
14603
14787
|
},
|
|
14604
14788
|
inputs: t
|
|
14605
14789
|
}), f.open(), c("opened"), j.afterClosed.then(() => {
|
|
@@ -14648,7 +14832,7 @@ var jh = { class: "coar-zdtp-body" }, Mh = { class: "coar-zdtp-calendar-column"
|
|
|
14648
14832
|
id: v,
|
|
14649
14833
|
class: "coar-zdtp-label",
|
|
14650
14834
|
for: x
|
|
14651
|
-
}, [l(I(e.label) + " ", 1), e.required ? (E(), o("span",
|
|
14835
|
+
}, [l(I(e.label) + " ", 1), e.required ? (E(), o("span", gg, "*")) : a("", !0)])) : a("", !0),
|
|
14652
14836
|
s("div", {
|
|
14653
14837
|
ref_key: "triggerRef",
|
|
14654
14838
|
ref: D,
|
|
@@ -14676,7 +14860,7 @@ var jh = { class: "coar-zdtp-body" }, Mh = { class: "coar-zdtp-calendar-column"
|
|
|
14676
14860
|
}, [u(Q, {
|
|
14677
14861
|
name: "x",
|
|
14678
14862
|
size: "auto"
|
|
14679
|
-
})], 10,
|
|
14863
|
+
})], 10, vg),
|
|
14680
14864
|
s("input", {
|
|
14681
14865
|
id: x,
|
|
14682
14866
|
ref_key: "dateInputRef",
|
|
@@ -14691,12 +14875,12 @@ var jh = { class: "coar-zdtp-body" }, Mh = { class: "coar-zdtp-calendar-column"
|
|
|
14691
14875
|
autocomplete: "off",
|
|
14692
14876
|
onInput: ke,
|
|
14693
14877
|
onBlur: Ae
|
|
14694
|
-
}, null, 40,
|
|
14878
|
+
}, null, 40, yg),
|
|
14695
14879
|
i.value ? (E(), o("span", {
|
|
14696
14880
|
key: 0,
|
|
14697
14881
|
class: "coar-zdtp-tz-inline",
|
|
14698
14882
|
title: W.value
|
|
14699
|
-
}, I(W.value), 9,
|
|
14883
|
+
}, I(W.value), 9, bg)) : a("", !0),
|
|
14700
14884
|
s("button", {
|
|
14701
14885
|
type: "button",
|
|
14702
14886
|
class: b(["coar-zdtp-tz-indicator", {
|
|
@@ -14710,7 +14894,7 @@ var jh = { class: "coar-zdtp-body" }, Mh = { class: "coar-zdtp-calendar-column"
|
|
|
14710
14894
|
}, [u(Q, {
|
|
14711
14895
|
name: Me.value,
|
|
14712
14896
|
size: "xs"
|
|
14713
|
-
}, null, 8, ["name"])], 10,
|
|
14897
|
+
}, null, 8, ["name"])], 10, xg),
|
|
14714
14898
|
s("button", {
|
|
14715
14899
|
type: "button",
|
|
14716
14900
|
class: "coar-zdtp-btn",
|
|
@@ -14721,8 +14905,8 @@ var jh = { class: "coar-zdtp-body" }, Mh = { class: "coar-zdtp-calendar-column"
|
|
|
14721
14905
|
}, [u(Q, {
|
|
14722
14906
|
name: "calendar",
|
|
14723
14907
|
size: "s"
|
|
14724
|
-
})], 8,
|
|
14725
|
-
], 42,
|
|
14908
|
+
})], 8, Sg)
|
|
14909
|
+
], 42, _g),
|
|
14726
14910
|
ce.value ? (E(), o("div", {
|
|
14727
14911
|
key: 1,
|
|
14728
14912
|
id: T,
|
|
@@ -14731,7 +14915,7 @@ var jh = { class: "coar-zdtp-body" }, Mh = { class: "coar-zdtp-calendar-column"
|
|
|
14731
14915
|
}, I(ce.value), 3)) : a("", !0)
|
|
14732
14916
|
], 2));
|
|
14733
14917
|
}
|
|
14734
|
-
}), [["__scopeId", "data-v-c6c2a031"]]),
|
|
14918
|
+
}), [["__scopeId", "data-v-c6c2a031"]]), wg = /* @__PURE__ */ Z(/* @__PURE__ */ d({
|
|
14735
14919
|
__name: "CoarPlainDateView",
|
|
14736
14920
|
props: {
|
|
14737
14921
|
value: { default: null },
|
|
@@ -14741,17 +14925,17 @@ var jh = { class: "coar-zdtp-body" }, Mh = { class: "coar-zdtp-calendar-column"
|
|
|
14741
14925
|
size: { default: "m" }
|
|
14742
14926
|
},
|
|
14743
14927
|
setup(e) {
|
|
14744
|
-
let t = e, n =
|
|
14928
|
+
let t = e, n = jm({
|
|
14745
14929
|
locale: L(t, "locale"),
|
|
14746
14930
|
dateFormat: L(t, "dateFormat")
|
|
14747
14931
|
});
|
|
14748
14932
|
function i(e) {
|
|
14749
14933
|
return typeof e == "object" && !!e && Object.prototype.toString.call(e) === "[object Temporal.PlainDate]";
|
|
14750
14934
|
}
|
|
14751
|
-
let a = r(() => i(t.value) ?
|
|
14935
|
+
let a = r(() => i(t.value) ? im(t.value, n.effectiveDateFormat.value.pattern) : ""), s = r(() => a.value || t.placeholder), c = r(() => !a.value);
|
|
14752
14936
|
return (t, n) => (E(), o("span", { class: b(["coar-plain-date-view", [`coar-plain-date-view--${e.size}`, { "coar-plain-date-view--empty": c.value }]]) }, I(s.value), 3));
|
|
14753
14937
|
}
|
|
14754
|
-
}), [["__scopeId", "data-v-c8cf9804"]]),
|
|
14938
|
+
}), [["__scopeId", "data-v-c8cf9804"]]), Tg = /* @__PURE__ */ Z(/* @__PURE__ */ d({
|
|
14755
14939
|
__name: "CoarPlainDateTimeView",
|
|
14756
14940
|
props: {
|
|
14757
14941
|
value: { default: null },
|
|
@@ -14765,17 +14949,17 @@ var jh = { class: "coar-zdtp-body" }, Mh = { class: "coar-zdtp-calendar-column"
|
|
|
14765
14949
|
size: { default: "m" }
|
|
14766
14950
|
},
|
|
14767
14951
|
setup(e) {
|
|
14768
|
-
let t = e, n =
|
|
14952
|
+
let t = e, n = jm({
|
|
14769
14953
|
locale: L(t, "locale"),
|
|
14770
14954
|
dateFormat: L(t, "dateFormat")
|
|
14771
|
-
}), i = r(() => t.use24Hour === !0 ? !0 : t.use24Hour === !1 ? !1 : !
|
|
14955
|
+
}), i = r(() => t.use24Hour === !0 ? !0 : t.use24Hour === !1 ? !1 : !Mp(n.effectiveLocale.value));
|
|
14772
14956
|
function a(e) {
|
|
14773
14957
|
return typeof e == "object" && !!e && Object.prototype.toString.call(e) === "[object Temporal.PlainDateTime]";
|
|
14774
14958
|
}
|
|
14775
|
-
let s = r(() => a(t.value) ? `${
|
|
14959
|
+
let s = r(() => a(t.value) ? `${im(t.value.toPlainDate(), n.effectiveDateFormat.value.pattern)} ${Np(t.value.hour, t.value.minute, i.value)}` : ""), c = r(() => s.value || t.placeholder), l = r(() => !s.value);
|
|
14776
14960
|
return (t, n) => (E(), o("span", { class: b(["coar-plain-date-time-view", [`coar-plain-date-time-view--${e.size}`, { "coar-plain-date-time-view--empty": l.value }]]) }, I(c.value), 3));
|
|
14777
14961
|
}
|
|
14778
|
-
}), [["__scopeId", "data-v-f32044ac"]]),
|
|
14962
|
+
}), [["__scopeId", "data-v-f32044ac"]]), Eg = /* @__PURE__ */ Z(/* @__PURE__ */ d({
|
|
14779
14963
|
__name: "CoarZonedDateTimeView",
|
|
14780
14964
|
props: {
|
|
14781
14965
|
value: { default: null },
|
|
@@ -14794,20 +14978,20 @@ var jh = { class: "coar-zdtp-body" }, Mh = { class: "coar-zdtp-calendar-column"
|
|
|
14794
14978
|
size: { default: "m" }
|
|
14795
14979
|
},
|
|
14796
14980
|
setup(e) {
|
|
14797
|
-
let t = e, n =
|
|
14981
|
+
let t = e, n = jm({
|
|
14798
14982
|
locale: L(t, "locale"),
|
|
14799
14983
|
dateFormat: L(t, "dateFormat")
|
|
14800
|
-
}), i = r(() => t.use24Hour === !0 ? !0 : t.use24Hour === !1 ? !1 : !
|
|
14984
|
+
}), i = r(() => t.use24Hour === !0 ? !0 : t.use24Hour === !1 ? !1 : !Mp(n.effectiveLocale.value));
|
|
14801
14985
|
function a(e) {
|
|
14802
14986
|
return typeof e == "object" && !!e && Object.prototype.toString.call(e) === "[object Temporal.ZonedDateTime]";
|
|
14803
14987
|
}
|
|
14804
14988
|
let s = r(() => t.displayTimeZone ? t.displayTimeZone : a(t.value) ? t.value.timeZoneId : null), c = r(() => {
|
|
14805
14989
|
if (!a(t.value)) return "";
|
|
14806
|
-
let e = s.value, r = e ? t.value.withTimeZone(e) : t.value, o =
|
|
14807
|
-
return !t.showTimeZone || !e ? `${o} ${c}` : `${o} ${c} ${
|
|
14990
|
+
let e = s.value, r = e ? t.value.withTimeZone(e) : t.value, o = im(r.toPlainDate(), n.effectiveDateFormat.value.pattern), c = Np(r.hour, r.minute, i.value);
|
|
14991
|
+
return !t.showTimeZone || !e ? `${o} ${c}` : `${o} ${c} ${Lh(e, r.toInstant())}`;
|
|
14808
14992
|
}), l = r(() => c.value || t.placeholder), u = r(() => !c.value);
|
|
14809
14993
|
return (t, n) => (E(), o("span", { class: b(["coar-zoned-date-time-view", [`coar-zoned-date-time-view--${e.size}`, { "coar-zoned-date-time-view--empty": u.value }]]) }, I(l.value), 3));
|
|
14810
14994
|
}
|
|
14811
14995
|
}), [["__scopeId", "data-v-00d86dd7"]]);
|
|
14812
14996
|
//#endregion
|
|
14813
|
-
export { Ee as COAR_BUILTIN_ICON_SOURCE_KEY,
|
|
14997
|
+
export { Ee as COAR_BUILTIN_ICON_SOURCE_KEY, Nm as COAR_DATE_FORMAT_TO_MASKITO_MODE, Mm as COAR_DEFAULT_TIME_FORMAT, Te as COAR_ICON_SERVICE_KEY, Ad as COAR_TREE_DRAG_MIME, Pd as COAR_TREE_RENAME_KEY, Md as COAR_TREE_ROW_ID_KEY, Ae as CORE_ICONS, bs as CoarAvatar, Ho as CoarBadge, kf as CoarBreadcrumb, Pf as CoarBreadcrumbItem, Oo as CoarButton, Zo as CoarCard, Qs as CoarCheckbox, ds as CoarCodeBlock, yo as CoarCollapse, yd as CoarContextMenu, Su as CoarDialogShell, Lo as CoarDivider, Rl as CoarDualListbox, go as CoarFade, ho as CoarFormField, Oe as CoarHttpIconSource, Q as CoarIcon, De as CoarIconMapSource, Fo as CoarIconPlugin, ke as CoarIconService, No as CoarLink, Ml as CoarListbox, Uu as CoarMenu, rd as CoarMenuDivider, id as CoarMenuHeading, $u as CoarMenuItem, km as CoarMonthList, il as CoarMultiSelect, jp as CoarNavbar, Uo as CoarNote, Ks as CoarNumberInput, Ms as CoarOtpInput, eu as CoarOverlayHost, Vl as CoarOverlayOutlet, pt as CoarOverlayPlugin, Uf as CoarPagination, ff as CoarPanelLayout, Ls as CoarPasswordInput, oh as CoarPlainDatePicker, Mh as CoarPlainDateTimePicker, Tg as CoarPlainDateTimeView, wg as CoarPlainDateView, su as CoarPopconfirm, ou as CoarPopconfirmPanel, Xa as CoarPopover, qo as CoarProgressBar, oc as CoarRadioButton, nc as CoarRadioGroup, vo as CoarScale, bm as CoarScrollableCalendar, gf as CoarSegmentedControl, Cc as CoarSelect, ep as CoarSidebar, Ep as CoarSidebarDivider, Sp as CoarSidebarGroup, wp as CoarSidebarHeading, up as CoarSidebarItem, Dp as CoarSidebarSpacer, _o as CoarSlide, zo as CoarSpinner, of as CoarSplitPane, dd as CoarSubExpand, _d as CoarSubFlyout, _d as CoarSubmenuItem, uc as CoarSwitch, xd as CoarTab, Od as CoarTabGroup, xs as CoarTable, ms as CoarTag, hl as CoarTagSelect, ks as CoarTextInput, $p as CoarTimePicker, $l as CoarToastContainer, Zl as CoarToastItem, Zd as CoarTree, ef as CoarTreeNodeLabel, Ef as CoarWizard, Cg as CoarZonedDateTimePicker, Eg as CoarZonedDateTimeView, kd as DEFAULT_TREE_LABELS, so as FORM_FIELD_INJECTION_KEY, Mu as MenuCascade, Le as OVERLAY_DEFAULTS, lt as OVERLAY_PARENT_KEY, ct as OVERLAY_SERVICE_KEY, we as PRESET_SIZES, $s as RADIO_GROUP_INJECTION_KEY, Gf as SIDEBAR_COLLAPSED_KEY, Kf as SIDEBAR_ICON_SIZE_KEY, nt as TOAST_SERVICE_KEY, tf as TreeBuilder, Ke as computeOverlayCoordinates, wt as contextMenuPreset, Po as createCoarIconService, $e as createOverlayService, at as createToastService, xt as datepickerPreset, bt as dialogPreset, He as getAnchorRect, Be as getContainerRect, ft as getOverlayService, Ge as getScrollParents, Wa as getScrollbarInstance, st as getToastService, ze as getViewportRect, yt as hoverMenuPreset, _t as menuPreset, gt as modalPreset, Et as popconfirmPreset, St as popoverPreset, Iu as provideMenuCascade, Ru as provideMenuClose, Re as resolveOverlaySpec, vt as selectPreset, xe as setCoarDragImageFromElement, Se as setCoarDragImageFromHtml, Ct as sidebarFlyoutPreset, Tt as subFlyoutPreset, ht as tooltipPreset, bd as useContextMenu, Du as useDialog, ye as useDragDrop, Lu as useMenuCascade, zu as useMenuClose, mt as useOverlay, ut as useOverlayParent, mu as useToast, nf as useTree, ue as useVirtualList, Ua as vScrollbar, Bc as vTooltip };
|