maz-ui 3.22.4 → 3.23.1

package/components/chunks/MazPickerTime-5e4475da.mjs

@@ -1,301 +0,0 @@
-import "../assets/MazPickerTime.css";
-import { defineComponent, ref, computed, watch, nextTick, openBlock, createElementBlock, normalizeClass, Fragment, renderList, createElementVNode, normalizeStyle, createBlock, withModifiers, withCtx, createTextVNode, toDisplayString } from "vue";
-import { d as dayjs, f as findNearestNumberInList, s as scrollToTarget, _ as _export_sfc } from "./MazPicker-50fc11d1.mjs";
-import MazBtn from "./MazBtn-0e02f0da.mjs";
-const _hoisted_1 = { class: "m-picker-time__column__items" };
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "MazPickerTime",
-  props: {
-    modelValue: {
-      type: [String, Object],
-      default: void 0
-    },
-    calendarDate: { type: String, required: true },
-    formatterOptions: {
-      type: Object,
-      required: true
-    },
-    locale: { type: String, required: true },
-    color: { type: String, required: true },
-    isOpen: { type: Boolean, required: true },
-    hasDate: { type: Boolean, required: true },
-    minuteInterval: { type: Number, required: true },
-    disabledHours: { type: Array, default: void 0 },
-    format: { type: String, required: true },
-    isHour12: { type: Boolean, required: true },
-    minDate: { type: String, default: void 0 },
-    maxDate: { type: String, default: void 0 },
-    disabled: { type: Boolean, required: true }
-  },
-  emits: ["update:model-value"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const findNearestHour = (hour) => {
-      if (!props.disabledHours) {
-        return hour;
-      }
-      const hourList = Array.from({ length: 24 }, (_v, i) => i).filter(
-        (hour2) => {
-          var _a;
-          return !((_a = props.disabledHours) == null ? void 0 : _a.includes(hour2));
-        }
-      );
-      const nearHour = findNearestNumberInList(hourList, hour);
-      if (nearHour !== hour) {
-        selectTime("hour", dayjs(currentDate.value).set("hour", nearHour));
-      }
-      return nearHour;
-    };
-    const emits = __emit;
-    const MazPickerTime2 = ref();
-    const dividerHeight = ref();
-    const currentHour = computed(() => {
-      return typeof currentDate.value === "string" ? findNearestHour(dayjs(currentDate.value).get("hour")) : void 0;
-    });
-    const currentMinute = computed(
-      () => typeof currentDate.value === "string" ? findNearestNumberInList(
-        minutes.value.map(({ value }) => value.get("minute")),
-        dayjs(currentDate.value).get("minute")
-      ) : void 0
-    );
-    const getHour12or24 = (hourValue) => {
-      if (props.isHour12) {
-        const isPm = currentAmpm.value === "pm";
-        const newValue = isPm ? hourValue + 12 : hourValue;
-        return newValue === 12 ? 0 : newValue === 24 ? 12 : newValue;
-      } else {
-        return hourValue;
-      }
-    };
-    const hours = computed(() => {
-      return Array.from({ length: props.isHour12 ? 12 : 24 }, (_v, i) => i).map((hour) => {
-        const hourBase = hour + (props.isHour12 ? 1 : 0);
-        const hour12or24 = getHour12or24(hourBase);
-        const hourValue = dayjs(currentDate.value).set("hour", hour12or24);
-        const isDisabled = isDisableHour(hour12or24) || (props.minDate && currentDate.value ? dayjs(props.minDate).isAfter(hourValue, "hour") : false) || (props.maxDate && currentDate.value ? dayjs(props.maxDate).isBefore(hourValue, "hour") : false);
-        return {
-          label: `${hourBase < 10 ? "0" : ""}${hourBase}`,
-          value: dayjs(currentDate.value).set("hour", hour12or24),
-          isDisabled
-        };
-      });
-    });
-    const minutes = computed(() => {
-      const length = Math.floor(60 / props.minuteInterval) - 0;
-      return Array.from({ length }, (_v, i) => i * props.minuteInterval).map((minute) => {
-        const minuteValue = dayjs(currentDate.value).set("minute", minute);
-        const isDisabled = (props.minDate && currentDate.value ? dayjs(props.minDate).isAfter(minuteValue, "minute") : false) || (props.maxDate && currentDate.value ? dayjs(props.maxDate).isBefore(minuteValue, "minute") : false);
-        return {
-          label: `${minute < 10 ? "0" : ""}${minute}`,
-          value: minuteValue,
-          isDisabled
-        };
-      });
-    });
-    const currentAmpm = computed(() => {
-      return typeof currentHour.value === "number" ? currentHour.value >= 12 ? "pm" : "am" : void 0;
-    });
-    const ampm = computed(
-      () => props.isHour12 ? [
-        { label: "AM", value: "am" },
-        { label: "PM", value: "pm" }
-      ] : []
-    );
-    const columns = computed(() => {
-      const columns2 = [
-        {
-          identifier: "hour",
-          values: hours.value
-        },
-        {
-          identifier: "minute",
-          values: minutes.value
-        }
-      ];
-      if (props.isHour12) {
-        columns2.push({
-          identifier: "ampm",
-          values: ampm.value
-        });
-      }
-      return columns2;
-    });
-    const currentDate = computed({
-      get: () => props.modelValue,
-      set: (value) => {
-        emits("update:model-value", value);
-      }
-    });
-    watch(
-      () => props.isOpen,
-      async (value) => {
-        var _a;
-        if (value) {
-          await nextTick();
-          if (MazPickerTime2.value) {
-            const item = MazPickerTime2.value.querySelector(
-              `.m-picker-time__column .m-btn`
-            );
-            const itemHeight = item == null ? void 0 : item.offsetHeight;
-            const timePickerHeight = (_a = MazPickerTime2.value) == null ? void 0 : _a.offsetHeight;
-            const divHeight = timePickerHeight / 2 - itemHeight / 2;
-            dividerHeight.value = divHeight / 16;
-          }
-          scrollColumns(false);
-        }
-      },
-      { immediate: true }
-    );
-    watch(
-      () => props.modelValue,
-      async (value, oldValue) => {
-        if (value !== oldValue) {
-          await nextTick();
-          scrollColumns(true);
-        }
-      },
-      { immediate: true }
-    );
-    const scrollColumns = (hasSmoothEffect) => {
-      scrollColumn("hour", hasSmoothEffect);
-      scrollColumn("minute", hasSmoothEffect);
-      if (props.isHour12) {
-        scrollColumn("ampm", hasSmoothEffect);
-      }
-    };
-    const isDisableHour = (value) => {
-      return (props.disabledHours && props.disabledHours.includes(value)) ?? false;
-    };
-    const isSelected = (identifier, value) => {
-      if (value === "am" || value === "pm") {
-        return currentAmpm.value === value;
-      } else if (identifier === "hour") {
-        return currentHour.value === value.get(identifier);
-      } else if (identifier === "minute") {
-        return currentMinute.value === value.get(identifier);
-      }
-      return false;
-    };
-    const scrollColumn = async (identifier, hasSmoothEffect = true) => {
-      if (MazPickerTime2.value) {
-        const column = MazPickerTime2.value.querySelector(`.m-picker-time__column__${identifier}`);
-        const selectedButton = MazPickerTime2.value.querySelector(
-          `.m-picker-time__column__${identifier} .--is-selected`
-        );
-        if (dividerHeight.value && column && selectedButton && MazPickerTime2.value) {
-          await nextTick();
-          scrollToTarget(column, selectedButton, dividerHeight.value * 16, hasSmoothEffect);
-        }
-      }
-    };
-    const selectTime = async (identifier, value) => {
-      const newDate = dayjs(currentDate.value);
-      if (identifier === "hour" && typeof value === "object") {
-        currentDate.value = newDate.set("hour", value.get("hour")).format();
-      }
-      if (identifier === "minute" && typeof value === "object") {
-        const dateWithNewMinute = newDate.set("minute", value.get("minute"));
-        currentDate.value = dateWithNewMinute.format();
-      }
-      if (identifier === "ampm" && (currentAmpm.value !== value || !currentHour.value)) {
-        if (value === "am") {
-          currentDate.value = newDate.set("hour", newDate.get("hour")).subtract(12, "hour").format();
-        }
-        if (value === "pm") {
-          const baseHour = newDate.get("hour");
-          const newHour = baseHour + 12 > 12 && baseHour + 12 < 24 ? baseHour + 12 : baseHour === 0 ? 12 : baseHour;
-          currentDate.value = newDate.set("hour", newHour).format();
-        }
-      }
-      await nextTick();
-      scrollColumn(identifier);
-    };
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock(
-        "div",
-        {
-          ref_key: "MazPickerTime",
-          ref: MazPickerTime2,
-          class: normalizeClass(["m-picker-time", { "--has-date": __props.hasDate }])
-        },
-        [
-          (openBlock(true), createElementBlock(
-            Fragment,
-            null,
-            renderList(columns.value, ({ values, identifier }, i) => {
-              return openBlock(), createElementBlock(
-                "div",
-                {
-                  key: i,
-                  class: normalizeClass(["m-picker-time__column", [`m-picker-time__column__${identifier}`]])
-                },
-                [
-                  createElementVNode(
-                    "div",
-                    {
-                      style: normalizeStyle({ height: `${dividerHeight.value}rem` }),
-                      class: "m-picker-time__column__divider"
-                    },
-                    null,
-                    4
-                    /* STYLE */
-                  ),
-                  createElementVNode("div", _hoisted_1, [
-                    (openBlock(true), createElementBlock(
-                      Fragment,
-                      null,
-                      renderList(values, ({ value, label, isDisabled }, unitIndex) => {
-                        return openBlock(), createBlock(MazBtn, {
-                          key: unitIndex,
-                          size: "xs",
-                          color: isSelected(identifier, value) ? __props.color : "transparent",
-                          class: normalizeClass({ "--is-selected": isSelected(identifier, value) }),
-                          disabled: isDisabled || __props.disabled,
-                          type: "button",
-                          onClick: withModifiers(($event) => selectTime(identifier, value), ["stop"])
-                        }, {
-                          default: withCtx(() => [
-                            createTextVNode(
-                              toDisplayString(label),
-                              1
-                              /* TEXT */
-                            )
-                          ]),
-                          _: 2
-                          /* DYNAMIC */
-                        }, 1032, ["color", "class", "disabled", "onClick"]);
-                      }),
-                      128
-                      /* KEYED_FRAGMENT */
-                    ))
-                  ]),
-                  createElementVNode(
-                    "div",
-                    {
-                      style: normalizeStyle({ height: `${dividerHeight.value}rem` }),
-                      class: "m-picker-time__column__divider"
-                    },
-                    null,
-                    4
-                    /* STYLE */
-                  )
-                ],
-                2
-                /* CLASS */
-              );
-            }),
-            128
-            /* KEYED_FRAGMENT */
-          ))
-        ],
-        2
-        /* CLASS */
-      );
-    };
-  }
-});
-const MazPickerTime_vue_vue_type_style_index_0_scoped_3b0c1ed8_lang = "";
-const MazPickerTime = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-3b0c1ed8"]]);
-export {
-  MazPickerTime as default
-};

