maz-ui 4.7.5 → 4.7.6

package/dist/components/MazSelect.js

@@ -1,413 +1 @@
-import { defineComponent, defineAsyncComponent, useTemplateRef, computed, useModel, ref, watch, openBlock, createBlock, unref, normalizeStyle, normalizeClass, withCtx, createElementVNode, createElementBlock, createVNode, createCommentVNode, renderSlot, Fragment, renderList, toDisplayString, withModifiers, mergeProps, createSlots, mergeModels, nextTick } from "vue";
-import { MazMagnifyingGlass, MazNoSymbol } from "@maz-ui/icons/lazy";
-import { MazChevronDown } from "@maz-ui/icons/static";
-import { useTranslations } from "@maz-ui/translations/composables/useTranslations";
-import { debounceCallback } from "@maz-ui/utils/helpers/debounceCallback";
-import { isClient } from "@maz-ui/utils/helpers/isClient";
-import { normalizeString } from "@maz-ui/utils/helpers/normalizeString";
-import { useInstanceUniqId } from "../composables/useInstanceUniqId.js";
-import { useStringMatching } from "../composables/useStringMatching.js";
-import MazInput from "./MazInput.js";
-import MazPopover from "./MazPopover.js";
-import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper.B--vMWp3.js";
-import '../assets/MazSelect.B7S5Yf0F.css';const _hoisted_1 = ["disabled", "aria-label"], _hoisted_2 = ["id"], _hoisted_3 = {
-  key: 0,
-  class: "m-select-list__search-wrapper"
-}, _hoisted_4 = { class: "m-select-list__no-results" }, _hoisted_5 = {
-  key: 2,
-  ref: "optionListWrapper",
-  class: "m-select-list__scroll-wrapper",
-  tabindex: "-1"
-}, _hoisted_6 = { class: "m-select-list-optgroup" }, _hoisted_7 = ["tabindex", "onClick"], _sfc_main = /* @__PURE__ */ defineComponent({
-  inheritAttrs: !1,
-  __name: "MazSelect",
-  props: /* @__PURE__ */ mergeModels({
-    style: { type: [Boolean, null, String, Object, Array], default: () => {
-    } },
-    class: { type: [Boolean, null, String, Object, Array], default: () => {
-    } },
-    id: { default: () => {
-    } },
-    label: {},
-    placeholder: {},
-    modelValue: { default: () => {
-    } },
-    options: {},
-    optionValueKey: { default: "value" },
-    optionLabelKey: { default: "label" },
-    optionInputValueKey: { default: "label" },
-    listPosition: { default: "auto" },
-    preferPosition: { default: "bottom-start" },
-    fallbackPosition: { default: "top-start" },
-    itemHeight: { default: () => {
-    } },
-    maxListHeight: { default: 240 },
-    maxListWidth: { default: () => {
-    } },
-    minListHeight: { default: () => {
-    } },
-    minListWidth: { default: () => {
-    } },
-    size: { default: "md" },
-    color: { default: "primary" },
-    search: { type: Boolean },
-    searchFunction: { type: Function },
-    searchThreshold: { default: 0.75 },
-    multiple: { type: Boolean, default: !1 },
-    required: { type: Boolean },
-    disabled: { type: Boolean },
-    block: { type: Boolean },
-    autocomplete: { default: "off" },
-    translations: {},
-    formatInputValue: { type: Function },
-    transition: { default: "scale-fade" }
-  }, {
-    open: { default: !1 },
-    openModifiers: {}
-  }),
-  emits: /* @__PURE__ */ mergeModels(["close", "open", "blur", "focus", "change", "input", "update:model-value", "selected-option"], ["update:open"]),
-  setup(__props, { expose: __expose, emit: __emit }) {
-    const emits = __emit, MazCheckbox = defineAsyncComponent(() => import("./MazCheckbox.js")), popoverComponent = useTemplateRef("popover"), inputRef = useTemplateRef("input"), searchInputRef = useTemplateRef("searchInput"), optionListElement = useTemplateRef("optionListRef"), optionListWrapperRef = useTemplateRef("optionListWrapper"), selectedTextColor = computed(() => `hsl(var(--maz-${__props.color}))`), selectedBgColor = computed(() => `hsl(var(--maz-${__props.color}-500) / 0.1)`), { t } = useTranslations(), messages = computed(() => ({
-      searchPlaceholder: __props.translations?.searchPlaceholder || t("select.searchPlaceholder")
-    })), isOpen = useModel(__props, "open"), instanceId = useInstanceUniqId({
-      componentName: "MazSelect",
-      providedId: __props.id
-    });
-    function getOptionPayload(option) {
-      return {
-        [__props.optionValueKey]: option,
-        [__props.optionLabelKey]: option,
-        [__props.optionInputValueKey]: option
-      };
-    }
-    function getNormalizedOptionPayload(option) {
-      return {
-        ...option,
-        [__props.optionValueKey]: option[__props.optionValueKey],
-        [__props.optionLabelKey]: option[__props.optionLabelKey],
-        [__props.optionInputValueKey]: option[__props.optionInputValueKey]
-      };
-    }
-    function getNormalizedOptions(options) {
-      const normalizedOptions = [];
-      if (!options?.length)
-        return [];
-      for (const option of options)
-        typeof option == "string" || typeof option == "number" || typeof option == "boolean" ? normalizedOptions.push(getOptionPayload(option)) : typeof option == "object" && "options" in option && Array.isArray(option.options) ? normalizedOptions.push(
-          { label: option.label, isOptGroup: !0 },
-          ...option.options.map(
-            (opt) => typeof opt == "string" || typeof opt == "number" || typeof opt == "boolean" ? getOptionPayload(opt) : getNormalizedOptionPayload(opt)
-          )
-        ) : normalizedOptions.push(getNormalizedOptionPayload(option));
-      return normalizedOptions;
-    }
-    const optionsNormalized = computed(() => getNormalizedOptions(__props.options ?? []));
-    function isOptionInSelection(option) {
-      return isNullOrUndefined(option[__props.optionValueKey]) ? !1 : __props.multiple ? Array.isArray(__props.modelValue) && __props.modelValue.includes(option[__props.optionValueKey]) : __props.modelValue === option[__props.optionValueKey];
-    }
-    const selectedOptions = computed(
-      () => optionsNormalized.value?.filter(isOptionInSelection) ?? []
-    );
-    function isNullOrUndefined(value) {
-      return value == null;
-    }
-    function isSelectedOption(option) {
-      return (selectedOptions.value?.some(
-        (selectedOption) => selectedOption[__props.optionValueKey] === option[__props.optionValueKey]
-      ) ?? !1) && !isNullOrUndefined(option[__props.optionValueKey]);
-    }
-    const inputValue = computed(() => {
-      if (__props.multiple && __props.modelValue && Array.isArray(__props.modelValue)) {
-        const values = __props.modelValue.map(
-          (value2) => optionsNormalized.value?.find((option) => option[__props.optionValueKey] === value2)?.[__props.optionInputValueKey]
-        );
-        return __props.formatInputValue ? __props.formatInputValue(values) : values.join(", ");
-      }
-      const selectedOption = optionsNormalized.value?.find(
-        (option) => option[__props.optionValueKey] === __props.modelValue
-      ), value = isNullOrUndefined(__props.modelValue) ? void 0 : selectedOption?.[__props.optionInputValueKey];
-      return __props.formatInputValue ? __props.formatInputValue(value) : value;
-    }), searchQuery = ref(), query = ref("");
-    function searchInValue(value, query2) {
-      return query2 && value && normalizeString(value).includes(normalizeString(query2));
-    }
-    function getFilteredOptionWithQuery(query2) {
-      return query2 ? optionsNormalized.value?.filter((option) => {
-        const searchValue = option[__props.optionLabelKey], searchValue3 = option[__props.optionValueKey], searchValue2 = option[__props.optionInputValueKey], threshold = __props.searchThreshold;
-        return searchInValue(searchValue, query2) || searchInValue(searchValue2, query2) || searchInValue(searchValue3, query2) || typeof searchValue == "string" && useStringMatching(searchValue, query2, threshold).isMatching.value || typeof searchValue2 == "string" && useStringMatching(searchValue2, query2, threshold).isMatching.value || typeof searchValue3 == "string" && useStringMatching(searchValue3, query2, threshold).isMatching.value;
-      }) : optionsNormalized.value;
-    }
-    const optionList = computed(() => __props.searchFunction && __props.search && searchQuery.value ? getNormalizedOptions(__props.searchFunction(searchQuery.value, __props.options ?? []) ?? []) : getFilteredOptionWithQuery(searchQuery.value));
-    async function onOpenList() {
-      const selectedIndex = optionList.value?.findIndex(
-        (option) => isSelectedOption(option)
-      );
-      await scrollToOptionIndex(selectedIndex), emits("open");
-    }
-    function focusMainInput() {
-      inputRef.value?.$el?.querySelector("input")?.focus();
-    }
-    function emitInputMainInput() {
-      inputRef.value?.$el?.querySelector("input")?.dispatchEvent(new Event("input"));
-    }
-    function focusSearchInputAndSetQuery(q) {
-      searchQuery.value = q, searchInputRef.value?.$el?.querySelector("input")?.focus();
-    }
-    function searchOptionWithQuery(keyPressed) {
-      keyPressed === "Backspace" && query.value && query.value.length > 0 ? query.value = query.value.slice(0, -1) : query.value += keyPressed;
-      const filteredOptions = getFilteredOptionWithQuery(query.value);
-      if (!filteredOptions?.length)
-        return;
-      const optionIndex = optionList.value?.findIndex(
-        (option) => option[__props.optionValueKey] === filteredOptions[0][__props.optionValueKey]
-      );
-      typeof optionIndex != "number" || optionIndex === -1 || (scrollToOptionIndex(optionIndex), debounceCallback(() => {
-        query.value = "";
-      }, 1e3));
-    }
-    const isLetterOrNumberRegex = /^([\dA-Za-z\u0400-\u04FF])$/;
-    function mainInputKeyboardHandler(event) {
-      if (event.ctrlKey || event.metaKey || event.altKey)
-        return;
-      const keyPressed = event.key;
-      (keyPressed === "ArrowDown" || keyPressed === "ArrowUp" || isLetterOrNumberRegex.test(keyPressed)) && !isOpen.value && (event.preventDefault(), popoverComponent.value?.open()), isLetterOrNumberRegex.test(keyPressed) && __props.search && (event.preventDefault(), event.stopPropagation(), focusSearchInputAndSetQuery(keyPressed));
-    }
-    async function scrollToOptionIndex(index) {
-      if (await nextTick(), typeof index != "number" || index < 0)
-        return;
-      const item = optionListElement.value?.querySelector(`.m-select-list-item:nth-child(${index + 1})`);
-      if (item && optionListWrapperRef.value) {
-        const wrapperRect = optionListWrapperRef.value.getBoundingClientRect(), itemRect = item.getBoundingClientRect(), scrollTop = item.offsetTop - wrapperRect.height / 2 - itemRect.height;
-        optionListWrapperRef.value.scrollTo?.({
-          top: scrollTop,
-          behavior: "auto"
-        }), setTimeout(() => {
-          item.focus({ preventScroll: !0 });
-        }, 100);
-      }
-    }
-    function updateValue(inputOption, mustCloseList = !0) {
-      mustCloseList && !__props.multiple && nextTick(() => {
-        popoverComponent.value?.close();
-      }), searchQuery.value = "";
-      const isAlreadySelected = selectedOptions.value?.some(
-        (option) => option[__props.optionValueKey] === inputOption[__props.optionValueKey]
-      );
-      let newValue = selectedOptions.value;
-      isAlreadySelected && __props.multiple ? newValue = newValue?.filter(
-        (option) => option[__props.optionValueKey] !== inputOption[__props.optionValueKey]
-      ) : __props.multiple ? newValue.push(inputOption) : newValue = [inputOption];
-      const selectedValues = newValue.map((option) => option[__props.optionValueKey]);
-      emits("update:model-value", __props.multiple ? selectedValues : selectedValues[0]), emits("selected-option", inputOption), emitInputMainInput(), focusMainInput();
-    }
-    function keydownHandler(event) {
-      const keyPressed = event.key;
-      if (keyPressed === "ArrowDown" || keyPressed === "ArrowUp") {
-        event.preventDefault();
-        const itemLength = optionList.value?.length;
-        if (!itemLength)
-          return;
-        const currentElement = document.activeElement, itemsElements = document.querySelectorAll(`#${instanceId.value}-option-list .m-select-list-item`), currentIndex = [...itemsElements].indexOf(currentElement);
-        if (currentIndex === -1) {
-          itemsElements[0]?.focus({ preventScroll: !0 });
-          return;
-        }
-        const nextIndex = keyPressed === "ArrowDown" ? (currentIndex + 1) % itemLength : (currentIndex - 1 + itemLength) % itemLength;
-        itemsElements[nextIndex]?.focus();
-      } else !__props.search && isLetterOrNumberRegex.test(keyPressed) && searchOptionWithQuery(keyPressed);
-    }
-    function updateListPosition() {
-      nextTick(() => {
-        popoverComponent.value?.updatePosition();
-      });
-    }
-    return watch(
-      isOpen,
-      (value) => {
-        isClient() && (value ? document.addEventListener("keydown", keydownHandler) : document.removeEventListener("keydown", keydownHandler));
-      },
-      { immediate: !0 }
-    ), __expose({
-      /**
-       * Open the select
-       * @description This is used to open the list options
-       */
-      open: () => {
-        popoverComponent.value?.open();
-      },
-      /**
-       * Close the select
-       * @description This is used to close the list options
-       */
-      close: () => {
-        popoverComponent.value?.close();
-      }
-    }), (_ctx, _cache) => (openBlock(), createBlock(MazPopover, {
-      id: `${unref(instanceId)}-popover`,
-      ref: "popover",
-      modelValue: isOpen.value,
-      "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => isOpen.value = $event),
-      class: normalizeClass(["m-select m-reset-css", [
-        {
-          "--is-open": isOpen.value,
-          "--disabled": __props.disabled
-        },
-        __props.class,
-        `--${__props.size}`
-      ]]),
-      style: normalizeStyle(__props.style),
-      trigger: "click",
-      block: __props.block,
-      transition: __props.transition,
-      offset: 0,
-      position: __props.listPosition,
-      disabled: __props.disabled,
-      "prefer-position": __props.preferPosition,
-      "fallback-position": __props.fallbackPosition,
-      "position-reference": `#${unref(instanceId)}-popover .m-input-wrapper`,
-      onClose: _cache[6] || (_cache[6] = ($event) => emits("close")),
-      onOpen: onOpenList
-    }, {
-      trigger: withCtx(({ close, open: openPicker, toggle: togglePopover }) => [
-        createVNode(MazInput, mergeProps({
-          id: unref(instanceId),
-          ref: "input",
-          class: "m-select-input"
-        }, _ctx.$attrs, {
-          required: __props.required,
-          "border-active": isOpen.value,
-          color: __props.color,
-          "model-value": inputValue.value,
-          size: __props.size,
-          block: __props.block,
-          placeholder: __props.placeholder,
-          label: __props.label,
-          autocomplete: __props.autocomplete,
-          disabled: __props.disabled,
-          readonly: "",
-          onChange: _cache[0] || (_cache[0] = ($event) => emits("change", $event)),
-          onInput: _cache[1] || (_cache[1] = ($event) => emits("input", $event)),
-          onFocus: _cache[2] || (_cache[2] = ($event) => emits("focus", $event)),
-          onBlur: _cache[3] || (_cache[3] = ($event) => emits("blur", $event)),
-          onKeydown: mainInputKeyboardHandler
-        }), createSlots({
-          "right-icon": withCtx(() => [
-            renderSlot(_ctx.$slots, "right-icon", {
-              isOpen: isOpen.value,
-              close,
-              open: openPicker,
-              toggle: togglePopover
-            }, () => [
-              createElementVNode("button", {
-                tabindex: "-1",
-                disabled: __props.disabled,
-                type: "button",
-                class: "m-select-input__toggle-button maz-custom",
-                "aria-label": `${isOpen.value ? "collapse" : "expand"} list of options`
-              }, [
-                createVNode(unref(MazChevronDown), { class: "m-select-chevron" })
-              ], 8, _hoisted_1)
-            ], !0)
-          ]),
-          _: 2
-        }, [
-          _ctx.$slots["left-icon"] ? {
-            name: "left-icon",
-            fn: withCtx(() => [
-              renderSlot(_ctx.$slots, "left-icon", {
-                isOpen: isOpen.value,
-                close,
-                open: openPicker,
-                toggle: togglePopover
-              }, void 0, !0)
-            ]),
-            key: "0"
-          } : void 0
-        ]), 1040, ["id", "required", "border-active", "color", "model-value", "size", "block", "placeholder", "label", "autocomplete", "disabled"])
-      ]),
-      default: withCtx(({ close, open: openPicker, toggle: togglePopover }) => [
-        createElementVNode("div", {
-          id: `${unref(instanceId)}-option-list`,
-          ref: "optionListRef",
-          class: normalizeClass(["m-select-list", `--${__props.size}`]),
-          style: normalizeStyle([{
-            maxHeight: `${__props.maxListHeight}px`,
-            maxWidth: `${__props.maxListWidth}px`,
-            minHeight: `${__props.minListHeight}px`,
-            minWidth: `${__props.minListWidth}px`,
-            "--selected-bg-color": selectedBgColor.value,
-            "--selected-text-color": selectedTextColor.value
-          }])
-        }, [
-          __props.search ? (openBlock(), createElementBlock("div", _hoisted_3, [
-            createVNode(MazInput, {
-              ref: "searchInput",
-              modelValue: searchQuery.value,
-              "onUpdate:modelValue": [
-                _cache[4] || (_cache[4] = ($event) => searchQuery.value = $event),
-                updateListPosition
-              ],
-              size: "sm",
-              disabled: __props.disabled,
-              color: __props.color,
-              placeholder: messages.value.searchPlaceholder,
-              name: "search",
-              inputmode: "search",
-              autocomplete: "off",
-              block: "",
-              class: "m-select-list__search-input maz-flex-none",
-              "left-icon": unref(MazMagnifyingGlass)
-            }, null, 8, ["modelValue", "disabled", "color", "placeholder", "left-icon"])
-          ])) : createCommentVNode("", !0),
-          !optionList.value || optionList.value.length <= 0 ? renderSlot(_ctx.$slots, "no-results", { key: 1 }, () => [
-            createElementVNode("span", _hoisted_4, [
-              createVNode(unref(MazNoSymbol), { class: "maz-size-6 maz-text-foreground" })
-            ])
-          ], !0) : (openBlock(), createElementBlock("div", _hoisted_5, [
-            (openBlock(!0), createElementBlock(Fragment, null, renderList(optionList.value, (option, i) => (openBlock(), createElementBlock(Fragment, { key: i }, [
-              option.label && option.isOptGroup ? renderSlot(_ctx.$slots, "optgroup", {
-                key: 0,
-                label: option.label
-              }, () => [
-                createElementVNode("span", _hoisted_6, toDisplayString(option.label), 1)
-              ], !0) : (openBlock(), createElementBlock("button", {
-                key: 1,
-                type: "button",
-                tabindex: __props.multiple ? -1 : 0,
-                class: normalizeClass(["m-select-list-item maz-custom maz-flex-none", [
-                  {
-                    "--is-selected": isSelectedOption(option),
-                    "--is-none-value": isNullOrUndefined(option[__props.optionValueKey])
-                  }
-                ]]),
-                style: normalizeStyle(__props.itemHeight ? { height: `${__props.itemHeight}px` } : void 0),
-                onClick: withModifiers(($event) => updateValue(option, !0), ["prevent", "stop"])
-              }, [
-                __props.multiple ? (openBlock(), createBlock(unref(MazCheckbox), {
-                  key: 0,
-                  "model-value": isSelectedOption(option),
-                  size: "sm",
-                  color: __props.color
-                }, null, 8, ["model-value", "color"])) : createCommentVNode("", !0),
-                renderSlot(_ctx.$slots, "default", {
-                  option,
-                  isSelected: isSelectedOption(option),
-                  isOpen: isOpen.value,
-                  close,
-                  open: openPicker,
-                  toggle: togglePopover
-                }, () => [
-                  createElementVNode("span", null, toDisplayString(option[__props.optionLabelKey]), 1)
-                ], !0)
-              ], 14, _hoisted_7))
-            ], 64))), 128))
-          ], 512))
-        ], 14, _hoisted_2)
-      ]),
-      _: 3
-    }, 8, ["id", "modelValue", "class", "style", "block", "transition", "position", "disabled", "prefer-position", "fallback-position", "position-reference"]));
-  }
-}), MazSelect = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-badad462"]]);
-export {
-  MazSelect as default
-};
+import"../chunks/MazInput.DJjWLaKg.js";import"../chunks/MazPopover.Co8BEopX.js";import{t as MazSelect_default}from"../chunks/MazSelect.yYFAbBb5.js";export{MazSelect_default as default};

