maz-ui 4.7.5 → 4.7.6

package/dist/components/MazDrawer.js

@@ -1,70 +1 @@
-import { defineComponent, defineAsyncComponent, computed, useSlots, openBlock, createBlock, withCtx, createElementVNode, normalizeStyle, normalizeClass, renderSlot, createTextVNode, toDisplayString, createElementBlock, createVNode, unref, createCommentVNode } from "vue";
-import { MazXMark } from "@maz-ui/icons/static";
-import MazBackdrop from "./MazBackdrop.js";
-import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper.B--vMWp3.js";
-import '../assets/MazDrawer.CmPjFbhW.css';const _hoisted_1 = { class: "m-drawer-header__title" }, _hoisted_2 = {
-  key: 0,
-  class: "m-drawer-header__close"
-}, _hoisted_3 = { class: "m-drawer-body" }, _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "MazDrawer",
-  props: {
-    title: { default: void 0 },
-    variant: { default: "right" },
-    size: { default: "30rem" },
-    backdropClass: { default: void 0 },
-    hideCloseButton: { type: Boolean }
-  },
-  emits: ["before-close", "open", "close", "update:model-value"],
-  setup(__props) {
-    const props = __props, MazBtn = defineAsyncComponent(() => import("./MazBtn.js")), justify = computed(() => props.variant === "left" ? "start" : props.variant === "right" ? "end" : "none"), align = computed(() => props.variant === "top" ? "start" : props.variant === "bottom" ? "end" : "none"), slots = useSlots(), hasTitle = computed(() => !!(props.title || slots.title));
-    return (_ctx, _cache) => (openBlock(), createBlock(MazBackdrop, {
-      "backdrop-class": ["m-drawer", __props.backdropClass],
-      justify: justify.value,
-      align: align.value,
-      variant: "drawer",
-      "transition-name": `drawer-anim-${__props.variant}`,
-      onClose: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("close")),
-      onOpen: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("open")),
-      onBeforeClose: _cache[2] || (_cache[2] = ($event) => _ctx.$emit("before-close")),
-      "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => _ctx.$emit("update:model-value", $event))
-    }, {
-      default: withCtx(({ close }) => [
-        createElementVNode("div", {
-          class: normalizeClass(["m-drawer-content-wrap", [`--${__props.variant}`]]),
-          style: normalizeStyle({
-            "--maz-drawer-size": __props.size
-          })
-        }, [
-          createElementVNode("header", {
-            class: normalizeClass(["m-drawer-header", [hasTitle.value ? "--justify-between" : "--justify-end"]])
-          }, [
-            createElementVNode("h4", _hoisted_1, [
-              renderSlot(_ctx.$slots, "title", { close }, () => [
-                createTextVNode(toDisplayString(__props.title), 1)
-              ], !0)
-            ]),
-            __props.hideCloseButton ? createCommentVNode("", !0) : (openBlock(), createElementBlock("div", _hoisted_2, [
-              createVNode(unref(MazBtn), {
-                size: "sm",
-                color: "transparent",
-                onClick: close
-              }, {
-                default: withCtx(() => [
-                  createVNode(unref(MazXMark), { class: "icon maz-text-lg" })
-                ]),
-                _: 1
-              }, 8, ["onClick"])
-            ]))
-          ], 2),
-          createElementVNode("div", _hoisted_3, [
-            renderSlot(_ctx.$slots, "default", { close }, void 0, !0)
-          ])
-        ], 6)
-      ]),
-      _: 3
-    }, 8, ["backdrop-class", "justify", "align", "transition-name"]));
-  }
-}), MazDrawer = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-50d9de90"]]);
-export {
-  MazDrawer as default
-};
+import"../chunks/MazBackdrop.Cjbwi8-V.js";import{t as MazDrawer_default}from"../chunks/MazDrawer.Dc_RGG8a.js";export{MazDrawer_default as default};

package/dist/components/MazDropdown.js

