maz-ui 3.22.4 → 3.23.1

package/components/chunks/MazPickerHeader-63d45179.mjs

@@ -1,216 +0,0 @@
-import "../assets/MazPickerHeader.css";
-import { defineComponent, computed, ref, watch, openBlock, createElementBlock, normalizeClass, createVNode, TransitionGroup, withCtx, Fragment, renderList, toDisplayString, createCommentVNode } from "vue";
-import { a as date, c as capitalize, d as dayjs, _ as _export_sfc } from "./MazPicker-50fc11d1.mjs";
-const _hoisted_1 = {
-  key: 0,
-  class: "m-picker-header__date"
-};
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "MazPickerHeader",
-  props: {
-    modelValue: {
-      type: [String, Object],
-      default: void 0
-    },
-    color: { type: String, required: true },
-    locale: { type: String, required: true },
-    noShortcuts: { type: Boolean, required: true },
-    double: { type: Boolean, required: true },
-    hasDate: { type: Boolean, required: true },
-    hasTime: { type: Boolean, required: true },
-    formatterOptions: {
-      type: Object,
-      required: true
-    },
-    calendarDate: { type: String, required: true }
-  },
-  setup(__props) {
-    const props = __props;
-    const refDate = computed(
-      () => {
-        var _a;
-        return typeof props.modelValue === "string" ? props.modelValue : (_a = props.modelValue) == null ? void 0 : _a.start;
-      }
-    );
-    const transitionName = ref("maz-slidevnext");
-    const year = computed(() => {
-      if (props.modelValue && typeof props.modelValue === "object") {
-        return `${props.modelValue.start ? date(props.modelValue.start, props.locale, {
-          year: "numeric",
-          timeZone: props.formatterOptions.timeZone
-        }) : "..."} - ${props.modelValue.end ? date(props.modelValue.end, props.locale, {
-          year: "numeric",
-          timeZone: props.formatterOptions.timeZone
-        }) : "..."}`;
-      } else if (typeof props.modelValue === "string") {
-        return date(props.modelValue, props.locale, {
-          year: "numeric",
-          timeZone: props.formatterOptions.timeZone
-        });
-      }
-      return "-";
-    });
-    const yearArray = computed(() => props.hasDate ? [year.value] : void 0);
-    const dateString = computed(() => {
-      if (props.modelValue && typeof props.modelValue === "object" && (props.modelValue.start || props.modelValue.end)) {
-        const dateOption = props.noShortcuts && !props.double ? "short" : "long";
-        return `${props.modelValue.start ? capitalize(
-          date(props.modelValue.start, props.locale, {
-            weekday: dateOption,
-            month: dateOption,
-            day: "numeric",
-            timeZone: props.formatterOptions.timeZone
-          })
-        ) : "..."} - ${props.modelValue.end ? capitalize(
-          date(props.modelValue.end, props.locale, {
-            weekday: dateOption,
-            month: dateOption,
-            day: "numeric",
-            timeZone: props.formatterOptions.timeZone
-          })
-        ) : "..."}`;
-      } else if (typeof props.modelValue === "string") {
-        return capitalize(
-          date(props.modelValue, props.locale, {
-            weekday: "long",
-            month: "long",
-            day: "numeric",
-            timeZone: props.formatterOptions.timeZone
-          })
-        );
-      }
-      return "-";
-    });
-    const dateStringArray = computed(() => props.hasDate ? [dateString.value] : void 0);
-    const timeValue = computed(() => {
-      return refDate.value ? date(refDate.value, props.locale, {
-        timeStyle: "short",
-        timeZone: props.formatterOptions.timeZone,
-        hour12: props.formatterOptions.hour12
-      }) : void 0;
-    });
-    const timeArray = computed(() => props.hasTime ? [timeValue.value] : void 0);
-    watch(
-      () => props.modelValue,
-      (modelValue, oldModelValue) => {
-        const currentValue = typeof modelValue === "object" ? modelValue.start : modelValue;
-        const oldValue = typeof oldModelValue === "object" ? oldModelValue.start : oldModelValue;
-        transitionName.value = dayjs(currentValue).isAfter(oldValue, "date") || dayjs(currentValue).isSame(oldValue, "date") ? "maz-slidevnext" : "maz-slidevprev";
-      }
-    );
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock(
-        "div",
-        {
-          class: normalizeClass(["m-picker-header", [`--${__props.color}`]])
-        },
-        [
-          __props.hasDate ? (openBlock(), createElementBlock("div", _hoisted_1, [
-            createVNode(TransitionGroup, {
-              name: transitionName.value,
-              tag: "div",
-              class: "m-picker-header__year-transition"
-            }, {
-              default: withCtx(() => [
-                (openBlock(true), createElementBlock(
-                  Fragment,
-                  null,
-                  renderList(yearArray.value, (y, yi) => {
-                    return openBlock(), createElementBlock(
-                      "span",
-                      {
-                        key: `${y}-${yi}`,
-                        class: "m-picker-header__year-text"
-                      },
-                      toDisplayString(y),
-                      1
-                      /* TEXT */
-                    );
-                  }),
-                  128
-                  /* KEYED_FRAGMENT */
-                ))
-              ]),
-              _: 1
-              /* STABLE */
-            }, 8, ["name"]),
-            createVNode(TransitionGroup, {
-              name: transitionName.value,
-              tag: "div",
-              class: "m-picker-header__date-transition"
-            }, {
-              default: withCtx(() => [
-                (openBlock(true), createElementBlock(
-                  Fragment,
-                  null,
-                  renderList(dateStringArray.value, (d, di) => {
-                    return openBlock(), createElementBlock(
-                      "span",
-                      {
-                        key: `${d}-${di}`,
-                        class: "m-picker-header__date-text"
-                      },
-                      toDisplayString(d),
-                      1
-                      /* TEXT */
-                    );
-                  }),
-                  128
-                  /* KEYED_FRAGMENT */
-                ))
-              ]),
-              _: 1
-              /* STABLE */
-            }, 8, ["name"])
-          ])) : createCommentVNode("v-if", true),
-          timeArray.value ? (openBlock(), createElementBlock(
-            "div",
-            {
-              key: 1,
-              class: normalizeClass(["m-picker-header__time", { "--has-date": __props.hasDate }])
-            },
-            [
-              createVNode(TransitionGroup, {
-                name: transitionName.value,
-                tag: "div",
-                class: "m-picker-header__time-transition"
-              }, {
-                default: withCtx(() => [
-                  (openBlock(true), createElementBlock(
-                    Fragment,
-                    null,
-                    renderList(timeArray.value, (t, ti) => {
-                      return openBlock(), createElementBlock(
-                        "span",
-                        {
-                          key: `${t}-${ti}`,
-                          class: "m-picker-header__time-text"
-                        },
-                        toDisplayString(t),
-                        1
-                        /* TEXT */
-                      );
-                    }),
-                    128
-                    /* KEYED_FRAGMENT */
-                  ))
-                ]),
-                _: 1
-                /* STABLE */
-              }, 8, ["name"])
-            ],
-            2
-            /* CLASS */
-          )) : createCommentVNode("v-if", true)
-        ],
-        2
-        /* CLASS */
-      );
-    };
-  }
-});
-const MazPickerHeader_vue_vue_type_style_index_0_scoped_fcf07ce1_lang = "";
-const MazPickerHeader = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-fcf07ce1"]]);
-export {
-  MazPickerHeader as default
-};

