@cocoar/vue-ui 2.2.1 → 2.3.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/icon/core-icons.d.ts +7 -0
- package/dist/components/icon/core-icons.d.ts.map +1 -1
- package/dist/components/sidebar/CoarSidebarDivider.vue.d.ts.map +1 -1
- package/dist/components/sidebar/CoarSidebarGroup.vue.d.ts +19 -0
- package/dist/components/sidebar/CoarSidebarGroup.vue.d.ts.map +1 -1
- package/dist/index.css +1 -1
- package/dist/index.js +350 -324
- package/package.json +2 -2
package/dist/index.js
CHANGED
|
@@ -573,9 +573,11 @@ var Ce = Symbol.for("coar:form-field"), we = ["id", "for"], Te = {
|
|
|
573
573
|
folder: "<svg class=\"lucide lucide-folder\" xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" ><path d=\"M20 20a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.69-.9L9.6 3.9A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z\" /></svg>",
|
|
574
574
|
globe: "<svg class=\"lucide lucide-globe\" xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" ><circle cx=\"12\" cy=\"12\" r=\"10\" /><path d=\"M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20\" /><path d=\"M2 12h20\" /></svg>",
|
|
575
575
|
"grip-vertical": "<svg class=\"lucide lucide-grip-vertical\" xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" ><circle cx=\"9\" cy=\"12\" r=\"1\" /><circle cx=\"9\" cy=\"5\" r=\"1\" /><circle cx=\"9\" cy=\"19\" r=\"1\" /><circle cx=\"15\" cy=\"12\" r=\"1\" /><circle cx=\"15\" cy=\"5\" r=\"1\" /><circle cx=\"15\" cy=\"19\" r=\"1\" /></svg>",
|
|
576
|
+
hand: "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-hand\"><path d=\"M18 11V6a2 2 0 0 0-2-2a2 2 0 0 0-2 2\"/><path d=\"M14 10V4a2 2 0 0 0-2-2a2 2 0 0 0-2 2v2\"/><path d=\"M10 10.5V6a2 2 0 0 0-2-2a2 2 0 0 0-2 2v8\"/><path d=\"M18 8a2 2 0 1 1 4 0v6a8 8 0 0 1-8 8h-2c-2.8 0-4.5-.86-5.99-2.34l-3.6-3.6a2 2 0 0 1 2.83-2.82L7 15\"/></svg>",
|
|
576
577
|
hash: "<svg class=\"lucide lucide-hash\" xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" ><line x1=\"4\" x2=\"20\" y1=\"9\" y2=\"9\" /><line x1=\"4\" x2=\"20\" y1=\"15\" y2=\"15\" /><line x1=\"10\" x2=\"8\" y1=\"3\" y2=\"21\" /><line x1=\"16\" x2=\"14\" y1=\"3\" y2=\"21\" /></svg>",
|
|
577
578
|
heading: "<svg class=\"lucide lucide-heading\" xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" ><path d=\"M6 12h12\" /><path d=\"M6 20V4\" /><path d=\"M18 20V4\" /></svg>",
|
|
578
579
|
heart: "<svg class=\"lucide lucide-heart\" xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" ><path d=\"M2 9.5a5.5 5.5 0 0 1 9.591-3.676.56.56 0 0 0 .818 0A5.49 5.49 0 0 1 22 9.5c0 2.29-1.5 4-3 5.5l-5.492 5.313a2 2 0 0 1-3 .019L5 15c-1.5-1.5-3-3.2-3-5.5\" /></svg>",
|
|
580
|
+
highlighter: "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-highlighter\"><path d=\"m9 11-6 6v3h9l3-3\"/><path d=\"m22 12-4.6 4.6a2 2 0 0 1-2.8 0l-5.2-5.2a2 2 0 0 1 0-2.8L14 4\"/></svg>",
|
|
579
581
|
home: "<svg class=\"lucide lucide-home\" xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" ><path d=\"M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8\" /><path d=\"M3 10a2 2 0 0 1 .709-1.528l7-6a2 2 0 0 1 2.582 0l7 6A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\" /></svg>",
|
|
580
582
|
image: "<svg class=\"lucide lucide-image\" xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" ><rect width=\"18\" height=\"18\" x=\"3\" y=\"3\" rx=\"2\" ry=\"2\" /><circle cx=\"9\" cy=\"9\" r=\"2\" /><path d=\"m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21\" /></svg>",
|
|
581
583
|
"indent-decrease": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-indent-decrease\"><polyline points=\"7 8 3 12 7 16\"/><line x1=\"21\" x2=\"11\" y1=\"12\" y2=\"12\"/><line x1=\"21\" x2=\"11\" y1=\"6\" y2=\"6\"/><line x1=\"21\" x2=\"11\" y1=\"18\" y2=\"18\"/></svg>",
|
|
@@ -602,6 +604,8 @@ var Ce = Symbol.for("coar:form-field"), we = ["id", "for"], Te = {
|
|
|
602
604
|
moon: "<svg class=\"lucide lucide-moon\" xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" ><path d=\"M20.985 12.486a9 9 0 1 1-9.473-9.472c.405-.022.617.46.402.803a6 6 0 0 0 8.268 8.268c.344-.215.825-.004.803.401\" /></svg>",
|
|
603
605
|
"more-horizontal": "<svg class=\"lucide lucide-more-horizontal\" xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" ><circle cx=\"12\" cy=\"12\" r=\"1\" /><circle cx=\"19\" cy=\"12\" r=\"1\" /><circle cx=\"5\" cy=\"12\" r=\"1\" /></svg>",
|
|
604
606
|
"more-vertical": "<svg class=\"lucide lucide-more-vertical\" xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" ><circle cx=\"12\" cy=\"12\" r=\"1\" /><circle cx=\"12\" cy=\"5\" r=\"1\" /><circle cx=\"12\" cy=\"19\" r=\"1\" /></svg>",
|
|
607
|
+
"mouse-pointer-2": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-mouse-pointer-2\"><path d=\"M4.037 4.688a.495.495 0 0 1 .651-.651l16 6.5a.5.5 0 0 1-.063.947l-6.124 1.58a2 2 0 0 0-1.438 1.435l-1.579 6.126a.5.5 0 0 1-.947.063z\"/></svg>",
|
|
608
|
+
"move-horizontal": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-move-horizontal\"><polyline points=\"18 8 22 12 18 16\"/><polyline points=\"6 8 2 12 6 16\"/><line x1=\"2\" x2=\"22\" y1=\"12\" y2=\"12\"/></svg>",
|
|
605
609
|
"move-left": "<svg class=\"lucide lucide-move-left\" xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" ><path d=\"M6 8L2 12L6 16\" /><path d=\"M2 12H22\" /></svg>",
|
|
606
610
|
"move-right": "<svg class=\"lucide lucide-move-right\" xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" ><path d=\"M18 8L22 12L18 16\" /><path d=\"M2 12H22\" /></svg>",
|
|
607
611
|
palette: "<svg class=\"lucide lucide-palette\" xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" ><path d=\"M12 22a1 1 0 0 1 0-20 10 9 0 0 1 10 9 5 5 0 0 1-5 5h-2.25a1.75 1.75 0 0 0-1.4 2.8l.3.4a1.75 1.75 0 0 1-1.4 2.8z\" /><circle cx=\"13.5\" cy=\"6.5\" r=\".5\" fill=\"currentColor\" /><circle cx=\"17.5\" cy=\"10.5\" r=\".5\" fill=\"currentColor\" /><circle cx=\"6.5\" cy=\"12.5\" r=\".5\" fill=\"currentColor\" /><circle cx=\"8.5\" cy=\"7.5\" r=\".5\" fill=\"currentColor\" /></svg>",
|
|
@@ -614,6 +618,8 @@ var Ce = Symbol.for("coar:form-field"), we = ["id", "for"], Te = {
|
|
|
614
618
|
"qr-code": "<svg class=\"lucide lucide-qr-code\" xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" ><rect width=\"5\" height=\"5\" x=\"3\" y=\"3\" rx=\"1\" /><rect width=\"5\" height=\"5\" x=\"16\" y=\"3\" rx=\"1\" /><rect width=\"5\" height=\"5\" x=\"3\" y=\"16\" rx=\"1\" /><path d=\"M21 16h-3a2 2 0 0 0-2 2v3\" /><path d=\"M21 21v.01\" /><path d=\"M12 7v3a2 2 0 0 1-2 2H7\" /><path d=\"M3 12h.01\" /><path d=\"M12 3h.01\" /><path d=\"M12 16v.01\" /><path d=\"M16 12h1\" /><path d=\"M21 12v.01\" /><path d=\"M12 21v-1\" /></svg>",
|
|
615
619
|
"redo-2": "<svg class=\"lucide lucide-redo-2\" xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" ><path d=\"m15 14 5-5-5-5\" /><path d=\"M20 9H9.5A5.5 5.5 0 0 0 4 14.5A5.5 5.5 0 0 0 9.5 20H13\" /></svg>",
|
|
616
620
|
"refresh-cw": "<svg class=\"lucide lucide-refresh-cw\" xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" ><path d=\"M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8\" /><path d=\"M21 3v5h-5\" /><path d=\"M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16\" /><path d=\"M8 16H3v5\" /></svg>",
|
|
621
|
+
"rotate-ccw": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-rotate-ccw\"><path d=\"M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8\"/><path d=\"M3 3v5h5\"/></svg>",
|
|
622
|
+
"rotate-cw": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-rotate-cw\"><path d=\"M21 12a9 9 0 1 1-9-9c2.52 0 4.93 1 6.74 2.74L21 8\"/><path d=\"M21 3v5h-5\"/></svg>",
|
|
617
623
|
rows: "<svg class=\"lucide lucide-rows\" xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" ><rect width=\"18\" height=\"18\" x=\"3\" y=\"3\" rx=\"2\" /><path d=\"M3 12h18\" /></svg>",
|
|
618
624
|
save: "<svg class=\"lucide lucide-save\" xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" ><path d=\"M15.2 3a2 2 0 0 1 1.4.6l3.8 3.8a2 2 0 0 1 .6 1.4V19a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2z\" /><path d=\"M17 21v-7a1 1 0 0 0-1-1H8a1 1 0 0 0-1 1v7\" /><path d=\"M7 3v4a1 1 0 0 0 1 1h7\" /></svg>",
|
|
619
625
|
"scan-line": "<svg class=\"lucide lucide-scan-line\" xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" ><path d=\"M3 7V5a2 2 0 0 1 2-2h2\" /><path d=\"M17 3h2a2 2 0 0 1 2 2v2\" /><path d=\"M21 17v2a2 2 0 0 1-2 2h-2\" /><path d=\"M7 21H5a2 2 0 0 1-2-2v-2\" /><path d=\"M7 12h10\" /></svg>",
|
|
@@ -637,6 +643,7 @@ var Ce = Symbol.for("coar:form-field"), we = ["id", "for"], Te = {
|
|
|
637
643
|
"text-quote": "<svg class=\"lucide lucide-text-quote\" xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" ><path d=\"M17 5H3\" /><path d=\"M21 12H8\" /><path d=\"M21 19H8\" /><path d=\"M3 12v7\" /></svg>",
|
|
638
644
|
"trash-2": "<svg class=\"lucide lucide-trash-2\" xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" ><path d=\"M10 11v6\" /><path d=\"M14 11v6\" /><path d=\"M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6\" /><path d=\"M3 6h18\" /><path d=\"M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2\" /></svg>",
|
|
639
645
|
"triangle-alert": "<svg class=\"lucide lucide-triangle-alert\" xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" ><path d=\"m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3\" /><path d=\"M12 9v4\" /><path d=\"M12 17h.01\" /></svg>",
|
|
646
|
+
type: "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-type\"><polyline points=\"4 7 4 4 20 4 20 7\"/><line x1=\"9\" x2=\"15\" y1=\"20\" y2=\"20\"/><line x1=\"12\" x2=\"12\" y1=\"4\" y2=\"20\"/></svg>",
|
|
640
647
|
"undo-2": "<svg class=\"lucide lucide-undo-2\" xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" ><path d=\"M9 14 4 9l5-5\" /><path d=\"M4 9h10.5a5.5 5.5 0 0 1 5.5 5.5a5.5 5.5 0 0 1-5.5 5.5H11\" /></svg>",
|
|
641
648
|
unlink: "<svg class=\"lucide lucide-unlink\" xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" ><path d=\"m18.84 12.25 1.72-1.71h-.02a5.004 5.004 0 0 0-.12-7.07 5.006 5.006 0 0 0-6.95 0l-1.72 1.71\" /><path d=\"m5.17 11.75-1.71 1.71a5.004 5.004 0 0 0 .12 7.07 5.006 5.006 0 0 0 6.95 0l1.71-1.71\" /><line x1=\"8\" x2=\"8\" y1=\"2\" y2=\"5\" /><line x1=\"2\" x2=\"5\" y1=\"8\" y2=\"8\" /><line x1=\"16\" x2=\"16\" y1=\"19\" y2=\"22\" /><line x1=\"19\" x2=\"22\" y1=\"16\" y2=\"16\" /></svg>",
|
|
642
649
|
unlock: "<svg class=\"lucide lucide-unlock\" xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" ><rect width=\"18\" height=\"11\" x=\"3\" y=\"11\" rx=\"2\" ry=\"2\" /><path d=\"M7 11V7a5 5 0 0 1 9.9-1\" /></svg>",
|
|
@@ -9872,6 +9879,14 @@ var Id = Symbol("sidebar-collapsed"), Ld = Symbol("sidebar-icon-size"), Rd = Sym
|
|
|
9872
9879
|
openOnHover: {
|
|
9873
9880
|
type: Boolean,
|
|
9874
9881
|
default: !1
|
|
9882
|
+
},
|
|
9883
|
+
splitTrigger: {
|
|
9884
|
+
type: Boolean,
|
|
9885
|
+
default: !1
|
|
9886
|
+
},
|
|
9887
|
+
active: {
|
|
9888
|
+
type: Boolean,
|
|
9889
|
+
default: !1
|
|
9875
9890
|
}
|
|
9876
9891
|
}, {
|
|
9877
9892
|
open: {
|
|
@@ -9880,76 +9895,80 @@ var Id = Symbol("sidebar-collapsed"), Ld = Symbol("sidebar-icon-size"), Rd = Sym
|
|
|
9880
9895
|
},
|
|
9881
9896
|
openModifiers: {}
|
|
9882
9897
|
}),
|
|
9883
|
-
emits: ["update:open"],
|
|
9884
|
-
setup(e) {
|
|
9885
|
-
let
|
|
9898
|
+
emits: /* @__PURE__ */ g(["triggerClick"], ["update:open"]),
|
|
9899
|
+
setup(e, { emit: t }) {
|
|
9900
|
+
let n = `coar-sidebar-group-${R()}`, i = e, c = t, l = z(e, "open"), d = m(Id, O(!1)), f = m(Ld, O("m")), p = m(Rd, O("left")), g = r(() => Fd(p.value)), _ = m(zd, O(!1)), v = r(() => i.iconOnly ?? _.value), b = r(() => l.value), x = r(() => i.mode === "flyout"), C = B(), T = O(!1), E = O(null), D = null, k = null, j = null, M = m(Bd, null), N = {
|
|
9886
9901
|
cancelClose: () => {
|
|
9887
|
-
|
|
9902
|
+
se(), M?.cancelClose();
|
|
9888
9903
|
},
|
|
9889
9904
|
scheduleClose: () => {
|
|
9890
|
-
|
|
9905
|
+
oe(), M?.scheduleClose();
|
|
9891
9906
|
}
|
|
9892
|
-
},
|
|
9893
|
-
switch (
|
|
9907
|
+
}, F = r(() => _.value && !d.value), I = r(() => {
|
|
9908
|
+
switch (p.value) {
|
|
9894
9909
|
case "right": return "left";
|
|
9895
9910
|
case "top": return "bottom";
|
|
9896
9911
|
case "bottom": return "top";
|
|
9897
9912
|
default: return "right";
|
|
9898
9913
|
}
|
|
9899
|
-
}),
|
|
9900
|
-
content:
|
|
9901
|
-
placement:
|
|
9914
|
+
}), V = r(() => F.value ? x.value && T.value || !x.value && b.value ? !1 : {
|
|
9915
|
+
content: i.label,
|
|
9916
|
+
placement: I.value,
|
|
9902
9917
|
openDelay: 100
|
|
9903
|
-
} : !
|
|
9904
|
-
content:
|
|
9905
|
-
placement:
|
|
9918
|
+
} : !d.value || x.value && T.value ? !1 : {
|
|
9919
|
+
content: i.label,
|
|
9920
|
+
placement: I.value,
|
|
9906
9921
|
openDelay: 200
|
|
9907
|
-
}),
|
|
9908
|
-
switch (
|
|
9922
|
+
}), H = r(() => {
|
|
9923
|
+
switch (p.value) {
|
|
9909
9924
|
case "right": return "chevron-left";
|
|
9910
9925
|
case "top": return "chevron-down";
|
|
9911
9926
|
case "bottom": return "chevron-up";
|
|
9912
9927
|
default: return "chevron-right";
|
|
9913
9928
|
}
|
|
9914
|
-
}),
|
|
9915
|
-
function
|
|
9916
|
-
if (
|
|
9929
|
+
}), W = r(() => g.value === "horizontal" && p.value === "top" ? "chevron-up" : "chevron-down");
|
|
9930
|
+
function G(e) {
|
|
9931
|
+
if (i.disabled) {
|
|
9917
9932
|
e.preventDefault(), e.stopPropagation();
|
|
9918
9933
|
return;
|
|
9919
9934
|
}
|
|
9920
|
-
if (
|
|
9921
|
-
|
|
9935
|
+
if (i.splitTrigger && x.value) {
|
|
9936
|
+
c("triggerClick", e);
|
|
9922
9937
|
return;
|
|
9923
9938
|
}
|
|
9924
|
-
|
|
9939
|
+
if (x.value) {
|
|
9940
|
+
T.value ? ae() : ie();
|
|
9941
|
+
return;
|
|
9942
|
+
}
|
|
9943
|
+
l.value = !l.value;
|
|
9925
9944
|
}
|
|
9926
|
-
let
|
|
9927
|
-
function
|
|
9928
|
-
return
|
|
9945
|
+
let q = dr();
|
|
9946
|
+
function J() {
|
|
9947
|
+
return C.default?.();
|
|
9929
9948
|
}
|
|
9930
|
-
let
|
|
9931
|
-
switch (
|
|
9949
|
+
let ne = r(() => {
|
|
9950
|
+
switch (p.value) {
|
|
9932
9951
|
case "right": return ["left-start", "right-start"];
|
|
9933
9952
|
case "top": return ["bottom-start", "top-start"];
|
|
9934
9953
|
case "bottom": return ["top-start", "bottom-start"];
|
|
9935
9954
|
default: return ["right-start", "left-start"];
|
|
9936
9955
|
}
|
|
9937
9956
|
});
|
|
9938
|
-
function
|
|
9957
|
+
function re(e) {
|
|
9939
9958
|
let t = e.getBoundingClientRect(), n = e.closest(".coar-sidebar") ?? e.closest(".coar-sidebar-flyout");
|
|
9940
9959
|
if (!n) return 0;
|
|
9941
9960
|
let r = n.getBoundingClientRect();
|
|
9942
|
-
switch (
|
|
9961
|
+
switch (p.value) {
|
|
9943
9962
|
case "right": return t.left - r.left;
|
|
9944
9963
|
case "top": return r.bottom - t.bottom;
|
|
9945
9964
|
case "bottom": return t.top - r.top;
|
|
9946
9965
|
default: return r.right - t.right;
|
|
9947
9966
|
}
|
|
9948
9967
|
}
|
|
9949
|
-
function
|
|
9950
|
-
if (!
|
|
9951
|
-
|
|
9952
|
-
let e =
|
|
9968
|
+
function ie() {
|
|
9969
|
+
if (!E.value || j) return;
|
|
9970
|
+
se(), M?.cancelClose(), T.value = !0;
|
|
9971
|
+
let e = E.value, t = re(e), r = pr().open({
|
|
9953
9972
|
spec: {
|
|
9954
9973
|
...wr,
|
|
9955
9974
|
anchor: {
|
|
@@ -9957,8 +9976,8 @@ var Id = Symbol("sidebar-collapsed"), Ld = Symbol("sidebar-icon-size"), Rd = Sym
|
|
|
9957
9976
|
element: e
|
|
9958
9977
|
},
|
|
9959
9978
|
position: {
|
|
9960
|
-
placement:
|
|
9961
|
-
offset: -4 +
|
|
9979
|
+
placement: ne.value,
|
|
9980
|
+
offset: -4 + t,
|
|
9962
9981
|
flip: !0,
|
|
9963
9982
|
shift: !0
|
|
9964
9983
|
}
|
|
@@ -9968,93 +9987,99 @@ var Id = Symbol("sidebar-collapsed"), Ld = Symbol("sidebar-icon-size"), Rd = Sym
|
|
|
9968
9987
|
component: h(sf)
|
|
9969
9988
|
},
|
|
9970
9989
|
inputs: {
|
|
9971
|
-
id:
|
|
9972
|
-
label:
|
|
9973
|
-
iconOnly:
|
|
9974
|
-
parentControl:
|
|
9975
|
-
renderContent:
|
|
9990
|
+
id: n,
|
|
9991
|
+
label: i.label,
|
|
9992
|
+
iconOnly: v.value,
|
|
9993
|
+
parentControl: N,
|
|
9994
|
+
renderContent: J,
|
|
9976
9995
|
onFlyoutEnter: () => {
|
|
9977
|
-
|
|
9996
|
+
se(), M?.cancelClose();
|
|
9978
9997
|
},
|
|
9979
|
-
onFlyoutLeave: () =>
|
|
9998
|
+
onFlyoutLeave: () => oe()
|
|
9980
9999
|
},
|
|
9981
|
-
parent:
|
|
10000
|
+
parent: q
|
|
9982
10001
|
});
|
|
9983
|
-
|
|
9984
|
-
|
|
10002
|
+
j = r, r.afterClosed.then(() => {
|
|
10003
|
+
j === r && (j = null, T.value = !1, se(), ce());
|
|
9985
10004
|
});
|
|
9986
10005
|
}
|
|
9987
|
-
function re() {
|
|
9988
|
-
ae(), x.value = !1;
|
|
9989
|
-
let e = D;
|
|
9990
|
-
D = null, e && !e.isClosed && e.close();
|
|
9991
|
-
}
|
|
9992
|
-
function ie() {
|
|
9993
|
-
ae(), T = setTimeout(() => re(), 300);
|
|
9994
|
-
}
|
|
9995
10006
|
function ae() {
|
|
9996
|
-
|
|
10007
|
+
se(), T.value = !1;
|
|
10008
|
+
let e = j;
|
|
10009
|
+
j = null, e && !e.isClosed && e.close();
|
|
9997
10010
|
}
|
|
9998
10011
|
function oe() {
|
|
9999
|
-
se(),
|
|
10012
|
+
se(), D = setTimeout(() => ae(), 300);
|
|
10000
10013
|
}
|
|
10001
10014
|
function se() {
|
|
10002
|
-
|
|
10015
|
+
D &&= (clearTimeout(D), null);
|
|
10003
10016
|
}
|
|
10004
10017
|
function Y() {
|
|
10005
|
-
|
|
10018
|
+
ce(), k = setTimeout(() => ie(), 200);
|
|
10006
10019
|
}
|
|
10007
10020
|
function ce() {
|
|
10008
|
-
|
|
10021
|
+
k &&= (clearTimeout(k), null);
|
|
10022
|
+
}
|
|
10023
|
+
function le() {
|
|
10024
|
+
T.value ? se() : x.value && i.openOnHover && Y(), M?.cancelClose();
|
|
10009
10025
|
}
|
|
10010
|
-
|
|
10011
|
-
|
|
10026
|
+
function ue() {
|
|
10027
|
+
ce(), T.value && oe();
|
|
10028
|
+
}
|
|
10029
|
+
return U(d, () => {
|
|
10030
|
+
T.value && ae();
|
|
10012
10031
|
}), S(() => {
|
|
10013
|
-
|
|
10014
|
-
}), (e,
|
|
10015
|
-
|
|
10016
|
-
|
|
10017
|
-
|
|
10032
|
+
se(), ce(), j && !j.isClosed && j.close(), j = null;
|
|
10033
|
+
}), (e, t) => (w(), o("div", { class: y(["coar-sidebar-group", [
|
|
10034
|
+
`coar-sidebar-group--${g.value}`,
|
|
10035
|
+
`coar-sidebar-group--side-${L(p)}`,
|
|
10036
|
+
{
|
|
10037
|
+
"coar-sidebar-group--collapsed": L(d),
|
|
10038
|
+
"coar-sidebar-group--icon-only": F.value,
|
|
10039
|
+
"coar-sidebar-group--active": i.active
|
|
10040
|
+
}
|
|
10041
|
+
]]) }, [K((w(), o("div", {
|
|
10018
10042
|
ref_key: "triggerRef",
|
|
10019
|
-
ref:
|
|
10043
|
+
ref: E,
|
|
10020
10044
|
class: y(["coar-sidebar-group__trigger", {
|
|
10021
|
-
"coar-sidebar-group__trigger--disabled":
|
|
10022
|
-
"coar-sidebar-group__trigger--open":
|
|
10045
|
+
"coar-sidebar-group__trigger--disabled": i.disabled,
|
|
10046
|
+
"coar-sidebar-group__trigger--open": x.value ? T.value : b.value,
|
|
10047
|
+
"coar-sidebar-group__trigger--active": i.active
|
|
10023
10048
|
}]),
|
|
10024
10049
|
role: "menuitem",
|
|
10025
10050
|
"aria-haspopup": "menu",
|
|
10026
|
-
"aria-expanded":
|
|
10027
|
-
"aria-controls":
|
|
10028
|
-
"aria-disabled":
|
|
10029
|
-
tabindex:
|
|
10030
|
-
onClick:
|
|
10031
|
-
onKeydown: [ee(
|
|
10032
|
-
onMouseenter:
|
|
10033
|
-
onMouseleave:
|
|
10051
|
+
"aria-expanded": x.value ? T.value : b.value,
|
|
10052
|
+
"aria-controls": n,
|
|
10053
|
+
"aria-disabled": i.disabled || void 0,
|
|
10054
|
+
tabindex: i.disabled ? -1 : 0,
|
|
10055
|
+
onClick: G,
|
|
10056
|
+
onKeydown: [ee(G, ["enter"]), ee(te(G, ["prevent"]), ["space"])],
|
|
10057
|
+
onMouseenter: le,
|
|
10058
|
+
onMouseleave: ue
|
|
10034
10059
|
}, [
|
|
10035
10060
|
s("span", lf, [u(Z, {
|
|
10036
|
-
name:
|
|
10037
|
-
size: L(
|
|
10061
|
+
name: i.icon || "square-dashed",
|
|
10062
|
+
size: L(f)
|
|
10038
10063
|
}, null, 8, ["name", "size"]), s("span", uf, [u(Z, {
|
|
10039
|
-
name:
|
|
10064
|
+
name: x.value ? T.value ? W.value : H.value : b.value ? "minus" : "plus",
|
|
10040
10065
|
size: "xs"
|
|
10041
10066
|
}, null, 8, ["name"])])]),
|
|
10042
|
-
s("span", df, P(
|
|
10067
|
+
s("span", df, P(i.label), 1),
|
|
10043
10068
|
u(Z, {
|
|
10044
|
-
name:
|
|
10069
|
+
name: x.value ? T.value ? W.value : H.value : b.value ? "minus" : "plus",
|
|
10045
10070
|
size: "xs",
|
|
10046
10071
|
class: "coar-sidebar-group__chevron",
|
|
10047
10072
|
"aria-hidden": "true"
|
|
10048
10073
|
}, null, 8, ["name"])
|
|
10049
|
-
], 42, cf)), [[L(vc),
|
|
10074
|
+
], 42, cf)), [[L(vc), V.value]]), x.value ? a("", !0) : (w(), o("div", {
|
|
10050
10075
|
key: 0,
|
|
10051
|
-
id:
|
|
10052
|
-
class: y(["coar-sidebar-group__panel", { "coar-sidebar-group__panel--open":
|
|
10053
|
-
"aria-hidden": !
|
|
10076
|
+
id: n,
|
|
10077
|
+
class: y(["coar-sidebar-group__panel", { "coar-sidebar-group__panel--open": b.value }]),
|
|
10078
|
+
"aria-hidden": !b.value || void 0,
|
|
10054
10079
|
role: "group"
|
|
10055
10080
|
}, [s("div", pf, [A(e.$slots, "default", {}, void 0, !0)])], 10, ff))], 2));
|
|
10056
10081
|
}
|
|
10057
|
-
}), [["__scopeId", "data-v-
|
|
10082
|
+
}), [["__scopeId", "data-v-898af6bb"]]), hf = {
|
|
10058
10083
|
key: 0,
|
|
10059
10084
|
class: "coar-sidebar-heading__text"
|
|
10060
10085
|
}, gf = /* @__PURE__ */ X(/* @__PURE__ */ d({
|
|
@@ -10068,16 +10093,17 @@ var Id = Symbol("sidebar-collapsed"), Ld = Symbol("sidebar-icon-size"), Rd = Sym
|
|
|
10068
10093
|
"aria-level": "3"
|
|
10069
10094
|
}, [L(n) ? a("", !0) : (w(), o("span", hf, P(t.label), 1))], 2));
|
|
10070
10095
|
}
|
|
10071
|
-
}), [["__scopeId", "data-v-99fb2c2f"]]), _f = /* @__PURE__ */ X(/* @__PURE__ */ d({
|
|
10096
|
+
}), [["__scopeId", "data-v-99fb2c2f"]]), _f = ["aria-orientation"], vf = /* @__PURE__ */ X(/* @__PURE__ */ d({
|
|
10072
10097
|
__name: "CoarSidebarDivider",
|
|
10073
10098
|
setup(e) {
|
|
10074
|
-
let t = m(Id, O(!1));
|
|
10099
|
+
let t = m(Id, O(!1)), n = m(Rd, O("left")), i = r(() => Fd(n.value));
|
|
10075
10100
|
return (e, n) => (w(), o("div", {
|
|
10076
|
-
class: y(["coar-sidebar-divider", { "coar-sidebar-divider--collapsed": L(t) }]),
|
|
10077
|
-
role: "separator"
|
|
10078
|
-
|
|
10101
|
+
class: y(["coar-sidebar-divider", [`coar-sidebar-divider--${i.value}`, { "coar-sidebar-divider--collapsed": L(t) }]]),
|
|
10102
|
+
role: "separator",
|
|
10103
|
+
"aria-orientation": i.value === "horizontal" ? "vertical" : "horizontal"
|
|
10104
|
+
}, null, 10, _f));
|
|
10079
10105
|
}
|
|
10080
|
-
}), [["__scopeId", "data-v-
|
|
10106
|
+
}), [["__scopeId", "data-v-9bdfe627"]]), yf = /* @__PURE__ */ X(/* @__PURE__ */ d({
|
|
10081
10107
|
__name: "CoarSidebarSpacer",
|
|
10082
10108
|
props: {
|
|
10083
10109
|
height: { default: void 0 },
|
|
@@ -10094,16 +10120,16 @@ var Id = Symbol("sidebar-collapsed"), Ld = Symbol("sidebar-icon-size"), Rd = Sym
|
|
|
10094
10120
|
"aria-hidden": "true"
|
|
10095
10121
|
}, null, 6));
|
|
10096
10122
|
}
|
|
10097
|
-
}), [["__scopeId", "data-v-502139f5"]]),
|
|
10123
|
+
}), [["__scopeId", "data-v-502139f5"]]), bf = {
|
|
10098
10124
|
key: 0,
|
|
10099
10125
|
class: "coar-navbar__start"
|
|
10100
|
-
},
|
|
10126
|
+
}, xf = {
|
|
10101
10127
|
key: 1,
|
|
10102
10128
|
class: "coar-navbar__center"
|
|
10103
|
-
},
|
|
10129
|
+
}, Sf = {
|
|
10104
10130
|
key: 2,
|
|
10105
10131
|
class: "coar-navbar__end"
|
|
10106
|
-
},
|
|
10132
|
+
}, Cf = /* @__PURE__ */ X(/* @__PURE__ */ d({
|
|
10107
10133
|
__name: "CoarNavbar",
|
|
10108
10134
|
props: {
|
|
10109
10135
|
elevated: {
|
|
@@ -10123,17 +10149,17 @@ var Id = Symbol("sidebar-collapsed"), Ld = Symbol("sidebar-icon-size"), Rd = Sym
|
|
|
10123
10149
|
}]),
|
|
10124
10150
|
role: "banner"
|
|
10125
10151
|
}, [
|
|
10126
|
-
t.$slots.start ? (w(), o("div",
|
|
10152
|
+
t.$slots.start ? (w(), o("div", bf, [A(t.$slots, "start", {}, void 0, !0)])) : a("", !0),
|
|
10127
10153
|
n[0] ||= s("div", { class: "coar-navbar__spacer" }, null, -1),
|
|
10128
|
-
t.$slots.center ? (w(), o("div",
|
|
10154
|
+
t.$slots.center ? (w(), o("div", xf, [A(t.$slots, "center", {}, void 0, !0)])) : a("", !0),
|
|
10129
10155
|
n[1] ||= s("div", { class: "coar-navbar__spacer" }, null, -1),
|
|
10130
|
-
t.$slots.end ? (w(), o("div",
|
|
10156
|
+
t.$slots.end ? (w(), o("div", Sf, [A(t.$slots, "end", {}, void 0, !0)])) : a("", !0)
|
|
10131
10157
|
], 2));
|
|
10132
10158
|
}
|
|
10133
10159
|
}), [["__scopeId", "data-v-c7eb4106"]]);
|
|
10134
10160
|
//#endregion
|
|
10135
10161
|
//#region src/components/date-time/_shared/time-helpers.ts
|
|
10136
|
-
function
|
|
10162
|
+
function wf(e) {
|
|
10137
10163
|
try {
|
|
10138
10164
|
return new Intl.DateTimeFormat(e, {
|
|
10139
10165
|
hour: "numeric",
|
|
@@ -10143,13 +10169,13 @@ function Cf(e) {
|
|
|
10143
10169
|
return !1;
|
|
10144
10170
|
}
|
|
10145
10171
|
}
|
|
10146
|
-
function
|
|
10172
|
+
function Tf(e, t, n) {
|
|
10147
10173
|
let r = String(t).padStart(2, "0");
|
|
10148
10174
|
if (n) return `${String(e).padStart(2, "0")}:${r}`;
|
|
10149
10175
|
let i = e >= 12 ? "PM" : "AM", a = e % 12;
|
|
10150
10176
|
return a === 0 && (a = 12), `${a}:${r} ${i}`;
|
|
10151
10177
|
}
|
|
10152
|
-
function
|
|
10178
|
+
function Ef(e) {
|
|
10153
10179
|
if (!e || typeof e != "string") return null;
|
|
10154
10180
|
let t = e.trim().toUpperCase(), n = t.match(/^(\d{1,2}):(\d{2})\s*(AM|PM)$/);
|
|
10155
10181
|
if (n) {
|
|
@@ -10169,41 +10195,41 @@ function Tf(e) {
|
|
|
10169
10195
|
}
|
|
10170
10196
|
return null;
|
|
10171
10197
|
}
|
|
10172
|
-
function
|
|
10198
|
+
function Df(e) {
|
|
10173
10199
|
let t = e >= 12 ? "PM" : "AM", n = e % 12;
|
|
10174
10200
|
return n === 0 && (n = 12), {
|
|
10175
10201
|
hours: n,
|
|
10176
10202
|
period: t
|
|
10177
10203
|
};
|
|
10178
10204
|
}
|
|
10179
|
-
function
|
|
10205
|
+
function Of(e, t) {
|
|
10180
10206
|
return t === "AM" ? e === 12 ? 0 : e : e === 12 ? 12 : e + 12;
|
|
10181
10207
|
}
|
|
10182
|
-
function
|
|
10208
|
+
function kf(e, t) {
|
|
10183
10209
|
let n = (e + t) % 24;
|
|
10184
10210
|
return n < 0 ? n + 24 : n;
|
|
10185
10211
|
}
|
|
10186
|
-
function
|
|
10212
|
+
function Af(e, t, n = 1) {
|
|
10187
10213
|
let r = e + t * n, i = 0, a = r;
|
|
10188
10214
|
return r >= 60 ? (i = Math.floor(r / 60), a = r % 60) : r < 0 && (i = Math.floor(r / 60), a = (r % 60 + 60) % 60), {
|
|
10189
10215
|
minutes: a,
|
|
10190
10216
|
hourDelta: i
|
|
10191
10217
|
};
|
|
10192
10218
|
}
|
|
10193
|
-
function
|
|
10219
|
+
function jf(e, t) {
|
|
10194
10220
|
return Math.round(e / t) * t;
|
|
10195
10221
|
}
|
|
10196
10222
|
//#endregion
|
|
10197
10223
|
//#region src/components/date-time/time-picker/CoarTimePicker.vue?vue&type=script&setup=true&lang.ts
|
|
10198
|
-
var
|
|
10224
|
+
var Mf = ["aria-label"], Nf = { class: "coar-time-picker__spinner coar-time-picker__hours" }, Pf = ["disabled", "aria-label"], Ff = [
|
|
10199
10225
|
"aria-valuenow",
|
|
10200
10226
|
"aria-valuemin",
|
|
10201
10227
|
"aria-valuemax",
|
|
10202
10228
|
"aria-label"
|
|
10203
|
-
],
|
|
10229
|
+
], If = ["disabled", "aria-label"], Lf = { class: "coar-time-picker__spinner coar-time-picker__minutes" }, Rf = ["disabled", "aria-label"], zf = ["aria-valuenow", "aria-label"], Bf = ["disabled", "aria-label"], Vf = {
|
|
10204
10230
|
key: 0,
|
|
10205
10231
|
class: "coar-time-picker__spinner coar-time-picker__period"
|
|
10206
|
-
},
|
|
10232
|
+
}, Hf = ["disabled"], Uf = ["aria-valuenow", "aria-valuetext"], Wf = ["disabled"], Gf = /* @__PURE__ */ X(/* @__PURE__ */ d({
|
|
10207
10233
|
__name: "CoarTimePicker",
|
|
10208
10234
|
props: /* @__PURE__ */ g({
|
|
10209
10235
|
size: { default: "m" },
|
|
@@ -10232,9 +10258,9 @@ var jf = ["aria-label"], Mf = { class: "coar-time-picker__spinner coar-time-pick
|
|
|
10232
10258
|
setup(e) {
|
|
10233
10259
|
let t = e, n = z(e, "modelValue"), { t: i } = q(), c = J(), l = r(() => t.locale ?? c?.language.value ?? navigator.language), d = O(9), f = O(0), p = O("AM");
|
|
10234
10260
|
U(n, (e) => {
|
|
10235
|
-
e && (d.value = e.hours, f.value =
|
|
10261
|
+
e && (d.value = e.hours, f.value = jf(e.minutes, t.minuteStep), p.value = e.hours >= 12 ? "PM" : "AM");
|
|
10236
10262
|
}, { immediate: !0 });
|
|
10237
|
-
let m = r(() => t.use24Hour === !0 ? !1 : t.use24Hour === !1 ? !0 :
|
|
10263
|
+
let m = r(() => t.use24Hour === !0 ? !1 : t.use24Hour === !1 ? !0 : wf(l.value)), h = r(() => m.value ? Df(d.value).hours : d.value), g = r(() => f.value), _ = r(() => +!!m.value), v = r(() => m.value ? 12 : 23), b = r(() => t.size === "xs" ? "xs" : "s");
|
|
10238
10264
|
function x(e) {
|
|
10239
10265
|
return e.hours * 60 + e.minutes;
|
|
10240
10266
|
}
|
|
@@ -10269,11 +10295,11 @@ var jf = ["aria-label"], Mf = { class: "coar-time-picker__spinner coar-time-pick
|
|
|
10269
10295
|
if (!(t.disabled || t.readonly || S.value)) {
|
|
10270
10296
|
if (m.value) {
|
|
10271
10297
|
let e = h.value, t = e + 1;
|
|
10272
|
-
if (t > 12 && (t = 1), d.value =
|
|
10298
|
+
if (t > 12 && (t = 1), d.value = Of(t, p.value), e === 11) {
|
|
10273
10299
|
I();
|
|
10274
10300
|
return;
|
|
10275
10301
|
}
|
|
10276
|
-
} else d.value =
|
|
10302
|
+
} else d.value = kf(d.value, 1);
|
|
10277
10303
|
A();
|
|
10278
10304
|
}
|
|
10279
10305
|
}
|
|
@@ -10281,28 +10307,28 @@ var jf = ["aria-label"], Mf = { class: "coar-time-picker__spinner coar-time-pick
|
|
|
10281
10307
|
if (!(t.disabled || t.readonly || C.value)) {
|
|
10282
10308
|
if (m.value) {
|
|
10283
10309
|
let e = h.value, t = e - 1;
|
|
10284
|
-
if (t < 1 && (t = 12), d.value =
|
|
10310
|
+
if (t < 1 && (t = 12), d.value = Of(t, p.value), e === 12) {
|
|
10285
10311
|
I();
|
|
10286
10312
|
return;
|
|
10287
10313
|
}
|
|
10288
|
-
} else d.value =
|
|
10314
|
+
} else d.value = kf(d.value, -1);
|
|
10289
10315
|
A();
|
|
10290
10316
|
}
|
|
10291
10317
|
}
|
|
10292
10318
|
function N() {
|
|
10293
10319
|
if (t.disabled || t.readonly || T.value) return;
|
|
10294
|
-
let { minutes: e, hourDelta: n } =
|
|
10295
|
-
f.value = e, n !== 0 && (d.value =
|
|
10320
|
+
let { minutes: e, hourDelta: n } = Af(f.value, 1, t.minuteStep);
|
|
10321
|
+
f.value = e, n !== 0 && (d.value = kf(d.value, n), p.value = d.value >= 12 ? "PM" : "AM"), A();
|
|
10296
10322
|
}
|
|
10297
10323
|
function F() {
|
|
10298
10324
|
if (t.disabled || t.readonly || E.value) return;
|
|
10299
|
-
let { minutes: e, hourDelta: n } =
|
|
10300
|
-
f.value = e, n !== 0 && (d.value =
|
|
10325
|
+
let { minutes: e, hourDelta: n } = Af(f.value, -1, t.minuteStep);
|
|
10326
|
+
f.value = e, n !== 0 && (d.value = kf(d.value, n), p.value = d.value >= 12 ? "PM" : "AM"), A();
|
|
10301
10327
|
}
|
|
10302
10328
|
function I() {
|
|
10303
10329
|
if (t.disabled || t.readonly || !m.value) return;
|
|
10304
10330
|
let e = p.value === "AM" ? "PM" : "AM";
|
|
10305
|
-
e === "AM" && D.value || e === "PM" && k.value || (p.value = e, d.value =
|
|
10331
|
+
e === "AM" && D.value || e === "PM" && k.value || (p.value = e, d.value = Of(h.value, e), A());
|
|
10306
10332
|
}
|
|
10307
10333
|
function R(e) {
|
|
10308
10334
|
t.disabled || t.readonly || (e.key === "ArrowUp" ? (e.preventDefault(), j()) : e.key === "ArrowDown" && (e.preventDefault(), M()));
|
|
@@ -10326,7 +10352,7 @@ var jf = ["aria-label"], Mf = { class: "coar-time-picker__spinner coar-time-pick
|
|
|
10326
10352
|
role: "group",
|
|
10327
10353
|
"aria-label": e.ariaLabel
|
|
10328
10354
|
}, [
|
|
10329
|
-
s("div",
|
|
10355
|
+
s("div", Nf, [
|
|
10330
10356
|
s("button", {
|
|
10331
10357
|
type: "button",
|
|
10332
10358
|
class: "coar-time-picker__btn coar-time-picker__btn--up",
|
|
@@ -10337,7 +10363,7 @@ var jf = ["aria-label"], Mf = { class: "coar-time-picker__spinner coar-time-pick
|
|
|
10337
10363
|
}, [u(Z, {
|
|
10338
10364
|
name: "chevron-up",
|
|
10339
10365
|
size: b.value
|
|
10340
|
-
}, null, 8, ["size"])], 8,
|
|
10366
|
+
}, null, 8, ["size"])], 8, Pf),
|
|
10341
10367
|
s("div", {
|
|
10342
10368
|
class: "coar-time-picker__value",
|
|
10343
10369
|
role: "spinbutton",
|
|
@@ -10347,7 +10373,7 @@ var jf = ["aria-label"], Mf = { class: "coar-time-picker__spinner coar-time-pick
|
|
|
10347
10373
|
"aria-valuemax": v.value,
|
|
10348
10374
|
"aria-label": L(i)("coar.ui.timePicker.hours", void 0, "Hours"),
|
|
10349
10375
|
onKeydown: R
|
|
10350
|
-
}, P(h.value.toString().padStart(2, "0")), 41,
|
|
10376
|
+
}, P(h.value.toString().padStart(2, "0")), 41, Ff),
|
|
10351
10377
|
s("button", {
|
|
10352
10378
|
type: "button",
|
|
10353
10379
|
class: "coar-time-picker__btn coar-time-picker__btn--down",
|
|
@@ -10358,13 +10384,13 @@ var jf = ["aria-label"], Mf = { class: "coar-time-picker__spinner coar-time-pick
|
|
|
10358
10384
|
}, [u(Z, {
|
|
10359
10385
|
name: "chevron-down",
|
|
10360
10386
|
size: b.value
|
|
10361
|
-
}, null, 8, ["size"])], 8,
|
|
10387
|
+
}, null, 8, ["size"])], 8, If)
|
|
10362
10388
|
]),
|
|
10363
10389
|
n[0] ||= s("span", {
|
|
10364
10390
|
class: "coar-time-picker__separator",
|
|
10365
10391
|
"aria-hidden": "true"
|
|
10366
10392
|
}, ":", -1),
|
|
10367
|
-
s("div",
|
|
10393
|
+
s("div", Lf, [
|
|
10368
10394
|
s("button", {
|
|
10369
10395
|
type: "button",
|
|
10370
10396
|
class: "coar-time-picker__btn coar-time-picker__btn--up",
|
|
@@ -10375,7 +10401,7 @@ var jf = ["aria-label"], Mf = { class: "coar-time-picker__spinner coar-time-pick
|
|
|
10375
10401
|
}, [u(Z, {
|
|
10376
10402
|
name: "chevron-up",
|
|
10377
10403
|
size: b.value
|
|
10378
|
-
}, null, 8, ["size"])], 8,
|
|
10404
|
+
}, null, 8, ["size"])], 8, Rf),
|
|
10379
10405
|
s("div", {
|
|
10380
10406
|
class: "coar-time-picker__value",
|
|
10381
10407
|
role: "spinbutton",
|
|
@@ -10385,7 +10411,7 @@ var jf = ["aria-label"], Mf = { class: "coar-time-picker__spinner coar-time-pick
|
|
|
10385
10411
|
"aria-valuemax": "59",
|
|
10386
10412
|
"aria-label": L(i)("coar.ui.timePicker.minutes", void 0, "Minutes"),
|
|
10387
10413
|
onKeydown: B
|
|
10388
|
-
}, P(g.value.toString().padStart(2, "0")), 41,
|
|
10414
|
+
}, P(g.value.toString().padStart(2, "0")), 41, zf),
|
|
10389
10415
|
s("button", {
|
|
10390
10416
|
type: "button",
|
|
10391
10417
|
class: "coar-time-picker__btn coar-time-picker__btn--down",
|
|
@@ -10396,9 +10422,9 @@ var jf = ["aria-label"], Mf = { class: "coar-time-picker__spinner coar-time-pick
|
|
|
10396
10422
|
}, [u(Z, {
|
|
10397
10423
|
name: "chevron-down",
|
|
10398
10424
|
size: b.value
|
|
10399
|
-
}, null, 8, ["size"])], 8,
|
|
10425
|
+
}, null, 8, ["size"])], 8, Bf)
|
|
10400
10426
|
]),
|
|
10401
|
-
m.value ? (w(), o("div",
|
|
10427
|
+
m.value ? (w(), o("div", Vf, [
|
|
10402
10428
|
s("button", {
|
|
10403
10429
|
type: "button",
|
|
10404
10430
|
class: "coar-time-picker__btn coar-time-picker__btn--up",
|
|
@@ -10409,7 +10435,7 @@ var jf = ["aria-label"], Mf = { class: "coar-time-picker__spinner coar-time-pick
|
|
|
10409
10435
|
}, [u(Z, {
|
|
10410
10436
|
name: "chevron-up",
|
|
10411
10437
|
size: b.value
|
|
10412
|
-
}, null, 8, ["size"])], 8,
|
|
10438
|
+
}, null, 8, ["size"])], 8, Hf),
|
|
10413
10439
|
s("div", {
|
|
10414
10440
|
class: "coar-time-picker__value coar-time-picker__period-value",
|
|
10415
10441
|
role: "spinbutton",
|
|
@@ -10420,7 +10446,7 @@ var jf = ["aria-label"], Mf = { class: "coar-time-picker__spinner coar-time-pick
|
|
|
10420
10446
|
"aria-valuetext": p.value,
|
|
10421
10447
|
"aria-label": "AM/PM",
|
|
10422
10448
|
onKeydown: V
|
|
10423
|
-
}, P(p.value), 41,
|
|
10449
|
+
}, P(p.value), 41, Uf),
|
|
10424
10450
|
s("button", {
|
|
10425
10451
|
type: "button",
|
|
10426
10452
|
class: "coar-time-picker__btn coar-time-picker__btn--down",
|
|
@@ -10431,14 +10457,14 @@ var jf = ["aria-label"], Mf = { class: "coar-time-picker__spinner coar-time-pick
|
|
|
10431
10457
|
}, [u(Z, {
|
|
10432
10458
|
name: "chevron-down",
|
|
10433
10459
|
size: b.value
|
|
10434
|
-
}, null, 8, ["size"])], 8,
|
|
10460
|
+
}, null, 8, ["size"])], 8, Wf)
|
|
10435
10461
|
])) : a("", !0)
|
|
10436
|
-
], 8,
|
|
10462
|
+
], 8, Mf)], 2));
|
|
10437
10463
|
}
|
|
10438
10464
|
}), [["__scopeId", "data-v-a5cd4780"]]);
|
|
10439
10465
|
//#endregion
|
|
10440
10466
|
//#region src/components/date-time/_shared/date-helpers.ts
|
|
10441
|
-
function
|
|
10467
|
+
function Kf(e) {
|
|
10442
10468
|
try {
|
|
10443
10469
|
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");
|
|
10444
10470
|
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;
|
|
@@ -10446,7 +10472,7 @@ function Gf(e) {
|
|
|
10446
10472
|
return null;
|
|
10447
10473
|
}
|
|
10448
10474
|
}
|
|
10449
|
-
function
|
|
10475
|
+
function qf(e) {
|
|
10450
10476
|
try {
|
|
10451
10477
|
let t = new Intl.Locale(e);
|
|
10452
10478
|
return (t.getWeekInfo?.() ?? t.weekInfo)?.firstDay === 7 ? 7 : 1;
|
|
@@ -10454,10 +10480,10 @@ function Kf(e) {
|
|
|
10454
10480
|
return 1;
|
|
10455
10481
|
}
|
|
10456
10482
|
}
|
|
10457
|
-
function
|
|
10483
|
+
function Jf(e) {
|
|
10458
10484
|
return e.includes(".") ? "." : e.includes("/") ? "/" : "-";
|
|
10459
10485
|
}
|
|
10460
|
-
function
|
|
10486
|
+
function Yf(e, t) {
|
|
10461
10487
|
let n = new Intl.DateTimeFormat(e, { weekday: "short" }), r = [];
|
|
10462
10488
|
for (let e = 0; e < 7; e++) {
|
|
10463
10489
|
let t = new Date(2024, 0, 1 + e);
|
|
@@ -10469,8 +10495,8 @@ function Jf(e, t) {
|
|
|
10469
10495
|
}
|
|
10470
10496
|
return r;
|
|
10471
10497
|
}
|
|
10472
|
-
function
|
|
10473
|
-
let n =
|
|
10498
|
+
function Xf(e, t) {
|
|
10499
|
+
let n = Jf(t), r = String(e.day).padStart(2, "0"), i = String(e.month).padStart(2, "0"), a = String(e.year);
|
|
10474
10500
|
switch (t) {
|
|
10475
10501
|
case "dd.mm.yyyy":
|
|
10476
10502
|
case "dd/mm/yyyy": return `${r}${n}${i}${n}${a}`;
|
|
@@ -10479,9 +10505,9 @@ function Yf(e, t) {
|
|
|
10479
10505
|
default: return `${r}${n}${i}${n}${a}`;
|
|
10480
10506
|
}
|
|
10481
10507
|
}
|
|
10482
|
-
function
|
|
10508
|
+
function Zf(e, t, n) {
|
|
10483
10509
|
if (!e) return null;
|
|
10484
|
-
let r =
|
|
10510
|
+
let r = Jf(t), i = e.split(r);
|
|
10485
10511
|
if (i.length !== 3 || i.some((e) => e.length === 0 || !/^\d+$/.test(e))) return null;
|
|
10486
10512
|
let a, o, s;
|
|
10487
10513
|
try {
|
|
@@ -10509,19 +10535,19 @@ function Xf(e, t, n) {
|
|
|
10509
10535
|
return null;
|
|
10510
10536
|
}
|
|
10511
10537
|
}
|
|
10512
|
-
function
|
|
10538
|
+
function Qf(e) {
|
|
10513
10539
|
return new Date(e.year, e.month - 1, e.day);
|
|
10514
10540
|
}
|
|
10515
|
-
function
|
|
10516
|
-
let t =
|
|
10541
|
+
function $f(e) {
|
|
10542
|
+
let t = Qf(e), n = t.getDay() || 7;
|
|
10517
10543
|
t.setDate(t.getDate() + 4 - n);
|
|
10518
10544
|
let r = new Date(t.getFullYear(), 0, 1);
|
|
10519
10545
|
return Math.ceil(((t.getTime() - r.getTime()) / 864e5 + 1) / 7);
|
|
10520
10546
|
}
|
|
10521
|
-
function
|
|
10547
|
+
function ep(e, t) {
|
|
10522
10548
|
return t?.min && Y.PlainDate.compare(e, t.min) < 0 ? t.min : t?.max && Y.PlainDate.compare(e, t.max) > 0 ? t.max : e;
|
|
10523
10549
|
}
|
|
10524
|
-
function
|
|
10550
|
+
function tp(e, t) {
|
|
10525
10551
|
let n = e.toPlainDate({ day: 1 }), r = e.daysInMonth, i = n.dayOfWeek, a;
|
|
10526
10552
|
a = t === 1 ? (i - 1 + 7) % 7 : i % 7;
|
|
10527
10553
|
let o = [];
|
|
@@ -10545,20 +10571,20 @@ function ep(e, t) {
|
|
|
10545
10571
|
}
|
|
10546
10572
|
//#endregion
|
|
10547
10573
|
//#region src/components/date-time/scrollable-calendar/CoarScrollableCalendar.vue?vue&type=script&setup=true&lang.ts
|
|
10548
|
-
var
|
|
10574
|
+
var np = {
|
|
10549
10575
|
key: 0,
|
|
10550
10576
|
class: "coar-scrollable-calendar__week-spacer"
|
|
10551
|
-
},
|
|
10577
|
+
}, rp = ["id", "data-year-month"], ip = { class: "coar-scrollable-calendar__month-name" }, ap = { class: "coar-scrollable-calendar__month-year" }, op = {
|
|
10552
10578
|
key: 0,
|
|
10553
10579
|
class: "coar-scrollable-calendar__week-number"
|
|
10554
|
-
},
|
|
10580
|
+
}, sp = [
|
|
10555
10581
|
"disabled",
|
|
10556
10582
|
"tabindex",
|
|
10557
10583
|
"data-date",
|
|
10558
10584
|
"aria-selected",
|
|
10559
10585
|
"aria-current",
|
|
10560
10586
|
"onClick"
|
|
10561
|
-
],
|
|
10587
|
+
], cp = 12, lp = 12, up = 6, dp = 25, fp = /* @__PURE__ */ X(/* @__PURE__ */ d({
|
|
10562
10588
|
__name: "CoarScrollableCalendar",
|
|
10563
10589
|
props: /* @__PURE__ */ g({
|
|
10564
10590
|
min: { default: null },
|
|
@@ -10584,13 +10610,13 @@ var tp = {
|
|
|
10584
10610
|
setup(t, { emit: n }) {
|
|
10585
10611
|
let i = t, c = z(t, "modelValue"), l = z(t, "activeMonth"), u = n, d = J(), f = r(() => i.locale ?? d?.language.value ?? navigator.language), p = r(() => {
|
|
10586
10612
|
if (i.dateFormatConfig) return i.dateFormatConfig;
|
|
10587
|
-
let e =
|
|
10613
|
+
let e = Kf(f.value), t = qf(f.value);
|
|
10588
10614
|
return {
|
|
10589
10615
|
pattern: e ?? "dd.mm.yyyy",
|
|
10590
10616
|
firstDayOfWeek: t
|
|
10591
10617
|
};
|
|
10592
10618
|
}), m = r(() => p.value.firstDayOfWeek), h = r(() => Y.Now.plainDateISO()), g = r(() => {
|
|
10593
|
-
let e =
|
|
10619
|
+
let e = Yf(f.value, m.value), t = m.value;
|
|
10594
10620
|
return e.map((e, n) => {
|
|
10595
10621
|
let r;
|
|
10596
10622
|
return r = t === 1 ? n + 1 : n === 0 ? 7 : n, {
|
|
@@ -10598,7 +10624,7 @@ var tp = {
|
|
|
10598
10624
|
isWeekend: r === 6 || r === 7
|
|
10599
10625
|
};
|
|
10600
10626
|
});
|
|
10601
|
-
}), _ = O(Y.Now.plainDateISO().toPlainYearMonth().subtract({ months:
|
|
10627
|
+
}), _ = O(Y.Now.plainDateISO().toPlainYearMonth().subtract({ months: cp })), b = O(Y.Now.plainDateISO().toPlainYearMonth().add({ months: lp })), x = O(null), T = O(null), E = O(!1), D = !1, A = !1, j = !1;
|
|
10602
10628
|
function M() {
|
|
10603
10629
|
let e = T.value;
|
|
10604
10630
|
return e ? e.querySelector("[data-overlayscrollbars-viewport]") ?? e : null;
|
|
@@ -10625,8 +10651,8 @@ var tp = {
|
|
|
10625
10651
|
};
|
|
10626
10652
|
}
|
|
10627
10653
|
function I(e) {
|
|
10628
|
-
let t = f.value, n = new Intl.DateTimeFormat(t, { month: "long" }).format(new Date(e.year, e.month - 1, 1)), r =
|
|
10629
|
-
for (let e = 0; e < 6; e++) a.push(
|
|
10654
|
+
let t = f.value, n = new Intl.DateTimeFormat(t, { month: "long" }).format(new Date(e.year, e.month - 1, 1)), r = tp(e, m.value), i = r.map((e) => F(e.date, e.isOutsideMonth)), a = [];
|
|
10655
|
+
for (let e = 0; e < 6; e++) a.push($f(r[e * 7].date));
|
|
10630
10656
|
return {
|
|
10631
10657
|
yearMonth: e,
|
|
10632
10658
|
monthName: n,
|
|
@@ -10717,7 +10743,7 @@ var tp = {
|
|
|
10717
10743
|
if (j) return;
|
|
10718
10744
|
j = !0;
|
|
10719
10745
|
let e = M(), t = e?.scrollHeight ?? 0, n = i.min?.toPlainYearMonth() ?? null, r = _.value, a = [];
|
|
10720
|
-
for (let e = 0; e <
|
|
10746
|
+
for (let e = 0; e < up; e++) {
|
|
10721
10747
|
let e = r.subtract({ months: 1 });
|
|
10722
10748
|
if (n && Y.PlainYearMonth.compare(e, n) < 0) break;
|
|
10723
10749
|
r = e, a.unshift(I(r));
|
|
@@ -10738,7 +10764,7 @@ var tp = {
|
|
|
10738
10764
|
if (j) return;
|
|
10739
10765
|
j = !0;
|
|
10740
10766
|
let e = i.max?.toPlainYearMonth() ?? null, t = b.value, n = [];
|
|
10741
|
-
for (let r = 0; r <
|
|
10767
|
+
for (let r = 0; r < up; r++) {
|
|
10742
10768
|
let r = t.add({ months: 1 });
|
|
10743
10769
|
if (e && Y.PlainYearMonth.compare(r, e) > 0) break;
|
|
10744
10770
|
t = r, n.push(I(t));
|
|
@@ -10753,14 +10779,14 @@ var tp = {
|
|
|
10753
10779
|
}
|
|
10754
10780
|
function re() {
|
|
10755
10781
|
let e = B.value;
|
|
10756
|
-
if (e.length <=
|
|
10757
|
-
let t = e.slice(0,
|
|
10782
|
+
if (e.length <= dp) return;
|
|
10783
|
+
let t = e.slice(0, dp);
|
|
10758
10784
|
B.value = t, b.value = t[t.length - 1].yearMonth;
|
|
10759
10785
|
}
|
|
10760
10786
|
function ie() {
|
|
10761
10787
|
let e = B.value;
|
|
10762
|
-
if (e.length <=
|
|
10763
|
-
let t = e.length -
|
|
10788
|
+
if (e.length <= dp) return;
|
|
10789
|
+
let t = e.length - dp, n = e.slice(t);
|
|
10764
10790
|
B.value = n, _.value = n[0].yearMonth;
|
|
10765
10791
|
}
|
|
10766
10792
|
function ae(e) {
|
|
@@ -10779,7 +10805,7 @@ var tp = {
|
|
|
10779
10805
|
r = n.add({ years: e });
|
|
10780
10806
|
break;
|
|
10781
10807
|
}
|
|
10782
|
-
r =
|
|
10808
|
+
r = ep(r, {
|
|
10783
10809
|
min: i.min,
|
|
10784
10810
|
max: i.max
|
|
10785
10811
|
}), x.value = r;
|
|
@@ -10843,7 +10869,7 @@ var tp = {
|
|
|
10843
10869
|
}), (n, r) => (w(), o("div", {
|
|
10844
10870
|
class: "coar-scrollable-calendar",
|
|
10845
10871
|
onKeydown: se
|
|
10846
|
-
}, [s("div", { class: y(["coar-scrollable-calendar__weekdays", { "coar-scrollable-calendar__weekdays--with-weeks": t.showWeekNumbers }]) }, [t.showWeekNumbers ? (w(), o("span",
|
|
10872
|
+
}, [s("div", { class: y(["coar-scrollable-calendar__weekdays", { "coar-scrollable-calendar__weekdays--with-weeks": t.showWeekNumbers }]) }, [t.showWeekNumbers ? (w(), o("span", np)) : a("", !0), (w(!0), o(e, null, k(g.value, (e) => (w(), o("span", {
|
|
10847
10873
|
key: e.name,
|
|
10848
10874
|
class: y(["coar-scrollable-calendar__weekday", { "coar-scrollable-calendar__weekday--weekend": t.highlightWeekends && e.isWeekend }])
|
|
10849
10875
|
}, P(e.name), 3))), 128))], 2), s("div", { class: y(["coar-scrollable-calendar__months-wrapper", { "coar-scrollable-calendar__months-wrapper--ready": E.value }]) }, [K((w(), o("div", {
|
|
@@ -10855,10 +10881,10 @@ var tp = {
|
|
|
10855
10881
|
key: n.yearMonth.toString(),
|
|
10856
10882
|
"data-year-month": n.yearMonth.toString(),
|
|
10857
10883
|
class: "coar-scrollable-calendar__month"
|
|
10858
|
-
}, [s("div", { class: y(["coar-scrollable-calendar__month-header", { "coar-scrollable-calendar__month-header--with-weeks": t.showWeekNumbers }]) }, [s("span",
|
|
10884
|
+
}, [s("div", { class: y(["coar-scrollable-calendar__month-header", { "coar-scrollable-calendar__month-header--with-weeks": t.showWeekNumbers }]) }, [s("span", ip, P(n.monthName), 1), s("span", ap, P(n.year), 1)], 2), s("div", {
|
|
10859
10885
|
class: y(["coar-scrollable-calendar__grid", { "coar-scrollable-calendar__grid--with-weeks": t.showWeekNumbers }]),
|
|
10860
10886
|
role: "grid"
|
|
10861
|
-
}, [(w(!0), o(e, null, k(n.days, (r, i) => (w(), o(e, { key: r.date.toString() }, [t.showWeekNumbers && i % 7 == 0 ? (w(), o("span",
|
|
10887
|
+
}, [(w(!0), o(e, null, k(n.days, (r, i) => (w(), o(e, { key: r.date.toString() }, [t.showWeekNumbers && i % 7 == 0 ? (w(), o("span", op, P(n.weekNumbers[i / 7]), 1)) : a("", !0), s("button", {
|
|
10862
10888
|
type: "button",
|
|
10863
10889
|
class: y(["coar-scrollable-calendar__day", [r.markerCssClass, {
|
|
10864
10890
|
"coar-scrollable-calendar__day--outside": r.isOutsideMonth,
|
|
@@ -10875,12 +10901,12 @@ var tp = {
|
|
|
10875
10901
|
"aria-selected": r.isSelected,
|
|
10876
10902
|
"aria-current": r.isToday ? "date" : void 0,
|
|
10877
10903
|
onClick: (e) => ae(r.date)
|
|
10878
|
-
}, P(r.day), 11,
|
|
10904
|
+
}, P(r.day), 11, sp)], 64))), 128))], 2)], 8, rp))), 128))])), [[L(Us), {
|
|
10879
10905
|
overflowX: "hidden",
|
|
10880
10906
|
autoHide: "leave"
|
|
10881
10907
|
}]])], 2)], 32));
|
|
10882
10908
|
}
|
|
10883
|
-
}), [["__scopeId", "data-v-e9dd37f6"]]),
|
|
10909
|
+
}), [["__scopeId", "data-v-e9dd37f6"]]), pp = { class: "coar-month-list-host" }, mp = { class: "coar-month-list" }, hp = { class: "coar-month-list__year-stepper" }, gp = ["disabled", "aria-label"], _p = { class: "coar-month-list__year" }, vp = ["disabled", "aria-label"], yp = ["aria-label"], bp = ["aria-selected", "onClick"], xp = /* @__PURE__ */ X(/* @__PURE__ */ d({
|
|
10884
10910
|
__name: "CoarMonthList",
|
|
10885
10911
|
props: /* @__PURE__ */ g({
|
|
10886
10912
|
locale: { default: void 0 },
|
|
@@ -10937,7 +10963,7 @@ var tp = {
|
|
|
10937
10963
|
v(() => E());
|
|
10938
10964
|
}), C(() => {
|
|
10939
10965
|
setTimeout(() => E(), 50);
|
|
10940
|
-
}), (t, n) => (w(), o("div",
|
|
10966
|
+
}), (t, n) => (w(), o("div", pp, [s("div", mp, [s("div", hp, [
|
|
10941
10967
|
s("button", {
|
|
10942
10968
|
type: "button",
|
|
10943
10969
|
class: "coar-month-list__year-btn",
|
|
@@ -10947,8 +10973,8 @@ var tp = {
|
|
|
10947
10973
|
}, [u(Z, {
|
|
10948
10974
|
name: "chevron-left",
|
|
10949
10975
|
size: "s"
|
|
10950
|
-
})], 8,
|
|
10951
|
-
s("span",
|
|
10976
|
+
})], 8, gp),
|
|
10977
|
+
s("span", _p, P(p.value), 1),
|
|
10952
10978
|
s("button", {
|
|
10953
10979
|
type: "button",
|
|
10954
10980
|
class: "coar-month-list__year-btn",
|
|
@@ -10958,7 +10984,7 @@ var tp = {
|
|
|
10958
10984
|
}, [u(Z, {
|
|
10959
10985
|
name: "chevron-right",
|
|
10960
10986
|
size: "s"
|
|
10961
|
-
})], 8,
|
|
10987
|
+
})], 8, vp)
|
|
10962
10988
|
]), K((w(), o("div", {
|
|
10963
10989
|
ref_key: "monthsContainerRef",
|
|
10964
10990
|
ref: T,
|
|
@@ -10972,16 +10998,16 @@ var tp = {
|
|
|
10972
10998
|
role: "option",
|
|
10973
10999
|
"aria-selected": e.isActive,
|
|
10974
11000
|
onClick: (t) => S(e.yearMonth)
|
|
10975
|
-
}, P(e.name), 11,
|
|
11001
|
+
}, P(e.name), 11, bp))), 128))], 8, yp)), [[L(Us), {
|
|
10976
11002
|
overflowX: "hidden",
|
|
10977
11003
|
autoHide: "leave"
|
|
10978
11004
|
}]])])]));
|
|
10979
11005
|
}
|
|
10980
|
-
}), [["__scopeId", "data-v-11c8cf34"]]),
|
|
11006
|
+
}), [["__scopeId", "data-v-11c8cf34"]]), Sp = {
|
|
10981
11007
|
pattern: "dd.mm.yyyy",
|
|
10982
11008
|
firstDayOfWeek: 1
|
|
10983
11009
|
};
|
|
10984
|
-
function
|
|
11010
|
+
function Cp(e) {
|
|
10985
11011
|
let t = J(), n = ne(), i = r(() => e.locale?.value ? e.locale.value : t.language.value || navigator.language || "en"), a = r(() => {
|
|
10986
11012
|
if (e.dateFormat?.value) return e.dateFormat.value;
|
|
10987
11013
|
let n = t.localeData.value;
|
|
@@ -10989,12 +11015,12 @@ function Sp(e) {
|
|
|
10989
11015
|
pattern: n.date.pattern,
|
|
10990
11016
|
firstDayOfWeek: n.date.firstDayOfWeek === 0 ? 7 : n.date.firstDayOfWeek
|
|
10991
11017
|
};
|
|
10992
|
-
let r =
|
|
11018
|
+
let r = Kf(i.value), a = qf(i.value);
|
|
10993
11019
|
return r ? {
|
|
10994
11020
|
pattern: r,
|
|
10995
11021
|
firstDayOfWeek: a
|
|
10996
11022
|
} : {
|
|
10997
|
-
...
|
|
11023
|
+
...Sp,
|
|
10998
11024
|
firstDayOfWeek: a
|
|
10999
11025
|
};
|
|
11000
11026
|
}), o = r(() => {
|
|
@@ -11023,10 +11049,10 @@ function Sp(e) {
|
|
|
11023
11049
|
}
|
|
11024
11050
|
//#endregion
|
|
11025
11051
|
//#region src/components/date-time/_shared/types.ts
|
|
11026
|
-
var
|
|
11052
|
+
var wp = {
|
|
11027
11053
|
use24Hour: "auto",
|
|
11028
11054
|
minuteStep: 5
|
|
11029
|
-
},
|
|
11055
|
+
}, Tp = {
|
|
11030
11056
|
"dd.mm.yyyy": "dd/mm/yyyy",
|
|
11031
11057
|
"dd/mm/yyyy": "dd/mm/yyyy",
|
|
11032
11058
|
"mm/dd/yyyy": "mm/dd/yyyy",
|
|
@@ -11034,28 +11060,28 @@ var Cp = {
|
|
|
11034
11060
|
};
|
|
11035
11061
|
//#endregion
|
|
11036
11062
|
//#region src/components/date-time/_shared/maskito-config.ts
|
|
11037
|
-
function
|
|
11063
|
+
function Ep(e) {
|
|
11038
11064
|
return ae({
|
|
11039
|
-
mode:
|
|
11040
|
-
separator:
|
|
11065
|
+
mode: Tp[e],
|
|
11066
|
+
separator: Jf(e)
|
|
11041
11067
|
});
|
|
11042
11068
|
}
|
|
11043
|
-
function
|
|
11069
|
+
function Dp(e, t) {
|
|
11044
11070
|
return oe({
|
|
11045
|
-
dateMode:
|
|
11046
|
-
dateSeparator:
|
|
11071
|
+
dateMode: Tp[e],
|
|
11072
|
+
dateSeparator: Jf(e),
|
|
11047
11073
|
timeMode: t ? "HH:MM AA" : "HH:MM"
|
|
11048
11074
|
});
|
|
11049
11075
|
}
|
|
11050
11076
|
//#endregion
|
|
11051
11077
|
//#region src/components/date-time/plain-date-picker/CoarPlainDatePickerPanel.vue?vue&type=script&setup=true&lang.ts
|
|
11052
|
-
var
|
|
11078
|
+
var Op = { class: "coar-plain-date-picker-calendar-column" }, kp = ["aria-label"], Ap = { class: "coar-plain-date-picker-side-column" }, jp = { class: "coar-plain-date-picker-year-stepper" }, Mp = ["disabled", "aria-label"], Np = { class: "coar-plain-date-picker-year" }, Pp = ["disabled", "aria-label"], Fp = { class: "coar-plain-date-picker-month-list-wrapper" }, Ip = ["aria-label"], Lp = { class: "coar-plain-date-picker-month-list-content" }, Rp = ["aria-selected", "onClick"], zp = {
|
|
11053
11079
|
key: 0,
|
|
11054
11080
|
class: "coar-plain-date-picker-events"
|
|
11055
|
-
},
|
|
11081
|
+
}, Bp = { class: "coar-plain-date-picker-events-list" }, Vp = { class: "coar-plain-date-picker-events-content" }, Hp = { class: "coar-plain-date-picker-event-details" }, Up = { class: "coar-plain-date-picker-event-text" }, Wp = {
|
|
11056
11082
|
key: 0,
|
|
11057
11083
|
class: "coar-plain-date-picker-event-dates"
|
|
11058
|
-
},
|
|
11084
|
+
}, Gp = /* @__PURE__ */ d({
|
|
11059
11085
|
__name: "CoarPlainDatePickerPanel",
|
|
11060
11086
|
props: {
|
|
11061
11087
|
modelValue: {},
|
|
@@ -11098,7 +11124,7 @@ var Dp = { class: "coar-plain-date-picker-calendar-column" }, Op = ["aria-label"
|
|
|
11098
11124
|
return n && r;
|
|
11099
11125
|
}) : [];
|
|
11100
11126
|
});
|
|
11101
|
-
return (n, r) => (w(), o("div", { class: y(["coar-plain-date-picker-panel", { "coar-plain-date-picker-panel--with-weeks": t.showWeekNumbers }]) }, [s("div",
|
|
11127
|
+
return (n, r) => (w(), o("div", { class: y(["coar-plain-date-picker-panel", { "coar-plain-date-picker-panel--with-weeks": t.showWeekNumbers }]) }, [s("div", Op, [u(fp, {
|
|
11102
11128
|
"model-value": t.modelValue,
|
|
11103
11129
|
"active-month": t.activeMonth,
|
|
11104
11130
|
min: t.min ?? void 0,
|
|
@@ -11131,8 +11157,8 @@ var Dp = { class: "coar-plain-date-picker-calendar-column" }, Op = ["aria-label"
|
|
|
11131
11157
|
}, [u(Z, {
|
|
11132
11158
|
name: h.value === "up" ? "chevron-up" : "chevron-down",
|
|
11133
11159
|
size: "xs"
|
|
11134
|
-
}, null, 8, ["name"])], 8,
|
|
11135
|
-
s("div",
|
|
11160
|
+
}, null, 8, ["name"])], 8, kp)) : a("", !0)]), s("div", Ap, [
|
|
11161
|
+
s("div", jp, [
|
|
11136
11162
|
s("button", {
|
|
11137
11163
|
type: "button",
|
|
11138
11164
|
class: "coar-plain-date-picker-year-btn",
|
|
@@ -11142,8 +11168,8 @@ var Dp = { class: "coar-plain-date-picker-calendar-column" }, Op = ["aria-label"
|
|
|
11142
11168
|
}, [u(Z, {
|
|
11143
11169
|
name: "chevron-left",
|
|
11144
11170
|
size: "s"
|
|
11145
|
-
})], 8,
|
|
11146
|
-
s("span",
|
|
11171
|
+
})], 8, Mp),
|
|
11172
|
+
s("span", Np, P(c.value), 1),
|
|
11147
11173
|
s("button", {
|
|
11148
11174
|
type: "button",
|
|
11149
11175
|
class: "coar-plain-date-picker-year-btn",
|
|
@@ -11153,31 +11179,31 @@ var Dp = { class: "coar-plain-date-picker-calendar-column" }, Op = ["aria-label"
|
|
|
11153
11179
|
}, [u(Z, {
|
|
11154
11180
|
name: "chevron-right",
|
|
11155
11181
|
size: "s"
|
|
11156
|
-
})], 8,
|
|
11182
|
+
})], 8, Pp)
|
|
11157
11183
|
]),
|
|
11158
|
-
s("div",
|
|
11184
|
+
s("div", Fp, [s("div", {
|
|
11159
11185
|
class: "coar-plain-date-picker-month-list",
|
|
11160
11186
|
role: "listbox",
|
|
11161
11187
|
"aria-label": L(i)("coar.ui.datePicker.months", void 0, "Months")
|
|
11162
|
-
}, [s("div",
|
|
11188
|
+
}, [s("div", Lp, [(w(!0), o(e, null, k(p.value, (e) => (w(), o("button", {
|
|
11163
11189
|
key: e.month,
|
|
11164
11190
|
type: "button",
|
|
11165
11191
|
class: y(["coar-plain-date-picker-month-item", { "coar-plain-date-picker-month-item--active": e.isActive }]),
|
|
11166
11192
|
role: "option",
|
|
11167
11193
|
"aria-selected": e.isActive,
|
|
11168
11194
|
onClick: (n) => t.onSelectMonth(e.yearMonth)
|
|
11169
|
-
}, P(e.name), 11,
|
|
11170
|
-
_.value.length > 0 ? (w(), o("div",
|
|
11195
|
+
}, P(e.name), 11, Rp))), 128))])], 8, Ip)]),
|
|
11196
|
+
_.value.length > 0 ? (w(), o("div", zp, [s("div", Bp, [s("div", Vp, [(w(!0), o(e, null, k(_.value, (e) => (w(), o("div", {
|
|
11171
11197
|
key: e.description,
|
|
11172
11198
|
class: "coar-plain-date-picker-event-item"
|
|
11173
|
-
}, [r[3] ||= s("span", { class: "coar-plain-date-picker-event-dot" }, null, -1), s("div",
|
|
11199
|
+
}, [r[3] ||= s("span", { class: "coar-plain-date-picker-event-dot" }, null, -1), s("div", Hp, [s("span", Up, P(e.description), 1), e.endDate && !e.startDate.equals(e.endDate) ? (w(), o("span", Wp, P(e.startDate.day) + "/" + P(e.startDate.month) + " – " + P(e.endDate.day) + "/" + P(e.endDate.month), 1)) : a("", !0)])]))), 128))])])])) : a("", !0)
|
|
11174
11200
|
])], 2));
|
|
11175
11201
|
}
|
|
11176
|
-
}),
|
|
11202
|
+
}), Kp = {
|
|
11177
11203
|
key: 0,
|
|
11178
11204
|
class: "coar-plain-date-picker-required",
|
|
11179
11205
|
"aria-hidden": "true"
|
|
11180
|
-
},
|
|
11206
|
+
}, qp = ["aria-expanded", "aria-controls"], Jp = ["aria-label"], Yp = [
|
|
11181
11207
|
"value",
|
|
11182
11208
|
"placeholder",
|
|
11183
11209
|
"disabled",
|
|
@@ -11185,7 +11211,7 @@ var Dp = { class: "coar-plain-date-picker-calendar-column" }, Op = ["aria-label"
|
|
|
11185
11211
|
"aria-labelledby",
|
|
11186
11212
|
"aria-invalid",
|
|
11187
11213
|
"aria-describedby"
|
|
11188
|
-
],
|
|
11214
|
+
], Xp = ["aria-label", "disabled"], Zp = ["title"], Qp = /* @__PURE__ */ X(/* @__PURE__ */ d({
|
|
11189
11215
|
__name: "CoarPlainDatePicker",
|
|
11190
11216
|
props: /* @__PURE__ */ g({
|
|
11191
11217
|
label: { default: "" },
|
|
@@ -11236,17 +11262,17 @@ var Dp = { class: "coar-plain-date-picker-calendar-column" }, Op = ["aria-label"
|
|
|
11236
11262
|
}),
|
|
11237
11263
|
emits: /* @__PURE__ */ g(["opened", "closed"], ["update:modelValue"]),
|
|
11238
11264
|
setup(e, { emit: t }) {
|
|
11239
|
-
let n = e, i = z(e, "modelValue"), c = t, { t: d } = q(), f =
|
|
11265
|
+
let n = e, i = z(e, "modelValue"), c = t, { t: d } = q(), f = Cp({
|
|
11240
11266
|
locale: r(() => n.locale),
|
|
11241
11267
|
dateFormat: r(() => n.dateFormat)
|
|
11242
11268
|
}), p = O(i.value?.toPlainYearMonth() ?? Y.Now.plainDateISO().toPlainYearMonth()), m = `coar-plain-date-picker-${crypto.randomUUID?.() ?? Date.now().toString(16)}`, g = `${m}-label`, _ = `${m}-input`, b = `${m}-panel`, x = `${m}-message`, T = O(null), D = O(null), k = null, A = O(""), j;
|
|
11243
11269
|
function M() {
|
|
11244
11270
|
if (j?.destroy(), !D.value) return;
|
|
11245
|
-
let e =
|
|
11271
|
+
let e = Ep(f.effectiveDateFormat.value.pattern);
|
|
11246
11272
|
j = new ie(D.value, e);
|
|
11247
11273
|
}
|
|
11248
11274
|
U(i, (e) => {
|
|
11249
|
-
e ? A.value =
|
|
11275
|
+
e ? A.value = Xf(e, f.effectiveDateFormat.value.pattern) : A.value = "";
|
|
11250
11276
|
}, { immediate: !0 }), U([D, () => f.effectiveDateFormat.value], () => {
|
|
11251
11277
|
v(() => M());
|
|
11252
11278
|
}), S(() => {
|
|
@@ -11322,7 +11348,7 @@ var Dp = { class: "coar-plain-date-picker-calendar-column" }, Op = ["aria-label"
|
|
|
11322
11348
|
},
|
|
11323
11349
|
content: {
|
|
11324
11350
|
kind: "component",
|
|
11325
|
-
component: h(
|
|
11351
|
+
component: h(Gp)
|
|
11326
11352
|
},
|
|
11327
11353
|
inputs: t
|
|
11328
11354
|
}), f.open(), c("opened"), k.afterClosed.then(() => {
|
|
@@ -11347,7 +11373,7 @@ var Dp = { class: "coar-plain-date-picker-calendar-column" }, Op = ["aria-label"
|
|
|
11347
11373
|
function ne(e) {
|
|
11348
11374
|
let t = e.target;
|
|
11349
11375
|
A.value = t.value;
|
|
11350
|
-
let r =
|
|
11376
|
+
let r = Zf(t.value, f.effectiveDateFormat.value.pattern, {
|
|
11351
11377
|
min: n.min,
|
|
11352
11378
|
max: n.max
|
|
11353
11379
|
});
|
|
@@ -11355,10 +11381,10 @@ var Dp = { class: "coar-plain-date-picker-calendar-column" }, Op = ["aria-label"
|
|
|
11355
11381
|
}
|
|
11356
11382
|
function re() {
|
|
11357
11383
|
let e = A.value;
|
|
11358
|
-
!
|
|
11384
|
+
!Zf(e, f.effectiveDateFormat.value.pattern, {
|
|
11359
11385
|
min: n.min,
|
|
11360
11386
|
max: n.max
|
|
11361
|
-
}) && e.length > 0 && (i.value ? A.value =
|
|
11387
|
+
}) && e.length > 0 && (i.value ? A.value = Xf(i.value, f.effectiveDateFormat.value.pattern) : A.value = "");
|
|
11362
11388
|
}
|
|
11363
11389
|
return (t, n) => (w(), o("div", { class: y(["coar-plain-date-picker-wrapper", [`coar-plain-date-picker--${e.size}`, {
|
|
11364
11390
|
"coar-plain-date-picker--disabled": I.value,
|
|
@@ -11370,7 +11396,7 @@ var Dp = { class: "coar-plain-date-picker-calendar-column" }, Op = ["aria-label"
|
|
|
11370
11396
|
key: 0,
|
|
11371
11397
|
id: g,
|
|
11372
11398
|
class: "coar-plain-date-picker-label"
|
|
11373
|
-
}, [l(P(e.label) + " ", 1), e.required ? (w(), o("span",
|
|
11399
|
+
}, [l(P(e.label) + " ", 1), e.required ? (w(), o("span", Kp, "*")) : a("", !0)])) : a("", !0),
|
|
11374
11400
|
s("div", {
|
|
11375
11401
|
ref_key: "triggerRef",
|
|
11376
11402
|
ref: T,
|
|
@@ -11394,7 +11420,7 @@ var Dp = { class: "coar-plain-date-picker-calendar-column" }, Op = ["aria-label"
|
|
|
11394
11420
|
}, [u(Z, {
|
|
11395
11421
|
name: "x",
|
|
11396
11422
|
size: "auto"
|
|
11397
|
-
})], 10,
|
|
11423
|
+
})], 10, Jp),
|
|
11398
11424
|
s("input", {
|
|
11399
11425
|
id: _,
|
|
11400
11426
|
ref_key: "dateInputRef",
|
|
@@ -11412,7 +11438,7 @@ var Dp = { class: "coar-plain-date-picker-calendar-column" }, Op = ["aria-label"
|
|
|
11412
11438
|
onInput: ne,
|
|
11413
11439
|
onBlur: re,
|
|
11414
11440
|
onKeydown: te
|
|
11415
|
-
}, null, 40,
|
|
11441
|
+
}, null, 40, Yp),
|
|
11416
11442
|
s("button", {
|
|
11417
11443
|
type: "button",
|
|
11418
11444
|
class: "coar-plain-date-picker-btn",
|
|
@@ -11423,23 +11449,23 @@ var Dp = { class: "coar-plain-date-picker-calendar-column" }, Op = ["aria-label"
|
|
|
11423
11449
|
}, [u(Z, {
|
|
11424
11450
|
name: "calendar",
|
|
11425
11451
|
size: "s"
|
|
11426
|
-
})], 8,
|
|
11427
|
-
], 10,
|
|
11452
|
+
})], 8, Xp)
|
|
11453
|
+
], 10, qp),
|
|
11428
11454
|
F.value ? (w(), o("div", {
|
|
11429
11455
|
key: 1,
|
|
11430
11456
|
id: x,
|
|
11431
11457
|
class: y(["coar-form-field-message", { "coar-form-field-message--error": N.value }]),
|
|
11432
11458
|
title: F.value
|
|
11433
|
-
}, P(F.value), 11,
|
|
11459
|
+
}, P(F.value), 11, Zp)) : a("", !0)
|
|
11434
11460
|
], 2));
|
|
11435
11461
|
}
|
|
11436
|
-
}), [["__scopeId", "data-v-2c8a34e4"]]),
|
|
11462
|
+
}), [["__scopeId", "data-v-2c8a34e4"]]), $p = { class: "coar-pdtp-calendar-column" }, em = ["aria-label"], tm = { class: "coar-pdtp-side-column" }, nm = { class: "coar-pdtp-year-stepper" }, rm = ["disabled", "aria-label"], im = { class: "coar-pdtp-year" }, am = ["disabled", "aria-label"], om = { class: "coar-pdtp-month-list-wrapper" }, sm = ["aria-label"], cm = { class: "coar-pdtp-month-list-content" }, lm = ["aria-selected", "onClick"], um = { class: "coar-pdtp-time-section" }, dm = {
|
|
11437
11463
|
key: 0,
|
|
11438
11464
|
class: "coar-pdtp-events"
|
|
11439
|
-
},
|
|
11465
|
+
}, fm = { class: "coar-pdtp-events-list" }, pm = { class: "coar-pdtp-events-content" }, mm = { class: "coar-pdtp-event-details" }, hm = { class: "coar-pdtp-event-text" }, gm = {
|
|
11440
11466
|
key: 0,
|
|
11441
11467
|
class: "coar-pdtp-event-dates"
|
|
11442
|
-
},
|
|
11468
|
+
}, _m = /* @__PURE__ */ d({
|
|
11443
11469
|
__name: "CoarPlainDateTimePickerPanel",
|
|
11444
11470
|
props: {
|
|
11445
11471
|
modelValue: {},
|
|
@@ -11490,7 +11516,7 @@ var Dp = { class: "coar-plain-date-picker-calendar-column" }, Op = ["aria-label"
|
|
|
11490
11516
|
return n && r;
|
|
11491
11517
|
}) : [];
|
|
11492
11518
|
});
|
|
11493
|
-
return (n, r) => (w(), o("div", { class: y(["coar-pdtp-panel", { "coar-pdtp-panel--with-weeks": t.showWeekNumbers }]) }, [s("div",
|
|
11519
|
+
return (n, r) => (w(), o("div", { class: y(["coar-pdtp-panel", { "coar-pdtp-panel--with-weeks": t.showWeekNumbers }]) }, [s("div", $p, [u(fp, {
|
|
11494
11520
|
"model-value": t.modelValue,
|
|
11495
11521
|
"active-month": t.activeMonth,
|
|
11496
11522
|
min: t.min ?? void 0,
|
|
@@ -11523,8 +11549,8 @@ var Dp = { class: "coar-plain-date-picker-calendar-column" }, Op = ["aria-label"
|
|
|
11523
11549
|
}, [u(Z, {
|
|
11524
11550
|
name: h.value === "up" ? "chevron-up" : "chevron-down",
|
|
11525
11551
|
size: "xs"
|
|
11526
|
-
}, null, 8, ["name"])], 8,
|
|
11527
|
-
s("div",
|
|
11552
|
+
}, null, 8, ["name"])], 8, em)) : a("", !0)]), s("div", tm, [
|
|
11553
|
+
s("div", nm, [
|
|
11528
11554
|
s("button", {
|
|
11529
11555
|
type: "button",
|
|
11530
11556
|
class: "coar-pdtp-year-btn",
|
|
@@ -11534,8 +11560,8 @@ var Dp = { class: "coar-plain-date-picker-calendar-column" }, Op = ["aria-label"
|
|
|
11534
11560
|
}, [u(Z, {
|
|
11535
11561
|
name: "chevron-left",
|
|
11536
11562
|
size: "s"
|
|
11537
|
-
})], 8,
|
|
11538
|
-
s("span",
|
|
11563
|
+
})], 8, rm),
|
|
11564
|
+
s("span", im, P(c.value), 1),
|
|
11539
11565
|
s("button", {
|
|
11540
11566
|
type: "button",
|
|
11541
11567
|
class: "coar-pdtp-year-btn",
|
|
@@ -11545,21 +11571,21 @@ var Dp = { class: "coar-plain-date-picker-calendar-column" }, Op = ["aria-label"
|
|
|
11545
11571
|
}, [u(Z, {
|
|
11546
11572
|
name: "chevron-right",
|
|
11547
11573
|
size: "s"
|
|
11548
|
-
})], 8,
|
|
11574
|
+
})], 8, am)
|
|
11549
11575
|
]),
|
|
11550
|
-
s("div",
|
|
11576
|
+
s("div", om, [s("div", {
|
|
11551
11577
|
class: "coar-pdtp-month-list",
|
|
11552
11578
|
role: "listbox",
|
|
11553
11579
|
"aria-label": L(i)("coar.ui.datePicker.months", void 0, "Months")
|
|
11554
|
-
}, [s("div",
|
|
11580
|
+
}, [s("div", cm, [(w(!0), o(e, null, k(p.value, (e) => (w(), o("button", {
|
|
11555
11581
|
key: e.month,
|
|
11556
11582
|
type: "button",
|
|
11557
11583
|
class: y(["coar-pdtp-month-item", { "coar-pdtp-month-item--active": e.isActive }]),
|
|
11558
11584
|
role: "option",
|
|
11559
11585
|
"aria-selected": e.isActive,
|
|
11560
11586
|
onClick: (n) => t.onSelectMonth(e.yearMonth)
|
|
11561
|
-
}, P(e.name), 11,
|
|
11562
|
-
s("div",
|
|
11587
|
+
}, P(e.name), 11, lm))), 128))])], 8, sm)]),
|
|
11588
|
+
s("div", um, [u(Gf, {
|
|
11563
11589
|
"model-value": t.selectedTime,
|
|
11564
11590
|
"use24-hour": t.use24Hour,
|
|
11565
11591
|
"minute-step": t.minuteStep,
|
|
@@ -11581,17 +11607,17 @@ var Dp = { class: "coar-plain-date-picker-calendar-column" }, Op = ["aria-label"
|
|
|
11581
11607
|
"max-time",
|
|
11582
11608
|
"onUpdate:modelValue"
|
|
11583
11609
|
])]),
|
|
11584
|
-
_.value.length > 0 ? (w(), o("div",
|
|
11610
|
+
_.value.length > 0 ? (w(), o("div", dm, [s("div", fm, [s("div", pm, [(w(!0), o(e, null, k(_.value, (e) => (w(), o("div", {
|
|
11585
11611
|
key: e.description,
|
|
11586
11612
|
class: "coar-pdtp-event-item"
|
|
11587
|
-
}, [r[3] ||= s("span", { class: "coar-pdtp-event-dot" }, null, -1), s("div",
|
|
11613
|
+
}, [r[3] ||= s("span", { class: "coar-pdtp-event-dot" }, null, -1), s("div", mm, [s("span", hm, P(e.description), 1), e.endDate && !e.startDate.equals(e.endDate) ? (w(), o("span", gm, P(e.startDate.day) + "/" + P(e.startDate.month) + " – " + P(e.endDate.day) + "/" + P(e.endDate.month), 1)) : a("", !0)])]))), 128))])])])) : a("", !0)
|
|
11588
11614
|
])], 2));
|
|
11589
11615
|
}
|
|
11590
|
-
}),
|
|
11616
|
+
}), vm = {
|
|
11591
11617
|
key: 0,
|
|
11592
11618
|
class: "coar-pdtp-required",
|
|
11593
11619
|
"aria-hidden": "true"
|
|
11594
|
-
},
|
|
11620
|
+
}, ym = ["aria-expanded", "aria-controls"], bm = ["aria-label"], xm = [
|
|
11595
11621
|
"value",
|
|
11596
11622
|
"placeholder",
|
|
11597
11623
|
"disabled",
|
|
@@ -11599,7 +11625,7 @@ var Dp = { class: "coar-plain-date-picker-calendar-column" }, Op = ["aria-label"
|
|
|
11599
11625
|
"aria-labelledby",
|
|
11600
11626
|
"aria-invalid",
|
|
11601
11627
|
"aria-describedby"
|
|
11602
|
-
],
|
|
11628
|
+
], Sm = ["aria-label", "disabled"], Cm = ["title"], wm = /* @__PURE__ */ X(/* @__PURE__ */ d({
|
|
11603
11629
|
__name: "CoarPlainDateTimePicker",
|
|
11604
11630
|
props: /* @__PURE__ */ g({
|
|
11605
11631
|
label: { default: "" },
|
|
@@ -11655,17 +11681,17 @@ var Dp = { class: "coar-plain-date-picker-calendar-column" }, Op = ["aria-label"
|
|
|
11655
11681
|
}),
|
|
11656
11682
|
emits: /* @__PURE__ */ g(["opened", "closed"], ["update:modelValue"]),
|
|
11657
11683
|
setup(e, { emit: t }) {
|
|
11658
|
-
let n = e, i = z(e, "modelValue"), c = t, { t: d } = q(), f =
|
|
11684
|
+
let n = e, i = z(e, "modelValue"), c = t, { t: d } = q(), f = Cp({
|
|
11659
11685
|
locale: r(() => n.locale),
|
|
11660
11686
|
dateFormat: r(() => n.dateFormat)
|
|
11661
|
-
}), p = O(i.value?.toPlainDate().toPlainYearMonth() ?? Y.Now.plainDateISO().toPlainYearMonth()), m = O(null), g = `coar-plain-dt-picker-${crypto.randomUUID?.() ?? Date.now().toString(16)}`, _ = `${g}-label`, b = `${g}-input`, x = `${g}-panel`, T = `${g}-message`, D = O(null), k = O(null), A = null, j = O(""), M = r(() => n.use24Hour === !0 ? !0 : n.use24Hour === !1 ? !1 : !
|
|
11687
|
+
}), p = O(i.value?.toPlainDate().toPlainYearMonth() ?? Y.Now.plainDateISO().toPlainYearMonth()), m = O(null), g = `coar-plain-dt-picker-${crypto.randomUUID?.() ?? Date.now().toString(16)}`, _ = `${g}-label`, b = `${g}-input`, x = `${g}-panel`, T = `${g}-message`, D = O(null), k = O(null), A = null, j = O(""), M = r(() => n.use24Hour === !0 ? !0 : n.use24Hour === !1 ? !1 : !wf(f.effectiveLocale.value)), N;
|
|
11662
11688
|
function F() {
|
|
11663
11689
|
if (N?.destroy(), !k.value) return;
|
|
11664
|
-
let e =
|
|
11690
|
+
let e = Dp(f.effectiveDateFormat.value.pattern, !M.value);
|
|
11665
11691
|
N = new ie(k.value, e);
|
|
11666
11692
|
}
|
|
11667
11693
|
function I(e) {
|
|
11668
|
-
return `${
|
|
11694
|
+
return `${Xf(e.toPlainDate(), f.effectiveDateFormat.value.pattern)} ${Tf(e.hour, e.minute, M.value)}`;
|
|
11669
11695
|
}
|
|
11670
11696
|
U(i, (e) => {
|
|
11671
11697
|
j.value = e ? I(e) : "";
|
|
@@ -11717,7 +11743,7 @@ var Dp = { class: "coar-plain-date-picker-calendar-column" }, Op = ["aria-label"
|
|
|
11717
11743
|
onDateSelected: (e) => {
|
|
11718
11744
|
let t = K.value ?? n.defaultTime, r = e.toPlainDateTime({
|
|
11719
11745
|
hour: t.hours,
|
|
11720
|
-
minute:
|
|
11746
|
+
minute: jf(t.minutes, n.minuteStep)
|
|
11721
11747
|
});
|
|
11722
11748
|
r = se(r), i.value = r;
|
|
11723
11749
|
},
|
|
@@ -11794,7 +11820,7 @@ var Dp = { class: "coar-plain-date-picker-calendar-column" }, Op = ["aria-label"
|
|
|
11794
11820
|
},
|
|
11795
11821
|
content: {
|
|
11796
11822
|
kind: "component",
|
|
11797
|
-
component: h(
|
|
11823
|
+
component: h(_m)
|
|
11798
11824
|
},
|
|
11799
11825
|
inputs: t
|
|
11800
11826
|
}), f.open(), c("opened"), A.afterClosed.then(() => {
|
|
@@ -11830,12 +11856,12 @@ var Dp = { class: "coar-plain-date-picker-calendar-column" }, Op = ["aria-label"
|
|
|
11830
11856
|
if (!e) return null;
|
|
11831
11857
|
let t = e.split(" ");
|
|
11832
11858
|
if (t.length < 2) return null;
|
|
11833
|
-
let n =
|
|
11859
|
+
let n = Zf(t[0], f.effectiveDateFormat.value.pattern, {
|
|
11834
11860
|
min: ee.value,
|
|
11835
11861
|
max: te.value
|
|
11836
11862
|
});
|
|
11837
11863
|
if (!n) return null;
|
|
11838
|
-
let r =
|
|
11864
|
+
let r = Ef(t.slice(1).join(" "));
|
|
11839
11865
|
return r ? n.toPlainDateTime({
|
|
11840
11866
|
hour: r.hours,
|
|
11841
11867
|
minute: r.minutes
|
|
@@ -11851,7 +11877,7 @@ var Dp = { class: "coar-plain-date-picker-calendar-column" }, Op = ["aria-label"
|
|
|
11851
11877
|
key: 0,
|
|
11852
11878
|
id: _,
|
|
11853
11879
|
class: "coar-pdtp-label"
|
|
11854
|
-
}, [l(P(e.label) + " ", 1), e.required ? (w(), o("span",
|
|
11880
|
+
}, [l(P(e.label) + " ", 1), e.required ? (w(), o("span", vm, "*")) : a("", !0)])) : a("", !0),
|
|
11855
11881
|
s("div", {
|
|
11856
11882
|
ref_key: "triggerRef",
|
|
11857
11883
|
ref: D,
|
|
@@ -11875,7 +11901,7 @@ var Dp = { class: "coar-plain-date-picker-calendar-column" }, Op = ["aria-label"
|
|
|
11875
11901
|
}, [u(Z, {
|
|
11876
11902
|
name: "x",
|
|
11877
11903
|
size: "auto"
|
|
11878
|
-
})], 10,
|
|
11904
|
+
})], 10, bm),
|
|
11879
11905
|
s("input", {
|
|
11880
11906
|
id: b,
|
|
11881
11907
|
ref_key: "dateInputRef",
|
|
@@ -11893,7 +11919,7 @@ var Dp = { class: "coar-plain-date-picker-calendar-column" }, Op = ["aria-label"
|
|
|
11893
11919
|
onInput: pe,
|
|
11894
11920
|
onBlur: me,
|
|
11895
11921
|
onKeydown: de
|
|
11896
|
-
}, null, 40,
|
|
11922
|
+
}, null, 40, xm),
|
|
11897
11923
|
s("button", {
|
|
11898
11924
|
type: "button",
|
|
11899
11925
|
class: "coar-pdtp-btn",
|
|
@@ -11904,32 +11930,32 @@ var Dp = { class: "coar-plain-date-picker-calendar-column" }, Op = ["aria-label"
|
|
|
11904
11930
|
}, [u(Z, {
|
|
11905
11931
|
name: "calendar",
|
|
11906
11932
|
size: "s"
|
|
11907
|
-
})], 8,
|
|
11908
|
-
], 10,
|
|
11933
|
+
})], 8, Sm)
|
|
11934
|
+
], 10, ym),
|
|
11909
11935
|
B.value ? (w(), o("div", {
|
|
11910
11936
|
key: 1,
|
|
11911
11937
|
id: T,
|
|
11912
11938
|
class: y(["coar-form-field-message", { "coar-form-field-message--error": R.value }]),
|
|
11913
11939
|
title: B.value
|
|
11914
|
-
}, P(B.value), 11,
|
|
11940
|
+
}, P(B.value), 11, Cm)) : a("", !0)
|
|
11915
11941
|
], 2));
|
|
11916
11942
|
}
|
|
11917
11943
|
}), [["__scopeId", "data-v-55dfa9b2"]]);
|
|
11918
11944
|
//#endregion
|
|
11919
11945
|
//#region src/components/date-time/_shared/timezone-helpers.ts
|
|
11920
|
-
function
|
|
11946
|
+
function Tm() {
|
|
11921
11947
|
try {
|
|
11922
11948
|
return ["UTC", ...Intl.supportedValuesOf("timeZone")];
|
|
11923
11949
|
} catch {
|
|
11924
11950
|
return ["UTC"];
|
|
11925
11951
|
}
|
|
11926
11952
|
}
|
|
11927
|
-
function
|
|
11953
|
+
function Em(e, t) {
|
|
11928
11954
|
let n = t ?? Y.Now.instant();
|
|
11929
11955
|
try {
|
|
11930
11956
|
let t = n.toZonedDateTimeISO(e).offsetNanoseconds, r = Math.round(t / 6e10);
|
|
11931
11957
|
return {
|
|
11932
|
-
offset:
|
|
11958
|
+
offset: Dm(r),
|
|
11933
11959
|
offsetMinutes: r
|
|
11934
11960
|
};
|
|
11935
11961
|
} catch {
|
|
@@ -11939,21 +11965,21 @@ function Tm(e, t) {
|
|
|
11939
11965
|
};
|
|
11940
11966
|
}
|
|
11941
11967
|
}
|
|
11942
|
-
function
|
|
11968
|
+
function Dm(e) {
|
|
11943
11969
|
if (e === 0) return "UTC";
|
|
11944
11970
|
let t = e >= 0 ? "+" : "-", n = Math.abs(e), r = Math.floor(n / 60), i = n % 60;
|
|
11945
11971
|
return i === 0 ? `UTC${t}${r}` : `UTC${t}${r}:${String(i).padStart(2, "0")}`;
|
|
11946
11972
|
}
|
|
11947
|
-
function
|
|
11973
|
+
function Om(e) {
|
|
11948
11974
|
if (e === "UTC") return "UTC";
|
|
11949
11975
|
let t = e.split("/");
|
|
11950
11976
|
return t[t.length - 1].replace(/_/g, " ");
|
|
11951
11977
|
}
|
|
11952
|
-
function
|
|
11953
|
-
let n =
|
|
11978
|
+
function km(e, t) {
|
|
11979
|
+
let n = Om(e), { offset: r } = Em(e, t);
|
|
11954
11980
|
return `${n} (${r})`;
|
|
11955
11981
|
}
|
|
11956
|
-
function
|
|
11982
|
+
function Am(e, t) {
|
|
11957
11983
|
if (!t || t.length === 0) return e;
|
|
11958
11984
|
let n = t.map((e) => {
|
|
11959
11985
|
let t = e.replace(/[.+?^${}()|[\]\\]/g, "\\$&").replace(/\*/g, ".*");
|
|
@@ -11961,19 +11987,19 @@ function km(e, t) {
|
|
|
11961
11987
|
});
|
|
11962
11988
|
return e.filter((e) => n.some((t) => t.test(e)));
|
|
11963
11989
|
}
|
|
11964
|
-
function
|
|
11965
|
-
let { offset: n, offsetMinutes: r } =
|
|
11990
|
+
function jm(e, t) {
|
|
11991
|
+
let { offset: n, offsetMinutes: r } = Em(e, t);
|
|
11966
11992
|
return {
|
|
11967
11993
|
id: e,
|
|
11968
|
-
city:
|
|
11994
|
+
city: Om(e),
|
|
11969
11995
|
offset: n,
|
|
11970
11996
|
offsetMinutes: r
|
|
11971
11997
|
};
|
|
11972
11998
|
}
|
|
11973
|
-
function
|
|
11999
|
+
function Mm(e, t, n) {
|
|
11974
12000
|
let r = t?.trim().toLowerCase(), i = /* @__PURE__ */ new Map();
|
|
11975
12001
|
for (let t of e) {
|
|
11976
|
-
let e =
|
|
12002
|
+
let e = jm(t, n);
|
|
11977
12003
|
if (r && r.length > 0) {
|
|
11978
12004
|
let n = e.city.toLowerCase().includes(r), i = t.toLowerCase().includes(r);
|
|
11979
12005
|
if (!n && !i) continue;
|
|
@@ -11993,25 +12019,25 @@ function jm(e, t, n) {
|
|
|
11993
12019
|
}
|
|
11994
12020
|
//#endregion
|
|
11995
12021
|
//#region src/components/date-time/zoned-date-time-picker/CoarZonedDateTimePickerPanel.vue?vue&type=script&setup=true&lang.ts
|
|
11996
|
-
var
|
|
12022
|
+
var Nm = { class: "coar-zdtp-body" }, Pm = { class: "coar-zdtp-calendar-column" }, Fm = ["aria-label"], Im = { class: "coar-zdtp-side-column" }, Lm = {
|
|
11997
12023
|
key: 0,
|
|
11998
12024
|
class: "coar-zdtp-side-header"
|
|
11999
|
-
},
|
|
12025
|
+
}, Rm = ["disabled", "aria-label"], zm = { class: "coar-zdtp-year" }, Bm = ["disabled", "aria-label"], Vm = {
|
|
12000
12026
|
key: 1,
|
|
12001
12027
|
class: "coar-zdtp-side-header coar-zdtp-side-header--search"
|
|
12002
|
-
},
|
|
12028
|
+
}, Hm = ["placeholder", "onKeydown"], Um = ["aria-label"], Wm = { class: "coar-zdtp-tz-group-header" }, Gm = ["onClick"], Km = { class: "coar-zdtp-tz-picker-item-city" }, qm = { class: "coar-zdtp-tz-picker-item-offset" }, Jm = ["aria-label"], Ym = ["aria-selected", "onClick"], Xm = { class: "coar-zdtp-time-section" }, Zm = { class: "coar-zdtp-display-tz-label" }, Qm = { class: "coar-zdtp-display-tz-btn-label" }, $m = {
|
|
12003
12029
|
key: 0,
|
|
12004
12030
|
class: "coar-zdtp-events"
|
|
12005
|
-
},
|
|
12031
|
+
}, eh = {
|
|
12006
12032
|
key: 0,
|
|
12007
12033
|
class: "coar-zdtp-footer-placeholder"
|
|
12008
|
-
},
|
|
12034
|
+
}, th = {
|
|
12009
12035
|
key: 1,
|
|
12010
12036
|
class: "coar-zdtp-footer-edit"
|
|
12011
|
-
},
|
|
12037
|
+
}, nh = ["aria-label"], rh = {
|
|
12012
12038
|
key: 2,
|
|
12013
12039
|
class: "coar-zdtp-footer-display"
|
|
12014
|
-
},
|
|
12040
|
+
}, ih = { class: "coar-zdtp-footer-tz-name" }, ah = { class: "coar-zdtp-footer-tz-value" }, oh = ["aria-label"], sh = /* @__PURE__ */ d({
|
|
12015
12041
|
__name: "CoarZonedDateTimePickerPanel",
|
|
12016
12042
|
props: {
|
|
12017
12043
|
modelValue: {},
|
|
@@ -12069,9 +12095,9 @@ var Mm = { class: "coar-zdtp-body" }, Nm = { class: "coar-zdtp-calendar-column"
|
|
|
12069
12095
|
let n = Y.PlainDate.compare(e, t.startDate) >= 0, r = t.endDate ? Y.PlainDate.compare(e, t.endDate) <= 0 : Y.PlainDate.compare(e, t.startDate) === 0;
|
|
12070
12096
|
return n && r;
|
|
12071
12097
|
}) : [];
|
|
12072
|
-
}), E = r(() =>
|
|
12098
|
+
}), E = r(() => Am(n.allTimezones, n.timezoneFilter)), D = r(() => Mm(E.value, d.value)), A = r(() => E.value.map((e) => ({
|
|
12073
12099
|
value: e,
|
|
12074
|
-
label:
|
|
12100
|
+
label: km(e)
|
|
12075
12101
|
})));
|
|
12076
12102
|
function j() {
|
|
12077
12103
|
c.value = !0, d.value = "", v(() => {
|
|
@@ -12098,7 +12124,7 @@ var Mm = { class: "coar-zdtp-body" }, Nm = { class: "coar-zdtp-calendar-column"
|
|
|
12098
12124
|
function R() {
|
|
12099
12125
|
l.value = !1;
|
|
12100
12126
|
}
|
|
12101
|
-
return (n, r) => (w(), o("div", { class: y(["coar-zdtp-panel", { "coar-zdtp-panel--with-weeks": t.showWeekNumbers }]) }, [s("div",
|
|
12127
|
+
return (n, r) => (w(), o("div", { class: y(["coar-zdtp-panel", { "coar-zdtp-panel--with-weeks": t.showWeekNumbers }]) }, [s("div", Nm, [s("div", Pm, [u(fp, {
|
|
12102
12128
|
"model-value": t.modelValue,
|
|
12103
12129
|
"active-month": t.activeMonth,
|
|
12104
12130
|
min: t.min ?? void 0,
|
|
@@ -12131,8 +12157,8 @@ var Mm = { class: "coar-zdtp-body" }, Nm = { class: "coar-zdtp-calendar-column"
|
|
|
12131
12157
|
}, [u(Z, {
|
|
12132
12158
|
name: S.value === "up" ? "chevron-up" : "chevron-down",
|
|
12133
12159
|
size: "xs"
|
|
12134
|
-
}, null, 8, ["name"])], 8,
|
|
12135
|
-
c.value ? (w(), o("div",
|
|
12160
|
+
}, null, 8, ["name"])], 8, Fm)) : a("", !0)]), s("div", Im, [
|
|
12161
|
+
c.value ? (w(), o("div", Vm, [K(s("input", {
|
|
12136
12162
|
ref_key: "tzSearchInputRef",
|
|
12137
12163
|
ref: f,
|
|
12138
12164
|
"onUpdate:modelValue": r[3] ||= (e) => d.value = e,
|
|
@@ -12140,7 +12166,7 @@ var Mm = { class: "coar-zdtp-body" }, Nm = { class: "coar-zdtp-calendar-column"
|
|
|
12140
12166
|
class: "coar-zdtp-tz-search-input",
|
|
12141
12167
|
placeholder: L(i)("coar.ui.zonedDateTimePicker.searchTimezone", void 0, "Search timezone..."),
|
|
12142
12168
|
onKeydown: ee(te(M, ["stop"]), ["escape"])
|
|
12143
|
-
}, null, 40,
|
|
12169
|
+
}, null, 40, Hm), [[H, d.value]]), s("button", {
|
|
12144
12170
|
type: "button",
|
|
12145
12171
|
class: "coar-zdtp-tz-search-close",
|
|
12146
12172
|
"aria-label": L(i)("coar.ui.zonedDateTimePicker.closeTimezoneSearch", void 0, "Close timezone search"),
|
|
@@ -12148,7 +12174,7 @@ var Mm = { class: "coar-zdtp-body" }, Nm = { class: "coar-zdtp-calendar-column"
|
|
|
12148
12174
|
}, [u(Z, {
|
|
12149
12175
|
name: "x",
|
|
12150
12176
|
size: "xs"
|
|
12151
|
-
})], 8,
|
|
12177
|
+
})], 8, Um)])) : (w(), o("div", Lm, [
|
|
12152
12178
|
s("button", {
|
|
12153
12179
|
type: "button",
|
|
12154
12180
|
class: "coar-zdtp-year-btn",
|
|
@@ -12158,8 +12184,8 @@ var Mm = { class: "coar-zdtp-body" }, Nm = { class: "coar-zdtp-calendar-column"
|
|
|
12158
12184
|
}, [u(Z, {
|
|
12159
12185
|
name: "chevron-left",
|
|
12160
12186
|
size: "s"
|
|
12161
|
-
})], 8,
|
|
12162
|
-
s("span",
|
|
12187
|
+
})], 8, Rm),
|
|
12188
|
+
s("span", zm, P(m.value), 1),
|
|
12163
12189
|
s("button", {
|
|
12164
12190
|
type: "button",
|
|
12165
12191
|
class: "coar-zdtp-year-btn",
|
|
@@ -12169,7 +12195,7 @@ var Mm = { class: "coar-zdtp-body" }, Nm = { class: "coar-zdtp-calendar-column"
|
|
|
12169
12195
|
}, [u(Z, {
|
|
12170
12196
|
name: "chevron-right",
|
|
12171
12197
|
size: "s"
|
|
12172
|
-
})], 8,
|
|
12198
|
+
})], 8, Bm)
|
|
12173
12199
|
])),
|
|
12174
12200
|
c.value ? K((w(), o("div", {
|
|
12175
12201
|
key: 2,
|
|
@@ -12179,12 +12205,12 @@ var Mm = { class: "coar-zdtp-body" }, Nm = { class: "coar-zdtp-calendar-column"
|
|
|
12179
12205
|
}, [(w(!0), o(e, null, k(D.value, (n) => (w(), o("div", {
|
|
12180
12206
|
key: n.name,
|
|
12181
12207
|
class: "coar-zdtp-tz-group"
|
|
12182
|
-
}, [s("div",
|
|
12208
|
+
}, [s("div", Wm, P(n.name), 1), (w(!0), o(e, null, k(n.items, (e) => (w(), o("button", {
|
|
12183
12209
|
key: e.id,
|
|
12184
12210
|
type: "button",
|
|
12185
12211
|
class: y(["coar-zdtp-tz-picker-item", { "coar-zdtp-tz-picker-item--active": e.id === t.effectiveDisplayTimeZone }]),
|
|
12186
12212
|
onClick: (t) => N(e.id)
|
|
12187
|
-
}, [s("span",
|
|
12213
|
+
}, [s("span", Km, P(e.city), 1), s("span", qm, P(e.offset), 1)], 10, Gm))), 128))]))), 128))])), [[L(Us), {
|
|
12188
12214
|
overflowX: "hidden",
|
|
12189
12215
|
autoHide: "leave"
|
|
12190
12216
|
}]]) : a("", !0),
|
|
@@ -12200,8 +12226,8 @@ var Mm = { class: "coar-zdtp-body" }, Nm = { class: "coar-zdtp-calendar-column"
|
|
|
12200
12226
|
role: "option",
|
|
12201
12227
|
"aria-selected": e.isActive,
|
|
12202
12228
|
onClick: (n) => t.onSelectMonth(e.yearMonth)
|
|
12203
|
-
}, P(e.name), 11,
|
|
12204
|
-
s("div",
|
|
12229
|
+
}, P(e.name), 11, Ym))), 128))], 8, Jm),
|
|
12230
|
+
s("div", Xm, [u(Gf, {
|
|
12205
12231
|
"model-value": t.selectedTime ?? void 0,
|
|
12206
12232
|
"use24-hour": t.use24Hour,
|
|
12207
12233
|
"minute-step": t.minuteStep,
|
|
@@ -12217,16 +12243,16 @@ var Mm = { class: "coar-zdtp-body" }, Nm = { class: "coar-zdtp-calendar-column"
|
|
|
12217
12243
|
"max",
|
|
12218
12244
|
"onUpdate:modelValue"
|
|
12219
12245
|
])]),
|
|
12220
|
-
s("div",
|
|
12246
|
+
s("div", Zm, P(L(i)("coar.ui.zonedDateTimePicker.displayTimezone", void 0, "Display Timezone")), 1),
|
|
12221
12247
|
s("button", {
|
|
12222
12248
|
type: "button",
|
|
12223
12249
|
class: "coar-zdtp-display-tz-btn",
|
|
12224
12250
|
onClick: j
|
|
12225
|
-
}, [s("span",
|
|
12251
|
+
}, [s("span", Qm, P(L(km)(t.effectiveDisplayTimeZone)), 1), u(Z, {
|
|
12226
12252
|
name: "chevron-down",
|
|
12227
12253
|
size: "xs"
|
|
12228
12254
|
})]),
|
|
12229
|
-
T.value.length > 0 ? K((w(), o("div",
|
|
12255
|
+
T.value.length > 0 ? K((w(), o("div", $m, [(w(!0), o(e, null, k(T.value, (e, t) => (w(), o("div", {
|
|
12230
12256
|
key: t,
|
|
12231
12257
|
class: y(["coar-zdtp-event-item", e.cssClass])
|
|
12232
12258
|
}, P(e.description), 3))), 128))])), [[L(Us), {
|
|
@@ -12234,7 +12260,7 @@ var Mm = { class: "coar-zdtp-body" }, Nm = { class: "coar-zdtp-calendar-column"
|
|
|
12234
12260
|
autoHide: "leave"
|
|
12235
12261
|
}]]) : a("", !0)
|
|
12236
12262
|
], 64))
|
|
12237
|
-
])]), s("div", { class: y(["coar-zdtp-footer", { "coar-zdtp-footer--differs": t.timeZonesDiffer }]) }, [t.hasValue ? l.value ? (w(), o("div",
|
|
12263
|
+
])]), s("div", { class: y(["coar-zdtp-footer", { "coar-zdtp-footer--differs": t.timeZonesDiffer }]) }, [t.hasValue ? l.value ? (w(), o("div", th, [u(nc, {
|
|
12238
12264
|
"model-value": t.valueTimeZone,
|
|
12239
12265
|
options: A.value,
|
|
12240
12266
|
appearance: "inline",
|
|
@@ -12257,14 +12283,14 @@ var Mm = { class: "coar-zdtp-body" }, Nm = { class: "coar-zdtp-calendar-column"
|
|
|
12257
12283
|
}, [u(Z, {
|
|
12258
12284
|
name: "x",
|
|
12259
12285
|
size: "xs"
|
|
12260
|
-
})], 8,
|
|
12286
|
+
})], 8, nh)])) : (w(), o("div", rh, [
|
|
12261
12287
|
u(Z, {
|
|
12262
12288
|
name: "map-pin",
|
|
12263
12289
|
size: "xs",
|
|
12264
12290
|
class: "coar-zdtp-footer-icon"
|
|
12265
12291
|
}),
|
|
12266
|
-
s("span",
|
|
12267
|
-
s("span",
|
|
12292
|
+
s("span", ih, P(t.valueTimeZoneLabel), 1),
|
|
12293
|
+
s("span", ah, P(t.formatValueInValueTz), 1),
|
|
12268
12294
|
s("button", {
|
|
12269
12295
|
type: "button",
|
|
12270
12296
|
class: "coar-zdtp-footer-lock",
|
|
@@ -12273,28 +12299,28 @@ var Mm = { class: "coar-zdtp-body" }, Nm = { class: "coar-zdtp-calendar-column"
|
|
|
12273
12299
|
}, [u(Z, {
|
|
12274
12300
|
name: "settings",
|
|
12275
12301
|
size: "xs"
|
|
12276
|
-
})], 8,
|
|
12277
|
-
])) : (w(), o("span",
|
|
12302
|
+
})], 8, oh)
|
|
12303
|
+
])) : (w(), o("span", eh, [u(Z, {
|
|
12278
12304
|
name: "map-pin",
|
|
12279
12305
|
size: "xs"
|
|
12280
12306
|
}), s("span", null, P(L(i)("coar.ui.zonedDateTimePicker.eventTimezone", void 0, "Event timezone")), 1)]))], 2)], 2));
|
|
12281
12307
|
}
|
|
12282
|
-
}),
|
|
12308
|
+
}), ch = {
|
|
12283
12309
|
key: 0,
|
|
12284
12310
|
class: "coar-zdtp-required",
|
|
12285
12311
|
"aria-hidden": "true"
|
|
12286
|
-
},
|
|
12312
|
+
}, lh = [
|
|
12287
12313
|
"aria-expanded",
|
|
12288
12314
|
"aria-controls",
|
|
12289
12315
|
"aria-labelledby",
|
|
12290
12316
|
"aria-invalid"
|
|
12291
|
-
],
|
|
12317
|
+
], uh = ["aria-label", "disabled"], dh = [
|
|
12292
12318
|
"placeholder",
|
|
12293
12319
|
"value",
|
|
12294
12320
|
"disabled",
|
|
12295
12321
|
"readonly",
|
|
12296
12322
|
"aria-describedby"
|
|
12297
|
-
],
|
|
12323
|
+
], fh = ["title"], ph = ["aria-label", "disabled"], mh = ["disabled", "aria-label"], hh = /* @__PURE__ */ X(/* @__PURE__ */ d({
|
|
12298
12324
|
__name: "CoarZonedDateTimePicker",
|
|
12299
12325
|
props: /* @__PURE__ */ g({
|
|
12300
12326
|
label: { default: "" },
|
|
@@ -12352,34 +12378,34 @@ var Mm = { class: "coar-zdtp-body" }, Nm = { class: "coar-zdtp-calendar-column"
|
|
|
12352
12378
|
}),
|
|
12353
12379
|
emits: /* @__PURE__ */ g(["opened", "closed"], ["update:modelValue"]),
|
|
12354
12380
|
setup(e, { emit: t }) {
|
|
12355
|
-
let n = e, i = z(e, "modelValue"), c = t, { t: d } = q(), f =
|
|
12381
|
+
let n = e, i = z(e, "modelValue"), c = t, { t: d } = q(), f = Cp({
|
|
12356
12382
|
locale: r(() => n.locale),
|
|
12357
12383
|
dateFormat: r(() => n.dateFormat)
|
|
12358
12384
|
}), p = O(i.value?.toPlainDateTime().toPlainDate().toPlainYearMonth() ?? Y.Now.plainDateISO().toPlainYearMonth()), m = O(null), g = O(null), _ = `coar-zdtp-${crypto.randomUUID?.() ?? Date.now().toString(16)}`, b = `${_}-label`, x = `${_}-input`, T = `${_}-panel`, D = `${_}-message`, k = O(null), A = O(null), j = null, M = O(""), N = r(() => f.timezone.value || Intl.DateTimeFormat().resolvedOptions().timeZone || "UTC"), F = r(() => i.value?.timeZoneId ?? null), I = r(() => g.value ?? N.value), R = r(() => n.timeZone ?? N.value), B = r(() => F.value != null && F.value !== N.value), V = r(() => F.value != null && I.value !== F.value), H = r(() => {
|
|
12359
12385
|
let e = I.value, t = N.value, n = F.value;
|
|
12360
12386
|
return e === t ? "home" : n && e === n ? "location" : "world";
|
|
12361
|
-
}), W = r(() => B.value || H.value !== "home"), G = r(() =>
|
|
12387
|
+
}), W = r(() => B.value || H.value !== "home"), G = r(() => km(I.value)), K = r(() => {
|
|
12362
12388
|
let e = F.value;
|
|
12363
|
-
return e ?
|
|
12364
|
-
}), ee =
|
|
12389
|
+
return e ? km(e) : "";
|
|
12390
|
+
}), ee = Tm(), J = r(() => n.use24Hour === !0 ? !0 : n.use24Hour === !1 ? !1 : !wf(f.effectiveLocale.value)), ne;
|
|
12365
12391
|
function re() {
|
|
12366
12392
|
if (ne?.destroy(), !A.value) return;
|
|
12367
|
-
let e =
|
|
12393
|
+
let e = Dp(f.effectiveDateFormat.value.pattern, !J.value);
|
|
12368
12394
|
ne = new ie(A.value, e);
|
|
12369
12395
|
}
|
|
12370
12396
|
function ae(e) {
|
|
12371
12397
|
let t = I.value, n = e.withTimeZone(t);
|
|
12372
|
-
return `${
|
|
12398
|
+
return `${Xf(n.toPlainDate(), f.effectiveDateFormat.value.pattern)} ${Tf(n.hour, n.minute, J.value)}`;
|
|
12373
12399
|
}
|
|
12374
12400
|
function oe() {
|
|
12375
|
-
return i.value ? `${
|
|
12401
|
+
return i.value ? `${Xf(i.value.toPlainDate(), f.effectiveDateFormat.value.pattern)} ${Tf(i.value.hour, i.value.minute, J.value)}` : "";
|
|
12376
12402
|
}
|
|
12377
12403
|
function se(e) {
|
|
12378
12404
|
let t = e.trim().split(/\s+/);
|
|
12379
12405
|
if (t.length < 2) return null;
|
|
12380
|
-
let n = t[0], r = t.slice(1).join(" "), i =
|
|
12406
|
+
let n = t[0], r = t.slice(1).join(" "), i = Zf(n, f.effectiveDateFormat.value.pattern);
|
|
12381
12407
|
if (!i) return null;
|
|
12382
|
-
let a =
|
|
12408
|
+
let a = Ef(r);
|
|
12383
12409
|
if (!a) return null;
|
|
12384
12410
|
let o = i.toPlainDateTime({
|
|
12385
12411
|
hour: a.hours,
|
|
@@ -12455,7 +12481,7 @@ var Mm = { class: "coar-zdtp-body" }, Nm = { class: "coar-zdtp-calendar-column"
|
|
|
12455
12481
|
onDateSelected: (e) => {
|
|
12456
12482
|
let t = ge.value ?? n.defaultTime, r = e.toPlainDateTime({
|
|
12457
12483
|
hour: t.hours,
|
|
12458
|
-
minute:
|
|
12484
|
+
minute: jf(t.minutes, n.minuteStep)
|
|
12459
12485
|
}), a = F.value ?? R.value, o;
|
|
12460
12486
|
o = pe.value === a ? r.toZonedDateTime(a) : r.toZonedDateTime(pe.value).withTimeZone(a), o = we(o), i.value = o;
|
|
12461
12487
|
},
|
|
@@ -12546,7 +12572,7 @@ var Mm = { class: "coar-zdtp-body" }, Nm = { class: "coar-zdtp-calendar-column"
|
|
|
12546
12572
|
},
|
|
12547
12573
|
content: {
|
|
12548
12574
|
kind: "component",
|
|
12549
|
-
component: h(
|
|
12575
|
+
component: h(sh)
|
|
12550
12576
|
},
|
|
12551
12577
|
inputs: t
|
|
12552
12578
|
}), f.open(), c("opened"), j.afterClosed.then(() => {
|
|
@@ -12595,7 +12621,7 @@ var Mm = { class: "coar-zdtp-body" }, Nm = { class: "coar-zdtp-calendar-column"
|
|
|
12595
12621
|
id: b,
|
|
12596
12622
|
class: "coar-zdtp-label",
|
|
12597
12623
|
for: x
|
|
12598
|
-
}, [l(P(e.label) + " ", 1), e.required ? (w(), o("span",
|
|
12624
|
+
}, [l(P(e.label) + " ", 1), e.required ? (w(), o("span", ch, "*")) : a("", !0)])) : a("", !0),
|
|
12599
12625
|
s("div", {
|
|
12600
12626
|
ref_key: "triggerRef",
|
|
12601
12627
|
ref: k,
|
|
@@ -12623,7 +12649,7 @@ var Mm = { class: "coar-zdtp-body" }, Nm = { class: "coar-zdtp-calendar-column"
|
|
|
12623
12649
|
}, [u(Z, {
|
|
12624
12650
|
name: "x",
|
|
12625
12651
|
size: "auto"
|
|
12626
|
-
})], 10,
|
|
12652
|
+
})], 10, uh),
|
|
12627
12653
|
s("input", {
|
|
12628
12654
|
id: x,
|
|
12629
12655
|
ref_key: "dateInputRef",
|
|
@@ -12638,12 +12664,12 @@ var Mm = { class: "coar-zdtp-body" }, Nm = { class: "coar-zdtp-calendar-column"
|
|
|
12638
12664
|
autocomplete: "off",
|
|
12639
12665
|
onInput: ke,
|
|
12640
12666
|
onBlur: Ae
|
|
12641
|
-
}, null, 40,
|
|
12667
|
+
}, null, 40, dh),
|
|
12642
12668
|
i.value ? (w(), o("span", {
|
|
12643
12669
|
key: 0,
|
|
12644
12670
|
class: "coar-zdtp-tz-inline",
|
|
12645
12671
|
title: G.value
|
|
12646
|
-
}, P(G.value), 9,
|
|
12672
|
+
}, P(G.value), 9, fh)) : a("", !0),
|
|
12647
12673
|
s("button", {
|
|
12648
12674
|
type: "button",
|
|
12649
12675
|
class: y(["coar-zdtp-tz-indicator", {
|
|
@@ -12657,7 +12683,7 @@ var Mm = { class: "coar-zdtp-body" }, Nm = { class: "coar-zdtp-calendar-column"
|
|
|
12657
12683
|
}, [u(Z, {
|
|
12658
12684
|
name: Me.value,
|
|
12659
12685
|
size: "xs"
|
|
12660
|
-
}, null, 8, ["name"])], 10,
|
|
12686
|
+
}, null, 8, ["name"])], 10, ph),
|
|
12661
12687
|
s("button", {
|
|
12662
12688
|
type: "button",
|
|
12663
12689
|
class: "coar-zdtp-btn",
|
|
@@ -12668,8 +12694,8 @@ var Mm = { class: "coar-zdtp-body" }, Nm = { class: "coar-zdtp-calendar-column"
|
|
|
12668
12694
|
}, [u(Z, {
|
|
12669
12695
|
name: "calendar",
|
|
12670
12696
|
size: "s"
|
|
12671
|
-
})], 8,
|
|
12672
|
-
], 42,
|
|
12697
|
+
})], 8, mh)
|
|
12698
|
+
], 42, lh),
|
|
12673
12699
|
le.value ? (w(), o("div", {
|
|
12674
12700
|
key: 1,
|
|
12675
12701
|
id: D,
|
|
@@ -12678,7 +12704,7 @@ var Mm = { class: "coar-zdtp-body" }, Nm = { class: "coar-zdtp-calendar-column"
|
|
|
12678
12704
|
}, P(le.value), 3)) : a("", !0)
|
|
12679
12705
|
], 2));
|
|
12680
12706
|
}
|
|
12681
|
-
}), [["__scopeId", "data-v-c6c2a031"]]),
|
|
12707
|
+
}), [["__scopeId", "data-v-c6c2a031"]]), gh = /* @__PURE__ */ X(/* @__PURE__ */ d({
|
|
12682
12708
|
__name: "CoarPlainDateView",
|
|
12683
12709
|
props: {
|
|
12684
12710
|
value: { default: null },
|
|
@@ -12688,17 +12714,17 @@ var Mm = { class: "coar-zdtp-body" }, Nm = { class: "coar-zdtp-calendar-column"
|
|
|
12688
12714
|
size: { default: "m" }
|
|
12689
12715
|
},
|
|
12690
12716
|
setup(e) {
|
|
12691
|
-
let t = e, n =
|
|
12717
|
+
let t = e, n = Cp({
|
|
12692
12718
|
locale: F(t, "locale"),
|
|
12693
12719
|
dateFormat: F(t, "dateFormat")
|
|
12694
12720
|
});
|
|
12695
12721
|
function i(e) {
|
|
12696
12722
|
return typeof e == "object" && !!e && Object.prototype.toString.call(e) === "[object Temporal.PlainDate]";
|
|
12697
12723
|
}
|
|
12698
|
-
let a = r(() => i(t.value) ?
|
|
12724
|
+
let a = r(() => i(t.value) ? Xf(t.value, n.effectiveDateFormat.value.pattern) : ""), s = r(() => a.value || t.placeholder), c = r(() => !a.value);
|
|
12699
12725
|
return (t, n) => (w(), o("span", { class: y(["coar-plain-date-view", [`coar-plain-date-view--${e.size}`, { "coar-plain-date-view--empty": c.value }]]) }, P(s.value), 3));
|
|
12700
12726
|
}
|
|
12701
|
-
}), [["__scopeId", "data-v-c8cf9804"]]),
|
|
12727
|
+
}), [["__scopeId", "data-v-c8cf9804"]]), _h = /* @__PURE__ */ X(/* @__PURE__ */ d({
|
|
12702
12728
|
__name: "CoarPlainDateTimeView",
|
|
12703
12729
|
props: {
|
|
12704
12730
|
value: { default: null },
|
|
@@ -12712,17 +12738,17 @@ var Mm = { class: "coar-zdtp-body" }, Nm = { class: "coar-zdtp-calendar-column"
|
|
|
12712
12738
|
size: { default: "m" }
|
|
12713
12739
|
},
|
|
12714
12740
|
setup(e) {
|
|
12715
|
-
let t = e, n =
|
|
12741
|
+
let t = e, n = Cp({
|
|
12716
12742
|
locale: F(t, "locale"),
|
|
12717
12743
|
dateFormat: F(t, "dateFormat")
|
|
12718
|
-
}), i = r(() => t.use24Hour === !0 ? !0 : t.use24Hour === !1 ? !1 : !
|
|
12744
|
+
}), i = r(() => t.use24Hour === !0 ? !0 : t.use24Hour === !1 ? !1 : !wf(n.effectiveLocale.value));
|
|
12719
12745
|
function a(e) {
|
|
12720
12746
|
return typeof e == "object" && !!e && Object.prototype.toString.call(e) === "[object Temporal.PlainDateTime]";
|
|
12721
12747
|
}
|
|
12722
|
-
let s = r(() => a(t.value) ? `${
|
|
12748
|
+
let s = r(() => a(t.value) ? `${Xf(t.value.toPlainDate(), n.effectiveDateFormat.value.pattern)} ${Tf(t.value.hour, t.value.minute, i.value)}` : ""), c = r(() => s.value || t.placeholder), l = r(() => !s.value);
|
|
12723
12749
|
return (t, n) => (w(), o("span", { class: y(["coar-plain-date-time-view", [`coar-plain-date-time-view--${e.size}`, { "coar-plain-date-time-view--empty": l.value }]]) }, P(c.value), 3));
|
|
12724
12750
|
}
|
|
12725
|
-
}), [["__scopeId", "data-v-f32044ac"]]),
|
|
12751
|
+
}), [["__scopeId", "data-v-f32044ac"]]), vh = /* @__PURE__ */ X(/* @__PURE__ */ d({
|
|
12726
12752
|
__name: "CoarZonedDateTimeView",
|
|
12727
12753
|
props: {
|
|
12728
12754
|
value: { default: null },
|
|
@@ -12741,20 +12767,20 @@ var Mm = { class: "coar-zdtp-body" }, Nm = { class: "coar-zdtp-calendar-column"
|
|
|
12741
12767
|
size: { default: "m" }
|
|
12742
12768
|
},
|
|
12743
12769
|
setup(e) {
|
|
12744
|
-
let t = e, n =
|
|
12770
|
+
let t = e, n = Cp({
|
|
12745
12771
|
locale: F(t, "locale"),
|
|
12746
12772
|
dateFormat: F(t, "dateFormat")
|
|
12747
|
-
}), i = r(() => t.use24Hour === !0 ? !0 : t.use24Hour === !1 ? !1 : !
|
|
12773
|
+
}), i = r(() => t.use24Hour === !0 ? !0 : t.use24Hour === !1 ? !1 : !wf(n.effectiveLocale.value));
|
|
12748
12774
|
function a(e) {
|
|
12749
12775
|
return typeof e == "object" && !!e && Object.prototype.toString.call(e) === "[object Temporal.ZonedDateTime]";
|
|
12750
12776
|
}
|
|
12751
12777
|
let s = r(() => t.displayTimeZone ? t.displayTimeZone : a(t.value) ? t.value.timeZoneId : null), c = r(() => {
|
|
12752
12778
|
if (!a(t.value)) return "";
|
|
12753
|
-
let e = s.value, r = e ? t.value.withTimeZone(e) : t.value, o =
|
|
12754
|
-
return !t.showTimeZone || !e ? `${o} ${c}` : `${o} ${c} ${
|
|
12779
|
+
let e = s.value, r = e ? t.value.withTimeZone(e) : t.value, o = Xf(r.toPlainDate(), n.effectiveDateFormat.value.pattern), c = Tf(r.hour, r.minute, i.value);
|
|
12780
|
+
return !t.showTimeZone || !e ? `${o} ${c}` : `${o} ${c} ${km(e, r.toInstant())}`;
|
|
12755
12781
|
}), l = r(() => c.value || t.placeholder), u = r(() => !c.value);
|
|
12756
12782
|
return (t, n) => (w(), o("span", { class: y(["coar-zoned-date-time-view", [`coar-zoned-date-time-view--${e.size}`, { "coar-zoned-date-time-view--empty": u.value }]]) }, P(l.value), 3));
|
|
12757
12783
|
}
|
|
12758
12784
|
}), [["__scopeId", "data-v-00d86dd7"]]);
|
|
12759
12785
|
//#endregion
|
|
12760
|
-
export { Fe as COAR_BUILTIN_ICON_SOURCE_KEY,
|
|
12786
|
+
export { Fe as COAR_BUILTIN_ICON_SOURCE_KEY, Tp as COAR_DATE_FORMAT_TO_MASKITO_MODE, wp as COAR_DEFAULT_TIME_FORMAT, Pe as COAR_ICON_SERVICE_KEY, ze as CORE_ICONS, Gt as CoarAvatar, pt as CoarBadge, bd as CoarBreadcrumb, Td as CoarBreadcrumbItem, $e as CoarButton, St as CoarCard, wn as CoarCheckbox, It as CoarCodeBlock, Me as CoarCollapse, rd as CoarContextMenu, ou as CoarDialogShell, ct as CoarDivider, gl as CoarDualListbox, ke as CoarFade, Oe as CoarFormField, Le as CoarHttpIconSource, Z as CoarIcon, Ie as CoarIconMapSource, ot as CoarIconPlugin, Re as CoarIconService, it as CoarLink, ul as CoarListbox, Du as CoarMenu, Vu as CoarMenuDivider, Hu as CoarMenuHeading, Lu as CoarMenuItem, xp as CoarMonthList, Ic as CoarMultiSelect, Cf as CoarNavbar, mt as CoarNote, vn as CoarNumberInput, rn as CoarOtpInput, Ml as CoarOverlayHost, yl as CoarOverlayOutlet, mr as CoarOverlayPlugin, Pd as CoarPagination, ln as CoarPasswordInput, Qp as CoarPlainDatePicker, wm as CoarPlainDateTimePicker, _h as CoarPlainDateTimeView, gh as CoarPlainDateView, zl as CoarPopconfirm, Rl as CoarPopconfirmPanel, Ql as CoarPopover, vt as CoarProgressBar, Mn as CoarRadioButton, On as CoarRadioGroup, je as CoarScale, fp as CoarScrollableCalendar, _d as CoarSegmentedControl, nc as CoarSelect, Gd as CoarSidebar, vf as CoarSidebarDivider, mf as CoarSidebarGroup, gf as CoarSidebarHeading, tf as CoarSidebarItem, yf as CoarSidebarSpacer, Ae as CoarSlide, ut as CoarSpinner, Yu as CoarSubExpand, td as CoarSubFlyout, td as CoarSubmenuItem, In as CoarSwitch, ad as CoarTab, pd as CoarTabGroup, Kt as CoarTable, zt as CoarTag, qc as CoarTagSelect, en as CoarTextInput, Gf as CoarTimePicker, jl as CoarToastContainer, kl as CoarToastItem, hh as CoarZonedDateTimePicker, vh as CoarZonedDateTimeView, Ce as FORM_FIELD_INJECTION_KEY, gu as MenuCascade, Rn as OVERLAY_DEFAULTS, ur as OVERLAY_PARENT_KEY, lr as OVERLAY_SERVICE_KEY, Ne as PRESET_SIZES, Tn as RADIO_GROUP_INJECTION_KEY, Id as SIDEBAR_COLLAPSED_KEY, Ld as SIDEBAR_ICON_SIZE_KEY, rr as TOAST_SERVICE_KEY, qn as computeOverlayCoordinates, Tr as contextMenuPreset, at as createCoarIconService, er as createOverlayService, or as createToastService, Sr as datepickerPreset, xr as dialogPreset, Un as getAnchorRect, Vn as getContainerRect, pr as getOverlayService, Kn as getScrollParents, Ws as getScrollbarInstance, cr as getToastService, Bn as getViewportRect, br as hoverMenuPreset, vr as menuPreset, _r as modalPreset, Dr as popconfirmPreset, Cr as popoverPreset, bu as provideMenuCascade, Su as provideMenuClose, zn as resolveOverlaySpec, yr as selectPreset, be as setCoarDragImageFromElement, xe as setCoarDragImageFromHtml, wr as sidebarFlyoutPreset, Er as subFlyoutPreset, gr as tooltipPreset, id as useContextMenu, du as useDialog, ve as useDragDrop, xu as useMenuCascade, Cu as useMenuClose, hr as useOverlay, dr as useOverlayParent, Kl as useToast, le as useVirtualList, Us as vScrollbar, vc as vTooltip };
|