@nhtio/lucid-resourceful-vue-components 0.1.0-master-36a05f8e → 0.1.0-master-2b799e79

package/{date_time-CDwBSOoF.mjs → date_time-BNsYnH-e.mjs}

@@ -1,17 +1,19 @@
 import { useDisplay } from "vuetify";
-import { S as SvgIcon } from "./index-CPEwoqSn.mjs";
-import { R as RCustomField } from "./custom-B9c_7nfV.mjs";
+import { S as SvgIcon } from "./index-CduefDwU.mjs";
+import { R as RCustomField } from "./custom-CgyU3A_B.mjs";
 import { d as deepmerge } from "./index-DGAy0amb.mjs";
-import { p as propsAndEmitsFactory, o as mergeClasses, i as isObject$1, t as toUnreactive, a as useSlot, s as stripUndefinedValuesFromObject } from "./utils-CtD3mjq0.mjs";
+import { p as propsAndEmitsFactory, o as mergeClasses, i as isObject$1, t as toUnreactive, a as useSlot, s as stripUndefinedValuesFromObject } from "./utils-DehfJ8pT.mjs";
 import { D as DateTime, F as FixedOffsetZone } from "./vendor-nhtio-millicron-mvANrUKZ.mjs";
-import { u as useFieldComposer } from "./field_composer-BKt9bYLY.mjs";
-import { T as TimezonePicker } from "./index-Bv_WlNae.mjs";
+import { u as useFieldComposer } from "./field_composer-CPqM1aSV.mjs";
+import { T as TimezonePicker } from "./index-DLzoBhUb.mjs";
 import { a as pick$1, b as IconValue, o as omit$1, e as makeVDatePickerProps, c as makeVTextFieldProps$1 } from "./vendor-nhtio-vuetifiable-CS-KbH1h.mjs";
+import { i as isLuxonDateTime } from "./index-BEXQjukb.mjs";
 import { w as warningSvg } from "./warning-CwVFcGgs.mjs";
-import { y as useSsrBoot, z as useItems, A as useInputIcon, q as useForm, B as transformItem, C as useFilter, E as useMenuActivator, F as useScrolling, V as VTextField, G as VList, H as VVirtualScroll, a as VDivider, I as VListSubheader, J as highlightResult, t as VCheckboxBtn, K as makeSelectProps, L as makeFilterProps, r as makeVTextFieldProps, c as commonEmitsValidators, m as makeCommonResourcefulFieldProps, b as VToolbar, d as VToolbarItems, e as VBottomSheet } from "./common-CCR70s0E.mjs";
-import { a as useI18n, j as useTimezoneOptions, h as useTimezoneZones, i as useCurrentTimezone } from "./ioc-kp39kvzE.mjs";
+import { y as useSsrBoot, z as useItems, A as useInputIcon, q as useForm, B as transformItem, C as useFilter, E as useMenuActivator, F as useScrolling, V as VTextField, G as VList, H as VVirtualScroll, a as VDivider, I as VListSubheader, J as highlightResult, t as VCheckboxBtn, K as makeSelectProps, L as makeFilterProps, r as makeVTextFieldProps, c as commonEmitsValidators, m as makeCommonResourcefulFieldProps, b as VBottomSheet, d as VToolbar, e as VToolbarItems } from "./common-a_cd4SQg.mjs";
+import { a as useI18n, j as useTimezoneOptions, h as useTimezoneZones, i as useCurrentTimezone } from "./ioc-Q-KAX6x1.mjs";
 import { ref, computed, createVNode, mergeProps, createElementVNode, Fragment, normalizeStyle, normalizeClass, shallowRef, watch, nextTick, provide, toRef, withDirectives, inject, vShow, createTextVNode, onScopeDispose, onMounted, h, defineComponent, toRefs, onUnmounted } from "vue";
 import { p as forwardRefs, P as animate, Q as getScrollParent, R as useLazy, S as makeLazyProps, o as useScopeId, c as mdiChevronDown, d as mdiChevronRight, e as mdiChevronLeft, T as mdiMapClock, U as mdiClock, f as mdiCalendar, a as mdiClose, V as VCard, g as mdiMenuDown } from "./mdi-jw9Ee7p6.mjs";
