maz-ui 4.0.0-alpha.2 → 4.0.0-alpha.3

package/README.md

@@ -0,0 +1,151 @@
+<div align="center">
+  <img src="https://maz-ui.com/img/logo.svg" alt="Maz UI Logo" width="100">
+
+  <h1>Maz UI</h1>
+  <p>
+    <strong>
+      Lightweight and efficient library for Vue 3 & Nuxt 3
+    </strong>
+  </p>
+</div>
+
+<p align="center">
+  <a href="https://vuejs.org"><img src="https://img.shields.io/badge/vue-3-42b983.svg" alt="vue 3"></a>
+  <a href="https://v3.nuxtjs.org"><img src="https://img.shields.io/badge/nuxt-3-42b983.svg" alt="nuxt 3"></a>
+  <a href="https://www.npmjs.com/package/maz-ui"><img src="https://img.shields.io/npm/v/maz-ui/latest.svg" alt="npm"></a>
+  <a href="https://www.npmjs.com/package/maz-ui"><img src="https://badgen.net/npm/types/maz-ui" alt="types"></a>
+  <a href="https://npm-stat.com/charts.html?package=maz-ui"><img src="https://badgen.net/npm/dm/maz-ui" alt="Downloads"></a>
+</p>
+
+<p align="center">
+  <a href="https://codeclimate.com/github/LouisMazel/maz-ui/maintainability"><img src="https://api.codeclimate.com/v1/badges/6b27047dcf150ccddfac/maintainability" alt="maintainability"></a>
+  <a href="https://codeclimate.com/github/LouisMazel/maz-ui/test_coverage"><img src="https://api.codeclimate.com/v1/badges/6b27047dcf150ccddfac/test_coverage" alt="test coverage"></a>
+  <img src="https://github.com/LouisMazel/maz-ui/actions/workflows/lib-test-unit.yml/badge.svg" alt="github actions test unit">
+</p>
+
+<h3 align="center">
+  <a href="https://maz-ui.com">Documentation</a>
+  <span> · </span>
+  <a href="https://maz-ui.com/guide/getting-started">Getting Started</a>
+  <span> · </span>
+  <a href="https://maz-ui.com/made-with-maz-ui">Showcase</a>
+</h3>
+
+<p align="center">
+  <picture>
+    <source media="(prefers-color-scheme: dark)" srcset="./resources/dashboard-dark.png">
+    <img src="./resources/dashboard-light.png" alt="Maz UI Demo Dashboard" width="100%" style="border-radius: 1rem;">
+  </picture>
+  <br>
+  <sub><i>Example of a dashboard built with Maz UI components</i></sub>
+</p>
+
+## ✨ Features
+
+- 🎯 **Cherry-pick components** - Use only what you need
+- 🌙 **Dark mode** - Built-in dark mode support
+- 🎨 **Themeable** - Easy to customize with CSS variables
+- 📱 **Responsive** - Mobile-first design approach
+- 🔧 **TypeScript** - Full type support included
+- ⚡️ **Lightweight** - Tree-shakeable, no bloat
+- 🔍 **SSR** - Server-side rendering ready
+
+## 🚀 Quick Start
+
+```bash
+npm install maz-ui
+```
+
+### Vue 3
+
+```ts
+// main.ts
+import 'maz-ui/styles'
+```
+
+#### 💡 Usage
+
+Then, import and use only the components, composables, and more you need:
+
+```vue
+<template>
+  <MazBtn>Click me!</MazBtn>
+</template>
+
+<script setup lang="ts">
+  import MazBtn from 'maz-ui/components/MazBtn'
+</script>
+```
+
+Use provided resolvers to enjoy auto-imports and TypeScript support: [Resolvers documentation](https://maz-ui.com/guide/getting-started#recommendations)
+
+### Nuxt 3
+
+The Nuxt module automatically:
+
+- Imports all components, plugins, composables and directives on-demand (auto-imports)
+- Includes required styles
+- Provides TypeScript support out of the box
+
+[See options and more in the documentation](https://maz-ui.com/guide/nuxt)
+
+```ts
+// nuxt.config.ts
+export default defineNuxtConfig({
+  modules: ['maz-ui/nuxt'],
+})
+```
+
+#### 💡 Usage
+
+No need to import components, plugins, composables or directives, they are all auto-imported.
+
+```vue
+<template>
+  <MazBtn @click="toast.success('Hello Maz UI!')"> Click me! </MazBtn>
+</template>
+
+<script setup lang="ts">
+  const toast = useToast()
+</script>
+```
+
+## 🎨 Theming Made Easy
+
+Customize Maz UI to match your brand with our dedicated CLI tool:
+
+```bash
+# Install the CLI
+npm install -g @mazui/cli
+
+# Generate your theme
+maz generate-css-vars
+```
+
+The CLI will automatically:
+
+- Generate all color variations
+- Create dark mode variables
+- Output a ready-to-use CSS file
+
+To know how configure the CLI, check [theming options](https://maz-ui.com/guide/theme) in our documentation.
+
+## 🧰 What's included?
+
+- 🧩 [Components](https://maz-ui.com/components/maz-btn) - Beautiful, accessible UI components
+- 🔌 [Plugins](https://maz-ui.com/plugins/dialog) - Powerful plugins for common use cases
+- 🎣 [Composables](https://maz-ui.com/composables/use-form-validator) - Reusable composition functions
+- 📏 [Directives](https://maz-ui.com/directives/fullscreen-img) - Useful Vue directives
+- 🛠️ [Helpers](https://maz-ui.com/helpers/currency) - Useful utilities for common tasks
+
+## 🤝 Contributing
+
+We're always looking for contributors! Check out our [contribution guide](./CONTRIBUTING.md) to get started.
+
+## 📄 License
+
+[MIT](./LICENSE)
+
+<div align="center">
+  <sub>Built with ❤️ by <a href="https://github.com/LouisMazel">Louis Mazel</a></sub>
+</div>

package/dist/assets/vTooltip.BvbAx959.css

@@ -0,0 +1 @@
+.m-tooltip{position:relative;overflow:visible!important}.m-tooltip:before{content:attr(data-tooltip);pointer-events:none;position:absolute;z-index:1050;width:-webkit-max-content;width:-moz-max-content;width:max-content;max-width:13rem;border-radius:var(--maz-border-radius);border-width:var(--maz-border-width);padding:.25rem .5rem;text-align:center;-webkit-transition-property:all;transition-property:all;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1);-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-box-shadow:0 5px 10px 0 hsla(0,0%,0%,.05);box-shadow:0 5px 10px #0000000d}.m-tooltip--default:before{border-color:var(--maz-color-bg-light);background-color:var(--maz-color-bg);color:var(--maz-color-text)}.m-tooltip--default:is([class~=dark] *):before{border-color:var(--maz-color-bg-lighter);background-color:var(--maz-color-bg-light)}.m-tooltip--primary:before{border-color:var(--maz-color-primary-600);background-color:var(--maz-color-primary);color:var(--maz-color-primary-contrast)}.m-tooltip--secondary:before{border-color:var(--maz-color-secondary-600);background-color:var(--maz-color-secondary);color:var(--maz-color-secondary-contrast)}.m-tooltip--success:before{border-color:var(--maz-color-success-600);background-color:var(--maz-color-success);color:var(--maz-color-success-contrast)}.m-tooltip--warning:before{border-color:var(--maz-color-warning-600);background-color:var(--maz-color-warning);color:var(--maz-color-warning-contrast)}.m-tooltip--danger:before{border-color:var(--maz-color-danger-600);background-color:var(--maz-color-danger);color:var(--maz-color-danger-contrast)}.m-tooltip--info:before{border-color:var(--maz-color-info-600);background-color:var(--maz-color-info);color:var(--maz-color-info-contrast)}.m-tooltip--light:before{border-color:var(--maz-color-text-light);background-color:var(--maz-color-text-light);color:var(--maz-color-text-dark)}.m-tooltip--dark:before{border-color:var(--maz-color-text-dark);background-color:var(--maz-color-text-dark);color:var(--maz-color-text-light)}.m-tooltip--white:before{border-color:var(--maz-color-white);background-color:var(--maz-color-white);color:var(--maz-color-text-dark)}.m-tooltip--black:before{border-color:var(--maz-color-black);background-color:var(--maz-color-black);color:var(--maz-color-text-light)}.m-tooltip--theme:before{border-color:var(--maz-color-bg-theme);background-color:var(--maz-color-bg-theme);color:var(--maz-color-bg)}.m-tooltip--top:before{-webkit-transform-origin:bottom left;transform-origin:bottom left;bottom:calc(100% + var(--tooltip-offset, 16px));left:50%;-webkit-transform:scale(0) translate(-50%,0);transform:scale(0) translate(-50%)}.m-tooltip--bottom:before{-webkit-transform-origin:top left;transform-origin:top left;top:calc(100% + var(--tooltip-offset, 16px));left:50%;-webkit-transform:scale(0) translate(-50%,0);transform:scale(0) translate(-50%)}.m-tooltip--left:before{-webkit-transform-origin:top right;transform-origin:top right;top:50%;right:calc(100% + var(--tooltip-offset, 16px));-webkit-transform:scale(0) translate(0,-50%);transform:scale(0) translateY(-50%)}.m-tooltip--right:before{-webkit-transform-origin:top left;transform-origin:top left;top:50%;left:calc(100% + var(--tooltip-offset, 16px));-webkit-transform:scale(0) translate(0,-50%);transform:scale(0) translateY(-50%)}.m-tooltip--open.m-tooltip--top:before,.m-tooltip--open.m-tooltip--bottom:before,.m-tooltip:hover.m-tooltip--top:before,.m-tooltip:hover.m-tooltip--bottom:before{-webkit-transform:scale(1) translate(-50%,0);transform:scale(1) translate(-50%);opacity:1}.m-tooltip--open.m-tooltip--right:before,.m-tooltip--open.m-tooltip--left:before,.m-tooltip:hover.m-tooltip--right:before,.m-tooltip:hover.m-tooltip--left:before{-webkit-transform:scale(1) translate(0,-50%);transform:scale(1) translateY(-50%);opacity:1}

package/dist/bin/maz.mjs

@@ -0,0 +1,2 @@
+#!/usr/bin/env node
+import '@mazui/cli/cli'

package/dist/chunks/CountrySelector.C5XZelLY.mjs

@@ -0,0 +1,178 @@
+import { defineComponent as F, defineAsyncComponent as N, ref as P, computed as r, openBlock as i, createElementBlock as u, normalizeClass as a, normalizeStyle as D, renderSlot as c, createVNode as m, unref as n, createCommentVNode as y, mergeProps as I, withCtx as v, createElementVNode as C, toDisplayString as g } from "vue";
+import { u as M } from "./MazInputPhoneNumber.B173m1hd.mjs";
+import O from "../components/MazSelect.mjs";
+import { countryFlagUrlFromFlagCdn as z } from "../helpers/countryFlagFromFlagCdn.mjs";
+import { injectStrict as E } from "../helpers/injectStrict.mjs";
+import { truthyFilter as R } from "../helpers/truthyFilter.mjs";
+import { _ as T } from "./_plugin-vue_export-helper.CHgC5LLL.mjs";
+import '../assets/CountrySelector.Cnqbl3xF.css';const U = ["id"], j = {
+  key: 0,
+  class: "m-country-selector__select__item__flag-container"
+}, A = /* @__PURE__ */ F({
+  __name: "CountrySelector",
+  props: {
+    style: { default: void 0 },
+    class: { default: void 0 },
+    modelValue: { default: void 0 },
+    id: {},
+    color: {},
+    size: {},
+    preferredCountries: { default: void 0 },
+    ignoredCountries: { default: void 0 },
+    onlyCountries: { default: void 0 },
+    customCountriesList: { default: void 0 },
+    locales: {},
+    listPosition: { default: "bottom left" },
+    noFlags: { type: Boolean },
+    noSearch: { type: Boolean },
+    disabled: { type: Boolean },
+    showCodeOnList: { type: Boolean },
+    countryLocale: { default: void 0 },
+    success: { type: Boolean },
+    error: { type: Boolean },
+    countrySelectorDisplayName: { type: Boolean },
+    searchThreshold: {},
+    width: { default: "9rem" },
+    excludeSelectors: { default: void 0 }
+  },
+  emits: ["update:model-value"],
+  setup(S) {
+    const t = S, f = N(() => import("../components/MazLazyImg.mjs")), { phoneNumber: b } = E("data"), p = P(), { getCountriesList: w } = M(), k = r(() => w(t.countryLocale, t.customCountriesList)), d = r(
+      () => {
+        var e;
+        return (e = k.value) == null ? void 0 : e.filter((l) => {
+          var o;
+          return !((o = t.ignoredCountries) != null && o.includes(l.iso2));
+        });
+      }
+    ), h = r(() => {
+      const e = t.onlyCountries || t.preferredCountries;
+      return e == null ? void 0 : e.map(
+        (l) => {
+          var o;
+          return (o = d.value) == null ? void 0 : o.find((s) => s.iso2.includes(l));
+        }
+      );
+    }), V = r(
+      () => {
+        var e;
+        return (e = d.value) == null ? void 0 : e.filter((l) => {
+          var o;
+          return !((o = t.preferredCountries) != null && o.includes(l.iso2));
+        });
+      }
+    ), L = r(
+      () => t.preferredCountries ? [...h.value ?? [], ...V.value ?? []] : t.onlyCountries ? h.value : d.value
+    ), $ = r(
+      () => {
+        var e;
+        return (e = L.value) == null ? void 0 : e.map(
+          (l) => l ? {
+            ...l,
+            dialCode: `+${l.dialCode}`
+          } : void 0
+        ).filter(R);
+      }
+    );
+    function B() {
+      var e;
+      (e = p.value) == null || e.openList();
+    }
+    return (e, l) => (i(), u("div", {
+      class: a(["m-country-selector", [t.class, { "--no-flags": e.noFlags }]]),
+      style: D(e.style)
+    }, [
+      e.modelValue && !e.noFlags ? (i(), u("button", {
+        key: 0,
+        id: `country-selector-flag-button-${e.id}`,
+        class: a(["m-country-selector__country-flag", {
+          "--should-have-bottom-flag": e.locales.countrySelector.placeholder.length > 0
+        }]),
+        tabindex: "-1",
+        type: "button",
+        onClick: B
+      }, [
+        c(e.$slots, "selector-flag", { countryCode: e.modelValue }, () => [
+          m(n(f), {
+            src: n(z)(e.modelValue, "h20"),
+            alt: e.modelValue,
+            width: "20",
+            height: "20",
+            "img-class": "maz-w-5 maz-h-4 maz-rounded-sm"
+          }, null, 8, ["src", "alt"])
+        ], !0)
+      ], 10, U)) : y("", !0),
+      m(O, I({
+        id: `country-selector-${e.id}`,
+        ref_key: "CountrySelectorRef",
+        ref: p,
+        "model-value": e.modelValue
+      }, { ...e.$attrs }, {
+        class: "m-country-selector__select",
+        "option-value-key": "iso2",
+        "option-label-key": "name",
+        "option-input-value-key": e.countrySelectorDisplayName ? "name" : "dialCode",
+        name: "country",
+        "max-list-width": 250,
+        "min-list-width": 200,
+        disabled: e.disabled,
+        color: e.color,
+        size: e.size,
+        error: e.error,
+        "list-position": e.listPosition,
+        "item-height": 38,
+        success: e.success,
+        search: !e.noSearch,
+        "search-placeholder": e.locales.countrySelector.searchPlaceholder,
+        "search-threshold": e.searchThreshold,
+        options: $.value,
+        hint: n(b) && !e.modelValue ? e.locales.countrySelector.error : void 0,
+        label: e.locales.countrySelector.placeholder,
+        style: {
+          width: e.width
+        },
+        "exclude-selectors": [`#country-selector-flag-button-${e.id}`, ...e.excludeSelectors ?? []],
+        "onUpdate:modelValue": l[0] || (l[0] = (o) => e.$emit("update:model-value", o))
+      }), {
+        "no-results": v(() => [
+          c(e.$slots, "no-results", {}, void 0, !0)
+        ]),
+        default: v(({ option: o, isSelected: s }) => [
+          C("div", {
+            class: a(["m-country-selector__select__item", {
+              "m-country-selector__select__item--selected": s
+            }])
+          }, [
+            !e.noFlags && typeof o.iso2 == "string" ? (i(), u("span", j, [
+              c(e.$slots, "country-list-flag", {
+                countryCode: o.iso2,
+                option: o,
+                isSelected: s
+              }, () => [
+                m(n(f), {
+                  src: n(z)(o.iso2, "h20"),
+                  alt: `${o.name} flag`,
+                  width: "20",
+                  height: "20",
+                  "img-class": "maz-rounded-full maz-w-5 maz-h-5"
+                }, null, 8, ["src", "alt"])
+              ], !0)
+            ])) : y("", !0),
+            e.showCodeOnList ? (i(), u("span", {
+              key: 1,
+              class: a(["maz-w-9 maz-flex-none", { "maz-text-muted": !s }])
+            }, g(o.dialCode), 3)) : y("", !0),
+            C("span", {
+              class: a(["maz-flex-1 maz-truncate", { "maz-font-semibold": s }])
+            }, g(o.name), 3)
+          ], 2)
+        ]),
+        _: 3
+      }, 16, ["id", "model-value", "option-input-value-key", "disabled", "color", "size", "error", "list-position", "success", "search", "search-placeholder", "search-threshold", "options", "hint", "label", "style", "exclude-selectors"])
+    ], 6));
+  }
+}), X = /* @__PURE__ */ T(A, [["__scopeId", "data-v-1fafe602"]]);
+export {
+  X as default
+};
+//# sourceMappingURL=CountrySelector.C5XZelLY.mjs.map

package/dist/chunks/CountrySelector.C5XZelLY.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CountrySelector.C5XZelLY.mjs","sources":["../../src/components/MazInputPhoneNumber/CountrySelector.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { MazInputPhoneNumberInjectedData } from '@components/MazInputPhoneNumber.vue'\nimport type { MazInputPhoneNumberTranslations } from '@components/MazInputPhoneNumber/types'\nimport type { Color, Position, Size } from '@components/types'\nimport type { CountryCode } from 'libphonenumber-js'\nimport { useMazInputPhoneNumber } from '@components/MazInputPhoneNumber/useMazInputPhoneNumber'\nimport MazSelect from '@components/MazSelect.vue'\nimport { countryFlagUrlFromFlagCdn } from '@helpers/countryFlagFromFlagCdn'\nimport { injectStrict } from '@helpers/injectStrict'\nimport { truthyFilter } from '@helpers/truthyFilter'\nimport { type ComponentPublicInstance, computed, defineAsyncComponent, type HTMLAttributes, ref } from 'vue'\n\nconst props = withDefaults(\n  defineProps<{\n    /** Style attribut of the component root element */\n    style?: HTMLAttributes['style']\n    /** Class attribut of the component root element */\n    class?: HTMLAttributes['class']\n    modelValue?: CountryCode | undefined | null\n    id: string\n    color: Color\n    size: Size\n    preferredCountries?: CountryCode[]\n    ignoredCountries?: CountryCode[]\n    onlyCountries?: CountryCode[]\n    customCountriesList?: Record<CountryCode, string>\n    locales: MazInputPhoneNumberTranslations\n    listPosition?: Position\n    noFlags?: boolean\n    noSearch?: boolean\n    disabled?: boolean\n    showCodeOnList?: boolean\n    countryLocale?: string\n    success?: boolean\n    error?: boolean\n    countrySelectorDisplayName?: boolean\n    searchThreshold?: number\n    width: string\n    excludeSelectors?: string[]\n  }>(),\n  {\n    class: undefined,\n    style: undefined,\n    modelValue: undefined,\n    listPosition: 'bottom left',\n    preferredCountries: undefined,\n    ignoredCountries: undefined,\n    onlyCountries: undefined,\n    customCountriesList: undefined,\n    countryLocale: undefined,\n    width: '9rem',\n    excludeSelectors: undefined,\n  },\n)\n\ndefineEmits<(event: 'update:model-value', countryCode?: CountryCode) => void>()\n\nconst MazLazyImg = defineAsyncComponent(() => import('@components/MazLazyImg.vue'))\n\nconst { phoneNumber } = injectStrict<MazInputPhoneNumberInjectedData>('data')\n\nconst CountrySelectorRef = ref<ComponentPublicInstance<typeof MazSelect> & { openList: () => void }>()\n\nconst { getCountriesList } = useMazInputPhoneNumber()\n\nconst countries = computed(() => getCountriesList(props.countryLocale, props.customCountriesList))\n\nconst countriesList = computed(() =>\n  countries.value?.filter(item => !props.ignoredCountries?.includes(item.iso2)),\n)\n\nconst countriesFiltered = computed(() => {\n  const countries = props.onlyCountries || props.preferredCountries\n  return countries?.map(country =>\n    countriesList.value?.find(item => item.iso2.includes(country)),\n  )\n})\n\nconst otherCountries = computed(() =>\n  countriesList.value?.filter(item => !props.preferredCountries?.includes(item.iso2)),\n)\n\nconst countriesSorted = computed(() =>\n  props.preferredCountries\n    ? [...(countriesFiltered.value ?? []), ...(otherCountries.value ?? [])]\n    : props.onlyCountries\n      ? countriesFiltered.value\n      : countriesList.value,\n)\n\nconst countryOptions = computed(() =>\n  countriesSorted.value\n    ?.map(country =>\n      country\n        ? {\n            ...country,\n            dialCode: `+${country.dialCode}`,\n          }\n        : undefined,\n    )\n    .filter(truthyFilter),\n)\n\nfunction focusCountrySelector() {\n  CountrySelectorRef.value?.openList()\n}\n</script>\n\n<template>\n  <div class=\"m-country-selector\" :class=\"[props.class, { '--no-flags': noFlags }]\" :style=\"style\">\n    <button\n      v-if=\"modelValue && !noFlags\"\n      :id=\"`country-selector-flag-button-${id}`\"\n      class=\"m-country-selector__country-flag\"\n      tabindex=\"-1\"\n      type=\"button\"\n      :class=\"{\n        '--should-have-bottom-flag': locales.countrySelector.placeholder.length > 0,\n      }\"\n      @click=\"focusCountrySelector\"\n    >\n      <!--\n        @slot Country selector flag\n          @binding {String} country-code - current selected country code - Ex: `\"FR\"`\n      -->\n      <slot name=\"selector-flag\" :country-code=\"modelValue\">\n        <MazLazyImg\n          :src=\"countryFlagUrlFromFlagCdn(modelValue, 'h20')\"\n          :alt=\"modelValue\"\n          width=\"20\"\n          height=\"20\"\n          img-class=\"maz-w-5 maz-h-4 maz-rounded-sm\"\n        />\n      </slot>\n    </button>\n\n    <MazSelect\n      :id=\"`country-selector-${id}`\"\n      ref=\"CountrySelectorRef\"\n      :model-value=\"modelValue\"\n      v-bind=\"{ ...$attrs }\"\n      class=\"m-country-selector__select\"\n      option-value-key=\"iso2\"\n      option-label-key=\"name\"\n      :option-input-value-key=\"countrySelectorDisplayName ? 'name' : 'dialCode'\"\n      name=\"country\"\n      :max-list-width=\"250\"\n      :min-list-width=\"200\"\n      :disabled\n      :color\n      :size\n      :error\n      :list-position\n      :item-height=\"38\"\n      :success\n      :search=\"!noSearch\"\n      :search-placeholder=\"locales.countrySelector.searchPlaceholder\"\n      :search-threshold\n      :options=\"countryOptions\"\n      :hint=\"!!phoneNumber && !modelValue ? locales.countrySelector.error : undefined\"\n      :label=\"locales.countrySelector.placeholder\"\n      :style=\"{\n        width,\n      }\"\n      :exclude-selectors=\"[`#country-selector-flag-button-${id}`, ...(excludeSelectors ?? [])]\"\n      @update:model-value=\"$emit('update:model-value', $event as CountryCode)\"\n    >\n      <template #no-results>\n        <slot name=\"no-results\" />\n      </template>\n      <template #default=\"{ option, isSelected }\">\n        <div\n          class=\"m-country-selector__select__item\"\n          :class=\"{\n            'm-country-selector__select__item--selected': isSelected,\n          }\"\n        >\n          <span v-if=\"!noFlags && typeof option.iso2 === 'string'\" class=\"m-country-selector__select__item__flag-container\">\n            <!--\n              @slot Country list flag\n                @binding {String} country-code - country code of option - Ex: `\"FR\"`\n                @binding {{ iso2: string; dialCode: string; name: string; }} option - country data\n                @binding {Boolean} is-selected - `true` if option is selected\n            -->\n            <slot\n              name=\"country-list-flag\"\n              :country-code=\"option.iso2\"\n              :option=\"option\"\n              :is-selected=\"isSelected\"\n            >\n              <MazLazyImg\n                :src=\"countryFlagUrlFromFlagCdn(option.iso2 as CountryCode, 'h20')\"\n                :alt=\"`${option.name} flag`\"\n                width=\"20\"\n                height=\"20\"\n                img-class=\"maz-rounded-full maz-w-5 maz-h-5\"\n              />\n            </slot>\n          </span>\n          <span\n            v-if=\"showCodeOnList\"\n            class=\"maz-w-9 maz-flex-none\"\n            :class=\"{ 'maz-text-muted': !isSelected }\"\n          >\n            {{ option.dialCode }}\n          </span>\n          <span class=\"maz-flex-1 maz-truncate\" :class=\"{ 'maz-font-semibold': isSelected }\">\n            {{ option.name }}\n          </span>\n        </div>\n      </template>\n    </MazSelect>\n  </div>\n</template>\n\n<style lang=\"postcss\" scoped>\n  .m-country-selector {\n  @apply maz-relative;\n\n  &__country-flag {\n    position: absolute;\n    left: 0.813rem;\n    z-index: 4;\n    outline: none;\n    border: none;\n    padding: 0;\n    margin: 0;\n    top: 1.25rem;\n    cursor: pointer;\n\n    @apply maz-flex maz-flex-center;\n\n    &.--should-have-bottom-flag {\n      bottom: 2px;\n    }\n  }\n\n  &__select {\n    &:deep(.m-input-label) {\n      @apply !maz-p-0;\n    }\n\n    &__item {\n      @apply maz-w-full maz-text-sm maz-flex maz-items-center maz-gap-2 maz-truncate;\n\n      &__flag-container {\n        @apply maz-flex maz-flex-center;\n      }\n    }\n  }\n\n  &:not(.--no-flags) {\n    .m-country-selector__select:deep(.m-select-input input) {\n      @apply !maz-pl-10;\n    }\n  }\n}\n\n/* RESPONSIVE */\n.m-phone-number-input {\n  &.--responsive .m-country-selector {\n    @apply maz-min-w-full mob-m:maz-min-w-[inherit];\n\n    &__select {\n      @apply maz-min-w-full mob-m:maz-min-w-[inherit];\n\n      :deep(.m-select-input .m-input-wrapper) {\n        @apply maz-rounded-b-none mob-m:maz-rounded-b mob-m:maz-rounded-r-none;\n      }\n    }\n  }\n\n  &.--row .m-country-selector {\n    &__select {\n      :deep(.m-select-input .m-input-wrapper) {\n        @apply maz-rounded-r-none;\n      }\n    }\n  }\n\n  &.--col .m-country-selector {\n    @apply maz-min-w-full;\n\n    &__select {\n      @apply maz-min-w-full;\n\n      :deep(.m-select-input .m-input-wrapper) {\n        @apply maz-rounded-b-none maz-rounded-tr;\n      }\n    }\n  }\n}\n</style>\n"],"names":["props","__props","MazLazyImg","defineAsyncComponent","phoneNumber","injectStrict","CountrySelectorRef","ref","getCountriesList","useMazInputPhoneNumber","countries","computed","countriesList","_a","item","countriesFiltered","country","otherCountries","countriesSorted","countryOptions","truthyFilter","focusCountrySelector"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAYA,UAAMA,IAAQC,GA6CRC,IAAaC,EAAqB,MAAM,OAAO,8BAA4B,CAAC,GAE5E,EAAE,aAAAC,EAAA,IAAgBC,EAA8C,MAAM,GAEtEC,IAAqBC,EAA0E,GAE/F,EAAE,kBAAAC,EAAiB,IAAIC,EAAuB,GAE9CC,IAAYC,EAAS,MAAMH,EAAiBR,EAAM,eAAeA,EAAM,mBAAmB,CAAC,GAE3FY,IAAgBD;AAAA,MAAS,MAAA;;AAC7B,gBAAAE,IAAAH,EAAU,UAAV,gBAAAG,EAAiB,OAAO,CAAAC,MAAA;;AAAQ,oBAACD,IAAAb,EAAM,qBAAN,QAAAa,EAAwB,SAASC,EAAK;AAAA;AAAA;AAAA,IACzE,GAEMC,IAAoBJ,EAAS,MAAM;AACjCD,YAAAA,IAAYV,EAAM,iBAAiBA,EAAM;AAC/C,aAAOU,KAAAA,gBAAAA,EAAW;AAAA,QAAI,CAAAM,MAAA;;AACpB,kBAAAH,IAAAD,EAAc,UAAd,gBAAAC,EAAqB,KAAK,OAAQC,EAAK,KAAK,SAASE,CAAO;AAAA;AAAA;AAAA,IAC9D,CACD,GAEKC,IAAiBN;AAAA,MAAS,MAAA;;AAC9B,gBAAAE,IAAAD,EAAc,UAAd,gBAAAC,EAAqB,OAAO,CAAAC,MAAA;;AAAQ,oBAACD,IAAAb,EAAM,uBAAN,QAAAa,EAA0B,SAASC,EAAK;AAAA;AAAA;AAAA,IAC/E,GAEMI,IAAkBP;AAAA,MAAS,MAC/BX,EAAM,qBACF,CAAC,GAAIe,EAAkB,SAAS,CAAA,GAAK,GAAIE,EAAe,SAAS,CAAA,CAAG,IACpEjB,EAAM,gBACJe,EAAkB,QAClBH,EAAc;AAAA,IACtB,GAEMO,IAAiBR;AAAA,MAAS,MAC9B;;AAAA,gBAAAE,IAAAK,EAAgB,UAAhB,gBAAAL,EACI;AAAA,UAAI,OACJG,IACI;AAAA,YACE,GAAGA;AAAA,YACH,UAAU,IAAIA,EAAQ,QAAQ;AAAA,UAAA,IAEhC;AAAA,UAEL,OAAOI;AAAA;AAAA,IACZ;AAEA,aAASC,IAAuB;;AAC9B,OAAAR,IAAAP,EAAmB,UAAnB,QAAAO,EAA0B;AAAA,IAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/chunks/CountrySelector.mFGaqpPf.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../assets/CountrySelector.Cnqbl3xF.css');const o=require("vue"),v=require("./MazInputPhoneNumber.EZVh1Yx5.cjs"),z=require("../components/MazSelect.cjs"),c=require("../helpers/countryFlagFromFlagCdn.cjs"),S=require("../helpers/injectStrict.cjs"),b=require("../helpers/truthyFilter.cjs"),k=require("./_plugin-vue_export-helper.BHFhmbuH.cjs"),V=["id"],F={key:0,class:"m-country-selector__select__item__flag-container"},B=o.defineComponent({__name:"CountrySelector",props:{style:{default:void 0},class:{default:void 0},modelValue:{default:void 0},id:{},color:{},size:{},preferredCountries:{default:void 0},ignoredCountries:{default:void 0},onlyCountries:{default:void 0},customCountriesList:{default:void 0},locales:{},listPosition:{default:"bottom left"},noFlags:{type:Boolean},noSearch:{type:Boolean},disabled:{type:Boolean},showCodeOnList:{type:Boolean},countryLocale:{default:void 0},success:{type:Boolean},error:{type:Boolean},countrySelectorDisplayName:{type:Boolean},searchThreshold:{},width:{default:"9rem"},excludeSelectors:{default:void 0}},emits:["update:model-value"],setup(d){const r=d,a=o.defineAsyncComponent(()=>Promise.resolve().then(()=>require("../components/MazLazyImg.cjs"))),{phoneNumber:m}=S.injectStrict("data"),u=o.ref(),{getCountriesList:p}=v.useMazInputPhoneNumber(),y=o.computed(()=>p(r.countryLocale,r.customCountriesList)),n=o.computed(()=>{var e;return(e=y.value)==null?void 0:e.filter(l=>{var t;return!((t=r.ignoredCountries)!=null&&t.includes(l.iso2))})}),i=o.computed(()=>{const e=r.onlyCountries||r.preferredCountries;return e==null?void 0:e.map(l=>{var t;return(t=n.value)==null?void 0:t.find(s=>s.iso2.includes(l))})}),h=o.computed(()=>{var e;return(e=n.value)==null?void 0:e.filter(l=>{var t;return!((t=r.preferredCountries)!=null&&t.includes(l.iso2))})}),f=o.computed(()=>r.preferredCountries?[...i.value??[],...h.value??[]]:r.onlyCountries?i.value:n.value),C=o.computed(()=>{var e;return(e=f.value)==null?void 0:e.map(l=>l?{...l,dialCode:`+${l.dialCode}`}:void 0).filter(b.truthyFilter)});function g(){var e;(e=u.value)==null||e.openList()}return(e,l)=>(o.openBlock(),o.createElementBlock("div",{class:o.normalizeClass(["m-country-selector",[r.class,{"--no-flags":e.noFlags}]]),style:o.normalizeStyle(e.style)},[e.modelValue&&!e.noFlags?(o.openBlock(),o.createElementBlock("button",{key:0,id:`country-selector-flag-button-${e.id}`,class:o.normalizeClass(["m-country-selector__country-flag",{"--should-have-bottom-flag":e.locales.countrySelector.placeholder.length>0}]),tabindex:"-1",type:"button",onClick:g},[o.renderSlot(e.$slots,"selector-flag",{countryCode:e.modelValue},()=>[o.createVNode(o.unref(a),{src:o.unref(c.countryFlagUrlFromFlagCdn)(e.modelValue,"h20"),alt:e.modelValue,width:"20",height:"20","img-class":"maz-w-5 maz-h-4 maz-rounded-sm"},null,8,["src","alt"])],!0)],10,V)):o.createCommentVNode("",!0),o.createVNode(z.default,o.mergeProps({id:`country-selector-${e.id}`,ref_key:"CountrySelectorRef",ref:u,"model-value":e.modelValue},{...e.$attrs},{class:"m-country-selector__select","option-value-key":"iso2","option-label-key":"name","option-input-value-key":e.countrySelectorDisplayName?"name":"dialCode",name:"country","max-list-width":250,"min-list-width":200,disabled:e.disabled,color:e.color,size:e.size,error:e.error,"list-position":e.listPosition,"item-height":38,success:e.success,search:!e.noSearch,"search-placeholder":e.locales.countrySelector.searchPlaceholder,"search-threshold":e.searchThreshold,options:C.value,hint:o.unref(m)&&!e.modelValue?e.locales.countrySelector.error:void 0,label:e.locales.countrySelector.placeholder,style:{width:e.width},"exclude-selectors":[`#country-selector-flag-button-${e.id}`,...e.excludeSelectors??[]],"onUpdate:modelValue":l[0]||(l[0]=t=>e.$emit("update:model-value",t))}),{"no-results":o.withCtx(()=>[o.renderSlot(e.$slots,"no-results",{},void 0,!0)]),default:o.withCtx(({option:t,isSelected:s})=>[o.createElementVNode("div",{class:o.normalizeClass(["m-country-selector__select__item",{"m-country-selector__select__item--selected":s}])},[!e.noFlags&&typeof t.iso2=="string"?(o.openBlock(),o.createElementBlock("span",F,[o.renderSlot(e.$slots,"country-list-flag",{countryCode:t.iso2,option:t,isSelected:s},()=>[o.createVNode(o.unref(a),{src:o.unref(c.countryFlagUrlFromFlagCdn)(t.iso2,"h20"),alt:`${t.name} flag`,width:"20",height:"20","img-class":"maz-rounded-full maz-w-5 maz-h-5"},null,8,["src","alt"])],!0)])):o.createCommentVNode("",!0),e.showCodeOnList?(o.openBlock(),o.createElementBlock("span",{key:1,class:o.normalizeClass(["maz-w-9 maz-flex-none",{"maz-text-muted":!s}])},o.toDisplayString(t.dialCode),3)):o.createCommentVNode("",!0),o.createElementVNode("span",{class:o.normalizeClass(["maz-flex-1 maz-truncate",{"maz-font-semibold":s}])},o.toDisplayString(t.name),3)],2)]),_:3},16,["id","model-value","option-input-value-key","disabled","color","size","error","list-position","success","search","search-placeholder","search-threshold","options","hint","label","style","exclude-selectors"])],6))}}),w=k._export_sfc(B,[["__scopeId","data-v-1fafe602"]]);exports.default=w;
+//# sourceMappingURL=CountrySelector.mFGaqpPf.cjs.map

package/dist/chunks/CountrySelector.mFGaqpPf.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CountrySelector.mFGaqpPf.cjs","sources":["../../src/components/MazInputPhoneNumber/CountrySelector.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { MazInputPhoneNumberInjectedData } from '@components/MazInputPhoneNumber.vue'\nimport type { MazInputPhoneNumberTranslations } from '@components/MazInputPhoneNumber/types'\nimport type { Color, Position, Size } from '@components/types'\nimport type { CountryCode } from 'libphonenumber-js'\nimport { useMazInputPhoneNumber } from '@components/MazInputPhoneNumber/useMazInputPhoneNumber'\nimport MazSelect from '@components/MazSelect.vue'\nimport { countryFlagUrlFromFlagCdn } from '@helpers/countryFlagFromFlagCdn'\nimport { injectStrict } from '@helpers/injectStrict'\nimport { truthyFilter } from '@helpers/truthyFilter'\nimport { type ComponentPublicInstance, computed, defineAsyncComponent, type HTMLAttributes, ref } from 'vue'\n\nconst props = withDefaults(\n  defineProps<{\n    /** Style attribut of the component root element */\n    style?: HTMLAttributes['style']\n    /** Class attribut of the component root element */\n    class?: HTMLAttributes['class']\n    modelValue?: CountryCode | undefined | null\n    id: string\n    color: Color\n    size: Size\n    preferredCountries?: CountryCode[]\n    ignoredCountries?: CountryCode[]\n    onlyCountries?: CountryCode[]\n    customCountriesList?: Record<CountryCode, string>\n    locales: MazInputPhoneNumberTranslations\n    listPosition?: Position\n    noFlags?: boolean\n    noSearch?: boolean\n    disabled?: boolean\n    showCodeOnList?: boolean\n    countryLocale?: string\n    success?: boolean\n    error?: boolean\n    countrySelectorDisplayName?: boolean\n    searchThreshold?: number\n    width: string\n    excludeSelectors?: string[]\n  }>(),\n  {\n    class: undefined,\n    style: undefined,\n    modelValue: undefined,\n    listPosition: 'bottom left',\n    preferredCountries: undefined,\n    ignoredCountries: undefined,\n    onlyCountries: undefined,\n    customCountriesList: undefined,\n    countryLocale: undefined,\n    width: '9rem',\n    excludeSelectors: undefined,\n  },\n)\n\ndefineEmits<(event: 'update:model-value', countryCode?: CountryCode) => void>()\n\nconst MazLazyImg = defineAsyncComponent(() => import('@components/MazLazyImg.vue'))\n\nconst { phoneNumber } = injectStrict<MazInputPhoneNumberInjectedData>('data')\n\nconst CountrySelectorRef = ref<ComponentPublicInstance<typeof MazSelect> & { openList: () => void }>()\n\nconst { getCountriesList } = useMazInputPhoneNumber()\n\nconst countries = computed(() => getCountriesList(props.countryLocale, props.customCountriesList))\n\nconst countriesList = computed(() =>\n  countries.value?.filter(item => !props.ignoredCountries?.includes(item.iso2)),\n)\n\nconst countriesFiltered = computed(() => {\n  const countries = props.onlyCountries || props.preferredCountries\n  return countries?.map(country =>\n    countriesList.value?.find(item => item.iso2.includes(country)),\n  )\n})\n\nconst otherCountries = computed(() =>\n  countriesList.value?.filter(item => !props.preferredCountries?.includes(item.iso2)),\n)\n\nconst countriesSorted = computed(() =>\n  props.preferredCountries\n    ? [...(countriesFiltered.value ?? []), ...(otherCountries.value ?? [])]\n    : props.onlyCountries\n      ? countriesFiltered.value\n      : countriesList.value,\n)\n\nconst countryOptions = computed(() =>\n  countriesSorted.value\n    ?.map(country =>\n      country\n        ? {\n            ...country,\n            dialCode: `+${country.dialCode}`,\n          }\n        : undefined,\n    )\n    .filter(truthyFilter),\n)\n\nfunction focusCountrySelector() {\n  CountrySelectorRef.value?.openList()\n}\n</script>\n\n<template>\n  <div class=\"m-country-selector\" :class=\"[props.class, { '--no-flags': noFlags }]\" :style=\"style\">\n    <button\n      v-if=\"modelValue && !noFlags\"\n      :id=\"`country-selector-flag-button-${id}`\"\n      class=\"m-country-selector__country-flag\"\n      tabindex=\"-1\"\n      type=\"button\"\n      :class=\"{\n        '--should-have-bottom-flag': locales.countrySelector.placeholder.length > 0,\n      }\"\n      @click=\"focusCountrySelector\"\n    >\n      <!--\n        @slot Country selector flag\n          @binding {String} country-code - current selected country code - Ex: `\"FR\"`\n      -->\n      <slot name=\"selector-flag\" :country-code=\"modelValue\">\n        <MazLazyImg\n          :src=\"countryFlagUrlFromFlagCdn(modelValue, 'h20')\"\n          :alt=\"modelValue\"\n          width=\"20\"\n          height=\"20\"\n          img-class=\"maz-w-5 maz-h-4 maz-rounded-sm\"\n        />\n      </slot>\n    </button>\n\n    <MazSelect\n      :id=\"`country-selector-${id}`\"\n      ref=\"CountrySelectorRef\"\n      :model-value=\"modelValue\"\n      v-bind=\"{ ...$attrs }\"\n      class=\"m-country-selector__select\"\n      option-value-key=\"iso2\"\n      option-label-key=\"name\"\n      :option-input-value-key=\"countrySelectorDisplayName ? 'name' : 'dialCode'\"\n      name=\"country\"\n      :max-list-width=\"250\"\n      :min-list-width=\"200\"\n      :disabled\n      :color\n      :size\n      :error\n      :list-position\n      :item-height=\"38\"\n      :success\n      :search=\"!noSearch\"\n      :search-placeholder=\"locales.countrySelector.searchPlaceholder\"\n      :search-threshold\n      :options=\"countryOptions\"\n      :hint=\"!!phoneNumber && !modelValue ? locales.countrySelector.error : undefined\"\n      :label=\"locales.countrySelector.placeholder\"\n      :style=\"{\n        width,\n      }\"\n      :exclude-selectors=\"[`#country-selector-flag-button-${id}`, ...(excludeSelectors ?? [])]\"\n      @update:model-value=\"$emit('update:model-value', $event as CountryCode)\"\n    >\n      <template #no-results>\n        <slot name=\"no-results\" />\n      </template>\n      <template #default=\"{ option, isSelected }\">\n        <div\n          class=\"m-country-selector__select__item\"\n          :class=\"{\n            'm-country-selector__select__item--selected': isSelected,\n          }\"\n        >\n          <span v-if=\"!noFlags && typeof option.iso2 === 'string'\" class=\"m-country-selector__select__item__flag-container\">\n            <!--\n              @slot Country list flag\n                @binding {String} country-code - country code of option - Ex: `\"FR\"`\n                @binding {{ iso2: string; dialCode: string; name: string; }} option - country data\n                @binding {Boolean} is-selected - `true` if option is selected\n            -->\n            <slot\n              name=\"country-list-flag\"\n              :country-code=\"option.iso2\"\n              :option=\"option\"\n              :is-selected=\"isSelected\"\n            >\n              <MazLazyImg\n                :src=\"countryFlagUrlFromFlagCdn(option.iso2 as CountryCode, 'h20')\"\n                :alt=\"`${option.name} flag`\"\n                width=\"20\"\n                height=\"20\"\n                img-class=\"maz-rounded-full maz-w-5 maz-h-5\"\n              />\n            </slot>\n          </span>\n          <span\n            v-if=\"showCodeOnList\"\n            class=\"maz-w-9 maz-flex-none\"\n            :class=\"{ 'maz-text-muted': !isSelected }\"\n          >\n            {{ option.dialCode }}\n          </span>\n          <span class=\"maz-flex-1 maz-truncate\" :class=\"{ 'maz-font-semibold': isSelected }\">\n            {{ option.name }}\n          </span>\n        </div>\n      </template>\n    </MazSelect>\n  </div>\n</template>\n\n<style lang=\"postcss\" scoped>\n  .m-country-selector {\n  @apply maz-relative;\n\n  &__country-flag {\n    position: absolute;\n    left: 0.813rem;\n    z-index: 4;\n    outline: none;\n    border: none;\n    padding: 0;\n    margin: 0;\n    top: 1.25rem;\n    cursor: pointer;\n\n    @apply maz-flex maz-flex-center;\n\n    &.--should-have-bottom-flag {\n      bottom: 2px;\n    }\n  }\n\n  &__select {\n    &:deep(.m-input-label) {\n      @apply !maz-p-0;\n    }\n\n    &__item {\n      @apply maz-w-full maz-text-sm maz-flex maz-items-center maz-gap-2 maz-truncate;\n\n      &__flag-container {\n        @apply maz-flex maz-flex-center;\n      }\n    }\n  }\n\n  &:not(.--no-flags) {\n    .m-country-selector__select:deep(.m-select-input input) {\n      @apply !maz-pl-10;\n    }\n  }\n}\n\n/* RESPONSIVE */\n.m-phone-number-input {\n  &.--responsive .m-country-selector {\n    @apply maz-min-w-full mob-m:maz-min-w-[inherit];\n\n    &__select {\n      @apply maz-min-w-full mob-m:maz-min-w-[inherit];\n\n      :deep(.m-select-input .m-input-wrapper) {\n        @apply maz-rounded-b-none mob-m:maz-rounded-b mob-m:maz-rounded-r-none;\n      }\n    }\n  }\n\n  &.--row .m-country-selector {\n    &__select {\n      :deep(.m-select-input .m-input-wrapper) {\n        @apply maz-rounded-r-none;\n      }\n    }\n  }\n\n  &.--col .m-country-selector {\n    @apply maz-min-w-full;\n\n    &__select {\n      @apply maz-min-w-full;\n\n      :deep(.m-select-input .m-input-wrapper) {\n        @apply maz-rounded-b-none maz-rounded-tr;\n      }\n    }\n  }\n}\n</style>\n"],"names":["props","__props","MazLazyImg","defineAsyncComponent","phoneNumber","injectStrict","CountrySelectorRef","ref","getCountriesList","useMazInputPhoneNumber","countries","computed","countriesList","_a","item","countriesFiltered","country","otherCountries","countriesSorted","countryOptions","truthyFilter","focusCountrySelector"],"mappings":"omCAYA,MAAMA,EAAQC,EA6CRC,EAAaC,EAAAA,qBAAqB,IAAM,QAAA,QAAA,EAAA,KAAA,IAAA,QAAO,8BAA4B,CAAA,CAAC,EAE5E,CAAE,YAAAC,CAAA,EAAgBC,EAAA,aAA8C,MAAM,EAEtEC,EAAqBC,EAAAA,IAA0E,EAE/F,CAAE,iBAAAC,CAAiB,EAAIC,yBAAuB,EAE9CC,EAAYC,WAAS,IAAMH,EAAiBR,EAAM,cAAeA,EAAM,mBAAmB,CAAC,EAE3FY,EAAgBD,EAAA,SAAS,IAAA,OAC7B,OAAAE,EAAAH,EAAU,QAAV,YAAAG,EAAiB,OAAOC,GAAA,OAAQ,SAACD,EAAAb,EAAM,mBAAN,MAAAa,EAAwB,SAASC,EAAK,SACzE,EAEMC,EAAoBJ,EAAAA,SAAS,IAAM,CACjCD,MAAAA,EAAYV,EAAM,eAAiBA,EAAM,mBAC/C,OAAOU,GAAAA,YAAAA,EAAW,IAAIM,GAAA,OACpB,OAAAH,EAAAD,EAAc,QAAd,YAAAC,EAAqB,QAAaC,EAAK,KAAK,SAASE,CAAO,IAC9D,CACD,EAEKC,EAAiBN,EAAA,SAAS,IAAA,OAC9B,OAAAE,EAAAD,EAAc,QAAd,YAAAC,EAAqB,OAAOC,GAAA,OAAQ,SAACD,EAAAb,EAAM,qBAAN,MAAAa,EAA0B,SAASC,EAAK,SAC/E,EAEMI,EAAkBP,EAAA,SAAS,IAC/BX,EAAM,mBACF,CAAC,GAAIe,EAAkB,OAAS,CAAA,EAAK,GAAIE,EAAe,OAAS,CAAA,CAAG,EACpEjB,EAAM,cACJe,EAAkB,MAClBH,EAAc,KACtB,EAEMO,EAAiBR,EAAA,SAAS,IAC9B,OAAA,OAAAE,EAAAK,EAAgB,QAAhB,YAAAL,EACI,OACAG,EACI,CACE,GAAGA,EACH,SAAU,IAAIA,EAAQ,QAAQ,EAAA,EAEhC,QAEL,OAAOI,EAAY,cACxB,EAEA,SAASC,GAAuB,QAC9BR,EAAAP,EAAmB,QAAnB,MAAAO,EAA0B,UAAS"}

package/dist/chunks/MazChart.vue_vue_type_script_setup_true_lang.ChSNYqys.cjs

@@ -0,0 +1,2 @@
+"use strict";var y=Object.create;var o=Object.defineProperty;var g=Object.getOwnPropertyDescriptor;var b=Object.getOwnPropertyNames;var f=Object.getPrototypeOf,_=Object.prototype.hasOwnProperty;var h=(e,t,a,s)=>{if(t&&typeof t=="object"||typeof t=="function")for(let n of b(t))!_.call(e,n)&&n!==a&&o(e,n,{get:()=>t[n],enumerable:!(s=g(t,n))||s.enumerable});return e};var C=(e,t,a)=>(a=e!=null?y(f(e)):{},h(t||!e||!e.__esModule?o(a,"default",{value:e,enumerable:!0}):a,e));const c=require("vue"),r=require("chart.js"),S=c.defineComponent({__name:"MazChart",props:{type:{type:String,required:!0},data:{type:Object,required:!0},options:{type:Object,default:()=>({})},plugins:{type:Array,default:()=>[]},datasetIdKey:{type:String,default:"label"},updateMode:{type:String,default:void 0}},setup(e){const t=e;r.Chart.register(r.CategoryScale,r.LinearScale,r.Title,r.Tooltip,r.Legend,r.BarElement,r.ArcElement,r.PointElement,r.LineElement);const a=c.defineAsyncComponent(async()=>{const{Bar:s,Bubble:n,Doughnut:u,Line:i,Pie:l,PolarArea:p,Radar:d,Scatter:m}=await import("vue-chartjs");switch(t.type){case"bar":return s;case"line":return i;case"scatter":return m;case"bubble":return n;case"pie":return l;case"doughnut":return u;case"polarArea":return p;case"radar":return d}});return(s,n)=>(c.openBlock(),c.createBlock(c.resolveDynamicComponent(c.unref(a)),c.mergeProps({class:"m-chart m-reset-css"},t),null,16))}});exports._sfc_main=S;
+//# sourceMappingURL=MazChart.vue_vue_type_script_setup_true_lang.ChSNYqys.cjs.map

package/dist/chunks/MazChart.vue_vue_type_script_setup_true_lang.ChSNYqys.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MazChart.vue_vue_type_script_setup_true_lang.ChSNYqys.cjs","sources":["../../src/components/MazChart.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport {\n  ArcElement,\n  BarElement,\n  CategoryScale,\n  Chart,\n  type ChartData,\n  type ChartType,\n  Legend,\n  LinearScale,\n  LineElement,\n  PointElement,\n  Title,\n  Tooltip,\n  type UpdateMode,\n} from 'chart.js'\nimport { defineAsyncComponent, type PropType } from 'vue'\n\nexport type { ChartData, ChartType, UpdateMode }\n\nconst props = defineProps({\n  /**\n   * Chart.js chart type\n   */\n  type: {\n    type: String as PropType<ChartType>,\n    required: true,\n  },\n  /**\n   * The data object that is passed into the Chart.js chart\n   * @see https://www.chartjs.org/docs/latest/getting-started/\n   */\n  data: {\n    type: Object as PropType<ChartData<ChartType>>,\n    required: true,\n  },\n  /**\n   * The options object that is passed into the Chart.js chart\n   * @see https://www.chartjs.org/docs/latest/general/options.html\n   */\n  options: {\n    type: Object,\n    default: () => ({}),\n  },\n  /**\n   * The plugins array that is passed into the Chart.js chart\n   * @see https://www.chartjs.org/docs/latest/developers/plugins.html\n   */\n  plugins: {\n    type: Array,\n    default: () => [],\n  },\n  /**\n   * Key name to identificate dataset\n   */\n  datasetIdKey: {\n    type: String,\n    default: 'label',\n  },\n  /**\n   * A mode string to indicate transition configuration should be used.\n   * @see https://www.chartjs.org/docs/latest/developers/api.html#update-mode\n   */\n  updateMode: {\n    type: String as PropType<UpdateMode>,\n    default: undefined,\n  },\n})\n\nChart.register(\n  CategoryScale,\n  LinearScale,\n  Title,\n  Tooltip,\n  Legend,\n  BarElement,\n  ArcElement,\n  PointElement,\n  LineElement,\n)\n\nconst component = defineAsyncComponent(async () => {\n  const { Bar, Bubble, Doughnut, Line, Pie, PolarArea, Radar, Scatter } = await import(\n    'vue-chartjs'\n  )\n\n  switch (props.type) {\n    case 'bar': {\n      return Bar\n    }\n    case 'line': {\n      return Line\n    }\n    case 'scatter': {\n      return Scatter\n    }\n    case 'bubble': {\n      return Bubble\n    }\n    case 'pie': {\n      return Pie\n    }\n    case 'doughnut': {\n      return Doughnut\n    }\n    case 'polarArea': {\n      return PolarArea\n    }\n    case 'radar': {\n      return Radar\n    }\n  }\n})\n</script>\n\n<template>\n  <!-- @vue-expect-error -->\n  <Component :is=\"component\" class=\"m-chart m-reset-css\" v-bind=\"props\" />\n</template>\n"],"names":["props","__props","Chart","CategoryScale","LinearScale","Title","Tooltip","Legend","BarElement","ArcElement","PointElement","LineElement","component","defineAsyncComponent","Bar","Bubble","Doughnut","Line","Pie","PolarArea","Radar","Scatter"],"mappings":"yxBAoBA,MAAMA,EAAQC,EAiDRC,EAAAA,MAAA,SACJC,EAAA,cACAC,EAAA,YACAC,EAAA,MACAC,EAAA,QACAC,EAAA,OACAC,EAAA,WACAC,EAAA,WACAC,EAAA,aACAC,EAAAA,WACF,EAEM,MAAAC,EAAYC,EAAAA,qBAAqB,SAAY,CACjD,KAAM,CAAE,IAAAC,EAAK,OAAAC,EAAQ,SAAAC,EAAU,KAAAC,EAAM,IAAAC,EAAK,UAAAC,EAAW,MAAAC,EAAO,QAAAC,GAAY,KAAM,QAC5E,aACF,EAEA,OAAQrB,EAAM,KAAM,CAClB,IAAK,MACI,OAAAc,EAET,IAAK,OACI,OAAAG,EAET,IAAK,UACI,OAAAI,EAET,IAAK,SACI,OAAAN,EAET,IAAK,MACI,OAAAG,EAET,IAAK,WACI,OAAAF,EAET,IAAK,YACI,OAAAG,EAET,IAAK,QACI,OAAAC,CACT,CACF,CACD"}

package/dist/chunks/MazChart.vue_vue_type_script_setup_true_lang.OYo-HXwF.mjs

@@ -0,0 +1,93 @@
+import { defineComponent as l, defineAsyncComponent as m, openBlock as d, createBlock as y, resolveDynamicComponent as f, unref as g, mergeProps as b } from "vue";
+import { Chart as h, CategoryScale as _, LinearScale as C, Title as S, Tooltip as A, Legend as B, BarElement as E, ArcElement as L, PointElement as P, LineElement as j } from "chart.js";
+const v = /* @__PURE__ */ l({
+  __name: "MazChart",
+  props: {
+    /**
+     * Chart.js chart type
+     */
+    type: {
+      type: String,
+      required: !0
+    },
+    /**
+     * The data object that is passed into the Chart.js chart
+     * @see https://www.chartjs.org/docs/latest/getting-started/
+     */
+    data: {
+      type: Object,
+      required: !0
+    },
+    /**
+     * The options object that is passed into the Chart.js chart
+     * @see https://www.chartjs.org/docs/latest/general/options.html
+     */
+    options: {
+      type: Object,
+      default: () => ({})
+    },
+    /**
+     * The plugins array that is passed into the Chart.js chart
+     * @see https://www.chartjs.org/docs/latest/developers/plugins.html
+     */
+    plugins: {
+      type: Array,
+      default: () => []
+    },
+    /**
+     * Key name to identificate dataset
+     */
+    datasetIdKey: {
+      type: String,
+      default: "label"
+    },
+    /**
+     * A mode string to indicate transition configuration should be used.
+     * @see https://www.chartjs.org/docs/latest/developers/api.html#update-mode
+     */
+    updateMode: {
+      type: String,
+      default: void 0
+    }
+  },
+  setup(a) {
+    const e = a;
+    h.register(
+      _,
+      C,
+      S,
+      A,
+      B,
+      E,
+      L,
+      P,
+      j
+    );
+    const n = m(async () => {
+      const { Bar: t, Bubble: r, Doughnut: o, Line: c, Pie: s, PolarArea: p, Radar: u, Scatter: i } = await import("vue-chartjs");
+      switch (e.type) {
+        case "bar":
+          return t;
+        case "line":
+          return c;
+        case "scatter":
+          return i;
+        case "bubble":
+          return r;
+        case "pie":
+          return s;
+        case "doughnut":
+          return o;
+        case "polarArea":
+          return p;
+        case "radar":
+          return u;
+      }
+    });
+    return (t, r) => (d(), y(f(g(n)), b({ class: "m-chart m-reset-css" }, e), null, 16));
+  }
+});
+export {
+  v as _
+};
+//# sourceMappingURL=MazChart.vue_vue_type_script_setup_true_lang.OYo-HXwF.mjs.map

package/dist/chunks/MazChart.vue_vue_type_script_setup_true_lang.OYo-HXwF.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MazChart.vue_vue_type_script_setup_true_lang.OYo-HXwF.mjs","sources":["../../src/components/MazChart.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport {\n  ArcElement,\n  BarElement,\n  CategoryScale,\n  Chart,\n  type ChartData,\n  type ChartType,\n  Legend,\n  LinearScale,\n  LineElement,\n  PointElement,\n  Title,\n  Tooltip,\n  type UpdateMode,\n} from 'chart.js'\nimport { defineAsyncComponent, type PropType } from 'vue'\n\nexport type { ChartData, ChartType, UpdateMode }\n\nconst props = defineProps({\n  /**\n   * Chart.js chart type\n   */\n  type: {\n    type: String as PropType<ChartType>,\n    required: true,\n  },\n  /**\n   * The data object that is passed into the Chart.js chart\n   * @see https://www.chartjs.org/docs/latest/getting-started/\n   */\n  data: {\n    type: Object as PropType<ChartData<ChartType>>,\n    required: true,\n  },\n  /**\n   * The options object that is passed into the Chart.js chart\n   * @see https://www.chartjs.org/docs/latest/general/options.html\n   */\n  options: {\n    type: Object,\n    default: () => ({}),\n  },\n  /**\n   * The plugins array that is passed into the Chart.js chart\n   * @see https://www.chartjs.org/docs/latest/developers/plugins.html\n   */\n  plugins: {\n    type: Array,\n    default: () => [],\n  },\n  /**\n   * Key name to identificate dataset\n   */\n  datasetIdKey: {\n    type: String,\n    default: 'label',\n  },\n  /**\n   * A mode string to indicate transition configuration should be used.\n   * @see https://www.chartjs.org/docs/latest/developers/api.html#update-mode\n   */\n  updateMode: {\n    type: String as PropType<UpdateMode>,\n    default: undefined,\n  },\n})\n\nChart.register(\n  CategoryScale,\n  LinearScale,\n  Title,\n  Tooltip,\n  Legend,\n  BarElement,\n  ArcElement,\n  PointElement,\n  LineElement,\n)\n\nconst component = defineAsyncComponent(async () => {\n  const { Bar, Bubble, Doughnut, Line, Pie, PolarArea, Radar, Scatter } = await import(\n    'vue-chartjs'\n  )\n\n  switch (props.type) {\n    case 'bar': {\n      return Bar\n    }\n    case 'line': {\n      return Line\n    }\n    case 'scatter': {\n      return Scatter\n    }\n    case 'bubble': {\n      return Bubble\n    }\n    case 'pie': {\n      return Pie\n    }\n    case 'doughnut': {\n      return Doughnut\n    }\n    case 'polarArea': {\n      return PolarArea\n    }\n    case 'radar': {\n      return Radar\n    }\n  }\n})\n</script>\n\n<template>\n  <!-- @vue-expect-error -->\n  <Component :is=\"component\" class=\"m-chart m-reset-css\" v-bind=\"props\" />\n</template>\n"],"names":["props","__props","Chart","CategoryScale","LinearScale","Title","Tooltip","Legend","BarElement","ArcElement","PointElement","LineElement","component","defineAsyncComponent","Bar","Bubble","Doughnut","Line","Pie","PolarArea","Radar","Scatter"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoBA,UAAMA,IAAQC;AAiDR,IAAAC,EAAA;AAAA,MACJC;AAAA,MACAC;AAAA,MACAC;AAAA,MACAC;AAAA,MACAC;AAAA,MACAC;AAAA,MACAC;AAAA,MACAC;AAAA,MACAC;AAAA,IACF;AAEM,UAAAC,IAAYC,EAAqB,YAAY;AACjD,YAAM,EAAE,KAAAC,GAAK,QAAAC,GAAQ,UAAAC,GAAU,MAAAC,GAAM,KAAAC,GAAK,WAAAC,GAAW,OAAAC,GAAO,SAAAC,MAAY,MAAM,OAC5E,aACF;AAEA,cAAQrB,EAAM,MAAM;AAAA,QAClB,KAAK;AACI,iBAAAc;AAAA,QAET,KAAK;AACI,iBAAAG;AAAA,QAET,KAAK;AACI,iBAAAI;AAAA,QAET,KAAK;AACI,iBAAAN;AAAA,QAET,KAAK;AACI,iBAAAG;AAAA,QAET,KAAK;AACI,iBAAAF;AAAA,QAET,KAAK;AACI,iBAAAG;AAAA,QAET,KAAK;AACI,iBAAAC;AAAA,MACT;AAAA,IACF,CACD;;;;"}

package/dist/chunks/MazDialogPromise.vue_vue_type_script_setup_true_lang.CS5GU9Q2.cjs

@@ -0,0 +1,2 @@
+"use strict";const e=require("vue"),x=require("../components/MazBtn.cjs"),j=require("../components/MazDialog.cjs"),v={cancelText:"Cancel",confirmText:"Confirm",cancelButton:{text:"Cancel",color:"danger"},confirmButton:{text:"Confirm",color:"success"}},P=e.ref(v),p=e.ref([]);function N(l,r){return new Promise((a,d)=>{p.value=[...p.value,{id:l,isActive:!0,resolve:async s=>{a(s),await(r==null?void 0:r())},reject:async s=>{d(s),await(r==null?void 0:r())}}]})}function T(l){return p.value=p.value.filter(({id:r})=>r!==l),p.value}function S(l,r,a){var d;r&&((d=r[l])==null||d.call(r,a),r.isActive=!1,setTimeout(()=>{T(r.id)},500))}function w(){return{data:P,dialogState:p,showDialogAndWaitChoice:N,removeDialogFromState:T,rejectDialog:async(l,r=new Error("cancel"),a)=>(await(a==null?void 0:a()),S("reject",l,r)),resolveDialog:async(l,r="accept",a)=>(await(a==null?void 0:a()),S("resolve",l,r))}}const z={class:"maz-flex maz-items-center maz-gap-2"},h=e.defineComponent({__name:"MazDialogPromise",props:{data:{default:void 0},message:{default:void 0},identifier:{default:void 0},buttons:{default:void 0},modelValue:{type:Boolean},title:{},noClose:{type:Boolean},maxWidth:{},minWidth:{},scrollable:{type:Boolean},persistent:{type:Boolean},teleportSelector:{},beforeClose:{},noCloseOnEscKey:{type:Boolean},transitionName:{},backdropClass:{},backdropContentClass:{},contentPadding:{type:Boolean},justify:{},align:{},variant:{},cancelText:{},cancelButton:{type:[Boolean,Object]},confirmText:{},confirmButton:{type:[Boolean,Object]}},emits:["open","close"],setup(l,{expose:r}){const a=l,{dialogState:d,rejectDialog:s,resolveDialog:B,data:m}=w(),D=e.computed(()=>{var t;return a.buttons??((t=a.data)==null?void 0:t.buttons)??m.value.buttons}),y=e.computed(()=>({...v,...m.value,...a.data})),g=e.computed(()=>{var i,o,c,f;if(!(((i=m.value)==null?void 0:i.cancelButton)??((o=a.data)==null?void 0:o.cancelButton)??v.cancelButton))return;const n={...v.cancelButton,...(c=m.value)==null?void 0:c.cancelButton,...(f=a.data)==null?void 0:f.cancelButton};return{...n,text:a.cancelText||y.value.cancelText||n.text}}),C=e.computed(()=>{var i,o,c,f;if(!(((i=m.value)==null?void 0:i.confirmButton)??((o=a.data)==null?void 0:o.confirmButton)??v.confirmButton))return;const n={...v.confirmButton,...(c=m.value)==null?void 0:c.confirmButton,...(f=a.data)==null?void 0:f.confirmButton};return{...n,text:a.confirmText||y.value.confirmText||n.text}}),u=e.computed(()=>d.value.find(({id:t})=>t===a.identifier)),k=e.ref();r({close:()=>{var t,n;return(n=(t=k.value)==null?void 0:t.close)==null?void 0:n.call(t)}});function $(t){return"type"in t&&(t.type==="resolve"||t.type==="reject")}function V(t,n){return $(n)?n.type==="resolve"?B(t,n.response):s(t,n.response):B(t,void 0,n.action)}return(t,n)=>{var i;return e.openBlock(),e.createBlock(j.default,e.mergeProps({ref_key:"dialog",ref:k},{...t.$attrs,...a},{"model-value":((i=u.value)==null?void 0:i.isActive)??t.modelValue??!1,onClose:n[2]||(n[2]=o=>t.$emit("close",o)),onOpen:n[3]||(n[3]=o=>t.$emit("open",o)),"onUpdate:modelValue":n[4]||(n[4]=o=>e.unref(s)(u.value))}),{title:e.withCtx(()=>[e.renderSlot(t.$slots,"title",{},()=>{var o;return[e.createTextVNode(e.toDisplayString(t.title||((o=y.value)==null?void 0:o.title)),1)]})]),default:e.withCtx(()=>[e.renderSlot(t.$slots,"default",{resolve:o=>e.unref(B)(u.value,o),reject:o=>e.unref(s)(u.value,o)},()=>{var o;return[e.createTextVNode(e.toDisplayString(t.message||((o=y.value)==null?void 0:o.message)),1)]})]),footer:e.withCtx(()=>[e.renderSlot(t.$slots,"footer-button",{resolve:o=>e.unref(B)(u.value,o),reject:o=>e.unref(s)(u.value,o)},()=>[e.createElementVNode("div",z,[D.value?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(D.value,(o,c)=>(e.openBlock(),e.createBlock(x.default,e.mergeProps({key:c,ref_for:!0},{...o,type:"button"},{onClick:f=>V(u.value,o)}),{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(o.text),1)]),_:2},1040,["onClick"]))),128)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[g.value?(e.openBlock(),e.createBlock(x.default,e.mergeProps({key:0},g.value,{onClick:n[0]||(n[0]=o=>e.unref(s)(u.value))}),{default:e.withCtx(()=>[e.renderSlot(t.$slots,"cancel-text",{},()=>[e.createTextVNode(e.toDisplayString(g.value.text),1)])]),_:3},16)):e.createCommentVNode("",!0),C.value?(e.openBlock(),e.createBlock(x.default,e.mergeProps({key:1},C.value,{onClick:n[1]||(n[1]=o=>e.unref(B)(u.value))}),{default:e.withCtx(()=>[e.renderSlot(t.$slots,"confirm-text",{},()=>[e.createTextVNode(e.toDisplayString(C.value.text),1)])]),_:3},16)):e.createCommentVNode("",!0)],64))])])]),_:3},16,["model-value"])}}});exports._sfc_main=h;exports.useMazDialogPromise=w;
+//# sourceMappingURL=MazDialogPromise.vue_vue_type_script_setup_true_lang.CS5GU9Q2.cjs.map

