maz-ui 3.22.4 → 3.23.1

package/components/chunks/MazCheckbox-ab5ddda2.mjs

@@ -1,153 +0,0 @@
-import "../assets/MazCheckbox.css";
-import { defineComponent, useCssVars, getCurrentInstance, computed, openBlock, createElementBlock, unref, normalizeClass, createElementVNode, mergeProps, createVNode, renderSlot } from "vue";
-import { u as useInstanceUniqId, _ as _export_sfc } from "./MazPhoneNumberInput-48fe2445.mjs";
-import CheckIcon from "./check-8da249b1.mjs";
-const _hoisted_1 = ["for", "aria-checked"];
-const _hoisted_2 = ["id", "checked", "disabled", "name"];
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "MazCheckbox",
-  props: {
-    modelValue: {
-      type: [Boolean, Array],
-      default: void 0
-    },
-    id: { type: String, default: void 0 },
-    color: {
-      type: String,
-      default: "primary"
-    },
-    value: { type: [String, Number, Boolean], default: void 0 },
-    name: { type: String, default: "m-checkbox" },
-    size: { type: String, default: "md" },
-    disabled: { type: Boolean, default: false }
-  },
-  emits: [
-    /* emitted when value change */
-    "update:model-value",
-    /* emited when value change */
-    "change"
-  ],
-  setup(__props, { emit: __emit }) {
-    useCssVars((_ctx) => ({
-      "40cdf8ce": checkIconColor.value,
-      "25e00d0a": checkboxSize.value,
-      "5692b564": checkboxSelectedColor.value,
-      "9df23cde": checkboxBoxShadow.value
-    }));
-    const instance = getCurrentInstance();
-    const props = __props;
-    const emits = __emit;
-    const instanceId = useInstanceUniqId({
-      componentName: "MazCheckbox",
-      instance,
-      providedId: props.id
-    });
-    const isChecked = computed(
-      () => typeof props.value !== "boolean" && Array.isArray(props.modelValue) ? props.modelValue.includes(props.value) : typeof props.modelValue === "boolean" ? props.modelValue : false
-    );
-    const checkboxSize = computed(() => {
-      switch (props.size) {
-        case "xl": {
-          return "2.25rem";
-        }
-        case "lg": {
-          return "2rem";
-        }
-        default: {
-          return "1.625rem";
-        }
-        case "sm": {
-          return "1.425rem";
-        }
-        case "xs": {
-          return "1.325rem";
-        }
-        case "mini": {
-          return "1.2rem";
-        }
-      }
-    });
-    const checkIconSize = computed(() => {
-      switch (props.size) {
-        case "xl": {
-          return "maz-text-2xl";
-        }
-        case "lg": {
-          return "maz-text-xl";
-        }
-        default: {
-          return "maz-text-lg";
-        }
-        case "sm": {
-          return "maz-text-base";
-        }
-        case "xs": {
-          return "maz-text-sm";
-        }
-        case "mini": {
-          return "maz-text-xs";
-        }
-      }
-    });
-    const checkIconColor = computed(() => `var(--maz-color-${props.color}-contrast)`);
-    const checkboxSelectedColor = computed(() => `var(--maz-color-${props.color})`);
-    const checkboxBoxShadow = computed(
-      () => ["black", "transparent"].includes(props.color) ? `var(--maz-color-muted)` : `var(--maz-color-${props.color}-alpha)`
-    );
-    function keyboardHandler(event) {
-      if (["Space"].includes(event.code)) {
-        event.preventDefault();
-        emitValue(props.value ?? !props.modelValue);
-      }
-    }
-    function getNewValue(value) {
-      if (typeof value === "boolean" && (typeof props.modelValue === "boolean" || props.modelValue === void 0 || props.modelValue === null)) {
-        return props.modelValue ? false : true;
-      } else if (Array.isArray(props.modelValue) && typeof value !== "boolean") {
-        return props.modelValue.includes(value) ? props.modelValue.filter((v) => v !== value) : [...props.modelValue, value];
-      } else {
-        return [value];
-      }
-    }
-    function emitValue(value) {
-      const newValue = getNewValue(value);
-      emits("update:model-value", newValue);
-      emits("change", newValue);
-    }
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("label", {
-        for: unref(instanceId),
-        class: normalizeClass(["m-checkbox", { "--disabled": __props.disabled }]),
-        tabindex: "0",
-        role: "checkbox",
-        "aria-checked": isChecked.value,
-        onKeydown: keyboardHandler
-      }, [
-        createElementVNode("input", mergeProps({
-          id: unref(instanceId),
-          checked: isChecked.value
-        }, _ctx.$attrs, {
-          tabindex: "-1",
-          disabled: __props.disabled,
-          name: __props.name,
-          type: "checkbox",
-          onChange: _cache[0] || (_cache[0] = ($event) => {
-            var _a;
-            return emitValue(__props.value ?? ((_a = $event == null ? void 0 : $event.target) == null ? void 0 : _a.checked));
-          })
-        }), null, 16, _hoisted_2),
-        createElementVNode("span", null, [
-          createVNode(unref(CheckIcon), {
-            class: normalizeClass(["check-icon", checkIconSize.value])
-          }, null, 8, ["class"])
-        ]),
-        renderSlot(_ctx.$slots, "default", {}, void 0, true)
-      ], 42, _hoisted_1);
-    };
-  }
-});
-const MazCheckbox_vue_vue_type_style_index_0_scoped_141a5e53_lang = "";
-const MazCheckbox = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-141a5e53"]]);
-export {
-  MazCheckbox as default
-};