@@ -1,277 +1 @@
-import { defineComponent, defineAsyncComponent, useModel, computed, useTemplateRef, watch, openBlock, createBlock, normalizeStyle, normalizeClass, withCtx, createElementVNode, unref, renderSlot, createElementBlock, Fragment, renderList, mergeProps, withModifiers, createTextVNode, toDisplayString, withKeys, createVNode, createSlots, resolveDynamicComponent, mergeModels } from "vue";
-import { MazChevronDown } from "@maz-ui/icons/static";
-import { useTranslations } from "@maz-ui/translations/composables/useTranslations";
-import { isClient } from "@maz-ui/utils/helpers/isClient";
-import { useInstanceUniqId } from "../composables/useInstanceUniqId.js";
-import MazPopover from "./MazPopover.js";
-import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper.B--vMWp3.js";
-import '../assets/MazDropdown.gQ0Sr_Kf.css';const _hoisted_1 = ["id"], _hoisted_2 = ["id"], _hoisted_3 = ["id"], _hoisted_4 = ["onClick", "onKeypress"], _sfc_main = /* @__PURE__ */ defineComponent({
-  inheritAttrs: !1,
-  __name: "MazDropdown",
-  props: /* @__PURE__ */ mergeModels({
-    modelValue: { type: Boolean },
-    style: { type: [Boolean, null, String, Object, Array] },
-    class: { type: [Boolean, null, String, Object, Array] },
-    items: { default: () => [] },
-    id: {},
-    trigger: { default: "adaptive" },
-    color: { default: "transparent" },
-    position: { default: "auto" },
-    closeOnClick: { type: Boolean, default: !1 },
-    disabled: { type: Boolean, default: !1 },
-    chevron: { type: Boolean, default: !0 },
-    screenReaderDescription: {},
-    menuPanelClass: { type: [Boolean, null, String, Object, Array] },
-    menuPanelStyle: { type: [Boolean, null, String, Object, Array] },
-    block: { type: Boolean },
-    dropdownIcon: { type: [String, Function, Object] },
-    dropdownIconAnimation: { type: Boolean, default: !0 },
-    size: { default: "md" },
-    transition: { default: "scale-pop" },
-    preferPosition: { default: "bottom-start" },
-    fallbackPosition: {},
-    ariaLabel: {},
-    announceChanges: { type: Boolean },
-    offset: {},
-    delay: {},
-    hoverDelay: {},
-    teleportTo: {},
-    overlayClass: { type: [Boolean, null, String, Object, Array] },
-    panelClass: { type: [Boolean, null, String, Object, Array] },
-    panelStyle: { type: [Boolean, null, String, Object, Array] },
-    closeOnClickOutside: { type: Boolean },
-    closeOnEscape: { type: Boolean },
-    persistent: { type: Boolean },
-    ariaLabelledby: {},
-    ariaDescribedby: {},
-    trapFocus: { type: Boolean },
-    keepOpenOnHover: { type: Boolean },
-    positionReference: {}
-  }, {
-    modelValue: {
-      default: !1
-    },
-    modelModifiers: {}
-  }),
-  emits: /* @__PURE__ */ mergeModels(["menuitem-clicked", "update:model-value"], ["update:modelValue"]),
-  setup(__props, { emit: __emit }) {
-    const emits = __emit, MazBtn = defineAsyncComponent(() => import("./MazBtn.js")), MazIcon = defineAsyncComponent(() => import("./MazIcon.js")), MazLink = defineAsyncComponent(() => import("./MazLink.js")), instanceId = useInstanceUniqId({
-      componentName: "MazDropdown",
-      providedId: __props.id
-    }), { t } = useTranslations(), isOpen = useModel(__props, "modelValue"), iconClassSize = computed(() => __props.size === "xl" ? "maz-text-lg" : __props.size === "lg" || __props.size === "md" || __props.size === "sm" ? "maz-text-base" : __props.size === "xs" || __props.size === "mini" ? "maz-text-sm" : "maz-text-lg");
-    function setDropdown(value) {
-      __props.disabled || (isOpen.value = value);
-    }
-    function isLinkItem(item) {
-      return "href" in item || "to" in item;
-    }
-    async function runAction(item, event) {
-      emits("menuitem-clicked", event), await item.onClick?.(), closeDropdown();
-    }
-    function closeDropdown() {
-      __props.closeOnClick && setDropdown(!1);
-    }
-    function keydownHandler(event) {
-      ["ArrowDown", "ArrowUp"].includes(event.key) ? arrowHandler(event) : event.key === "Enter" && (event.preventDefault(), document.activeElement?.click(), closeDropdown());
-    }
-    function arrowHandler(event) {
-      event.preventDefault();
-      const code = event.key, itemLength = __props.items?.length;
-      if (!itemLength)
-        return;
-      const currentElement = document.activeElement, itemsElements = document.querySelectorAll(`#${instanceId.value}-menu .menuitem`), currentIndex = [...itemsElements].indexOf(currentElement);
-      if (currentIndex === -1) {
-        itemsElements[0]?.focus();
-        return;
-      }
-      const nextIndex = code === "ArrowDown" ? (currentIndex + 1) % itemLength : (currentIndex - 1 + itemLength) % itemLength;
-      itemsElements[nextIndex]?.focus();
-    }
-    const mazPopoverElement = useTemplateRef("mazPopoverRef");
-    function onBlurTrigger(event) {
-      event.preventDefault();
-      const nextElementSibling = mazPopoverElement.value?.panelRef, relatedTarget = event.relatedTarget;
-      nextElementSibling?.contains(relatedTarget) || setDropdown(!1);
-    }
-    return watch(
-      isOpen,
-      (value) => {
-        isClient() && (value ? document.addEventListener("keydown", keydownHandler) : document.removeEventListener("keydown", keydownHandler));
-      }
-    ), (_ctx, _cache) => (openBlock(), createBlock(MazPopover, {
-      ref: "mazPopoverRef",
-      trigger: __props.trigger,
-      "model-value": isOpen.value,
-      class: normalizeClass(["m-dropdown m-reset-css", [__props.class]]),
-      role: "menu",
-      style: normalizeStyle(__props.style),
-      "prefer-position": __props.preferPosition,
-      color: "background",
-      position: __props.position,
-      transition: __props.transition,
-      disabled: __props.disabled,
-      offset: __props.offset,
-      delay: __props.delay,
-      "fallback-position": __props.fallbackPosition,
-      persistent: __props.persistent,
-      "hover-delay": __props.hoverDelay,
-      "panel-class": __props.panelClass,
-      "panel-style": __props.panelStyle,
-      "close-on-escape": __props.closeOnEscape,
-      "close-on-click": __props.closeOnClick,
-      "teleport-to": __props.teleportTo,
-      "trap-focus": __props.trapFocus,
-      "overlay-class": __props.overlayClass,
-      "close-on-click-outside": __props.closeOnClickOutside,
-      "aria-describedby": __props.ariaDescribedby,
-      "announce-changes": __props.announceChanges,
-      "aria-label": __props.ariaLabel,
-      "aria-labelledby": __props.ariaLabelledby,
-      "position-reference": __props.positionReference,
-      "keep-open-on-hover": __props.trigger === "hover" || __props.trigger === "adaptive",
-      block: __props.block,
-      "onUpdate:modelValue": setDropdown
-    }, {
-      trigger: withCtx(({ toggle, close, open }) => [
-        createElementVNode("div", {
-          id: unref(instanceId),
-          tabindex: "-1",
-          class: "m-dropdown__wrapper"
-        }, [
-          createElementVNode("span", {
-            id: `${unref(instanceId)}-labelspan`,
-            class: "maz-sr-only"
-          }, [
-            renderSlot(_ctx.$slots, "screen-reader-description", {}, () => [
-              createTextVNode(toDisplayString(__props.screenReaderDescription || unref(t)("dropdown.screenReaderDescription")), 1)
-            ], !0)
-          ], 8, _hoisted_2),
-          renderSlot(_ctx.$slots, "trigger", {
-            isOpen: isOpen.value,
-            toggle,
-            close,
-            open
-          }, () => [
-            createVNode(unref(MazBtn), mergeProps({
-              "aria-labelledby": `${unref(instanceId)}-labelspan`,
-              color: __props.color,
-              disabled: __props.disabled
-            }, _ctx.$attrs, {
-              block: __props.block,
-              size: __props.size,
-              onKeydown: [
-                withKeys(withModifiers(toggle, ["stop", "prevent"]), ["enter"]),
-                withKeys(withModifiers(toggle, ["stop", "prevent"]), ["space"]),
-                withKeys(withModifiers(close, ["stop", "prevent"]), ["escape"])
-              ],
-              onBlur: withModifiers(onBlurTrigger, ["stop", "prevent"])
-            }), createSlots({
-              default: withCtx(() => [
-                renderSlot(_ctx.$slots, "default", {}, void 0, !0)
-              ]),
-              _: 2
-            }, [
-              __props.chevron || _ctx.$slots["dropdown-icon"] ? {
-                name: "right-icon",
-                fn: withCtx(() => [
-                  renderSlot(_ctx.$slots, "dropdown-icon", {
-                    isOpen: isOpen.value,
-                    toggle,
-                    close,
-                    open
-                  }, () => [
-                    typeof __props.dropdownIcon == "string" ? (openBlock(), createBlock(unref(MazIcon), {
-                      key: 0,
-                      name: __props.dropdownIcon,
-                      class: normalizeClass([{ "--open": isOpen.value && __props.dropdownIconAnimation }, iconClassSize.value])
-                    }, null, 8, ["name", "class"])) : __props.dropdownIcon ? (openBlock(), createBlock(resolveDynamicComponent(__props.dropdownIcon), {
-                      key: 1,
-                      class: normalizeClass([[{ "--open": isOpen.value && __props.dropdownIconAnimation }, iconClassSize.value], "m-dropdown__icon"])
-                    }, null, 8, ["class"])) : (openBlock(), createBlock(unref(MazChevronDown), {
-                      key: 2,
-                      class: normalizeClass([[{ "--open": isOpen.value && __props.dropdownIconAnimation }, iconClassSize.value], "m-dropdown__icon"])
-                    }, null, 8, ["class"]))
-                  ], !0)
-                ]),
-                key: "0"
-              } : void 0
-            ]), 1040, ["aria-labelledby", "color", "disabled", "block", "size", "onKeydown"])
-          ], !0)
-        ], 8, _hoisted_1)
-      ]),
-      default: withCtx(({ open, close, toggle }) => [
-        createElementVNode("div", {
-          id: `${unref(instanceId)}-menu`,
-          role: "menu",
-          "aria-label": "Menu",
-          class: normalizeClass(["m-dropdown__menu", __props.menuPanelClass]),
-          tabindex: "-1",
-          style: normalizeStyle(__props.menuPanelStyle)
-        }, [
-          renderSlot(_ctx.$slots, "dropdown", {
-            items: __props.items,
-            open,
-            close,
-            isOpen: isOpen.value,
-            toggle
-          }, () => [
-            (openBlock(!0), createElementBlock(Fragment, null, renderList(__props.items, (item, index) => renderSlot(_ctx.$slots, "menuitem", {
-              key: index,
-              item,
-              open,
-              close,
-              isOpen: isOpen.value,
-              toggle
-            }, () => [
-              isLinkItem(item) ? (openBlock(), createBlock(unref(MazLink), mergeProps({
-                key: 0,
-                target: item.href ? item.target ?? "_self" : void 0,
-                to: item.to,
-                href: item.href,
-                color: item.color ?? "contrast"
-              }, { ref_for: !0 }, item, {
-                "underline-only-hover": item.underlineOnlyHover ?? !1,
-                class: ["menuitem", [item.class]],
-                onClick: withModifiers(closeDropdown, ["stop"])
-              }), {
-                default: withCtx(() => [
-                  renderSlot(_ctx.$slots, "menuitem-label", {
-                    item,
-                    open,
-                    close,
-                    isOpen: isOpen.value,
-                    toggle
-                  }, () => [
-                    createTextVNode(toDisplayString(item.label), 1)
-                  ], !0)
-                ]),
-                _: 2
-              }, 1040, ["target", "to", "href", "color", "underline-only-hover", "class"])) : (openBlock(), createElementBlock("button", mergeProps({
-                key: 1,
-                type: "button"
-              }, { ref_for: !0 }, { ...item, onClick: void 0 }, {
-                class: ["menuitem menuitem__button", [item.class, item.color ? `--${item.color}` : ""]],
-                onClick: withModifiers(($event) => runAction(item, $event), ["stop"]),
-                onKeypress: withKeys(withModifiers(($event) => runAction(item, $event), ["stop", "prevent"]), ["enter"])
-              }), [
-                renderSlot(_ctx.$slots, "menuitem-label", {
-                  item,
-                  open,
-                  close,
-                  isOpen: isOpen.value,
-                  toggle
-                }, () => [
-                  createTextVNode(toDisplayString(item.label), 1)
-                ], !0)
-              ], 16, _hoisted_4))
-            ], !0)), 128))
-          ], !0)
-        ], 14, _hoisted_3)
-      ]),
-      _: 3
-    }, 8, ["trigger", "model-value", "style", "prefer-position", "position", "transition", "disabled", "offset", "delay", "fallback-position", "persistent", "hover-delay", "panel-class", "panel-style", "close-on-escape", "close-on-click", "teleport-to", "trap-focus", "overlay-class", "close-on-click-outside", "aria-describedby", "announce-changes", "aria-label", "aria-labelledby", "position-reference", "keep-open-on-hover", "class", "block"]));
-  }
-}), MazDropdown = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-06d39d35"]]);
-export {
-  MazDropdown as default
-};
+import"../chunks/MazPopover.Co8BEopX.js";import{t as MazDropdown_default}from"../chunks/MazDropdown.2DUcivzO.js";export{MazDropdown_default as default};

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

@@ -264,9 +264,7 @@ declare function __VLS_template(): {
                 readonly "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
                 readonly "onAfter-close-animation"?: (() => any) | undefined;
             } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
-            $attrs: {
-                [x: string]: unknown;
-            };
+            $attrs: import('vue').Attrs;
             $refs: {
                 [x: string]: unknown;
             } & {
@@ -409,9 +407,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
             readonly "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
             readonly "onAfter-close-animation"?: (() => any) | undefined;
         } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
-        $attrs: {
-            [x: string]: unknown;
-        };
+        $attrs: import('vue').Attrs;
         $refs: {
             [x: string]: unknown;
         } & {