package/dist/chunks/MazDialogPromise.vue_vue_type_script_setup_true_lang.CS5GU9Q2.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MazDialogPromise.vue_vue_type_script_setup_true_lang.CS5GU9Q2.cjs","sources":["../../src/components/MazDialogPromise/useMazDialogPromise.ts","../../src/components/MazDialogPromise.vue"],"sourcesContent":["import type { MazBtnProps } from '@components/MazBtn.vue'\nimport type { Size } from '@components/types'\nimport type { Ref } from 'vue'\nimport { ref } from 'vue'\n\nexport interface MazDialogState {\n  id: string\n  isActive: boolean\n  resolve: (value: unknown) => void\n  reject?: (reason?: unknown) => void\n}\n\nexport interface MazDialogButton extends MazBtnProps {\n  text?: string\n  size?: Size\n}\n\nexport interface MazDialogActionButton {\n  text: string\n  action: () => unknown\n}\n\nexport interface MazDialogPromiseButton {\n  text: string\n  type: 'resolve' | 'reject'\n  response?: unknown\n}\n\nexport type MazDialogCustomButton = Omit<MazDialogButton, 'type'> & (MazDialogPromiseButton | MazDialogActionButton)\n\nexport interface MazDialogData {\n  /**\n   * Dialog title\n   */\n  title?: string\n  /**\n   * Dialog message\n   */\n  message?: string\n  /**\n   * Dialog cancel text\n   * @default 'Cancel'\n   */\n  cancelText?: string\n  /**\n   * Dialog cancel button\n   * @default { text: 'Cancel', color: 'danger', outline: true }`\n   */\n  cancelButton?: false | MazDialogButton\n  /**\n   * Dialog confirm text\n   * @default 'Confirm'\n   */\n  confirmText?: string\n  /**\n   * Dialog confirm button\n   * @default { text: 'Confirm', color: 'success' }\n   */\n  confirmButton?: false | MazDialogButton\n  /**\n   * This is a list of custom buttons that will replace the default confirm and cancel buttons\n   */\n  buttons?: MazDialogCustomButton[]\n}\n\nexport const defaultData = {\n  cancelText: 'Cancel',\n  confirmText: 'Confirm',\n  cancelButton: {\n    text: 'Cancel',\n    color: 'danger',\n  },\n  confirmButton: {\n    text: 'Confirm',\n    color: 'success',\n  },\n} satisfies MazDialogData\n\nconst data = ref(defaultData) as Ref<MazDialogData>\n\nconst dialogState = ref<MazDialogState[]>([]) as Ref<MazDialogState[]>\n\nfunction showDialogAndWaitChoice(identifier: string, callback?: () => unknown) {\n  return new Promise((resolve, reject) => {\n    dialogState.value = [\n      ...dialogState.value,\n      {\n        id: identifier,\n        isActive: true,\n        resolve: async (response: unknown) => {\n          resolve(response)\n          await callback?.()\n        },\n        reject: async (response: unknown) => {\n          reject(response)\n          await callback?.()\n        },\n      },\n    ]\n  })\n}\n\nfunction removeDialogFromState(identifier: string) {\n  dialogState.value = dialogState.value.filter(({ id }) => id !== identifier)\n  return dialogState.value\n}\n\nfunction responseDialog(type: 'resolve' | 'reject', currentDialog: MazDialogState, response: unknown) {\n  if (!currentDialog) {\n    return\n  }\n\n  currentDialog[type]?.(response)\n  currentDialog.isActive = false\n\n  setTimeout(() => {\n    removeDialogFromState(currentDialog.id)\n  }, 500)\n}\n\nexport function useMazDialogPromise() {\n  return {\n    data,\n    dialogState,\n    showDialogAndWaitChoice,\n    removeDialogFromState,\n    rejectDialog: async (currentDialog: MazDialogState, response: unknown = new Error('cancel'), action?: () => unknown) => {\n      await action?.()\n      return responseDialog('reject', currentDialog, response)\n    },\n    resolveDialog: async (currentDialog: MazDialogState, response: unknown = 'accept', action?: () => unknown) => {\n      await action?.()\n      return responseDialog('resolve', currentDialog, response)\n    },\n  }\n}\n","<script lang=\"ts\">\n/* eslint-disable import/first */\nexport { useMazDialogPromise } from '@components/MazDialogPromise/useMazDialogPromise'\nexport type * from '@components/MazDialogPromise/useMazDialogPromise'\n</script>\n\n<script lang=\"ts\" setup>\nimport type {\n  MazDialogCustomButton,\n  MazDialogData,\n  MazDialogPromiseButton,\n  MazDialogState,\n} from '@components/MazDialogPromise/useMazDialogPromise'\nimport type { ComponentPublicInstance } from 'vue'\nimport MazBtn from '@components/MazBtn.vue'\nimport MazDialog, { type MazDialogProps } from '@components/MazDialog.vue'\n\nimport { defaultData, useMazDialogPromise } from '@components/MazDialogPromise/useMazDialogPromise'\n\nimport { computed, ref } from 'vue'\n\nexport interface MazDialogPromiseInternalProps {\n  /** Dialog Data - @type DialogData */\n  data?: MazDialogData\n  /** Message to display */\n  message?: string\n  /** Uniq identifier */\n  identifier: string\n  /** Custom buttons - @type DialogCustomButton[] */\n  buttons?: MazDialogCustomButton[]\n}\n\nexport type MazDialogPromiseProps = MazDialogPromiseInternalProps & MazDialogProps & MazDialogData\n\nconst props = withDefaults(defineProps<MazDialogPromiseProps>(), {\n  identifier: undefined,\n  message: undefined,\n  data: undefined,\n  buttons: undefined,\n})\n\ndefineEmits<{\n  /** emitted when modal is open */\n  open: [value: void]\n  /** emitted when modal is close */\n  close: [value: void]\n}>()\n\nconst { dialogState, rejectDialog, resolveDialog, data: composableData } = useMazDialogPromise()\n\nconst customButtons = computed(() => props.buttons ?? props.data?.buttons ?? composableData.value.buttons)\n\nconst currentData = computed<MazDialogData>(() => ({\n  ...defaultData,\n  ...composableData.value,\n  ...props.data,\n}))\n\nconst cancelButtonData = computed(() => {\n  const hasButton\n      = composableData.value?.cancelButton ?? props.data?.cancelButton ?? defaultData.cancelButton\n\n  if (!hasButton)\n    return\n\n  const mergedData = {\n    ...defaultData.cancelButton,\n    ...composableData.value?.cancelButton,\n    ...props.data?.cancelButton,\n  }\n\n  return {\n    ...mergedData,\n    text: props.cancelText || currentData.value.cancelText || mergedData.text,\n  }\n})\nconst confirmButtonData = computed(() => {\n  const hasButton\n      = composableData.value?.confirmButton ?? props.data?.confirmButton ?? defaultData.confirmButton\n\n  if (!hasButton)\n    return\n\n  const mergedData = {\n    ...defaultData.confirmButton,\n    ...composableData.value?.confirmButton,\n    ...props.data?.confirmButton,\n  }\n\n  return {\n    ...mergedData,\n    text: props.confirmText || currentData.value.confirmText || mergedData.text,\n  }\n})\n\nconst currentModal = computed(\n  () => dialogState.value.find(({ id }) => id === props.identifier) as MazDialogState,\n)\n\nconst dialog = ref<ComponentPublicInstance<typeof MazDialog>>()\n\ndefineExpose({\n  close: () => dialog.value?.close?.(),\n})\n\nfunction isPromiseButton(button: MazDialogCustomButton): button is MazDialogPromiseButton {\n  return 'type' in button && (button.type === 'resolve' || button.type === 'reject')\n}\n\nfunction customButtonAction(currentModal: MazDialogState, button: MazDialogCustomButton) {\n  return isPromiseButton(button)\n    ? button.type === 'resolve'\n      ? resolveDialog(currentModal, button.response)\n      : rejectDialog(currentModal, button.response)\n    : resolveDialog(currentModal, undefined, button.action)\n}\n</script>\n\n<template>\n  <MazDialog\n    ref=\"dialog\"\n    v-bind=\"{ ...$attrs, ...props }\"\n    :model-value=\"currentModal?.isActive ?? modelValue ?? false\"\n    @close=\"$emit('close', $event)\"\n    @open=\"$emit('open', $event)\"\n    @update:model-value=\"rejectDialog(currentModal)\"\n  >\n    <template #title>\n      <!--\n        @slot title slot - Place your title\n      -->\n      <slot name=\"title\">\n        {{ title || currentData?.title }}\n      </slot>\n    </template>\n    <template #default>\n      <!--\n        @slot Default slot - Place your content\n          @binding {Function} resolve resolve function\n          @binding {Function} reject reject function\n      -->\n      <slot\n        :resolve=\"(reason?: unknown) => resolveDialog(currentModal, reason)\"\n        :reject=\"(reason?: unknown) => rejectDialog(currentModal, reason)\"\n      >\n        {{ message || currentData?.message }}\n      </slot>\n    </template>\n    <template #footer>\n      <!--\n        @slot Footer slot\n          @binding {Function} resolve resolve function\n          @binding {Function} reject reject function\n      -->\n      <slot\n        :resolve=\"(reason?: unknown) => resolveDialog(currentModal, reason)\"\n        :reject=\"(reason?: unknown) => rejectDialog(currentModal, reason)\"\n        name=\"footer-button\"\n      >\n        <div class=\"maz-flex maz-items-center maz-gap-2\">\n          <template v-if=\"customButtons\">\n            <MazBtn\n              v-for=\"(button, i) in customButtons\"\n              :key=\"i\"\n              v-bind=\"{\n                ...button,\n                type: 'button',\n              }\"\n              @click=\"customButtonAction(currentModal, button)\"\n            >\n              {{ button.text }}\n            </MazBtn>\n          </template>\n          <template v-else>\n            <MazBtn\n              v-if=\"cancelButtonData\"\n              v-bind=\"cancelButtonData\"\n              @click=\"rejectDialog(currentModal)\"\n            >\n              <!--\n                @slot cancel-text slot - Place your cancel text\n              -->\n              <slot name=\"cancel-text\">\n                {{ cancelButtonData.text }}\n              </slot>\n            </MazBtn>\n\n            <MazBtn\n              v-if=\"confirmButtonData\"\n              v-bind=\"confirmButtonData\"\n              @click=\"resolveDialog(currentModal)\"\n            >\n              <!--\n                @slot confirm-text slot - Place your confirm text\n              -->\n              <slot name=\"confirm-text\">\n                {{ confirmButtonData.text }}\n              </slot>\n            </MazBtn>\n          </template>\n        </div>\n      </slot>\n    </template>\n  </MazDialog>\n</template>\n"],"names":["defaultData","data","ref","dialogState","showDialogAndWaitChoice","identifier","callback","resolve","reject","response","removeDialogFromState","id","responseDialog","type","currentDialog","_a","useMazDialogPromise","action","props","__props","rejectDialog","resolveDialog","composableData","customButtons","computed","currentData","cancelButtonData","_b","mergedData","_c","_d","confirmButtonData","currentModal","dialog","__expose","isPromiseButton","button","customButtonAction"],"mappings":"mHAiEaA,EAAc,CACzB,WAAY,SACZ,YAAa,UACb,aAAc,CACZ,KAAM,SACN,MAAO,QACT,EACA,cAAe,CACb,KAAM,UACN,MAAO,SAAA,CAEX,EAEMC,EAAOC,MAAIF,CAAW,EAEtBG,EAAcD,EAAsB,IAAA,EAAE,EAE5C,SAASE,EAAwBC,EAAoBC,EAA0B,CAC7E,OAAO,IAAI,QAAQ,CAACC,EAASC,IAAW,CACtCL,EAAY,MAAQ,CAClB,GAAGA,EAAY,MACf,CACE,GAAIE,EACJ,SAAU,GACV,QAAS,MAAOI,GAAsB,CACpCF,EAAQE,CAAQ,EAChB,MAAMH,GAAA,YAAAA,IACR,EACA,OAAQ,MAAOG,GAAsB,CACnCD,EAAOC,CAAQ,EACf,MAAMH,GAAA,YAAAA,IAAW,CACnB,CAEJ,CAAA,CACD,CACH,CAEA,SAASI,EAAsBL,EAAoB,CACrC,OAAAF,EAAA,MAAQA,EAAY,MAAM,OAAO,CAAC,CAAE,GAAAQ,CAAA,IAASA,IAAON,CAAU,EACnEF,EAAY,KACrB,CAEA,SAASS,EAAeC,EAA4BC,EAA+BL,EAAmB,OAC/FK,KAISC,EAAAD,EAAAD,KAAA,MAAAE,EAAA,KAAAD,EAAQL,GACtBK,EAAc,SAAW,GAEzB,WAAW,IAAM,CACfJ,EAAsBI,EAAc,EAAE,GACrC,GAAG,EACR,CAEO,SAASE,GAAsB,CAC7B,MAAA,CACL,KAAAf,EACA,YAAAE,EACA,wBAAAC,EACA,sBAAAM,EACA,aAAc,MAAOI,EAA+BL,EAAoB,IAAI,MAAM,QAAQ,EAAGQ,KAC3F,MAAMA,GAAA,YAAAA,KACCL,EAAe,SAAUE,EAAeL,CAAQ,GAEzD,cAAe,MAAOK,EAA+BL,EAAoB,SAAUQ,KACjF,MAAMA,GAAA,YAAAA,KACCL,EAAe,UAAWE,EAAeL,CAAQ,EAE5D,CACF,qqBCrGA,MAAMS,EAAQC,EAcR,CAAE,YAAAhB,EAAa,aAAAiB,EAAc,cAAAC,EAAe,KAAMC,GAAmBN,EAAoB,EAEzFO,EAAgBC,EAAAA,SAAS,IAAM,OAAA,OAAAN,EAAM,WAAWH,EAAAG,EAAM,OAAN,YAAAH,EAAY,UAAWO,EAAe,MAAM,QAAO,EAEnGG,EAAcD,EAAAA,SAAwB,KAAO,CACjD,GAAGxB,EACH,GAAGsB,EAAe,MAClB,GAAGJ,EAAM,IAAA,EACT,EAEIQ,EAAmBF,EAAAA,SAAS,IAAM,aAItC,GAAI,IAFET,EAAAO,EAAe,QAAf,YAAAP,EAAsB,iBAAgBY,EAAAT,EAAM,OAAN,YAAAS,EAAY,eAAgB3B,EAAY,cAGlF,OAEF,MAAM4B,EAAa,CACjB,GAAG5B,EAAY,aACf,IAAG6B,EAAAP,EAAe,QAAf,YAAAO,EAAsB,aACzB,IAAGC,EAAAZ,EAAM,OAAN,YAAAY,EAAY,YACjB,EAEO,MAAA,CACL,GAAGF,EACH,KAAMV,EAAM,YAAcO,EAAY,MAAM,YAAcG,EAAW,IACvE,CAAA,CACD,EACKG,EAAoBP,EAAAA,SAAS,IAAM,aAIvC,GAAI,IAFET,EAAAO,EAAe,QAAf,YAAAP,EAAsB,kBAAiBY,EAAAT,EAAM,OAAN,YAAAS,EAAY,gBAAiB3B,EAAY,eAGpF,OAEF,MAAM4B,EAAa,CACjB,GAAG5B,EAAY,cACf,IAAG6B,EAAAP,EAAe,QAAf,YAAAO,EAAsB,cACzB,IAAGC,EAAAZ,EAAM,OAAN,YAAAY,EAAY,aACjB,EAEO,MAAA,CACL,GAAGF,EACH,KAAMV,EAAM,aAAeO,EAAY,MAAM,aAAeG,EAAW,IACzE,CAAA,CACD,EAEKI,EAAeR,EAAA,SACnB,IAAMrB,EAAY,MAAM,KAAK,CAAC,CAAE,GAAAQ,KAASA,IAAOO,EAAM,UAAU,CAClE,EAEMe,EAAS/B,EAAAA,IAA+C,EAEjDgC,EAAA,CACX,MAAO,IAAA,SAAM,OAAAP,GAAAZ,EAAAkB,EAAO,QAAP,YAAAlB,EAAc,QAAd,YAAAY,EAAA,KAAAZ,GAAsB,CACpC,EAED,SAASoB,EAAgBC,EAAiE,CACxF,MAAO,SAAUA,IAAWA,EAAO,OAAS,WAAaA,EAAO,OAAS,SAAA,CAGlE,SAAAC,EAAmBL,EAA8BI,EAA+B,CAChF,OAAAD,EAAgBC,CAAM,EACzBA,EAAO,OAAS,UACdf,EAAcW,EAAcI,EAAO,QAAQ,EAC3ChB,EAAaY,EAAcI,EAAO,QAAQ,EAC5Cf,EAAcW,EAAc,OAAWI,EAAO,MAAM,CAAA"}