package/components/chunks/MazPickerMonthSwitcher-913c6e2c.mjs

@@ -1,110 +0,0 @@
-import "../assets/MazPickerMonthSwitcher.css";
-import { defineComponent, computed, openBlock, createElementBlock, createElementVNode, createVNode, withModifiers, withCtx, unref, normalizeClass, Fragment, renderList, createBlock, createTextVNode, toDisplayString } from "vue";
-import { d as dayjs, c as capitalize, 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";
-const _hoisted_1 = { class: "maz-picker-month-switcher" };
-const _hoisted_2 = { class: "maz-picker-month-switcher__header" };
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "MazPickerMonthSwitcher",
-  props: {
-    calendarDate: { type: String, required: true },
-    color: { type: String, required: true },
-    locale: { type: String, required: true },
-    double: { type: Boolean, required: true }
-  },
-  emits: ["update:calendar-date", "close"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emits = __emit;
-    const months = computed(() => {
-      return Array.from({ length: 12 }, (_v, i) => i).map((monthNumber) => {
-        const monthDate = dayjs(props.calendarDate).set("month", monthNumber);
-        return props.double ? {
-          label: `${capitalize(
-            date(monthDate.format(), props.locale, {
-              month: "short"
-            })
-          )} - ${capitalize(
-            date(monthDate.add(1, "month").format(), props.locale, {
-              month: "short"
-            })
-          )}`,
-          date: monthDate
-        } : {
-          label: capitalize(
-            date(monthDate.format(), props.locale, {
-              month: "long"
-            })
-          ),
-          date: monthDate
-        };
-      });
-    });
-    const selectMonth = (date2) => {
-      emits("update:calendar-date", date2.format());
-      emits("close");
-    };
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1, [
-        createElementVNode("div", _hoisted_2, [
-          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",
-          {
-            class: normalizeClass(["maz-picker-month-switcher__main", { "--has-double": __props.double }])
-          },
-          [
-            (openBlock(true), createElementBlock(
-              Fragment,
-              null,
-              renderList(months.value, (month) => {
-                return openBlock(), createBlock(MazBtn, {
-                  key: month.label,
-                  size: props.double ? "sm" : "xs",
-                  class: normalizeClass({
-                    "--is-selected": unref(isSameDate)(month.date, __props.calendarDate, "month")
-                  }),
-                  color: unref(isSameDate)(month.date, __props.calendarDate, "month") ? __props.color : "transparent",
-                  type: "button",
-                  onClick: withModifiers(($event) => selectMonth(month.date), ["stop"])
-                }, {
-                  default: withCtx(() => [
-                    createTextVNode(
-                      toDisplayString(month.label),
-                      1
-                      /* TEXT */
-                    )
-                  ]),
-                  _: 2
-                  /* DYNAMIC */
-                }, 1032, ["size", "class", "color", "onClick"]);
-              }),
-              128
-              /* KEYED_FRAGMENT */
-            ))
-          ],
-          2
-          /* CLASS */
-        )
-      ]);
-    };
-  }
-});
-const MazPickerMonthSwitcher_vue_vue_type_style_index_0_scoped_0730e711_lang = "";
-const MazPickerMonthSwitcher = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-0730e711"]]);
-export {
-  MazPickerMonthSwitcher as default
-};