package/components/chunks/MazCheckbox-e0bbe6ec.mjs

@@ -1,153 +0,0 @@
-import "../assets/MazCheckbox.css";
-import { defineComponent, useCssVars, getCurrentInstance, computed, openBlock, createElementBlock, unref, normalizeClass, createElementVNode, mergeProps, createVNode, renderSlot } from "vue";
-import { u as useInstanceUniqId, _ as _export_sfc } from "./MazSelect-2e5cd411.mjs";
-import CheckIcon from "./check-8da249b1.mjs";
-const _hoisted_1 = ["for", "aria-checked"];
-const _hoisted_2 = ["id", "checked", "disabled", "name"];
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "MazCheckbox",
-  props: {
-    modelValue: {
-      type: [Boolean, Array],
-      default: void 0
-    },
-    id: { type: String, default: void 0 },
-    color: {
-      type: String,
-      default: "primary"
-    },
-    value: { type: [String, Number, Boolean], default: void 0 },
-    name: { type: String, default: "m-checkbox" },
-    size: { type: String, default: "md" },
-    disabled: { type: Boolean, default: false }
-  },
-  emits: [
-    /* emitted when value change */
-    "update:model-value",
-    /* emited when value change */
-    "change"
-  ],
-  setup(__props, { emit: __emit }) {
-    useCssVars((_ctx) => ({
-      "40cdf8ce": checkIconColor.value,
-      "25e00d0a": checkboxSize.value,
-      "5692b564": checkboxSelectedColor.value,
-      "9df23cde": checkboxBoxShadow.value
-    }));
-    const instance = getCurrentInstance();
-    const props = __props;
-    const emits = __emit;
-    const instanceId = useInstanceUniqId({
-      componentName: "MazCheckbox",
-      instance,
-      providedId: props.id
-    });
-    const isChecked = computed(
-      () => typeof props.value !== "boolean" && Array.isArray(props.modelValue) ? props.modelValue.includes(props.value) : typeof props.modelValue === "boolean" ? props.modelValue : false
-    );
-    const checkboxSize = computed(() => {
-      switch (props.size) {
-        case "xl": {
-          return "2.25rem";
-        }
-        case "lg": {
-          return "2rem";
-        }
-        default: {
-          return "1.625rem";
-        }
-        case "sm": {
-          return "1.425rem";
-        }
-        case "xs": {
-          return "1.325rem";
-        }
-        case "mini": {
-          return "1.2rem";
-        }
-      }
-    });
-    const checkIconSize = computed(() => {
-      switch (props.size) {
-        case "xl": {
-          return "maz-text-2xl";
-        }
-        case "lg": {
-          return "maz-text-xl";
-        }
-        default: {
-          return "maz-text-lg";
-        }
-        case "sm": {
-          return "maz-text-base";
-        }
-        case "xs": {
-          return "maz-text-sm";
-        }
-        case "mini": {
-          return "maz-text-xs";
-        }
-      }
-    });
-    const checkIconColor = computed(() => `var(--maz-color-${props.color}-contrast)`);
-    const checkboxSelectedColor = computed(() => `var(--maz-color-${props.color})`);
-    const checkboxBoxShadow = computed(
-      () => ["black", "transparent"].includes(props.color) ? `var(--maz-color-muted)` : `var(--maz-color-${props.color}-alpha)`
-    );
-    function keyboardHandler(event) {
-      if (["Space"].includes(event.code)) {
-        event.preventDefault();
-        emitValue(props.value ?? !props.modelValue);
-      }
-    }
-    function getNewValue(value) {
-      if (typeof value === "boolean" && (typeof props.modelValue === "boolean" || props.modelValue === void 0 || props.modelValue === null)) {
-        return props.modelValue ? false : true;
-      } else if (Array.isArray(props.modelValue) && typeof value !== "boolean") {
-        return props.modelValue.includes(value) ? props.modelValue.filter((v) => v !== value) : [...props.modelValue, value];
-      } else {
-        return [value];
-      }
-    }
-    function emitValue(value) {
-      const newValue = getNewValue(value);
-      emits("update:model-value", newValue);
-      emits("change", newValue);
-    }
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("label", {
-        for: unref(instanceId),
-        class: normalizeClass(["m-checkbox", { "--disabled": __props.disabled }]),
-        tabindex: "0",
-        role: "checkbox",
-        "aria-checked": isChecked.value,
-        onKeydown: keyboardHandler
-      }, [
-        createElementVNode("input", mergeProps({
-          id: unref(instanceId),
-          checked: isChecked.value
-        }, _ctx.$attrs, {
-          tabindex: "-1",
-          disabled: __props.disabled,
-          name: __props.name,
-          type: "checkbox",
-          onChange: _cache[0] || (_cache[0] = ($event) => {
-            var _a;
-            return emitValue(__props.value ?? ((_a = $event == null ? void 0 : $event.target) == null ? void 0 : _a.checked));
-          })
-        }), null, 16, _hoisted_2),
-        createElementVNode("span", null, [
-          createVNode(unref(CheckIcon), {
-            class: normalizeClass(["check-icon", checkIconSize.value])
-          }, null, 8, ["class"])
-        ]),
-        renderSlot(_ctx.$slots, "default", {}, void 0, true)
-      ], 42, _hoisted_1);
-    };
-  }
-});
-const MazCheckbox_vue_vue_type_style_index_0_scoped_141a5e53_lang = "";
-const MazCheckbox = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-141a5e53"]]);
-export {
-  MazCheckbox as default
-};