package/components/chunks/MazPickerYearSwitcher-dd4fa89c.mjs

@@ -1,125 +0,0 @@
-import "../assets/MazPickerYearSwitcher.css";
-import { defineComponent, ref, computed, openBlock, createElementBlock, createElementVNode, createVNode, withModifiers, withCtx, unref, Fragment, renderList, createBlock, normalizeClass, createTextVNode, toDisplayString } from "vue";
-import { d as dayjs, a as date, i as isSameDate, _ as _export_sfc } from "./MazPicker-50fc11d1.mjs";
-import MazBtn from "./MazBtn-0e02f0da.mjs";
-import { X as XIcon } from "./x-mark-3b05101b.mjs";
-import { C as ChevronLeftIcon } from "./MazPickerCalendar-cacb361c.mjs";
-const _hoisted_1 = { class: "maz-picker-year-switcher" };
-const _hoisted_2 = { class: "maz-picker-year-switcher__header" };
-const _hoisted_3 = { class: "maz-flex maz-space-x-2" };
-const _hoisted_4 = { class: "maz-picker-year-switcher__main" };
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "MazPickerYearSwitcher",
-  props: {
-    color: { type: String, required: true },
-    locale: { type: String, required: true },
-    calendarDate: { type: String, required: true }
-  },
-  emits: ["update:calendar-date", "close"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emits = __emit;
-    const currentDateTmp = ref(props.calendarDate);
-    const years = computed(() => {
-      return Array.from({ length: 15 }, (_v, i) => i - 7).map((yearNumber) => {
-        const currentYear = dayjs(currentDateTmp.value).get("year");
-        const dateYear = dayjs(currentDateTmp.value).set("year", currentYear + yearNumber);
-        return {
-          label: date(dateYear.format(), props.locale, {
-            year: "numeric"
-          }),
-          date: dateYear
-        };
-      });
-    });
-    const selectYear = (date2) => {
-      emits("update:calendar-date", dayjs(date2).format());
-      emits("close");
-    };
-    const previousYears = () => {
-      currentDateTmp.value = dayjs(currentDateTmp.value).subtract(7, "year").format();
-    };
-    const nextYears = () => {
-      currentDateTmp.value = dayjs(currentDateTmp.value).add(7, "year").format();
-    };
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1, [
-        createElementVNode("div", _hoisted_2, [
-          createElementVNode("div", _hoisted_3, [
-            createVNode(MazBtn, {
-              size: "xs",
-              color: "transparent",
-              type: "button",
-              onClick: withModifiers(previousYears, ["stop"])
-            }, {
-              default: withCtx(() => [
-                createVNode(unref(ChevronLeftIcon), { class: "maz-text-lg" })
-              ]),
-              _: 1
-              /* STABLE */
-            }, 8, ["onClick"]),
-            createVNode(MazBtn, {
-              size: "xs",
-              color: "transparent",
-              type: "button",
-              onClick: withModifiers(nextYears, ["stop"])
-            }, {
-              default: withCtx(() => [
-                createVNode(unref(ChevronLeftIcon), { class: "maz-rotate-180 maz-text-lg" })
-              ]),
-              _: 1
-              /* STABLE */
-            }, 8, ["onClick"])
-          ]),
-          createVNode(MazBtn, {
-            size: "xs",
-            color: "transparent",
-            type: "button",
-            onClick: _cache[0] || (_cache[0] = withModifiers(($event) => _ctx.$emit("close", $event), ["stop"]))
-          }, {
-            default: withCtx(() => [
-              createVNode(unref(XIcon), { class: "maz-text-lg" })
-            ]),
-            _: 1
-            /* STABLE */
-          })
-        ]),
-        createElementVNode("div", _hoisted_4, [
-          (openBlock(true), createElementBlock(
-            Fragment,
-            null,
-            renderList(years.value, (year) => {
-              return openBlock(), createBlock(MazBtn, {
-                key: year.label,
-                size: "sm",
-                type: "button",
-                class: normalizeClass({
-                  "--is-selected": unref(isSameDate)(year.date, __props.calendarDate, "year")
-                }),
-                color: unref(isSameDate)(year.date, __props.calendarDate, "year") ? __props.color : "transparent",
-                onClick: withModifiers(($event) => selectYear(year.date), ["stop"])
-              }, {
-                default: withCtx(() => [
-                  createTextVNode(
-                    toDisplayString(year.label),
-                    1
-                    /* TEXT */
-                  )
-                ]),
-                _: 2
-                /* DYNAMIC */
-              }, 1032, ["class", "color", "onClick"]);
-            }),
-            128
-            /* KEYED_FRAGMENT */
-          ))
-        ])
-      ]);
-    };
-  }
-});
-const MazPickerYearSwitcher_vue_vue_type_style_index_0_scoped_698468b9_lang = "";
-const MazPickerYearSwitcher = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-698468b9"]]);
-export {
-  MazPickerYearSwitcher as default
-};