package/components/chunks/MazPickerShortcuts-c6fabfc6.mjs

@@ -1,88 +0,0 @@
-import "../assets/MazPickerShortcuts.css";
-import { defineComponent, ref, watch, openBlock, createElementBlock, Fragment, renderList, createBlock, normalizeClass, withModifiers, withCtx, createTextVNode, toDisplayString } from "vue";
-import MazBtn from "./MazBtn-0e02f0da.mjs";
-import { _ as _export_sfc } from "./MazPicker-50fc11d1.mjs";
-const _hoisted_1 = { class: "maz-picker-shortcuts" };
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "MazPickerShortcuts",
-  props: {
-    color: { type: String, required: true },
-    modelValue: {
-      type: [String, Object],
-      default: void 0
-    },
-    shortcuts: {
-      type: Array,
-      required: true
-    },
-    double: { type: Boolean, required: true },
-    shortcut: { type: String, default: void 0 },
-    disabled: { type: Boolean, required: true }
-  },
-  emits: ["update:model-value"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emits = __emit;
-    const selectedShortcut = ref(props.shortcut);
-    const selectShortcut = (value, identifier) => {
-      selectedShortcut.value = identifier;
-      emits("update:model-value", value);
-    };
-    watch(
-      () => props.modelValue,
-      (value) => {
-        const values = value;
-        if (!(values == null ? void 0 : values.end)) {
-          selectedShortcut.value = void 0;
-        }
-      }
-    );
-    watch(
-      () => props.shortcut,
-      (shortcut) => {
-        const newShortcut = props.shortcuts.find(({ identifier }) => shortcut === identifier);
-        if (newShortcut) {
-          const { value, identifier } = newShortcut;
-          selectShortcut(value, identifier);
-        }
-      },
-      { immediate: true }
-    );
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1, [
-        (openBlock(true), createElementBlock(
-          Fragment,
-          null,
-          renderList(__props.shortcuts, ({ identifier, label, value }) => {
-            return openBlock(), createBlock(MazBtn, {
-              key: identifier,
-              type: "button",
-              size: "sm",
-              disabled: __props.disabled,
-              color: identifier === selectedShortcut.value ? props.color : "transparent",
-              class: normalizeClass({ "--is-selected": identifier === selectedShortcut.value }),
-              onClick: withModifiers(($event) => selectShortcut(value, identifier), ["stop"])
-            }, {
-              default: withCtx(() => [
-                createTextVNode(
-                  toDisplayString(label),
-                  1
-                  /* TEXT */
-                )
-              ]),
-              _: 2
-              /* DYNAMIC */
-            }, 1032, ["disabled", "color", "class", "onClick"]);
-          }),
-          128
-          /* KEYED_FRAGMENT */
-        ))
-      ]);
-    };
-  }
-});
-const MazPickerShortcuts_vue_vue_type_style_index_0_scoped_e013a34a_lang = "";
-const MazPickerShortcuts = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-e013a34a"]]);
-export {
-  MazPickerShortcuts as default
-};