package/components/chunks/MazDialog-83e54b8c.mjs

@@ -1,290 +0,0 @@
-import "../assets/MazDialog.css";
-import { defineComponent, ref, onMounted, watch, openBlock, createBlock, Teleport, createVNode, Transition, withCtx, createElementBlock, normalizeClass, createElementVNode, withModifiers, mergeProps, renderSlot, createCommentVNode, defineAsyncComponent, useAttrs, computed, createTextVNode, toDisplayString, unref } from "vue";
-const MODAL_OPENED_CLASS = "--backdrop-present";
-const addClassToDocument = () => {
-  document.documentElement.classList.add(MODAL_OPENED_CLASS);
-};
-const removeClassFromDocument = async () => {
-  const backdropPresents = document.querySelector(".m-backdrop.--present");
-  if (!backdropPresents) {
-    document.documentElement.classList.remove(MODAL_OPENED_CLASS);
-  }
-};
-const _sfc_main$1 = defineComponent({
-  inheritAttrs: false,
-  props: {
-    modelValue: { type: Boolean, default: false },
-    teleportSelector: { type: String, default: "body" },
-    beforeClose: {
-      // eslint-disable-next-line @typescript-eslint/ban-types
-      type: Function,
-      default: void 0
-    },
-    persistent: { type: Boolean, default: false },
-    noCloseOnEscKey: { type: Boolean, default: false },
-    transitionName: { type: String, default: "backdrop-anim" },
-    backdropClass: { type: [Array, String, Object], default: void 0 },
-    backdropContentClass: {
-      type: [Array, String, Object],
-      default: void 0
-    }
-  },
-  emits: ["open", "before-close", "close", "update:model-value"],
-  setup(props, { emit: emits }) {
-    const present = ref(props.modelValue);
-    const close = () => {
-      toggleModal(false);
-    };
-    const toggleModal = async (value) => {
-      var _a;
-      if (!value) {
-        emits("before-close");
-        await ((_a = props.beforeClose) == null ? void 0 : _a.call(props));
-      }
-      present.value = value;
-    };
-    const onBackdropAnimationEnter = () => {
-      emits("open");
-    };
-    const onBackdropAnimationLeave = () => {
-      emits("update:model-value", false);
-      emits("close");
-      removeClassAndEventToDocument();
-    };
-    const onBackdropClicked = () => {
-      if (!props.persistent) {
-        close();
-      }
-    };
-    const onKeyPress = (event) => {
-      if (!props.noCloseOnEscKey && event.key === "Escape" && !props.persistent) {
-        close();
-      }
-    };
-    const addClassAndEventToDocument = () => {
-      addClassToDocument();
-      document.addEventListener("keyup", onKeyPress, false);
-    };
-    const removeClassAndEventToDocument = () => {
-      document.removeEventListener("keyup", onKeyPress);
-      removeClassFromDocument();
-    };
-    onMounted(() => {
-      if (props.modelValue) {
-        addClassAndEventToDocument();
-      } else {
-        removeClassAndEventToDocument();
-      }
-    });
-    watch(
-      () => props.modelValue,
-      (value) => {
-        present.value = value;
-        if (value) {
-          addClassAndEventToDocument();
-        } else {
-          removeClassAndEventToDocument();
-        }
-      }
-    );
-    return {
-      onBackdropAnimationEnter,
-      onBackdropAnimationLeave,
-      onBackdropClicked,
-      close,
-      present,
-      toggleModal,
-      onKeyPress
-    };
-  }
-});
-const MazBackdrop_vue_vue_type_style_index_0_lang = "";
-const MazBackdrop_vue_vue_type_style_index_1_lang = "";
-const _export_sfc = (sfc, props) => {
-  const target = sfc.__vccOpts || sfc;
-  for (const [key, val] of props) {
-    target[key] = val;
-  }
-  return target;
-};
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createBlock(Teleport, { to: _ctx.teleportSelector }, [
-    createVNode(Transition, {
-      appear: "",
-      name: _ctx.transitionName,
-      onAfterEnter: _ctx.onBackdropAnimationEnter,
-      onAfterLeave: _ctx.onBackdropAnimationLeave
-    }, {
-      default: withCtx(() => [
-        _ctx.present ? (openBlock(), createElementBlock(
-          "div",
-          {
-            key: 0,
-            class: normalizeClass(["m-backdrop --present", [_ctx.backdropClass]]),
-            tabindex: "-1",
-            role: "dialog"
-          },
-          [
-            createElementVNode(
-              "button",
-              {
-                class: normalizeClass(["m-backdrop-overlay", { "--disabled": _ctx.persistent }]),
-                tabindex: "-1",
-                onClick: _cache[0] || (_cache[0] = withModifiers((...args) => _ctx.onBackdropClicked && _ctx.onBackdropClicked(...args), ["self"]))
-              },
-              null,
-              2
-              /* CLASS */
-            ),
-            createElementVNode(
-              "div",
-              mergeProps({
-                class: ["m-backdrop-content", _ctx.backdropContentClass]
-              }, _ctx.$attrs, {
-                role: "document",
-                tabindex: "0"
-              }),
-              [
-                renderSlot(_ctx.$slots, "default", { close: _ctx.close })
-              ],
-              16
-              /* FULL_PROPS */
-            )
-          ],
-          2
-          /* CLASS */
-        )) : createCommentVNode("v-if", true)
-      ]),
-      _: 3
-      /* FORWARDED */
-    }, 8, ["name", "onAfterEnter", "onAfterLeave"])
-  ], 8, ["to"]);
-}
-const MazBackdrop = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render]]);
-const _hoisted_1 = {
-  key: 0,
-  class: "maz-my-0 maz-text-xl maz-font-semibold"
-};
-const _hoisted_2 = { class: "m-dialog-content" };
-const _hoisted_3 = {
-  key: 0,
-  class: "m-dialog-footer"
-};
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "MazDialog",
-  props: {
-    /** Modal's title in  header */
-    title: { type: String, default: void 0 },
-    /** Remove the close button in header */
-    noClose: { type: Boolean, default: false },
-    /** Modal's width */
-    width: { type: String, default: "500px" },
-    /** Modal's max-width */
-    maxWidth: { type: String, default: "95vw" },
-    /** Modal's max-height */
-    maxHeight: { type: String, default: "95vh" },
-    /**  Modal's content becomes scrollable - warning: a overflow is applied */
-    scrollable: { type: Boolean, default: false }
-  },
-  emits: [
-    /** Model binding */
-    "update:model-value",
-    /** Emitted when dialog is closed (after animation) */
-    "close",
-    /** Emitted when dialog is opened (after animation) */
-    "open"
-  ],
-  setup(__props) {
-    const MazBtn = defineAsyncComponent(() => import("./MazBtn-48382169.mjs"));
-    const XIcon = defineAsyncComponent(() => import("./x-mark-c6ff45dd.mjs"));
-    const attrs = useAttrs();
-    const backdropAttrs = computed(() => ({
-      ...attrs,
-      class: void 0,
-      style: void 0
-    }));
-    const wrapperAttrs = computed(() => ({
-      class: attrs.class,
-      style: attrs.style
-    }));
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(
-        MazBackdrop,
-        mergeProps(backdropAttrs.value, {
-          "transition-name": "modal-anim",
-          onClose: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("close", $event)),
-          onOpen: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("open", $event)),
-          "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => _ctx.$emit("update:model-value", $event))
-        }),
-        {
-          default: withCtx(({ close }) => [
-            createElementVNode(
-              "div",
-              mergeProps({
-                class: ["m-dialog", { "--scrollable": __props.scrollable }],
-                style: [{ width: __props.width, maxWidth: __props.maxWidth, maxHeight: __props.maxHeight }]
-              }, wrapperAttrs.value),
-              [
-                createCommentVNode("\n          @slot Header slot\n            @binding {Function} close close function\n        "),
-                renderSlot(_ctx.$slots, "header", { close }, () => [
-                  createElementVNode(
-                    "div",
-                    {
-                      class: normalizeClass(["m-dialog-header", { "--has-title": _ctx.$slots["title"] || __props.title }])
-                    },
-                    [
-                      _ctx.$slots["title"] || __props.title ? (openBlock(), createElementBlock("h2", _hoisted_1, [
-                        createCommentVNode("\n                @slot Title slot in the header\n              "),
-                        renderSlot(_ctx.$slots, "title", {}, () => [
-                          createTextVNode(
-                            toDisplayString(__props.title),
-                            1
-                            /* TEXT */
-                          )
-                        ], true)
-                      ])) : createCommentVNode("v-if", true),
-                      !__props.noClose ? (openBlock(), createBlock(unref(MazBtn), {
-                        key: 1,
-                        class: "m-dialog-closebtn",
-                        color: "transparent",
-                        onClick: close
-                      }, {
-                        default: withCtx(() => [
-                          createVNode(unref(XIcon), { class: "maz-text-lg" })
-                        ]),
-                        _: 2
-                        /* DYNAMIC */
-                      }, 1032, ["onClick"])) : createCommentVNode("v-if", true)
-                    ],
-                    2
-                    /* CLASS */
-                  )
-                ], true),
-                createElementVNode("div", _hoisted_2, [
-                  createCommentVNode("\n            @slot Default content\n              @binding {Function} close close function\n          "),
-                  renderSlot(_ctx.$slots, "default", { close }, void 0, true)
-                ]),
-                _ctx.$slots["footer"] ? (openBlock(), createElementBlock("div", _hoisted_3, [
-                  createCommentVNode("\n            @slot Footer slot\n              @binding {Function} close close function\n          "),
-                  renderSlot(_ctx.$slots, "footer", { close }, void 0, true)
-                ])) : createCommentVNode("v-if", true)
-              ],
-              16
-              /* FULL_PROPS */
-            )
-          ]),
-          _: 3
-          /* FORWARDED */
-        },
-        16
-        /* FULL_PROPS */
-      );
-    };
-  }
-});
-const MazDialog_vue_vue_type_style_index_0_scoped_085e6d92_lang = "";
-const MazDialog = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-085e6d92"]]);
-export {
-  MazDialog as M,
-  _export_sfc as _
-};