+import { V as VDialog } from "./VDialog-BVRDhoD7.mjs";
 import { g as genericComponent, p as propsFactory, a2 as useTextColor, i as useBackgroundColor, e as useRender, c as VBtn, o as omit, aQ as makeVBtnProps, aR as standardEasing, aS as keys, h as provideTheme, F as useRtl, P as useLocale, ab as useGroup, ad as IN_BROWSER, l as convertToUnit, a8 as PREFERS_REDUCED_MOTION, m as makeThemeProps, z as makeTagProps, r as makeComponentProps, u as useProxiedModel, am as useGroupItem, a5 as MaybeTransition, ar as makeGroupItemProps, ak as useDensity, ai as provideDefaults, as as makeDensityProps, aP as pick, aT as isObject, au as wrapInArray, ah as deepEqual, d as VIcon, aU as noop, ap as VAvatar, aV as ensureValidVNode, f as VDefaultsProvider, S as escapeForRegex, aW as isComposingIgnoreKey, aX as checkPrintable, aY as debounce, Q as clamp, ax as createRange, a as VImg } from "./display-CHspVOz6.mjs";
 import { a as VSlideGroup, m as makeVSlideGroupProps, V as VChip } from "./VChip-DWwcL8cL.mjs";
 import { V as VDatePicker } from "./VDatePicker-C7_ULYfO.mjs";
@@ -19,7 +21,6 @@ import { a as VPicker, m as makeVPickerProps } from "./VPicker-dxKS1KK4.mjs";
 import { V as VSheet } from "./VSheet-B4SA9_dv.mjs";
 import { V as VMenu } from "./VMenu-D2biKkpd.mjs";
 import { V as VListItem } from "./VListItem-DojRgtpe.mjs";