package/dist/components/MazSelectCountry.js

@@ -1,192 +1 @@
-import { defineComponent, computed, defineAsyncComponent, openBlock, createElementBlock, normalizeStyle, normalizeClass, createVNode, mergeProps, unref, withCtx, createElementVNode, renderSlot, createBlock, toDisplayString, createCommentVNode } from "vue";
-import { useTranslations } from "@maz-ui/translations/composables/useTranslations";
-import { getBrowserLocale } from "@maz-ui/utils/helpers/getBrowserLocale";
-import { getCountryFlagUrl } from "@maz-ui/utils/helpers/getCountryFlagUrl";
-import { useDisplayNames } from "../composables/useDisplayNames.js";
-import { useInstanceUniqId } from "../composables/useInstanceUniqId.js";
-import MazSelect from "./MazSelect.js";
-import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper.B--vMWp3.js";
-import '../assets/MazSelectCountry.kRB-iu5_.css';const _hoisted_1 = {
-  key: 0,
-  class: "m-select-country__select__item__flag-container"
-}, _hoisted_2 = {
-  key: 1,
-  class: "m-select-country__select__item__list-flag"
-}, _hoisted_3 = { class: "maz-text-muted" }, _sfc_main = /* @__PURE__ */ defineComponent({
-  inheritAttrs: !1,
-  __name: "MazSelectCountry",
-  props: {
-    style: { type: [Boolean, null, String, Object, Array] },
-    class: { type: [Boolean, null, String, Object, Array] },
-    id: {},
-    color: { default: "primary" },
-    size: { default: "md" },
-    preferredCodes: {},
-    ignoredCodes: {},
-    onlyCodes: {},
-    listPosition: {},
-    hideFlags: { type: Boolean },
-    search: { type: Boolean, default: !0 },
-    showCodeInList: { type: Boolean, default: !1 },
-    locale: {},
-    success: { type: Boolean },
-    error: { type: Boolean },
-    warning: { type: Boolean },
-    displayCode: { type: Boolean },
-    searchThreshold: {},
-    translations: {},
-    hint: {},
-    options: {},
-    displayNamesOptions: { default: () => ({ type: "region", languageDisplay: "standard", fallback: "code", style: "long" }) },
-    codesType: {},
-    open: { type: Boolean },
-    label: {},
-    placeholder: {},
-    modelValue: {},
-    optionValueKey: { default: "code" },
-    optionLabelKey: { default: "name" },
-    optionInputValueKey: { default: "name" },
-    preferPosition: {},
-    fallbackPosition: {},
-    itemHeight: {},
-    maxListHeight: {},
-    maxListWidth: { default: 250 },
-    minListHeight: {},
-    minListWidth: { default: 200 },
-    searchFunction: { type: Function },
-    required: { type: Boolean },
-    disabled: { type: Boolean },
-    block: { type: Boolean },
-    autocomplete: {},
-    formatInputValue: { type: Function },
-    transition: {}
-  },
-  emits: ["update:model-value"],
-  setup(__props) {
-    const instanceId = useInstanceUniqId({
-      componentName: "MazSelectCountry",
-      providedId: __props.id
-    }), { t, locale: mazLocale } = useTranslations(), locale = computed(() => __props.locale ?? mazLocale.value ?? getBrowserLocale()), MazLazyImg = defineAsyncComponent(() => import("./MazLazyImg.js")), { getAllDisplayNames } = useDisplayNames(locale), _codesType = computed(() => __props.codesType ? __props.codesType : __props.displayNamesOptions.type === "region" ? "country" : "iso"), displayNames = getAllDisplayNames({
-      type: () => __props.displayNamesOptions.type,
-      languageDisplay: () => __props.displayNamesOptions.languageDisplay,
-      fallback: () => __props.displayNamesOptions.fallback,
-      style: () => __props.displayNamesOptions.style,
-      onlyCodes: () => __props.onlyCodes,
-      excludedCodes: () => __props.ignoredCodes,
-      preferredCodes: () => __props.preferredCodes,
-      codesType: _codesType
-    }), countriesOptions = computed(() => __props.options ? __props.options : displayNames?.value ?? []), messages = computed(() => ({
-      searchPlaceholder: __props.translations?.searchPlaceholder ?? t("selectCountry.searchPlaceholder")
-    }));
-    function getFlagUrl(code, size = "h20") {
-      return getCountryFlagUrl(code.slice(0, 2), size) || getCountryFlagUrl(code.slice(3, 5), size) || getCountryFlagUrl(code, size);
-    }
-    const flagUrl = computed(() => {
-      if (__props.modelValue)
-        return getFlagUrl(__props.modelValue);
-    });
-    return (_ctx, _cache) => (openBlock(), createElementBlock("div", {
-      class: normalizeClass(["m-select-country m-reset-css", [__props.class, { "--no-flags": __props.hideFlags }]]),
-      style: normalizeStyle(__props.style)
-    }, [
-      createVNode(MazSelect, mergeProps({
-        id: unref(instanceId),
-        "model-value": __props.modelValue
-      }, _ctx.$attrs, {
-        class: "m-select-country__select",
-        "option-value-key": __props.optionValueKey,
-        "option-label-key": __props.optionLabelKey,
-        "option-input-value-key": __props.displayCode ? "code" : __props.optionInputValueKey,
-        "max-list-width": __props.maxListWidth,
-        "min-list-width": __props.minListWidth,
-        disabled: __props.disabled,
-        color: __props.color,
-        placeholder: __props.placeholder,
-        label: __props.label,
-        size: __props.size,
-        multiple: !1,
-        "list-position": __props.listPosition,
-        error: __props.error,
-        warning: __props.warning,
-        success: __props.success,
-        search: __props.search,
-        block: __props.block,
-        autocomplete: __props.autocomplete,
-        "item-height": __props.itemHeight,
-        "max-list-height": __props.maxListHeight,
-        "min-list-height": __props.minListHeight,
-        required: __props.required,
-        "search-function": __props.searchFunction,
-        "format-input-value": __props.formatInputValue,
-        translations: messages.value,
-        "search-threshold": __props.searchThreshold,
-        options: countriesOptions.value,
-        hint: __props.hint,
-        open: __props.open,
-        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.$emit("update:model-value", $event))
-      }), {
-        "left-icon": withCtx(() => [
-          renderSlot(_ctx.$slots, "selector-flag", { countryCode: __props.modelValue }, () => [
-            flagUrl.value && !__props.hideFlags ? (openBlock(), createBlock(unref(MazLazyImg), {
-              key: 0,
-              src: flagUrl.value,
-              alt: __props.modelValue,
-              width: "20",
-              height: "20",
-              class: "maz-size-5 maz-rounded",
-              "img-class": "maz-size-5 maz-rounded"
-            }, null, 8, ["src", "alt"])) : createCommentVNode("", !0)
-          ], !0)
-        ]),
-        "no-results": withCtx(() => [
-          renderSlot(_ctx.$slots, "no-results", {}, void 0, !0)
-        ]),
-        default: withCtx(({ option, isSelected }) => [
-          createElementVNode("div", {
-            class: normalizeClass(["m-select-country__select__item", {
-              "m-select-country__select__item--selected": isSelected
-            }])
-          }, [
-            !__props.hideFlags && typeof option.code == "string" ? (openBlock(), createElementBlock("span", _hoisted_1, [
-              renderSlot(_ctx.$slots, "country-list-flag", {
-                option,
-                isSelected
-              }, () => [
-                option.code && getFlagUrl(option.code) ? (openBlock(), createBlock(unref(MazLazyImg), {
-                  key: 0,
-                  src: getFlagUrl(option.code),
-                  alt: `${option.name} flag`,
-                  width: "20",
-                  height: "20",
-                  class: "maz-size-5 maz-rounded",
-                  "img-class": "maz-rounded maz-h-5 maz-w-5"
-                }, null, 8, ["src", "alt"])) : (openBlock(), createElementBlock("span", _hoisted_2, toDisplayString(option.code), 1))
-              ], !0)
-            ])) : createCommentVNode("", !0),
-            createElementVNode("div", {
-              class: normalizeClass(["maz-flex maz-flex-1 maz-gap-2 maz-truncate", { "maz-font-semibold": isSelected }])
-            }, [
-              __props.showCodeInList ? renderSlot(_ctx.$slots, "country-list-code", {
-                key: 0,
-                option,
-                isSelected
-              }, () => [
-                createElementVNode("span", _hoisted_3, toDisplayString(option.code), 1)
-              ], !0) : createCommentVNode("", !0),
-              renderSlot(_ctx.$slots, "country-list-name", {
-                option,
-                isSelected
-              }, () => [
-                createElementVNode("span", null, toDisplayString(option.name), 1)
-              ], !0)
-            ], 2)
-          ], 2)
-        ]),
-        _: 3
-      }, 16, ["id", "model-value", "option-value-key", "option-label-key", "option-input-value-key", "max-list-width", "min-list-width", "disabled", "color", "placeholder", "label", "size", "list-position", "error", "warning", "success", "search", "block", "autocomplete", "item-height", "max-list-height", "min-list-height", "required", "search-function", "format-input-value", "translations", "search-threshold", "options", "hint", "open"])
-    ], 6));
-  }
-}), MazSelectCountry = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-49632158"]]);
-export {
-  MazSelectCountry as default
-};
+import"../chunks/MazInput.DJjWLaKg.js";import"../chunks/MazPopover.Co8BEopX.js";import"../chunks/MazSelect.yYFAbBb5.js";import{t as MazSelectCountry_default}from"../chunks/MazSelectCountry.DvVgk2es.js";export{MazSelectCountry_default as default};

