@gcsa/console-vue 0.1.0

package/dist/components/GcsaDateTimePicker.vue.js

@@ -0,0 +1,360 @@
+import { defineComponent as Se, computed as u, ref as p, watch as we, openBlock as c, createBlock as P, unref as l, withCtx as n, createVNode as s, createElementVNode as o, withModifiers as T, createTextVNode as $, toDisplayString as m, createElementBlock as v, Fragment as C, renderList as h, normalizeClass as A, nextTick as Ce } from "vue";
+import { parseDate as Z, DatePicker as i } from "@ark-ui/vue/date-picker";
+import { createGcsaPopupPositioning as he, getGcsaLocaleMessages as ee, getGcsaStartOfWeek as ye, gcsaSplitDateTime as B, gcsaJoinDateTime as te, gcsaTimePickerScrollIndex as xe, gcsaTimePickerScrollTop as R } from "@gcsa/console-core";
+import Ve from "./GcsaPortal.vue.js";
+import { useGcsaLocale as De } from "../composables/useGcsaLocale.js";
+import { gcsaStringToDateValues as Me, gcsaNormalizeDateBoundary as ae, gcsaDatePickerFormat as Pe, gcsaDatePickerParse as $e, gcsaDateValueToOutputString as Be } from "../utils/gcsaDateValue.js";
+const Oe = { class: "gcsa-datetime-picker__body" }, Ge = { class: "gcsa-datetime-picker__calendar" }, Ne = { class: "gcsa-datetime-picker__header" }, He = ["aria-label", "onClick"], Le = { class: "gcsa-datetime-picker__title" }, Ye = ["aria-label", "onClick"], ze = { class: "gcsa-datetime-picker__time" }, Fe = { class: "gcsa-datetime-picker__time-title" }, Ae = { class: "gcsa-time-picker__spinner gcsa-datetime-picker__spinner" }, Re = ["aria-label"], Ee = ["aria-selected", "onClick"], Ie = ["aria-label"], Ue = ["aria-selected", "onClick"], We = ["aria-label"], Je = ["aria-selected", "onClick"], je = { class: "gcsa-datetime-picker__footer" }, tt = /* @__PURE__ */ Se({
+  name: "GcsaDateTimePicker",
+  __name: "GcsaDateTimePicker",
+  props: {
+    modelValue: {},
+    placeholder: {},
+    locale: {},
+    disabled: { type: Boolean },
+    invalid: { type: Boolean },
+    min: {},
+    max: {}
+  },
+  emits: ["update:modelValue"],
+  setup(V, { emit: le }) {
+    const oe = he({ fitViewport: !0 }), g = V, ne = le, ie = De(), D = u(() => g.locale ?? ie.value), d = u(() => ee(D.value).datePicker), O = u(() => ee(D.value)), re = u(() => ye(D.value)), se = u(() => g.placeholder ?? d.value.placeholderDateTime), M = p(!1), S = p(""), f = p("00"), _ = p("00"), k = p("00"), G = p(null), N = p(null), H = p(null);
+    let E, I, U;
+    const L = u(() => Array.from({ length: 24 }, (e, t) => String(t).padStart(2, "0"))), Y = u(() => Array.from({ length: 60 }, (e, t) => String(t).padStart(2, "0"))), z = u(() => Array.from({ length: 60 }, (e, t) => String(t).padStart(2, "0"))), ce = u(() => Me(S.value, "date")), ue = u(() => g.modelValue ?? ""), de = u(() => {
+      const e = ae(B(g.min).date, "date");
+      return e ? Z(e) : void 0;
+    }), me = u(() => {
+      const e = ae(B(g.max).date, "date");
+      return e ? Z(e) : void 0;
+    });
+    function ve(e) {
+      return `${e.year} - ${String(e.month).padStart(2, "0")}`;
+    }
+    function W() {
+      return `${f.value}:${_.value}:${k.value}`;
+    }
+    function J(e) {
+      const [t = "00", a = "00", r = "00"] = e.split(":");
+      f.value = t.padStart(2, "0"), _.value = a.padStart(2, "0"), k.value = r.padStart(2, "0").slice(0, 2);
+    }
+    function ge(e, t) {
+      const a = Pe(e, t, "date");
+      return a ? te(a, W()) : ue.value;
+    }
+    function pe(e, t) {
+      const { date: a, time: r } = B(e);
+      return r && J(r), $e(a, t, "date");
+    }
+    function j(e = g.modelValue) {
+      const { date: t, time: a } = B(e);
+      S.value = t, J(a);
+    }
+    function y() {
+      Ce(() => {
+        G.value && (G.value.scrollTop = R(L.value.indexOf(f.value))), N.value && (N.value.scrollTop = R(Y.value.indexOf(_.value))), H.value && (H.value.scrollTop = R(z.value.indexOf(k.value)));
+      });
+    }
+    function fe(e) {
+      g.disabled || (M.value = e, e && (j(), y()));
+    }
+    function _e(e) {
+      S.value = Be(e == null ? void 0 : e[0], "date");
+    }
+    function q(e) {
+      f.value = e, y();
+    }
+    function K(e) {
+      _.value = e, y();
+    }
+    function Q(e) {
+      k.value = e, y();
+    }
+    function F(e, t) {
+      const a = t.currentTarget, x = { hour: E, minute: I, second: U }[e];
+      window.clearTimeout(x);
+      const b = window.setTimeout(() => {
+        const X = e === "hour" ? L.value : e === "minute" ? Y.value : z.value, Te = xe(a.scrollTop, X.length), w = X[Te];
+        e === "hour" && w && q(w), e === "minute" && w && K(w), e === "second" && w && Q(w);
+      }, 80);
+      e === "hour" ? E = b : e === "minute" ? I = b : U = b;
+    }
+    function ke() {
+      const e = /* @__PURE__ */ new Date();
+      S.value = `${e.getFullYear()}-${String(e.getMonth() + 1).padStart(2, "0")}-${String(e.getDate()).padStart(2, "0")}`, f.value = String(e.getHours()).padStart(2, "0"), _.value = String(e.getMinutes()).padStart(2, "0"), k.value = String(e.getSeconds()).padStart(2, "0"), y();
+    }
+    function be() {
+      S.value && (ne("update:modelValue", te(S.value, W())), M.value = !1);
+    }
+    return we(
+      () => g.modelValue,
+      () => {
+        M.value || j();
+      },
+      { immediate: !0 }
+    ), (e, t) => (c(), P(l(i).Root, {
+      open: M.value,
+      "model-value": ce.value,
+      locale: D.value,
+      "start-of-week": re.value,
+      positioning: l(oe),
+      "close-on-select": !1,
+      disabled: V.disabled,
+      invalid: V.invalid,
+      min: de.value,
+      max: me.value,
+      format: ge,
+      parse: pe,
+      "onUpdate:open": fe,
+      "onUpdate:modelValue": _e
+    }, {
+      default: n(() => [
+        s(l(i).Control, {
+          class: "gcsa-date-picker__control",
+          "data-invalid": V.invalid || void 0
+        }, {
+          default: n(() => [
+            s(l(i).Input, {
+              class: "gcsa-date-picker__input gcsa-input",
+              placeholder: se.value,
+              readonly: ""
+            }, null, 8, ["placeholder"]),
+            s(l(i).Trigger, {
+              class: "gcsa-date-picker__trigger gcsa-focus-ring",
+              "aria-label": d.value.openCalendar
+            }, {
+              default: n(() => [...t[10] || (t[10] = [
+                o("svg", {
+                  width: "16",
+                  height: "16",
+                  viewBox: "0 0 16 16",
+                  fill: "none",
+                  "aria-hidden": "true"
+                }, [
+                  o("rect", {
+                    x: "2",
+                    y: "3",
+                    width: "12",
+                    height: "11",
+                    rx: "1.5",
+                    stroke: "currentColor",
+                    "stroke-width": "1.2"
+                  }),
+                  o("path", {
+                    d: "M2 6.5h12M5.5 1.5v2M10.5 1.5v2",
+                    stroke: "currentColor",
+                    "stroke-width": "1.2",
+                    "stroke-linecap": "round"
+                  })
+                ], -1)
+              ])]),
+              _: 1
+            }, 8, ["aria-label"])
+          ]),
+          _: 1
+        }, 8, ["data-invalid"]),
+        s(Ve, null, {
+          default: n(() => [
+            s(l(i).Positioner, { class: "gcsa-date-picker__positioner" }, {
+              default: n(() => [
+                s(l(i).Content, { class: "gcsa-date-picker__content gcsa-datetime-picker__content gcsa-ui-surface" }, {
+                  default: n(() => [
+                    o("div", Oe, [
+                      o("div", Ge, [
+                        s(l(i).View, { view: "day" }, {
+                          default: n(() => [
+                            s(l(i).Context, null, {
+                              default: n((a) => [
+                                o("div", Ne, [
+                                  o("button", {
+                                    type: "button",
+                                    class: "gcsa-datetime-picker__nav gcsa-focus-ring",
+                                    "aria-label": d.value.prevYear,
+                                    onMousedown: t[0] || (t[0] = T(() => {
+                                    }, ["prevent"])),
+                                    onClick: (r) => a.focusYear(a.focusedValue.year - 1)
+                                  }, " « ", 40, He),
+                                  s(l(i).PrevTrigger, {
+                                    class: "gcsa-datetime-picker__nav gcsa-focus-ring",
+                                    "aria-label": d.value.prevMonth
+                                  }, {
+                                    default: n(() => [...t[11] || (t[11] = [
+                                      $(" ‹ ", -1)
+                                    ])]),
+                                    _: 1
+                                  }, 8, ["aria-label"]),
+                                  o("div", Le, m(ve(a.focusedValue)), 1),
+                                  s(l(i).NextTrigger, {
+                                    class: "gcsa-datetime-picker__nav gcsa-focus-ring",
+                                    "aria-label": d.value.nextMonth
+                                  }, {
+                                    default: n(() => [...t[12] || (t[12] = [
+                                      $(" › ", -1)
+                                    ])]),
+                                    _: 1
+                                  }, 8, ["aria-label"]),
+                                  o("button", {
+                                    type: "button",
+                                    class: "gcsa-datetime-picker__nav gcsa-focus-ring",
+                                    "aria-label": d.value.nextYear,
+                                    onMousedown: t[1] || (t[1] = T(() => {
+                                    }, ["prevent"])),
+                                    onClick: (r) => a.focusYear(a.focusedValue.year + 1)
+                                  }, " » ", 40, Ye)
+                                ]),
+                                s(l(i).Table, { class: "gcsa-date-picker__table" }, {
+                                  default: n(() => [
+                                    s(l(i).TableHead, null, {
+                                      default: n(() => [
+                                        s(l(i).TableRow, null, {
+                                          default: n(() => [
+                                            (c(!0), v(C, null, h(a.weekDays, (r, x) => (c(), P(l(i).TableHeader, {
+                                              key: r.short ?? x,
+                                              class: "gcsa-date-picker__weekday"
+                                            }, {
+                                              default: n(() => [
+                                                $(m(r.short), 1)
+                                              ]),
+                                              _: 2
+                                            }, 1024))), 128))
+                                          ]),
+                                          _: 2
+                                        }, 1024)
+                                      ]),
+                                      _: 2
+                                    }, 1024),
+                                    s(l(i).TableBody, null, {
+                                      default: n(() => [
+                                        (c(!0), v(C, null, h(a.weeks, (r, x) => (c(), P(l(i).TableRow, { key: x }, {
+                                          default: n(() => [
+                                            (c(!0), v(C, null, h(r, (b) => (c(), P(l(i).TableCell, {
+                                              key: b.toString(),
+                                              value: b,
+                                              class: "gcsa-date-picker__cell"
+                                            }, {
+                                              default: n(() => [
+                                                s(l(i).TableCellTrigger, { class: "gcsa-date-picker__day gcsa-focus-ring" }, {
+                                                  default: n(() => [
+                                                    $(m(b.day), 1)
+                                                  ]),
+                                                  _: 2
+                                                }, 1024)
+                                              ]),
+                                              _: 2
+                                            }, 1032, ["value"]))), 128))
+                                          ]),
+                                          _: 2
+                                        }, 1024))), 128))
+                                      ]),
+                                      _: 2
+                                    }, 1024)
+                                  ]),
+                                  _: 2
+                                }, 1024)
+                              ]),
+                              _: 1
+                            })
+                          ]),
+                          _: 1
+                        })
+                      ]),
+                      o("div", ze, [
+                        o("div", Fe, m(d.value.selectTime), 1),
+                        o("div", Ae, [
+                          o("div", {
+                            ref_key: "hourColumn",
+                            ref: G,
+                            class: "gcsa-time-picker__column",
+                            role: "listbox",
+                            "aria-label": d.value.selectTime,
+                            onScroll: t[3] || (t[3] = (a) => F("hour", a))
+                          }, [
+                            (c(!0), v(C, null, h(L.value, (a) => (c(), v("button", {
+                              key: a,
+                              type: "button",
+                              class: A(["gcsa-time-picker__cell", { "gcsa-time-picker__cell--selected": a === f.value }]),
+                              role: "option",
+                              "aria-selected": a === f.value,
+                              onMousedown: t[2] || (t[2] = T(() => {
+                              }, ["prevent"])),
+                              onClick: (r) => q(a)
+                            }, m(a), 43, Ee))), 128))
+                          ], 40, Re),
+                          o("div", {
+                            ref_key: "minuteColumn",
+                            ref: N,
+                            class: "gcsa-time-picker__column",
+                            role: "listbox",
+                            "aria-label": O.value.timeMinute,
+                            onScroll: t[5] || (t[5] = (a) => F("minute", a))
+                          }, [
+                            (c(!0), v(C, null, h(Y.value, (a) => (c(), v("button", {
+                              key: a,
+                              type: "button",
+                              class: A(["gcsa-time-picker__cell", { "gcsa-time-picker__cell--selected": a === _.value }]),
+                              role: "option",
+                              "aria-selected": a === _.value,
+                              onMousedown: t[4] || (t[4] = T(() => {
+                              }, ["prevent"])),
+                              onClick: (r) => K(a)
+                            }, m(a), 43, Ue))), 128))
+                          ], 40, Ie),
+                          o("div", {
+                            ref_key: "secondColumn",
+                            ref: H,
+                            class: "gcsa-time-picker__column",
+                            role: "listbox",
+                            "aria-label": O.value.timeSecond,
+                            onScroll: t[7] || (t[7] = (a) => F("second", a))
+                          }, [
+                            (c(!0), v(C, null, h(z.value, (a) => (c(), v("button", {
+                              key: a,
+                              type: "button",
+                              class: A(["gcsa-time-picker__cell", { "gcsa-time-picker__cell--selected": a === k.value }]),
+                              role: "option",
+                              "aria-selected": a === k.value,
+                              onMousedown: t[6] || (t[6] = T(() => {
+                              }, ["prevent"])),
+                              onClick: (r) => Q(a)
+                            }, m(a), 43, Je))), 128))
+                          ], 40, We),
+                          t[13] || (t[13] = o("div", {
+                            class: "gcsa-time-picker__selection",
+                            "aria-hidden": "true"
+                          }, null, -1))
+                        ])
+                      ])
+                    ]),
+                    o("div", je, [
+                      o("button", {
+                        type: "button",
+                        class: "gcsa-datetime-picker__now",
+                        onMousedown: t[8] || (t[8] = T(() => {
+                        }, ["prevent"])),
+                        onClick: ke
+                      }, m(d.value.now), 33),
+                      o("button", {
+                        type: "button",
+                        class: "gcsa-datetime-picker__confirm",
+                        onMousedown: t[9] || (t[9] = T(() => {
+                        }, ["prevent"])),
+                        onClick: be
+                      }, m(O.value.confirm), 33)
+                    ])
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        })
+      ]),
+      _: 1
+    }, 8, ["open", "model-value", "locale", "start-of-week", "positioning", "disabled", "invalid", "min", "max"]));
+  }
+});
+export {
+  tt as default
+};
+//# sourceMappingURL=GcsaDateTimePicker.vue.js.map

package/dist/components/GcsaDateTimePicker.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GcsaDateTimePicker.vue.js","sources":["../../src/components/GcsaDateTimePicker.vue"],"sourcesContent":["<template>\n  <DatePicker.Root\n    :open=\"open\"\n    :model-value=\"pickerValue\"\n    :locale=\"resolvedLocale\"\n    :start-of-week=\"startOfWeek\"\n    :positioning=\"positioningOptions\"\n    :close-on-select=\"false\"\n    :disabled=\"disabled\"\n    :invalid=\"invalid\"\n    :min=\"minDateValue\"\n    :max=\"maxDateValue\"\n    :format=\"formatDateValue\"\n    :parse=\"parseDateValue\"\n    @update:open=\"onOpenChange\"\n    @update:model-value=\"onDateDraftChange\"\n  >\n    <DatePicker.Control class=\"gcsa-date-picker__control\" :data-invalid=\"invalid || undefined\">\n      <DatePicker.Input\n        class=\"gcsa-date-picker__input gcsa-input\"\n        :placeholder=\"resolvedPlaceholder\"\n        readonly\n      />\n      <DatePicker.Trigger\n        class=\"gcsa-date-picker__trigger gcsa-focus-ring\"\n        :aria-label=\"messages.openCalendar\"\n      >\n        <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" aria-hidden=\"true\">\n          <rect x=\"2\" y=\"3\" width=\"12\" height=\"11\" rx=\"1.5\" stroke=\"currentColor\" stroke-width=\"1.2\" />\n          <path d=\"M2 6.5h12M5.5 1.5v2M10.5 1.5v2\" stroke=\"currentColor\" stroke-width=\"1.2\" stroke-linecap=\"round\" />\n        </svg>\n      </DatePicker.Trigger>\n    </DatePicker.Control>\n    <GcsaPortal>\n      <DatePicker.Positioner class=\"gcsa-date-picker__positioner\">\n        <DatePicker.Content class=\"gcsa-date-picker__content gcsa-datetime-picker__content gcsa-ui-surface\">\n          <div class=\"gcsa-datetime-picker__body\">\n            <div class=\"gcsa-datetime-picker__calendar\">\n              <DatePicker.View view=\"day\">\n                <DatePicker.Context v-slot=\"dp\">\n                  <div class=\"gcsa-datetime-picker__header\">\n                    <button\n                      type=\"button\"\n                      class=\"gcsa-datetime-picker__nav gcsa-focus-ring\"\n                      :aria-label=\"messages.prevYear\"\n                      @mousedown.prevent\n                      @click=\"dp.focusYear(dp.focusedValue.year - 1)\"\n                    >\n                      «\n                    </button>\n                    <DatePicker.PrevTrigger\n                      class=\"gcsa-datetime-picker__nav gcsa-focus-ring\"\n                      :aria-label=\"messages.prevMonth\"\n                    >\n                      ‹\n                    </DatePicker.PrevTrigger>\n                    <div class=\"gcsa-datetime-picker__title\">{{ formatMonthTitle(dp.focusedValue) }}</div>\n                    <DatePicker.NextTrigger\n                      class=\"gcsa-datetime-picker__nav gcsa-focus-ring\"\n                      :aria-label=\"messages.nextMonth\"\n                    >\n                      ›\n                    </DatePicker.NextTrigger>\n                    <button\n                      type=\"button\"\n                      class=\"gcsa-datetime-picker__nav gcsa-focus-ring\"\n                      :aria-label=\"messages.nextYear\"\n                      @mousedown.prevent\n                      @click=\"dp.focusYear(dp.focusedValue.year + 1)\"\n                    >\n                      »\n                    </button>\n                  </div>\n                  <DatePicker.Table class=\"gcsa-date-picker__table\">\n                    <DatePicker.TableHead>\n                      <DatePicker.TableRow>\n                        <DatePicker.TableHeader\n                          v-for=\"(weekDay, weekDayIndex) in dp.weekDays\"\n                          :key=\"weekDay.short ?? weekDayIndex\"\n                          class=\"gcsa-date-picker__weekday\"\n                        >\n                          {{ weekDay.short }}\n                        </DatePicker.TableHeader>\n                      </DatePicker.TableRow>\n                    </DatePicker.TableHead>\n                    <DatePicker.TableBody>\n                      <DatePicker.TableRow v-for=\"(week, weekIndex) in dp.weeks\" :key=\"weekIndex\">\n                        <DatePicker.TableCell\n                          v-for=\"day in week\"\n                          :key=\"day.toString()\"\n                          :value=\"day\"\n                          class=\"gcsa-date-picker__cell\"\n                        >\n                          <DatePicker.TableCellTrigger class=\"gcsa-date-picker__day gcsa-focus-ring\">\n                            {{ day.day }}\n                          </DatePicker.TableCellTrigger>\n                        </DatePicker.TableCell>\n                      </DatePicker.TableRow>\n                    </DatePicker.TableBody>\n                  </DatePicker.Table>\n                </DatePicker.Context>\n              </DatePicker.View>\n            </div>\n            <div class=\"gcsa-datetime-picker__time\">\n              <div class=\"gcsa-datetime-picker__time-title\">{{ messages.selectTime }}</div>\n              <div class=\"gcsa-time-picker__spinner gcsa-datetime-picker__spinner\">\n                <div\n                  ref=\"hourColumn\"\n                  class=\"gcsa-time-picker__column\"\n                  role=\"listbox\"\n                  :aria-label=\"messages.selectTime\"\n                  @scroll=\"onColumnScroll('hour', $event)\"\n                >\n                  <button\n                    v-for=\"hour in hours\"\n                    :key=\"hour\"\n                    type=\"button\"\n                    class=\"gcsa-time-picker__cell\"\n                    :class=\"{ 'gcsa-time-picker__cell--selected': hour === draftHour }\"\n                    role=\"option\"\n                    :aria-selected=\"hour === draftHour\"\n                    @mousedown.prevent\n                    @click=\"selectHour(hour)\"\n                  >\n                    {{ hour }}\n                  </button>\n                </div>\n                <div\n                  ref=\"minuteColumn\"\n                  class=\"gcsa-time-picker__column\"\n                  role=\"listbox\"\n                  :aria-label=\"globalMessages.timeMinute\"\n                  @scroll=\"onColumnScroll('minute', $event)\"\n                >\n                  <button\n                    v-for=\"minute in minutes\"\n                    :key=\"minute\"\n                    type=\"button\"\n                    class=\"gcsa-time-picker__cell\"\n                    :class=\"{ 'gcsa-time-picker__cell--selected': minute === draftMinute }\"\n                    role=\"option\"\n                    :aria-selected=\"minute === draftMinute\"\n                    @mousedown.prevent\n                    @click=\"selectMinute(minute)\"\n                  >\n                    {{ minute }}\n                  </button>\n                </div>\n                <div\n                  ref=\"secondColumn\"\n                  class=\"gcsa-time-picker__column\"\n                  role=\"listbox\"\n                  :aria-label=\"globalMessages.timeSecond\"\n                  @scroll=\"onColumnScroll('second', $event)\"\n                >\n                  <button\n                    v-for=\"second in seconds\"\n                    :key=\"second\"\n                    type=\"button\"\n                    class=\"gcsa-time-picker__cell\"\n                    :class=\"{ 'gcsa-time-picker__cell--selected': second === draftSecond }\"\n                    role=\"option\"\n                    :aria-selected=\"second === draftSecond\"\n                    @mousedown.prevent\n                    @click=\"selectSecond(second)\"\n                  >\n                    {{ second }}\n                  </button>\n                </div>\n                <div class=\"gcsa-time-picker__selection\" aria-hidden=\"true\" />\n              </div>\n            </div>\n          </div>\n          <div class=\"gcsa-datetime-picker__footer\">\n            <button\n              type=\"button\"\n              class=\"gcsa-datetime-picker__now\"\n              @mousedown.prevent\n              @click=\"selectNow\"\n            >\n              {{ messages.now }}\n            </button>\n            <button type=\"button\" class=\"gcsa-datetime-picker__confirm\" @mousedown.prevent @click=\"confirm\">\n              {{ globalMessages.confirm }}\n            </button>\n          </div>\n        </DatePicker.Content>\n      </DatePicker.Positioner>\n    </GcsaPortal>\n  </DatePicker.Root>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, nextTick, ref, watch } from 'vue';\nimport { DatePicker, parseDate } from '@ark-ui/vue/date-picker';\nimport type { DateValue } from '@ark-ui/vue/date-picker';\nimport {\n  gcsaTimePickerScrollIndex,\n  gcsaTimePickerScrollTop,\n  getGcsaLocaleMessages,\n  getGcsaStartOfWeek,\n  createGcsaPopupPositioning,\n  type GcsaConsoleLocale\n} from '@gcsa/console-core';\nimport type { GcsaDateTimePickerProps } from '../types/componentProps';\nimport GcsaPortal from './GcsaPortal.vue';\nimport { useGcsaLocale } from '../composables/useGcsaLocale';\nimport {\n  gcsaDatePickerFormat,\n  gcsaDatePickerParse,\n  gcsaDateValueToOutputString,\n  gcsaJoinDateTime,\n  gcsaNormalizeDateBoundary,\n  gcsaSplitDateTime,\n  gcsaStringToDateValues\n} from '../utils/gcsaDateValue';\n\ndefineOptions({ name: 'GcsaDateTimePicker' });\n\nconst positioningOptions = createGcsaPopupPositioning({ fitViewport: true });\n\nconst props = defineProps<GcsaDateTimePickerProps>();\n\nconst emit = defineEmits<{\n  'update:modelValue': [value: string];\n}>();\n\nconst configLocale = useGcsaLocale();\nconst resolvedLocale = computed(() => props.locale ?? configLocale.value);\nconst messages = computed(() => getGcsaLocaleMessages(resolvedLocale.value).datePicker);\nconst globalMessages = computed(() => getGcsaLocaleMessages(resolvedLocale.value));\nconst startOfWeek = computed(() => getGcsaStartOfWeek(resolvedLocale.value));\nconst resolvedPlaceholder = computed(() => props.placeholder ?? messages.value.placeholderDateTime);\n\nconst open = ref(false);\nconst draftDate = ref('');\nconst draftHour = ref('00');\nconst draftMinute = ref('00');\nconst draftSecond = ref('00');\nconst hourColumn = ref<HTMLElement | null>(null);\nconst minuteColumn = ref<HTMLElement | null>(null);\nconst secondColumn = ref<HTMLElement | null>(null);\n\nlet hourTimer: number | undefined;\nlet minuteTimer: number | undefined;\nlet secondTimer: number | undefined;\n\nconst hours = computed(() => Array.from({ length: 24 }, (_, index) => String(index).padStart(2, '0')));\nconst minutes = computed(() => Array.from({ length: 60 }, (_, index) => String(index).padStart(2, '0')));\nconst seconds = computed(() => Array.from({ length: 60 }, (_, index) => String(index).padStart(2, '0')));\n\nconst pickerValue = computed(() => gcsaStringToDateValues(draftDate.value, 'date'));\nconst displayValue = computed(() => props.modelValue ?? '');\n\nconst minDateValue = computed(() => {\n  const normalized = gcsaNormalizeDateBoundary(gcsaSplitDateTime(props.min).date, 'date');\n  return normalized ? parseDate(normalized) : undefined;\n});\nconst maxDateValue = computed(() => {\n  const normalized = gcsaNormalizeDateBoundary(gcsaSplitDateTime(props.max).date, 'date');\n  return normalized ? parseDate(normalized) : undefined;\n});\n\nfunction formatMonthTitle(value: DateValue) {\n  return `${value.year} - ${String(value.month).padStart(2, '0')}`;\n}\n\nfunction draftTimeValue() {\n  return `${draftHour.value}:${draftMinute.value}:${draftSecond.value}`;\n}\n\nfunction applyTimeParts(time: string) {\n  const [hour = '00', minute = '00', second = '00'] = time.split(':');\n  draftHour.value = hour.padStart(2, '0');\n  draftMinute.value = minute.padStart(2, '0');\n  draftSecond.value = second.padStart(2, '0').slice(0, 2);\n}\n\nfunction formatDateValue(date: DateValue, details: { locale: string; timeZone: string }) {\n  const datePart = gcsaDatePickerFormat(date, details, 'date');\n  if (!datePart) return displayValue.value;\n  return gcsaJoinDateTime(datePart, draftTimeValue());\n}\n\nfunction parseDateValue(value: string, details: { locale: string; timeZone: string }) {\n  const { date, time } = gcsaSplitDateTime(value);\n  if (time) applyTimeParts(time);\n  return gcsaDatePickerParse(date, details, 'date');\n}\n\nfunction syncDraftFromValue(value = props.modelValue) {\n  const { date, time } = gcsaSplitDateTime(value);\n  draftDate.value = date;\n  applyTimeParts(time);\n}\n\nfunction scrollColumns() {\n  nextTick(() => {\n    if (hourColumn.value) {\n      hourColumn.value.scrollTop = gcsaTimePickerScrollTop(hours.value.indexOf(draftHour.value));\n    }\n    if (minuteColumn.value) {\n      minuteColumn.value.scrollTop = gcsaTimePickerScrollTop(minutes.value.indexOf(draftMinute.value));\n    }\n    if (secondColumn.value) {\n      secondColumn.value.scrollTop = gcsaTimePickerScrollTop(seconds.value.indexOf(draftSecond.value));\n    }\n  });\n}\n\nfunction onOpenChange(nextOpen: boolean) {\n  if (props.disabled) return;\n  open.value = nextOpen;\n  if (nextOpen) {\n    syncDraftFromValue();\n    scrollColumns();\n  }\n}\n\nfunction onDateDraftChange(value: DateValue[]) {\n  draftDate.value = gcsaDateValueToOutputString(value?.[0], 'date');\n}\n\nfunction selectHour(hour: string) {\n  draftHour.value = hour;\n  scrollColumns();\n}\n\nfunction selectMinute(minute: string) {\n  draftMinute.value = minute;\n  scrollColumns();\n}\n\nfunction selectSecond(second: string) {\n  draftSecond.value = second;\n  scrollColumns();\n}\n\nfunction onColumnScroll(type: 'hour' | 'minute' | 'second', event: Event) {\n  const element = event.currentTarget as HTMLElement;\n  const timers = { hour: hourTimer, minute: minuteTimer, second: secondTimer };\n  const timer = timers[type];\n  window.clearTimeout(timer);\n  const nextTimer = window.setTimeout(() => {\n    const values = type === 'hour' ? hours.value : type === 'minute' ? minutes.value : seconds.value;\n    const index = gcsaTimePickerScrollIndex(element.scrollTop, values.length);\n    const value = values[index];\n    if (type === 'hour' && value) selectHour(value);\n    if (type === 'minute' && value) selectMinute(value);\n    if (type === 'second' && value) selectSecond(value);\n  }, 80);\n  if (type === 'hour') hourTimer = nextTimer;\n  else if (type === 'minute') minuteTimer = nextTimer;\n  else secondTimer = nextTimer;\n}\n\nfunction selectNow() {\n  const now = new Date();\n  draftDate.value = `${now.getFullYear()}-${String(now.getMonth() + 1).padStart(2, '0')}-${String(now.getDate()).padStart(2, '0')}`;\n  draftHour.value = String(now.getHours()).padStart(2, '0');\n  draftMinute.value = String(now.getMinutes()).padStart(2, '0');\n  draftSecond.value = String(now.getSeconds()).padStart(2, '0');\n  scrollColumns();\n}\n\nfunction confirm() {\n  if (!draftDate.value) return;\n  emit('update:modelValue', gcsaJoinDateTime(draftDate.value, draftTimeValue()));\n  open.value = false;\n}\n\nwatch(\n  () => props.modelValue,\n  () => {\n    if (!open.value) syncDraftFromValue();\n  },\n  { immediate: true }\n);\n</script>\n"],"names":["positioningOptions","createGcsaPopupPositioning","props","__props","emit","__emit","configLocale","useGcsaLocale","resolvedLocale","computed","messages","getGcsaLocaleMessages","globalMessages","startOfWeek","getGcsaStartOfWeek","resolvedPlaceholder","open","ref","draftDate","draftHour","draftMinute","draftSecond","hourColumn","minuteColumn","secondColumn","hourTimer","minuteTimer","secondTimer","hours","_","index","minutes","seconds","pickerValue","gcsaStringToDateValues","displayValue","minDateValue","normalized","gcsaNormalizeDateBoundary","gcsaSplitDateTime","parseDate","maxDateValue","formatMonthTitle","value","draftTimeValue","applyTimeParts","time","hour","minute","second","formatDateValue","date","details","datePart","gcsaDatePickerFormat","gcsaJoinDateTime","parseDateValue","gcsaDatePickerParse","syncDraftFromValue","scrollColumns","nextTick","gcsaTimePickerScrollTop","onOpenChange","nextOpen","onDateDraftChange","gcsaDateValueToOutputString","selectHour","selectMinute","selectSecond","onColumnScroll","type","event","element","timer","nextTimer","values","gcsaTimePickerScrollIndex","selectNow","now","confirm","watch","_createBlock","_unref","DatePicker","_createVNode","_cache","_createElementVNode","GcsaPortal","_hoisted_1","_hoisted_2","_withCtx","dp","_hoisted_3","$event","_hoisted_4","_hoisted_5","_toDisplayString","_hoisted_6","_openBlock","_createElementBlock","_Fragment","weekDay","weekDayIndex","_createTextVNode","week","weekIndex","_renderList","day","_hoisted_7","_hoisted_8","_hoisted_9","_normalizeClass","_hoisted_11","_hoisted_13","_hoisted_15","_hoisted_16"],"mappings":"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"}

package/dist/components/GcsaDateTimePicker2.vue.js

@@ -0,0 +1,5 @@
+import f from "./GcsaDateTimePicker.vue.js";
+export {
+  f as default
+};
+//# sourceMappingURL=GcsaDateTimePicker2.vue.js.map

package/dist/components/GcsaDateTimePicker2.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GcsaDateTimePicker2.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/components/GcsaDescriptions.vue.d.ts

@@ -0,0 +1,3 @@
+import { GcsaDescriptionsProps } from '../types/componentProps';
+declare const _default: import('vue').DefineComponent<GcsaDescriptionsProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<GcsaDescriptionsProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/dist/components/GcsaDescriptions.vue.js

@@ -0,0 +1,23 @@
+import { defineComponent as n, openBlock as e, createElementBlock as t, Fragment as o, renderList as r, createElementVNode as c, toDisplayString as a } from "vue";
+const l = { class: "gcsa-descriptions gcsa-ui-surface" }, _ = { class: "gcsa-descriptions__label" }, d = { class: "gcsa-descriptions__value" }, g = /* @__PURE__ */ n({
+  name: "GcsaDescriptions",
+  __name: "GcsaDescriptions",
+  props: {
+    items: {}
+  },
+  setup(i) {
+    return (p, u) => (e(), t("div", l, [
+      (e(!0), t(o, null, r(i.items, (s) => (e(), t("div", {
+        key: s.label,
+        class: "gcsa-descriptions__row"
+      }, [
+        c("div", _, a(s.label), 1),
+        c("div", d, a(s.value), 1)
+      ]))), 128))
+    ]));
+  }
+});
+export {
+  g as default
+};
+//# sourceMappingURL=GcsaDescriptions.vue.js.map

package/dist/components/GcsaDescriptions.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GcsaDescriptions.vue.js","sources":["../../src/components/GcsaDescriptions.vue"],"sourcesContent":["<template>\n  <div class=\"gcsa-descriptions gcsa-ui-surface\">\n    <div v-for=\"item in items\" :key=\"item.label\" class=\"gcsa-descriptions__row\">\n      <div class=\"gcsa-descriptions__label\">{{ item.label }}</div>\n      <div class=\"gcsa-descriptions__value\">{{ item.value }}</div>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport type { GcsaDescriptionsProps } from '../types/componentProps';\n\ndefineOptions({ name: 'GcsaDescriptions' });\n\ndefineProps<GcsaDescriptionsProps>();\n</script>\n"],"names":["_openBlock","_createElementBlock","_hoisted_1","_Fragment","_renderList","__props","item","_createElementVNode","_hoisted_2","_toDisplayString","_hoisted_3"],"mappings":";;;;;;;;sBACEA,EAAA,GAAAC,EAKM,OALNC,GAKM;AAAA,cAJJD,EAGME,GAAA,MAAAC,EAHcC,EAAA,OAAK,CAAbC,YAAZL,EAGM,OAAA;AAAA,QAHsB,KAAKK,EAAK;AAAA,QAAO,OAAM;AAAA,MAAA;QACjDC,EAA4D,OAA5DC,GAA4DC,EAAnBH,EAAK,KAAK,GAAA,CAAA;AAAA,QACnDC,EAA4D,OAA5DG,GAA4DD,EAAnBH,EAAK,KAAK,GAAA,CAAA;AAAA,MAAA;;;;"}

package/dist/components/GcsaDescriptions2.vue.js

@@ -0,0 +1,5 @@
+import f from "./GcsaDescriptions.vue.js";
+export {
+  f as default
+};
+//# sourceMappingURL=GcsaDescriptions2.vue.js.map

package/dist/components/GcsaDescriptions2.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GcsaDescriptions2.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/components/GcsaDivider.vue.d.ts

@@ -0,0 +1,3 @@
+import { GcsaDividerProps } from '../types/componentProps';
+declare const _default: import('vue').DefineComponent<GcsaDividerProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<GcsaDividerProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLHRElement>;
+export default _default;

package/dist/components/GcsaDivider.vue.js

@@ -0,0 +1,15 @@
+import { defineComponent as e, openBlock as s, createElementBlock as c } from "vue";
+const r = { class: "gcsa-divider" }, i = /* @__PURE__ */ e({
+  name: "GcsaDivider",
+  __name: "GcsaDivider",
+  props: {
+    className: {}
+  },
+  setup(a) {
+    return (o, t) => (s(), c("hr", r));
+  }
+});
+export {
+  i as default
+};
+//# sourceMappingURL=GcsaDivider.vue.js.map

package/dist/components/GcsaDivider.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GcsaDivider.vue.js","sources":["../../src/components/GcsaDivider.vue"],"sourcesContent":["<template>\n  <hr class=\"gcsa-divider\" />\n</template>\n\n<script setup lang=\"ts\">\nimport type { GcsaDividerProps } from '../types/componentProps';\n\ndefineOptions({ name: 'GcsaDivider' });\n\ndefineProps<GcsaDividerProps>();\n</script>\n"],"names":["_openBlock","_createElementBlock","_hoisted_1"],"mappings":";;;;;;;;sBACEA,EAAA,GAAAC,EAA2B,MAA3BC,CAA2B;AAAA;;"}

package/dist/components/GcsaDivider2.vue.js

@@ -0,0 +1,5 @@
+import f from "./GcsaDivider.vue.js";
+export {
+  f as default
+};
+//# sourceMappingURL=GcsaDivider2.vue.js.map

package/dist/components/GcsaDivider2.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GcsaDivider2.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/components/GcsaDrawer.vue.d.ts

@@ -0,0 +1,30 @@
+import { GcsaDrawerProps } from '../types/componentProps';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+        footer?(_: {}): any;
+    };
+    refs: {
+        bodyRef: HTMLDivElement;
+    };
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<GcsaDrawerProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:open": (value: boolean) => any;
+}, string, import('vue').PublicProps, Readonly<GcsaDrawerProps> & Readonly<{
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+}>, {
+    placement: import('@gcsa/console-core').GcsaDrawerPlacement;
+    closable: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    bodyRef: HTMLDivElement;
+}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};