-import { V as VDialog } from "./VDialog-BVRDhoD7.mjs";
 const VTabsSymbol = /* @__PURE__ */ Symbol.for("vuetify:v-tabs");
 const makeVTabProps = propsFactory({
   fixed: Boolean,
@@ -2323,6 +2324,172 @@ const getAsNormalizedDateTime = (value) => {
   }
   return void 0;
 };
+const renderDateTimePicker = (dialogTab, normalizedDateTerm, normalizedTimeTerm, normalizedTimezoneTerm, datePickerIcon, timePickerIcon, timezonePickerIcon, alertIcon, nextIcon, prevIcon, modeIcon, clearIcon, localDateValue, localTimeValue, localTimezoneValue, disabled, firstDayOfWeek, showWeek, timePickerFormat, computedMinDate, computedMaxDate, computedMinTime, computedMaxTime, timezoneOptions, onClickClose, onUpdateTab, onDatePickerUpdateModelValue, onTimePickerUpdateModelValue, onTimezonePickerUpdateModelValue) => h(VCard, { class: ["d-flex", "flex-column"] }, () => [
+  h(
+    VToolbar,
+    {
+      color: "transparent",
+      flat: true,
+      class: ["flex-grow-0"],
+      density: "compact"
+    },
+    () => [
+      h(VTabs, {
+        grow: true,
+        showArrows: true,
+        items: [
+          {
+            value: "date",
+            text: normalizedDateTerm,
+            prependIcon: datePickerIcon,
+            appendIcon: "string" !== typeof localDateValue ? alertIcon : void 0,
+            color: "string" !== typeof localDateValue ? "warning" : void 0
+          },
+          {
+            value: "time",
+            text: normalizedTimeTerm,
+            prependIcon: timePickerIcon,
+            appendIcon: "string" !== typeof localTimeValue ? alertIcon : void 0,
+            color: "string" !== typeof localTimeValue ? "warning" : void 0
+          },
+          {
+            value: "timezone",
+            text: normalizedTimezoneTerm,
+            prependIcon: timezonePickerIcon,
+            appendIcon: "string" !== typeof localTimezoneValue ? alertIcon : void 0,
+            color: "string" !== typeof localTimezoneValue ? "warning" : void 0
+          }
+        ],
+        mandatory: true,
+        modelValue: dialogTab,
+        nextIcon,
+        prevIcon,
+        ...{
+          "onUpdate:modelValue": (val) => {
+            if ("string" === typeof val && ["date", "time", "timezone"].includes(val)) {
+              onUpdateTab(val);
+            }
+          }
+        }
+      }),
+      h(VToolbarItems, {}, () => [
+        h(
+          VBtn,
+          {
+            icon: true,
+            onClick: () => {
+              onClickClose();
+            }
+          },
+          () => [
+            h(VIcon, {
+              icon: () => h(SvgIcon, { d: mdiClose })
+            })
+          ]
+        )
+      ])
+    ]
+  ),
+  h(VDivider, { class: ["flex-grow-0"] }),
+  "date" !== dialogTab ? null : h(VDatePicker, {
+    bgColor: "transparent",
+    disabled,
+    divided: false,
+    elevation: 0,
+    firstDayOfWeek,
+    showAdjacentMonths: true,
+    showWeek,
+    width: "100%",
+    hideHeader: false,
+    prevIcon,
+    nextIcon,
+    modeIcon,
+    modelValue: localDateValue,
+    min: computedMinDate,
+    max: computedMaxDate,
+    ...{
+      "onUpdate:model-value": (v) => {
+        onDatePickerUpdateModelValue(v);
+      },
+      "onUpdate:modelValue": (v) => {
+        onDatePickerUpdateModelValue(v);
+      }
+    }
+  }),
+  "time" !== dialogTab ? null : h(VTimePicker, {
+    bgColor: "transparent",
+    disabled,
+    divided: false,
+    elevation: 0,
+    width: "100%",
+    hideHeader: false,
+    useSeconds: true,
+    prevIcon,
+    nextIcon,
+    modelValue: localTimeValue,
+    format: timePickerFormat,
+    min: computedMinTime,
+    max: computedMaxTime,
+    ...{
+      "onUpdate:model-value": (v) => onTimePickerUpdateModelValue(v),
+      "onUpdate:modelValue": (v) => onTimePickerUpdateModelValue(v)
+    }
+  }),
+  "timezone" !== dialogTab ? null : h(
+    VSheet,
+    {
+      bgColor: "transparent",
+      divided: false,
+      elevation: 0,
+      width: "100%",
+      class: ["d-flex", "flex-column", "pa-4"]
+    },
+    () => [
+      h(
+        VToolbar,
+        {
+          flat: true,
+          color: "transparent",
+          density: "compact",
+          class: ["flex-grow-0"]
+        },
+        () => [
+          h(
+            "div",
+            { class: ["py-1", "w-100"] },
+            h(VCombobox, {
+              hideDetails: true,
+              variant: "outlined",
+              density: "compact",
+              disabled,
+              clearable: !disabled,
+              clearIcon,
+              menuIcon: () => h(SvgIcon, { d: mdiMenuDown }),
+              label: normalizedTimezoneTerm,
+              items: timezoneOptions,
+              itemTitle: "label",
+              itemValue: "value",
+              modelValue: localTimezoneValue ?? null,
+              ...{
+                "onUpdate:modelValue": (v) => onTimezonePickerUpdateModelValue(v)
+              }
+            })
+          )
+        ]
+      ),
+      h(VDivider, { class: ["flex-grow-0", "my-2"] }),
+      h(TimezonePicker, {
+        class: ["flex-grow-1"],
+        modelValue: localTimezoneValue ?? null,
+        disabled,
+        bgColor: "surface-light",
+        ...{
+          "onUpdate:modelValue": (v) => onTimezonePickerUpdateModelValue(v)
+        }
+      })
+    ]
+  )
+]);
 const RDateTimeField = defineComponent({
   name: "RDateTimeField",
   props: makeRDateTimeFieldProps(),
@@ -2726,7 +2893,9 @@ const RDateTimeField = defineComponent({
       );
       const onDatePickerUpdateModelValue = (value) => {
         let emitable = null;
-        if (value instanceof Date) {
+        if (isLuxonDateTime(value)) {
+          emitable = value.toISODate();
+        } else if (value instanceof Date) {
           emitable = DateTime.fromJSDate(value).toLocal().toISODate();
         } else if ("string" === typeof value) {
           emitable = value;
@@ -2739,182 +2908,6 @@ const RDateTimeField = defineComponent({
         }
       };
       const alertIcon = () => h(VImg, { src: warningSvg });
-      const datetimePicker = computed(
-        () => h(VCard, { class: ["d-flex", "flex-column"] }, () => [
-          h(
-            VToolbar,
-            {
-              color: "transparent",
-              flat: true,
-              class: ["flex-grow-0"],
-              density: "compact"
-            },
-            () => [
-              h(VTabs, {
-                grow: true,
-                showArrows: true,
-                items: [
-                  {
-                    value: "date",
-                    text: normalizedDateTerm.value,
-                    prependIcon: datePickerIcon.value,
-                    appendIcon: "string" !== typeof localDateValue.value ? alertIcon : void 0,
-                    color: "string" !== typeof localDateValue.value ? "warning" : void 0
-                  },
-                  {
-                    value: "time",
-                    text: normalizedTimeTerm.value,
-                    prependIcon: timePickerIcon.value,
-                    appendIcon: "string" !== typeof localTimeValue.value ? alertIcon : void 0,
-                    color: "string" !== typeof localTimeValue.value ? "warning" : void 0
-                  },
-                  {
-                    value: "timezone",
-                    text: normalizedTimezoneTerm.value,
-                    prependIcon: timezonePickerIcon.value,
-                    appendIcon: "string" !== typeof localTimezoneValue.value ? alertIcon : void 0,
-                    color: "string" !== typeof localTimezoneValue.value ? "warning" : void 0
-                  }
-                ],
-                mandatory: true,
-                modelValue: dialogTab.value,
-                nextIcon: nextIcon.value,
-                prevIcon: prevIcon.value,
-                ...{
-                  "onUpdate:modelValue": (val) => {
-                    if ("string" === typeof val && ["date", "time", "timezone"].includes(val)) {
-                      dialogTab.value = val;
-                    }
-                  }
-                }
-              }),
-              h(VToolbarItems, {}, () => [
-                h(
-                  VBtn,
-                  {
-                    icon: true,
-                    onClick: () => {
-                      datePickerOpen.value = false;
-                    }
-                  },
-                  () => [
-                    h(VIcon, {
-                      icon: () => h(SvgIcon, { d: mdiClose })
-                    })
-                  ]
-                )
-              ])
-            ]
-          ),
-          h(VDivider, { class: ["flex-grow-0"] }),
-          "date" !== dialogTab.value ? null : h(VDatePicker, {
-            bgColor: "transparent",
-            disabled: disabled.value,
-            divided: false,
-            elevation: 0,
-            firstDayOfWeek: firstDayOfWeek.value,
-            showAdjacentMonths: true,
-            showWeek: showWeek.value,
-            width: "100%",
-            hideHeader: false,
-            prevIcon: prevIcon.value,
-            nextIcon: nextIcon.value,
-            modeIcon: modeIcon.value,
-            modelValue: localDateValue.value,
-            min: computedMinDate.value,
-            max: computedMaxDate.value,
-            ...{
-              "onUpdate:model-value": (v) => onDatePickerUpdateModelValue(v),
-              "onUpdate:modelValue": (v) => onDatePickerUpdateModelValue(v)
-            }
-          }),
-          "time" !== dialogTab.value ? null : h(VTimePicker, {
-            bgColor: "transparent",
-            disabled: disabled.value,
-            divided: false,
-            elevation: 0,
-            width: "100%",
-            hideHeader: false,
-            useSeconds: true,
-            prevIcon: prevIcon.value,
-            nextIcon: nextIcon.value,
-            modelValue: localTimeValue.value,
-            format: timePickerFormat.value,
-            min: computedMinTime.value,
-            max: computedMaxTime.value,
-            ...{
-              "onUpdate:model-value": (v) => {
-                localTimeValue.value = v;
-              },
-              "onUpdate:modelValue": (v) => {
-                localTimeValue.value = v;
-              }
-            }
-          }),
-          "timezone" !== dialogTab.value ? null : h(
-            VSheet,
-            {
-              bgColor: "transparent",
-              divided: false,
-              elevation: 0,
-              width: "100%",
-              class: ["d-flex", "flex-column", "pa-4"]
-            },
-            () => [
-              h(
-                VToolbar,
-                {
-                  flat: true,
-                  color: "transparent",
-                  density: "compact",
-                  class: ["flex-grow-0"]
-                },
-                () => [
-                  h(
-                    "div",
-                    { class: ["py-1", "w-100"] },
-                    h(VCombobox, {
-                      hideDetails: true,
-                      variant: "outlined",
-                      density: "compact",
-                      disabled: disabled.value,
-                      clearable: !disabled.value,
-                      clearIcon: clearIcon.value,
-                      menuIcon: () => h(SvgIcon, { d: mdiMenuDown }),
-                      label: normalizedTimezoneTerm.value,
-                      items: timezoneOptions,
-                      itemTitle: "label",
-                      itemValue: "value",
-                      modelValue: localTimezoneValue.value ?? null,
-                      ...{
-                        "onUpdate:modelValue": (v) => {
-                          if (isObject$1(v) && "value" in v) {
-                            localTimezoneValue.value = v.value;
-                          } else {
-                            localTimezoneValue.value = v;
-                          }
-                        }
-                      }
-                    })
-                  )
-                ]
-              ),
-              h(VDivider, { class: ["flex-grow-0", "my-2"] }),
-              h(TimezonePicker, {
-                class: ["flex-grow-1"],
-                modelValue: localTimezoneValue.value ?? null,
-                disabled: disabled.value,
-                bgColor: "surface-light",
-                ...{
-                  "onUpdate:modelValue": (v) => {
-                    localTimezoneValue.value = v;
-                  }
-                }
-              })
-            ]
-          )
-        ])
-      );
       const appendInnerSlot = useSlot("append-inner", slots);
       return h(
         RCustomField,
@@ -3216,7 +3209,99 @@ const RDateTimeField = defineComponent({
           },
           ...{
             "append-inner": (...args) => [
-              mobile.value ? h(VBottomSheet, dialogBottomSheetBindings.value, () => datetimePicker.value) : h(VDialog, dialogWindowBindings.value, () => datetimePicker.value),
+              mobile.value ? h(
+                VBottomSheet,
+                dialogBottomSheetBindings.value,
+                () => renderDateTimePicker(
+                  dialogTab.value,
+                  normalizedDateTerm.value,
+                  normalizedTimeTerm.value,
+                  normalizedTimezoneTerm.value,
+                  datePickerIcon.value,
+                  timePickerIcon.value,
+                  timezonePickerIcon.value,
+                  alertIcon,
+                  nextIcon.value,
+                  prevIcon.value,
+                  modeIcon.value,
+                  clearIcon.value,
+                  localDateValue.value,
+                  localTimeValue.value,
+                  localTimezoneValue.value,
+                  disabled.value,
+                  firstDayOfWeek.value,
+                  showWeek.value,
+                  timePickerFormat.value,
+                  computedMinDate.value,
+                  computedMaxDate.value,
+                  computedMinTime.value,
+                  computedMaxTime.value,
+                  timezoneOptions,
+                  () => {
+                    datePickerOpen.value = false;
+                  },
+                  (val) => {
+                    dialogTab.value = val;
+                  },
+                  onDatePickerUpdateModelValue,
+                  (v) => {
+                    localTimeValue.value = v;
+                  },
+                  (v) => {
+                    if (isObject$1(v) && "value" in v) {
+                      localTimezoneValue.value = v.value;
+                    } else {
+                      localTimezoneValue.value = v;
+                    }
+                  }
+                )
+              ) : h(
+                VDialog,
+                dialogWindowBindings.value,
+                () => renderDateTimePicker(
+                  dialogTab.value,
+                  normalizedDateTerm.value,
+                  normalizedTimeTerm.value,
+                  normalizedTimezoneTerm.value,
+                  datePickerIcon.value,
+                  timePickerIcon.value,
+                  timezonePickerIcon.value,
+                  alertIcon,
+                  nextIcon.value,
+                  prevIcon.value,
+                  modeIcon.value,
+                  clearIcon.value,
+                  localDateValue.value,
+                  localTimeValue.value,
+                  localTimezoneValue.value,
+                  disabled.value,
+                  firstDayOfWeek.value,
+                  showWeek.value,
+                  timePickerFormat.value,
+                  computedMinDate.value,
+                  computedMaxDate.value,
+                  computedMinTime.value,
+                  computedMaxTime.value,
+                  timezoneOptions,
+                  () => {
+                    datePickerOpen.value = false;
+                  },
+                  (val) => {
+                    dialogTab.value = val;
+                  },
+                  onDatePickerUpdateModelValue,
+                  (v) => {
+                    localTimeValue.value = v;
+                  },
+                  (v) => {
+                    if (isObject$1(v) && "value" in v) {
+                      localTimezoneValue.value = v.value;
+                    } else {
+                      localTimezoneValue.value = v;
+                    }
+                  }
+                )
+              ),
               // @ts-expect-error
               appendInnerSlot ? appendInnerSlot(...args) : null
             ]
@@ -3255,4 +3340,4 @@ export {
   RDateTimeField as R,
   RDateTimeFieldDisplayFormat as a
 };
-//# sourceMappingURL=date_time-CDwBSOoF.mjs.map
+//# sourceMappingURL=date_time-BNsYnH-e.mjs.map