package/dist/components/MazSkeleton.js

@@ -1,50 +1 @@
-import { defineComponent, computed, openBlock, createElementBlock, normalizeStyle, normalizeClass, createElementVNode, toDisplayString } from "vue";
-import { useTranslations } from "@maz-ui/translations/composables/useTranslations";
-import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper.B--vMWp3.js";
-import '../assets/MazSkeleton.D20FGW_l.css';const _hoisted_1 = ["aria-label"], _hoisted_2 = { class: "maz-sr-only" }, _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "MazSkeleton",
-  props: {
-    shape: { default: "rectangle" },
-    size: { default: "1rem" },
-    width: {},
-    height: {},
-    animated: { type: Boolean, default: !0 },
-    roundedSize: { default: "md" },
-    ariaLabel: {},
-    loadingText: {}
-  },
-  setup(__props) {
-    const { t } = useTranslations(), ariaLabelValue = computed(() => __props.ariaLabel || t("skeleton.ariaLabel")), loadingTextValue = computed(() => __props.loadingText || t("skeleton.loadingText")), customStyles = computed(() => {
-      const styles = {};
-      if (__props.shape)
-        switch (__props.shape) {
-          case "circle":
-          case "square":
-            styles.width = __props.size ?? __props.width, styles.height = __props.size ?? __props.height;
-            break;
-          case "rectangle":
-            styles.height = __props.height ?? __props.size, styles.width = __props.width ?? "100%";
-            break;
-        }
-      return styles;
-    });
-    return (_ctx, _cache) => (openBlock(), createElementBlock("div", {
-      class: normalizeClass(["m-skeleton m-reset-css", [
-        __props.shape && `m-skeleton--${__props.shape}`,
-        `m-skeleton--rounded-${__props.roundedSize}`,
-        {
-          "m-skeleton--animated": __props.animated
-        }
-      ]]),
-      style: normalizeStyle(customStyles.value),
-      "aria-label": ariaLabelValue.value,
-      role: "status",
-      "aria-live": "polite"
-    }, [
-      createElementVNode("span", _hoisted_2, toDisplayString(loadingTextValue.value), 1)
-    ], 14, _hoisted_1));
-  }
-}), MazSkeleton = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-7e7826a1"]]);
-export {
-  MazSkeleton as default
-};
+import{t as MazSkeleton_default}from"../chunks/MazSkeleton.BewTYJC2.js";export{MazSkeleton_default as default};