maz-ui 4.0.0-alpha.4 → 4.0.0-beta.0

package/dist/components/MazRadioButtons.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"MazRadioButtons.cjs","sources":["../../src/components/MazRadioButtons.vue"],"sourcesContent":["<script lang=\"ts\" setup generic=\"T extends string | number | boolean\">\nimport type { Color } from '@components/types'\nimport { defineAsyncComponent, ref, type StyleValue } from 'vue'\n\nexport type MazRadioButtonsOption<T = string | number | boolean> = {\n  /** The label of the option */\n  label: string\n  /** The value of the option */\n  value: T\n  /** The classes to apply to the option */\n  classes?: any\n  /** The style to apply to the option */\n  style?: StyleValue\n} & Record<string, unknown>\n\nexport interface MazRadioButtonsProps<T = string | number | boolean> {\n  /** @model The value of the selected option */\n  modelValue?: T\n  /** The options to display */\n  options: MazRadioButtonsOption<T>[]\n  /** The name of the radio group */\n  name?: string\n  /** The color of the selected radio buttons */\n  color?: Color\n  /** Add elevation to the radio buttons */\n  elevation?: boolean\n  /**\n   * The orientation of the radio buttons\n   * @values 'row' | 'col'\n   * @default 'row'\n   */\n  orientation?: 'row' | 'col'\n  /** Disable the wrap of the radio buttons */\n  noWrap?: boolean\n  /** Make all radio buttons the same size */\n  equalSize?: boolean\n  /** Display a selector icon */\n  selector?: boolean\n  /** The component will be displayed in full width */\n  block?: boolean\n  /** Whether there is an error with the input. */\n  error?: boolean\n  /** Whether the input is successful. */\n  success?: boolean\n  /** Whether there is a warning with the input. */\n  warning?: boolean\n  /** The hint text to display below the input. */\n  hint?: string\n}\n\nconst props = withDefaults(defineProps<MazRadioButtonsProps<T>>(), {\n  modelValue: undefined,\n  name: 'MazButtonsRadio',\n  color: 'primary',\n  elevation: false,\n  orientation: 'row',\n  noWrap: false,\n  equalSize: false,\n  selector: false,\n  block: false,\n})\n\nconst emits = defineEmits<{\n  /**\n   * Emitted when the selected option change\n   * @property value The value of the selected option\n   */\n  'update:model-value': [value: T]\n  /**\n   * Emitted when the selected option change\n   * @property value The value of the selected option\n   */\n  'change': [value: T]\n  /**\n   * Emitted when the a radio button lost focus\n   * @property {FocusEvent} value - The focus event\n   */\n  'blur': [value: FocusEvent]\n  /**\n   * Emitted when the a radio button is focused\n   * @property {FocusEvent} value - The focus event\n   */\n  'focus': [value: FocusEvent]\n}>()\n\nconst CheckCircleIcon = defineAsyncComponent(() => import('@icons/check.svg'))\n\nfunction selectOption(option: MazRadioButtonsOption<T>) {\n  emits('update:model-value', option.value)\n}\n\nfunction isSelected(value: MazRadioButtonsOption<T>['value']) {\n  return props.modelValue === value\n}\n\nfunction keyboardHandler(event: KeyboardEvent, option: MazRadioButtonsOption<T>) {\n  if (['Space'].includes(event.code)) {\n    event.preventDefault()\n    selectOption(option)\n  }\n}\n\nfunction getOptionId(option: MazRadioButtonsOption<T>, i: number) {\n  return `option-${i}-${option.value.toString()}-${props.name}`\n}\n\nconst inputRef = ref<HTMLInputElement[]>()\n\nfunction onBlur(index: number, event: FocusEvent) {\n  inputRef.value?.[index]?.dispatchEvent(new Event('blur'))\n  emits('blur', event)\n}\nfunction onFocus(index: number, event: FocusEvent) {\n  inputRef.value?.[index]?.dispatchEvent(new Event('focus'))\n  emits('focus', event)\n}\n</script>\n\n<template>\n  <div\n    class=\"m-radio-buttons m-reset-css\"\n  >\n    <div class=\"m-radio-buttons__wrapper\" :class=\"[`--${orientation}`, { '--no-wrap': noWrap, '--block': block }]\">\n      <label\n        v-for=\"(option, i) in options\"\n        :key=\"getOptionId(option, i)\"\n        :for=\"getOptionId(option, i)\"\n        class=\"m-radio-buttons__items maz-group\"\n        :class=\"[\n          {\n            '--is-selected': isSelected(option.value),\n            '--elevation': elevation,\n            '--equal-size': equalSize,\n          },\n          option.classes,\n        ]\"\n        tabindex=\"0\"\n        :style=\"[\n          isSelected(option.value)\n            ? {\n              color: `var(--maz-color-${color}-contrast)`,\n              backgroundColor: `var(--maz-color-${color})`,\n            }\n            : {},\n          option.style,\n        ]\"\n        role=\"radio\"\n        :aria-checked=\"isSelected(option.value)\"\n        @keydown=\"keyboardHandler($event, option)\"\n        @blur=\"onBlur(i, $event)\"\n        @focus=\"onFocus(i, $event)\"\n      >\n        <input\n          :id=\"getOptionId(option, i)\"\n          ref=\"inputRef\"\n          type=\"radio\"\n          tabindex=\"-1\"\n          :name=\"name\"\n          :value=\"option.value\"\n          class=\"maz-hidden\"\n          @change=\"selectOption(option)\"\n        >\n        <div v-if=\"selector\" class=\"m-radio-buttons__items__checkbox\">\n          <span\n            :class=\"{\n              '--is-selected': isSelected(option.value),\n            }\"\n            :style=\"[\n              isSelected(option.value)\n                ? { backgroundColor: `var(--maz-color-${props.color}-600)` }\n                : {},\n            ]\"\n          >\n            <Transition name=\"maz-radio-buttons-scale\">\n              <CheckCircleIcon v-show=\"isSelected(option.value)\" class=\"maz-h-full maz-w-full\" />\n            </Transition>\n          </span>\n        </div>\n\n        <!--\n          @slot Label of the radio\n            @binding {Boolean} selected - If the option is selected\n            @binding {string | number | boolean} option - The value of the option\n        -->\n        <slot :option=\"option\" :selected=\"isSelected(option.value)\">\n          {{ option.label }}\n        </slot>\n      </label>\n    </div>\n    <span\n      v-if=\"hint\"\n      class=\"m-radio-buttons__hint\" :class=\"{\n        '--error': error,\n        '--success': success,\n        '--warning': warning,\n      }\"\n    >{{ hint }}</span>\n  </div>\n</template>\n\n<style lang=\"postcss\" scoped>\n  .m-radio-buttons {\n  @apply maz-inline-flex maz-gap-1 maz-align-top maz-flex-col;\n\n  &__wrapper {\n    @apply maz-inline-flex maz-gap-2;\n\n    &:not(.--no-wrap) {\n      @apply maz-flex-wrap;\n    }\n\n    &.--row {\n      @apply maz-flex-row;\n    }\n\n    &.--col {\n      @apply maz-flex-col;\n    }\n  }\n\n  &.--block {\n    @apply maz-w-full;\n  }\n\n  &__items {\n    @apply maz-flex maz-cursor-pointer maz-gap-4 maz-rounded maz-border maz-border-color-light\n        maz-bg-color maz-px-4 maz-py-2 maz-font-medium maz-transition-colors maz-duration-300;\n\n    &.--elevation {\n      @apply maz-elevation;\n    }\n\n    &__checkbox {\n      @apply maz-flex maz-flex-center;\n\n      span {\n        @apply maz-flex maz-h-6 maz-w-6 maz-flex-none maz-rounded-full maz-border maz-border-color-light maz-bg-color-lighter maz-p-0.5 maz-text-white maz-transition-colors maz-duration-300 maz-flex-center dark:maz-border-color-lighter dark:maz-bg-color-light;\n\n        transition: border-color 0s;\n\n        &.--is-selected {\n          @apply maz-border-transparent;\n        }\n\n        &:not(.--is-selected) {\n          @apply group-hover:maz-bg-color;\n        }\n      }\n    }\n\n    &.--equal-size {\n      @apply maz-flex-1;\n    }\n\n    &:not(.--is-selected) {\n      @apply hover:maz-bg-color-light;\n    }\n  }\n\n  &__hint {\n    @apply maz-text-sm maz-text-muted;\n\n    &.--error {\n      @apply maz-text-danger-600;\n    }\n\n    &.--success {\n      @apply maz-text-success-600;\n    }\n\n    &.--warning {\n      @apply maz-text-warning-600;\n    }\n  }\n}\n\n.maz-radio-buttons-scale-enter-active,\n.maz-radio-buttons-scale-leave-active {\n  opacity: 1;\n  z-index: 1;\n  transition: all 300ms cubic-bezier(0.4, 0.52, 0.26, 0.9);\n}\n\n.maz-radio-buttons-scale-enter-from,\n.maz-radio-buttons-scale-leave-to {\n  opacity: 0.4;\n  z-index: 1;\n  transform: scale(0);\n}\n</style>\n"],"names":["props","__props","emits","__emit","CheckCircleIcon","defineAsyncComponent","selectOption","option","isSelected","value","keyboardHandler","event","getOptionId","i","inputRef","ref","onBlur","index","_b","_a","onFocus"],"mappings":"y2BAkDA,MAAMA,EAAQC,EAYRC,EAAQC,EAuBRC,EAAkBC,EAAAA,qBAAqB,IAAM,QAAA,QAAA,EAAA,KAAA,IAAA,QAAO,8BAAkB,CAAA,CAAC,EAE7E,SAASC,EAAaC,EAAkC,CAChDL,EAAA,qBAAsBK,EAAO,KAAK,CAAA,CAG1C,SAASC,EAAWC,EAA0C,CAC5D,OAAOT,EAAM,aAAeS,CAAA,CAGrB,SAAAC,EAAgBC,EAAsBJ,EAAkC,CAC3E,CAAC,OAAO,EAAE,SAASI,EAAM,IAAI,IAC/BA,EAAM,eAAe,EACrBL,EAAaC,CAAM,EACrB,CAGO,SAAAK,EAAYL,EAAkCM,EAAW,CACzD,MAAA,UAAUA,CAAC,IAAIN,EAAO,MAAM,UAAU,IAAIP,EAAM,IAAI,EAAA,CAG7D,MAAMc,EAAWC,EAAAA,IAAwB,EAEhC,SAAAC,EAAOC,EAAeN,EAAmB,UAChDO,GAAAC,EAAAL,EAAS,QAAT,YAAAK,EAAiBF,KAAjB,MAAAC,EAAyB,cAAc,IAAI,MAAM,MAAM,GACvDhB,EAAM,OAAQS,CAAK,CAAA,CAEZ,SAAAS,EAAQH,EAAeN,EAAmB,UACjDO,GAAAC,EAAAL,EAAS,QAAT,YAAAK,EAAiBF,KAAjB,MAAAC,EAAyB,cAAc,IAAI,MAAM,OAAO,GACxDhB,EAAM,QAASS,CAAK,CAAA"}

package/dist/components/MazRadioButtons.mjs

@@ -1,130 +0,0 @@
-import { defineComponent as C, defineAsyncComponent as S, ref as $, openBlock as r, createElementBlock as s, createElementVNode as m, normalizeClass as u, Fragment as E, renderList as V, normalizeStyle as p, createVNode as h, Transition as R, withCtx as F, withDirectives as N, unref as q, vShow as D, createCommentVNode as y, renderSlot as I, createTextVNode as M, toDisplayString as b } from "vue";
-import { _ as K } from "../chunks/_plugin-vue_export-helper.CHgC5LLL.mjs";
-import '../assets/MazRadioButtons.CIq38oX6.css';const O = { class: "m-radio-buttons m-reset-css" }, T = ["for", "aria-checked", "onKeydown", "onBlur", "onFocus"], W = ["id", "name", "value", "onChange"], A = {
-  key: 0,
-  class: "m-radio-buttons__items__checkbox"
-}, H = /* @__PURE__ */ C({
-  __name: "MazRadioButtons",
-  props: {
-    modelValue: { default: void 0 },
-    options: {},
-    name: { default: "MazButtonsRadio" },
-    color: { default: "primary" },
-    elevation: { type: Boolean, default: !1 },
-    orientation: { default: "row" },
-    noWrap: { type: Boolean, default: !1 },
-    equalSize: { type: Boolean, default: !1 },
-    selector: { type: Boolean, default: !1 },
-    block: { type: Boolean, default: !1 },
-    error: { type: Boolean },
-    success: { type: Boolean },
-    warning: { type: Boolean },
-    hint: {}
-  },
-  emits: ["update:model-value", "change", "blur", "focus"],
-  setup(k, { emit: z }) {
-    const c = k, d = z, B = S(() => import("../chunks/check.B-gxQRxL.mjs"));
-    function v(e) {
-      d("update:model-value", e.value);
-    }
-    function n(e) {
-      return c.modelValue === e;
-    }
-    function _(e, l) {
-      ["Space"].includes(e.code) && (e.preventDefault(), v(l));
-    }
-    function i(e, l) {
-      return `option-${l}-${e.value.toString()}-${c.name}`;
-    }
-    const f = $();
-    function w(e, l) {
-      var a, o;
-      (o = (a = f.value) == null ? void 0 : a[e]) == null || o.dispatchEvent(new Event("blur")), d("blur", l);
-    }
-    function g(e, l) {
-      var a, o;
-      (o = (a = f.value) == null ? void 0 : a[e]) == null || o.dispatchEvent(new Event("focus")), d("focus", l);
-    }
-    return (e, l) => (r(), s("div", O, [
-      m("div", {
-        class: u(["m-radio-buttons__wrapper", [`--${e.orientation}`, { "--no-wrap": e.noWrap, "--block": e.block }]])
-      }, [
-        (r(!0), s(E, null, V(e.options, (a, o) => (r(), s("label", {
-          key: i(a, o),
-          for: i(a, o),
-          class: u(["m-radio-buttons__items maz-group", [
-            {
-              "--is-selected": n(a.value),
-              "--elevation": e.elevation,
-              "--equal-size": e.equalSize
-            },
-            a.classes
-          ]]),
-          tabindex: "0",
-          style: p([
-            n(a.value) ? {
-              color: `var(--maz-color-${e.color}-contrast)`,
-              backgroundColor: `var(--maz-color-${e.color})`
-            } : {},
-            a.style
-          ]),
-          role: "radio",
-          "aria-checked": n(a.value),
-          onKeydown: (t) => _(t, a),
-          onBlur: (t) => w(o, t),
-          onFocus: (t) => g(o, t)
-        }, [
-          m("input", {
-            id: i(a, o),
-            ref_for: !0,
-            ref_key: "inputRef",
-            ref: f,
-            type: "radio",
-            tabindex: "-1",
-            name: e.name,
-            value: a.value,
-            class: "maz-hidden",
-            onChange: (t) => v(a)
-          }, null, 40, W),
-          e.selector ? (r(), s("div", A, [
-            m("span", {
-              class: u({
-                "--is-selected": n(a.value)
-              }),
-              style: p([
-                n(a.value) ? { backgroundColor: `var(--maz-color-${c.color}-600)` } : {}
-              ])
-            }, [
-              h(R, { name: "maz-radio-buttons-scale" }, {
-                default: F(() => [
-                  N(h(q(B), { class: "maz-h-full maz-w-full" }, null, 512), [
-                    [D, n(a.value)]
-                  ])
-                ]),
-                _: 2
-              }, 1024)
-            ], 6)
-          ])) : y("", !0),
-          I(e.$slots, "default", {
-            option: a,
-            selected: n(a.value)
-          }, () => [
-            M(b(a.label), 1)
-          ], !0)
-        ], 46, T))), 128))
-      ], 2),
-      e.hint ? (r(), s("span", {
-        key: 0,
-        class: u(["m-radio-buttons__hint", {
-          "--error": e.error,
-          "--success": e.success,
-          "--warning": e.warning
-        }])
-      }, b(e.hint), 3)) : y("", !0)
-    ]));
-  }
-}), G = /* @__PURE__ */ K(H, [["__scopeId", "data-v-d23776ea"]]);
-export {
-  G as default
-};
-//# sourceMappingURL=MazRadioButtons.mjs.map

package/dist/components/MazRadioButtons.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"MazRadioButtons.mjs","sources":["../../src/components/MazRadioButtons.vue"],"sourcesContent":["<script lang=\"ts\" setup generic=\"T extends string | number | boolean\">\nimport type { Color } from '@components/types'\nimport { defineAsyncComponent, ref, type StyleValue } from 'vue'\n\nexport type MazRadioButtonsOption<T = string | number | boolean> = {\n  /** The label of the option */\n  label: string\n  /** The value of the option */\n  value: T\n  /** The classes to apply to the option */\n  classes?: any\n  /** The style to apply to the option */\n  style?: StyleValue\n} & Record<string, unknown>\n\nexport interface MazRadioButtonsProps<T = string | number | boolean> {\n  /** @model The value of the selected option */\n  modelValue?: T\n  /** The options to display */\n  options: MazRadioButtonsOption<T>[]\n  /** The name of the radio group */\n  name?: string\n  /** The color of the selected radio buttons */\n  color?: Color\n  /** Add elevation to the radio buttons */\n  elevation?: boolean\n  /**\n   * The orientation of the radio buttons\n   * @values 'row' | 'col'\n   * @default 'row'\n   */\n  orientation?: 'row' | 'col'\n  /** Disable the wrap of the radio buttons */\n  noWrap?: boolean\n  /** Make all radio buttons the same size */\n  equalSize?: boolean\n  /** Display a selector icon */\n  selector?: boolean\n  /** The component will be displayed in full width */\n  block?: boolean\n  /** Whether there is an error with the input. */\n  error?: boolean\n  /** Whether the input is successful. */\n  success?: boolean\n  /** Whether there is a warning with the input. */\n  warning?: boolean\n  /** The hint text to display below the input. */\n  hint?: string\n}\n\nconst props = withDefaults(defineProps<MazRadioButtonsProps<T>>(), {\n  modelValue: undefined,\n  name: 'MazButtonsRadio',\n  color: 'primary',\n  elevation: false,\n  orientation: 'row',\n  noWrap: false,\n  equalSize: false,\n  selector: false,\n  block: false,\n})\n\nconst emits = defineEmits<{\n  /**\n   * Emitted when the selected option change\n   * @property value The value of the selected option\n   */\n  'update:model-value': [value: T]\n  /**\n   * Emitted when the selected option change\n   * @property value The value of the selected option\n   */\n  'change': [value: T]\n  /**\n   * Emitted when the a radio button lost focus\n   * @property {FocusEvent} value - The focus event\n   */\n  'blur': [value: FocusEvent]\n  /**\n   * Emitted when the a radio button is focused\n   * @property {FocusEvent} value - The focus event\n   */\n  'focus': [value: FocusEvent]\n}>()\n\nconst CheckCircleIcon = defineAsyncComponent(() => import('@icons/check.svg'))\n\nfunction selectOption(option: MazRadioButtonsOption<T>) {\n  emits('update:model-value', option.value)\n}\n\nfunction isSelected(value: MazRadioButtonsOption<T>['value']) {\n  return props.modelValue === value\n}\n\nfunction keyboardHandler(event: KeyboardEvent, option: MazRadioButtonsOption<T>) {\n  if (['Space'].includes(event.code)) {\n    event.preventDefault()\n    selectOption(option)\n  }\n}\n\nfunction getOptionId(option: MazRadioButtonsOption<T>, i: number) {\n  return `option-${i}-${option.value.toString()}-${props.name}`\n}\n\nconst inputRef = ref<HTMLInputElement[]>()\n\nfunction onBlur(index: number, event: FocusEvent) {\n  inputRef.value?.[index]?.dispatchEvent(new Event('blur'))\n  emits('blur', event)\n}\nfunction onFocus(index: number, event: FocusEvent) {\n  inputRef.value?.[index]?.dispatchEvent(new Event('focus'))\n  emits('focus', event)\n}\n</script>\n\n<template>\n  <div\n    class=\"m-radio-buttons m-reset-css\"\n  >\n    <div class=\"m-radio-buttons__wrapper\" :class=\"[`--${orientation}`, { '--no-wrap': noWrap, '--block': block }]\">\n      <label\n        v-for=\"(option, i) in options\"\n        :key=\"getOptionId(option, i)\"\n        :for=\"getOptionId(option, i)\"\n        class=\"m-radio-buttons__items maz-group\"\n        :class=\"[\n          {\n            '--is-selected': isSelected(option.value),\n            '--elevation': elevation,\n            '--equal-size': equalSize,\n          },\n          option.classes,\n        ]\"\n        tabindex=\"0\"\n        :style=\"[\n          isSelected(option.value)\n            ? {\n              color: `var(--maz-color-${color}-contrast)`,\n              backgroundColor: `var(--maz-color-${color})`,\n            }\n            : {},\n          option.style,\n        ]\"\n        role=\"radio\"\n        :aria-checked=\"isSelected(option.value)\"\n        @keydown=\"keyboardHandler($event, option)\"\n        @blur=\"onBlur(i, $event)\"\n        @focus=\"onFocus(i, $event)\"\n      >\n        <input\n          :id=\"getOptionId(option, i)\"\n          ref=\"inputRef\"\n          type=\"radio\"\n          tabindex=\"-1\"\n          :name=\"name\"\n          :value=\"option.value\"\n          class=\"maz-hidden\"\n          @change=\"selectOption(option)\"\n        >\n        <div v-if=\"selector\" class=\"m-radio-buttons__items__checkbox\">\n          <span\n            :class=\"{\n              '--is-selected': isSelected(option.value),\n            }\"\n            :style=\"[\n              isSelected(option.value)\n                ? { backgroundColor: `var(--maz-color-${props.color}-600)` }\n                : {},\n            ]\"\n          >\n            <Transition name=\"maz-radio-buttons-scale\">\n              <CheckCircleIcon v-show=\"isSelected(option.value)\" class=\"maz-h-full maz-w-full\" />\n            </Transition>\n          </span>\n        </div>\n\n        <!--\n          @slot Label of the radio\n            @binding {Boolean} selected - If the option is selected\n            @binding {string | number | boolean} option - The value of the option\n        -->\n        <slot :option=\"option\" :selected=\"isSelected(option.value)\">\n          {{ option.label }}\n        </slot>\n      </label>\n    </div>\n    <span\n      v-if=\"hint\"\n      class=\"m-radio-buttons__hint\" :class=\"{\n        '--error': error,\n        '--success': success,\n        '--warning': warning,\n      }\"\n    >{{ hint }}</span>\n  </div>\n</template>\n\n<style lang=\"postcss\" scoped>\n  .m-radio-buttons {\n  @apply maz-inline-flex maz-gap-1 maz-align-top maz-flex-col;\n\n  &__wrapper {\n    @apply maz-inline-flex maz-gap-2;\n\n    &:not(.--no-wrap) {\n      @apply maz-flex-wrap;\n    }\n\n    &.--row {\n      @apply maz-flex-row;\n    }\n\n    &.--col {\n      @apply maz-flex-col;\n    }\n  }\n\n  &.--block {\n    @apply maz-w-full;\n  }\n\n  &__items {\n    @apply maz-flex maz-cursor-pointer maz-gap-4 maz-rounded maz-border maz-border-color-light\n        maz-bg-color maz-px-4 maz-py-2 maz-font-medium maz-transition-colors maz-duration-300;\n\n    &.--elevation {\n      @apply maz-elevation;\n    }\n\n    &__checkbox {\n      @apply maz-flex maz-flex-center;\n\n      span {\n        @apply maz-flex maz-h-6 maz-w-6 maz-flex-none maz-rounded-full maz-border maz-border-color-light maz-bg-color-lighter maz-p-0.5 maz-text-white maz-transition-colors maz-duration-300 maz-flex-center dark:maz-border-color-lighter dark:maz-bg-color-light;\n\n        transition: border-color 0s;\n\n        &.--is-selected {\n          @apply maz-border-transparent;\n        }\n\n        &:not(.--is-selected) {\n          @apply group-hover:maz-bg-color;\n        }\n      }\n    }\n\n    &.--equal-size {\n      @apply maz-flex-1;\n    }\n\n    &:not(.--is-selected) {\n      @apply hover:maz-bg-color-light;\n    }\n  }\n\n  &__hint {\n    @apply maz-text-sm maz-text-muted;\n\n    &.--error {\n      @apply maz-text-danger-600;\n    }\n\n    &.--success {\n      @apply maz-text-success-600;\n    }\n\n    &.--warning {\n      @apply maz-text-warning-600;\n    }\n  }\n}\n\n.maz-radio-buttons-scale-enter-active,\n.maz-radio-buttons-scale-leave-active {\n  opacity: 1;\n  z-index: 1;\n  transition: all 300ms cubic-bezier(0.4, 0.52, 0.26, 0.9);\n}\n\n.maz-radio-buttons-scale-enter-from,\n.maz-radio-buttons-scale-leave-to {\n  opacity: 0.4;\n  z-index: 1;\n  transform: scale(0);\n}\n</style>\n"],"names":["props","__props","emits","__emit","CheckCircleIcon","defineAsyncComponent","selectOption","option","isSelected","value","keyboardHandler","event","getOptionId","i","inputRef","ref","onBlur","index","_b","_a","onFocus"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAkDA,UAAMA,IAAQC,GAYRC,IAAQC,GAuBRC,IAAkBC,EAAqB,MAAM,OAAO,8BAAkB,CAAC;AAE7E,aAASC,EAAaC,GAAkC;AAChD,MAAAL,EAAA,sBAAsBK,EAAO,KAAK;AAAA,IAAA;AAG1C,aAASC,EAAWC,GAA0C;AAC5D,aAAOT,EAAM,eAAeS;AAAA,IAAA;AAGrB,aAAAC,EAAgBC,GAAsBJ,GAAkC;AAC/E,MAAI,CAAC,OAAO,EAAE,SAASI,EAAM,IAAI,MAC/BA,EAAM,eAAe,GACrBL,EAAaC,CAAM;AAAA,IACrB;AAGO,aAAAK,EAAYL,GAAkCM,GAAW;AACzD,aAAA,UAAUA,CAAC,IAAIN,EAAO,MAAM,UAAU,IAAIP,EAAM,IAAI;AAAA,IAAA;AAG7D,UAAMc,IAAWC,EAAwB;AAEhC,aAAAC,EAAOC,GAAeN,GAAmB;;AAChD,OAAAO,KAAAC,IAAAL,EAAS,UAAT,gBAAAK,EAAiBF,OAAjB,QAAAC,EAAyB,cAAc,IAAI,MAAM,MAAM,IACvDhB,EAAM,QAAQS,CAAK;AAAA,IAAA;AAEZ,aAAAS,EAAQH,GAAeN,GAAmB;;AACjD,OAAAO,KAAAC,IAAAL,EAAS,UAAT,gBAAAK,EAAiBF,OAAjB,QAAAC,EAAyB,cAAc,IAAI,MAAM,OAAO,IACxDhB,EAAM,SAASS,CAAK;AAAA,IAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/MazReadingProgressBar.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('../assets/MazReadingProgressBar.CbqVvC8N.css');const t=require("vue"),f=require("../helpers/throttle.cjs"),p=require("../chunks/_plugin-vue_export-helper.BHFhmbuH.cjs"),m=t.defineComponent({__name:"MazReadingProgressBar",props:{height:{default:"4px"},color:{default:"primary"},teleportSelector:{default:"body"},contentSelector:{default:"body"},offset:{default:0},barClass:{default:void 0},distance:{default:void 0}},emits:["begin","complete"],setup(c,{emit:i}){const r=c,s=i,u=t.computed(()=>`var(--maz-color-${r.color})`),l=t.ref(),o=t.ref(0);t.watch(()=>r.distance,e=>{e&&(o.value=e)},{immediate:!0});const n=f.throttle(()=>{const e=window.scrollY;if(e>=0&&e<=o.value){const a=e/o.value*100;l.value=`${a}%`}else e<=0?(l.value="0%",s("begin")):e>o.value?(l.value="100%",s("complete")):l.value="0%"},15);async function d(){if(o.value===0){const e=document.querySelector(r.contentSelector);if(!e){console.error(`HTML Element with selector "${r.contentSelector}" not found.`);return}await t.nextTick(),o.value=e.offsetHeight+e.offsetTop+r.offset-window.innerHeight}window.addEventListener("scroll",n,{passive:!0})}return t.onMounted(()=>{d()}),t.onBeforeUnmount(()=>{window.removeEventListener("scroll",n)}),(e,a)=>(t.openBlock(),t.createBlock(t.Teleport,{to:e.teleportSelector},[t.createElementVNode("div",t.mergeProps({class:"m-reading-progress-bar m-reset-css"},e.$attrs),[t.createElementVNode("div",{class:t.normalizeClass(e.barClass),style:t.normalizeStyle({width:l.value??"0px",height:e.height,backgroundColor:u.value})},null,6)],16)],8,["to"]))}}),v=p._export_sfc(m,[["__scopeId","data-v-ff830232"]]);exports.default=v;
-//# sourceMappingURL=MazReadingProgressBar.cjs.map

package/dist/components/MazReadingProgressBar.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"MazReadingProgressBar.cjs","sources":["../../src/components/MazReadingProgressBar.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { Color } from '@components/types'\nimport { throttle } from '@helpers/throttle'\nimport {\n  computed,\n  type HTMLAttributes,\n  nextTick,\n  onBeforeUnmount,\n  onMounted,\n  ref,\n  watch,\n} from 'vue'\n\nexport interface MazReadingProgressBarProps {\n  /**\n   * Height of the progress bar\n   * @default 4px\n   */\n  height?: string\n  /**\n   * Color of the progress bar\n   * @default primary\n   */\n  color?: Color\n  /**\n   * Selector of the element to teleport the progress bar\n   * @default body\n   */\n  teleportSelector?: string\n  /**\n   * Selector of the element to get the height\n   * @default body\n   */\n  contentSelector?: string\n  /**\n   * Offset of the progress bar\n   * @default 0\n   */\n  offset?: number\n  /**\n   * Class of the progress bar\n   * @default undefined\n   */\n  barClass?: HTMLAttributes['class']\n  /**\n   * Instead of using the height of the content with a selector, you can set a scroll distance\n   * @default undefined\n   */\n  distance?: number\n}\n\nconst props = withDefaults(defineProps<MazReadingProgressBarProps>(), {\n  height: '4px',\n  color: 'primary',\n  teleportSelector: 'body',\n  contentSelector: 'body',\n  offset: 0,\n  barClass: undefined,\n  distance: undefined,\n})\n\nconst emits = defineEmits<{\n  (name: 'begin'): void\n  (name: 'complete'): void\n}>()\n\nconst barColor = computed<string>(() => {\n  return `var(--maz-color-${props.color})`\n})\n\nconst progressBarWidth = ref<string>()\nconst elementHeight = ref<number>(0)\n\nwatch(\n  () => props.distance,\n  (value) => {\n    if (value)\n      elementHeight.value = value\n  },\n  {\n    immediate: true,\n  },\n)\n\nconst handleScroll = throttle(() => {\n  const scrollPosition = window.scrollY\n\n  if (scrollPosition >= 0 && scrollPosition <= elementHeight.value) {\n    const progress = (scrollPosition / elementHeight.value) * 100\n    progressBarWidth.value = `${progress}%`\n  }\n  else if (scrollPosition <= 0) {\n    progressBarWidth.value = '0%'\n    emits('begin')\n  }\n  else if (scrollPosition > elementHeight.value) {\n    progressBarWidth.value = '100%'\n    emits('complete')\n  }\n  else {\n    progressBarWidth.value = '0%'\n  }\n}, 15)\n\nasync function setupScroll() {\n  if (elementHeight.value === 0) {\n    const element = document.querySelector<HTMLElement>(props.contentSelector)\n\n    if (!element) {\n      console.error(`HTML Element with selector \"${props.contentSelector}\" not found.`)\n      return\n    }\n\n    await nextTick()\n\n    elementHeight.value\n        = element.offsetHeight + element.offsetTop + props.offset - window.innerHeight\n  }\n\n  window.addEventListener('scroll', handleScroll, {\n    passive: true,\n  })\n}\n\nonMounted(() => {\n  setupScroll()\n})\n\nonBeforeUnmount(() => {\n  window.removeEventListener('scroll', handleScroll)\n})\n</script>\n\n<template>\n  <Teleport :to=\"teleportSelector\">\n    <div class=\"m-reading-progress-bar m-reset-css\" v-bind=\"$attrs\">\n      <div\n        :class=\"barClass\"\n        :style=\"{\n          width: progressBarWidth ?? '0px',\n          height,\n          backgroundColor: barColor,\n        }\"\n      />\n    </div>\n  </Teleport>\n</template>\n\n<style lang=\"postcss\" scoped>\n.m-reading-progress-bar {\n  @apply maz-fixed maz-top-0 maz-z-default-backdrop maz-w-full;\n}\n</style>\n"],"names":["props","__props","emits","__emit","barColor","computed","progressBarWidth","ref","elementHeight","watch","value","handleScroll","throttle","scrollPosition","progress","setupScroll","element","nextTick","onMounted","onBeforeUnmount"],"mappings":"0gBAmDA,MAAMA,EAAQC,EAURC,EAAQC,EAKRC,EAAWC,EAAAA,SAAiB,IACzB,mBAAmBL,EAAM,KAAK,GACtC,EAEKM,EAAmBC,EAAAA,IAAY,EAC/BC,EAAgBD,MAAY,CAAC,EAEnCE,EAAA,MACE,IAAMT,EAAM,SACXU,GAAU,CACLA,IACFF,EAAc,MAAQE,EAC1B,EACA,CACE,UAAW,EAAA,CAEf,EAEM,MAAAC,EAAeC,EAAAA,SAAS,IAAM,CAClC,MAAMC,EAAiB,OAAO,QAE9B,GAAIA,GAAkB,GAAKA,GAAkBL,EAAc,MAAO,CAC1D,MAAAM,EAAYD,EAAiBL,EAAc,MAAS,IACzCF,EAAA,MAAQ,GAAGQ,CAAQ,GAAA,MAE7BD,GAAkB,GACzBP,EAAiB,MAAQ,KACzBJ,EAAM,OAAO,GAENW,EAAiBL,EAAc,OACtCF,EAAiB,MAAQ,OACzBJ,EAAM,UAAU,GAGhBI,EAAiB,MAAQ,MAE1B,EAAE,EAEL,eAAeS,GAAc,CACvB,GAAAP,EAAc,QAAU,EAAG,CAC7B,MAAMQ,EAAU,SAAS,cAA2BhB,EAAM,eAAe,EAEzE,GAAI,CAACgB,EAAS,CACZ,QAAQ,MAAM,+BAA+BhB,EAAM,eAAe,cAAc,EAChF,MAAA,CAGF,MAAMiB,WAAS,EAEfT,EAAc,MACRQ,EAAQ,aAAeA,EAAQ,UAAYhB,EAAM,OAAS,OAAO,WAAA,CAGlE,OAAA,iBAAiB,SAAUW,EAAc,CAC9C,QAAS,EAAA,CACV,CAAA,CAGHO,OAAAA,EAAAA,UAAU,IAAM,CACFH,EAAA,CAAA,CACb,EAEDI,EAAAA,gBAAgB,IAAM,CACb,OAAA,oBAAoB,SAAUR,CAAY,CAAA,CAClD"}

package/dist/components/MazReadingProgressBar.mjs

@@ -1,68 +0,0 @@
-import { defineComponent as m, computed as p, ref as a, watch as v, onMounted as g, onBeforeUnmount as h, openBlock as w, createBlock as b, Teleport as S, createElementVNode as i, mergeProps as y, normalizeClass as _, normalizeStyle as B, nextTick as C } from "vue";
-import { throttle as z } from "../helpers/throttle.mjs";
-import { _ as k } from "../chunks/_plugin-vue_export-helper.CHgC5LLL.mjs";
-import '../assets/MazReadingProgressBar.CbqVvC8N.css';const E = /* @__PURE__ */ m({
-  __name: "MazReadingProgressBar",
-  props: {
-    height: { default: "4px" },
-    color: { default: "primary" },
-    teleportSelector: { default: "body" },
-    contentSelector: { default: "body" },
-    offset: { default: 0 },
-    barClass: { default: void 0 },
-    distance: { default: void 0 }
-  },
-  emits: ["begin", "complete"],
-  setup(c, { emit: d }) {
-    const t = c, l = d, u = p(() => `var(--maz-color-${t.color})`), r = a(), o = a(0);
-    v(
-      () => t.distance,
-      (e) => {
-        e && (o.value = e);
-      },
-      {
-        immediate: !0
-      }
-    );
-    const s = z(() => {
-      const e = window.scrollY;
-      if (e >= 0 && e <= o.value) {
-        const n = e / o.value * 100;
-        r.value = `${n}%`;
-      } else e <= 0 ? (r.value = "0%", l("begin")) : e > o.value ? (r.value = "100%", l("complete")) : r.value = "0%";
-    }, 15);
-    async function f() {
-      if (o.value === 0) {
-        const e = document.querySelector(t.contentSelector);
-        if (!e) {
-          console.error(`HTML Element with selector "${t.contentSelector}" not found.`);
-          return;
-        }
-        await C(), o.value = e.offsetHeight + e.offsetTop + t.offset - window.innerHeight;
-      }
-      window.addEventListener("scroll", s, {
-        passive: !0
-      });
-    }
-    return g(() => {
-      f();
-    }), h(() => {
-      window.removeEventListener("scroll", s);
-    }), (e, n) => (w(), b(S, { to: e.teleportSelector }, [
-      i("div", y({ class: "m-reading-progress-bar m-reset-css" }, e.$attrs), [
-        i("div", {
-          class: _(e.barClass),
-          style: B({
-            width: r.value ?? "0px",
-            height: e.height,
-            backgroundColor: u.value
-          })
-        }, null, 6)
-      ], 16)
-    ], 8, ["to"]));
-  }
-}), T = /* @__PURE__ */ k(E, [["__scopeId", "data-v-ff830232"]]);
-export {
-  T as default
-};
-//# sourceMappingURL=MazReadingProgressBar.mjs.map

package/dist/components/MazReadingProgressBar.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"MazReadingProgressBar.mjs","sources":["../../src/components/MazReadingProgressBar.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { Color } from '@components/types'\nimport { throttle } from '@helpers/throttle'\nimport {\n  computed,\n  type HTMLAttributes,\n  nextTick,\n  onBeforeUnmount,\n  onMounted,\n  ref,\n  watch,\n} from 'vue'\n\nexport interface MazReadingProgressBarProps {\n  /**\n   * Height of the progress bar\n   * @default 4px\n   */\n  height?: string\n  /**\n   * Color of the progress bar\n   * @default primary\n   */\n  color?: Color\n  /**\n   * Selector of the element to teleport the progress bar\n   * @default body\n   */\n  teleportSelector?: string\n  /**\n   * Selector of the element to get the height\n   * @default body\n   */\n  contentSelector?: string\n  /**\n   * Offset of the progress bar\n   * @default 0\n   */\n  offset?: number\n  /**\n   * Class of the progress bar\n   * @default undefined\n   */\n  barClass?: HTMLAttributes['class']\n  /**\n   * Instead of using the height of the content with a selector, you can set a scroll distance\n   * @default undefined\n   */\n  distance?: number\n}\n\nconst props = withDefaults(defineProps<MazReadingProgressBarProps>(), {\n  height: '4px',\n  color: 'primary',\n  teleportSelector: 'body',\n  contentSelector: 'body',\n  offset: 0,\n  barClass: undefined,\n  distance: undefined,\n})\n\nconst emits = defineEmits<{\n  (name: 'begin'): void\n  (name: 'complete'): void\n}>()\n\nconst barColor = computed<string>(() => {\n  return `var(--maz-color-${props.color})`\n})\n\nconst progressBarWidth = ref<string>()\nconst elementHeight = ref<number>(0)\n\nwatch(\n  () => props.distance,\n  (value) => {\n    if (value)\n      elementHeight.value = value\n  },\n  {\n    immediate: true,\n  },\n)\n\nconst handleScroll = throttle(() => {\n  const scrollPosition = window.scrollY\n\n  if (scrollPosition >= 0 && scrollPosition <= elementHeight.value) {\n    const progress = (scrollPosition / elementHeight.value) * 100\n    progressBarWidth.value = `${progress}%`\n  }\n  else if (scrollPosition <= 0) {\n    progressBarWidth.value = '0%'\n    emits('begin')\n  }\n  else if (scrollPosition > elementHeight.value) {\n    progressBarWidth.value = '100%'\n    emits('complete')\n  }\n  else {\n    progressBarWidth.value = '0%'\n  }\n}, 15)\n\nasync function setupScroll() {\n  if (elementHeight.value === 0) {\n    const element = document.querySelector<HTMLElement>(props.contentSelector)\n\n    if (!element) {\n      console.error(`HTML Element with selector \"${props.contentSelector}\" not found.`)\n      return\n    }\n\n    await nextTick()\n\n    elementHeight.value\n        = element.offsetHeight + element.offsetTop + props.offset - window.innerHeight\n  }\n\n  window.addEventListener('scroll', handleScroll, {\n    passive: true,\n  })\n}\n\nonMounted(() => {\n  setupScroll()\n})\n\nonBeforeUnmount(() => {\n  window.removeEventListener('scroll', handleScroll)\n})\n</script>\n\n<template>\n  <Teleport :to=\"teleportSelector\">\n    <div class=\"m-reading-progress-bar m-reset-css\" v-bind=\"$attrs\">\n      <div\n        :class=\"barClass\"\n        :style=\"{\n          width: progressBarWidth ?? '0px',\n          height,\n          backgroundColor: barColor,\n        }\"\n      />\n    </div>\n  </Teleport>\n</template>\n\n<style lang=\"postcss\" scoped>\n.m-reading-progress-bar {\n  @apply maz-fixed maz-top-0 maz-z-default-backdrop maz-w-full;\n}\n</style>\n"],"names":["props","__props","emits","__emit","barColor","computed","progressBarWidth","ref","elementHeight","watch","value","handleScroll","throttle","scrollPosition","progress","setupScroll","element","nextTick","onMounted","onBeforeUnmount"],"mappings":";;;;;;;;;;;;;;;;AAmDA,UAAMA,IAAQC,GAURC,IAAQC,GAKRC,IAAWC,EAAiB,MACzB,mBAAmBL,EAAM,KAAK,GACtC,GAEKM,IAAmBC,EAAY,GAC/BC,IAAgBD,EAAY,CAAC;AAEnC,IAAAE;AAAA,MACE,MAAMT,EAAM;AAAA,MACZ,CAACU,MAAU;AACL,QAAAA,MACFF,EAAc,QAAQE;AAAA,MAC1B;AAAA,MACA;AAAA,QACE,WAAW;AAAA,MAAA;AAAA,IAEf;AAEM,UAAAC,IAAeC,EAAS,MAAM;AAClC,YAAMC,IAAiB,OAAO;AAE9B,UAAIA,KAAkB,KAAKA,KAAkBL,EAAc,OAAO;AAC1D,cAAAM,IAAYD,IAAiBL,EAAc,QAAS;AACzC,QAAAF,EAAA,QAAQ,GAAGQ,CAAQ;AAAA,MAAA,MACtC,CACSD,KAAkB,KACzBP,EAAiB,QAAQ,MACzBJ,EAAM,OAAO,KAENW,IAAiBL,EAAc,SACtCF,EAAiB,QAAQ,QACzBJ,EAAM,UAAU,KAGhBI,EAAiB,QAAQ;AAAA,OAE1B,EAAE;AAEL,mBAAeS,IAAc;AACvB,UAAAP,EAAc,UAAU,GAAG;AAC7B,cAAMQ,IAAU,SAAS,cAA2BhB,EAAM,eAAe;AAEzE,YAAI,CAACgB,GAAS;AACZ,kBAAQ,MAAM,+BAA+BhB,EAAM,eAAe,cAAc;AAChF;AAAA,QAAA;AAGF,cAAMiB,EAAS,GAEfT,EAAc,QACRQ,EAAQ,eAAeA,EAAQ,YAAYhB,EAAM,SAAS,OAAO;AAAA,MAAA;AAGlE,aAAA,iBAAiB,UAAUW,GAAc;AAAA,QAC9C,SAAS;AAAA,MAAA,CACV;AAAA,IAAA;AAGH,WAAAO,EAAU,MAAM;AACF,MAAAH,EAAA;AAAA,IAAA,CACb,GAEDI,EAAgB,MAAM;AACb,aAAA,oBAAoB,UAAUR,CAAY;AAAA,IAAA,CAClD;;;;;;;;;;;;;;"}

package/dist/components/MazSelect.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('../assets/MazSelect.CH_76PSg.css');const l=require("vue"),H=require("./MazInput.cjs"),ie=require("../composables/useInstanceUniqId.cjs"),I=require("../composables/useStringMatching.cjs"),se=require("../directives/vClosable.cjs"),re=require("../helpers/debounceCallback.cjs"),D=require("../helpers/normalizeString.cjs"),ue=require("../chunks/_plugin-vue_export-helper.BHFhmbuH.cjs"),ce=["aria-label"],de={class:"m-select-list__no-results"},pe={key:2,class:"m-select-list__scroll-wrapper",tabindex:"-1"},me={class:"m-select-list-optgroup"},fe=["onClick"],ye=l.defineComponent({inheritAttrs:!1,__name:"MazSelect",props:{style:{default:void 0},class:{default:void 0},id:{default:void 0},modelValue:{default:void 0},options:{default:void 0},optionValueKey:{default:"value"},optionLabelKey:{default:"label"},optionInputValueKey:{default:"label"},listPosition:{default:"bottom left"},itemHeight:{default:void 0},maxListHeight:{default:240},maxListWidth:{default:void 0},minListHeight:{default:void 0},minListWidth:{default:void 0},size:{default:"md"},color:{default:"primary"},search:{type:Boolean},searchPlaceholder:{default:"Search in options"},searchFunction:{},searchThreshold:{default:.75},open:{type:Boolean},multiple:{type:Boolean,default:void 0},required:{type:Boolean},disabled:{type:Boolean},block:{type:Boolean},excludeSelectors:{default:void 0},autocomplete:{default:"off"}},emits:["close","open","blur","focus","change","input","update:model-value","selected-option"],setup(O,{expose:F,emit:x}){const n=O,p=x,W=l.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./MazCheckbox.cjs"))),U=l.defineAsyncComponent(()=>Promise.resolve().then(()=>require("../chunks/magnifying-glass.CSf_M2wG.cjs"))),Q=l.defineAsyncComponent(()=>Promise.resolve().then(()=>require("../chunks/chevron-down.DdnENkzR.cjs"))),j=l.defineAsyncComponent(()=>Promise.resolve().then(()=>require("../chunks/no-symbol.D1DeANDx.cjs")));F({openList:g,closeList:h});const f=l.ref(!1),s=l.ref(),k=l.computed(()=>["black","transparent","white"].includes(n.color)),_=l.computed(()=>k.value?"var(--maz-color-black)":`var(--maz-color-${n.color}-800)`),G=l.computed(()=>k.value?"var(--maz-color-muted)":`var(--maz-color-${n.color}-100)`),Z=l.computed(()=>k.value?"var(--maz-color-muted)":`var(--maz-color-${n.color}-200)`),d=l.computed(()=>f.value||n.open),J=ie.useInstanceUniqId({componentName:"MazSelect",providedId:n.id});function B(e){return{[n.optionValueKey]:e,[n.optionLabelKey]:e,[n.optionInputValueKey]:e}}function M(e){return{...e,[n.optionValueKey]:e[n.optionValueKey],[n.optionLabelKey]:e[n.optionLabelKey],[n.optionInputValueKey]:e[n.optionInputValueKey]}}function A(e){const o=[];if(!(e!=null&&e.length))return[];for(const t of e)typeof t=="string"||typeof t=="number"||typeof t=="boolean"?o.push(B(t)):typeof t=="object"&&"options"in t&&Array.isArray(t.options)?o.push({label:t.label,isOptGroup:!0},...t.options.map(a=>typeof a=="string"||typeof a=="number"||typeof a=="boolean"?B(a):M(a))):o.push(M(t));return o}const b=l.computed(()=>A(n.options??[])),V=l.computed(()=>{var e;return((e=b.value)==null?void 0:e.filter(o=>n.multiple?Array.isArray(n.modelValue)?n.modelValue.includes(o[n.optionValueKey])&&!y(o[n.optionValueKey]):!1:n.modelValue===o[n.optionValueKey]&&!y(o[n.optionValueKey])))??[]});l.onBeforeMount(()=>{var e;(e=n.options)!=null&&e.length||console.warn("[maz-ui](MazSelect) you must provide options"),C()});const L=l.ref(),z=l.ref(),$=l.ref(),E=l.ref();function y(e){return e==null}function K(e){var t;return(((t=V.value)==null?void 0:t.some(a=>a[n.optionValueKey]===e[n.optionValueKey]))??!1)&&!y(e[n.optionValueKey])}const R=l.computed(()=>{var o;if(n.multiple&&n.modelValue&&Array.isArray(n.modelValue))return n.modelValue.map(t=>{var a,i;return(i=(a=b.value)==null?void 0:a.find(r=>r[n.optionValueKey]===t))==null?void 0:i[n.optionInputValueKey]}).join(", ");const e=(o=b.value)==null?void 0:o.find(t=>t[n.optionValueKey]===n.modelValue);return y(n.modelValue)||e==null?void 0:e[n.optionInputValueKey]}),X=l.computed(()=>n.listPosition.includes("bottom")?"maz-slide":"maz-slideinvert"),m=l.ref(""),v=l.ref("");function S(e,o){return o&&e&&D.normalizeString(e).includes(D.normalizeString(o))}function T(e){var o;return e?(o=b.value)==null?void 0:o.filter(t=>{const a=t[n.optionLabelKey],i=t[n.optionValueKey],r=t[n.optionInputValueKey],u=n.searchThreshold;return S(a,e)||S(r,e)||S(i,e)||typeof a=="string"&&I.useStringMatching(a,e,u).isMatching.value||typeof r=="string"&&I.useStringMatching(r,e,u).isMatching.value||typeof i=="string"&&I.useStringMatching(i,e,u).isMatching.value}):b.value}const c=l.computed(()=>n.searchFunction&&n.search&&m.value?A(n.searchFunction(m.value,n.options??[])??[]):T(m.value));async function h(e){var t,a;if(!d.value)return;if(e&&("relatedTarget"in e&&((t=L.value)!=null&&t.contains(e.relatedTarget))||e.type==="keydown"))return e.preventDefault();const o=e&&"relatedTarget"in e&&e.relatedTarget instanceof HTMLElement&&e.relatedTarget.getAttribute("id");if((a=n.excludeSelectors)!=null&&a.includes(`#${o}`))return e==null?void 0:e.preventDefault();await l.nextTick(),f.value=!1,s.value=0,p("close",e)}async function g(e){n.disabled||d.value||(e==null||e.preventDefault(),f.value=!0,await w(),p("focus",e),p("open",f.value))}function N(){var e,o;(o=((e=z.value)==null?void 0:e.$el).querySelector("input"))==null||o.focus()}function Y(){var e,o;(o=((e=z.value)==null?void 0:e.$el).querySelector("input"))==null||o.dispatchEvent(new Event("input"))}function ee(e){f.value?h(e):N()}function le(e){var o,t;m.value=e,(t=((o=$.value)==null?void 0:o.$el).querySelector("input"))==null||t.focus()}function oe(e){var t;e==="Backspace"&&v.value.length>0?v.value=v.value.slice(0,-1):v.value+=e;const o=T(v.value);o!=null&&o.length&&(s.value=(t=c.value)==null?void 0:t.findIndex(a=>a[n.optionValueKey]===o[0][n.optionValueKey]),typeof s.value=="number"&&s.value>=0&&w(s.value)),re.debounceCallback(()=>{v.value=""},1e3)}function te(e){const o=e.key;/^[\dA-Za-z\u0400-\u04FF]$/.test(o)?(e.preventDefault(),g(e),n.search?le(o):oe(o)):q(e)}function q(e,o=!0){const t=e.code,a=["ArrowUp","ArrowDown"].includes(t),i=(o?["Enter","Space"]:["Enter"]).includes(t),r=t==="Escape"&&d.value;a?ne(e,s.value):i?ae(e,s.value):r&&h(e)}function ne(e,o){var i;e.preventDefault();const t=e.code;d.value||g(e);const a=(i=c.value)==null?void 0:i.length;a&&(typeof o=="number"?o===a-1&&t==="ArrowDown"?s.value=0:o===0&&t==="ArrowUp"?s.value=a-1:s.value=t==="ArrowDown"?o+1:o-1:s.value=t==="ArrowDown"?0:a-1,w(s.value))}function ae(e,o){var a,i,r;if(!d.value)return;e.preventDefault();const t=o?((a=c.value)==null?void 0:a[o])??((i=c.value)==null?void 0:i[0]):(r=c.value)==null?void 0:r[0];y(t)||P(t)}async function w(e){var t,a;await l.nextTick(),typeof e!="number"&&C();const o=e??s.value;if(typeof o=="number"&&o>=0){const i=(t=E.value)==null?void 0:t.querySelectorAll(".m-select-list-item");(a=i==null?void 0:i[o])==null||a.scrollIntoView({behavior:"auto",block:"nearest",inline:"start"})}}function C(e){var t;const o=(t=c.value)==null?void 0:t.findIndex(a=>{var i,r;return n.multiple&&Array.isArray(n.modelValue)?e?e[n.optionValueKey]===a[n.optionValueKey]:[...n.modelValue].reverse()[0]===a[n.optionValueKey]:((r=(i=V.value)==null?void 0:i[0])==null?void 0:r[n.optionValueKey])===a[n.optionValueKey]});s.value=o&&o>=0?o:0}function P(e,o=!0){var r;o&&!n.multiple&&l.nextTick(()=>h()),m.value="";const t=(r=V.value)==null?void 0:r.some(u=>u[n.optionValueKey]===e[n.optionValueKey]);let a=V.value;t&&n.multiple?a=a==null?void 0:a.filter(u=>u[n.optionValueKey]!==e[n.optionValueKey]):n.multiple?a.push(e):a=[e];const i=a.map(u=>u[n.optionValueKey]);p("update:model-value",n.multiple?i:i[0]),p("selected-option",e),Y(),C(e),N()}return(e,o)=>l.withDirectives((l.openBlock(),l.createElementBlock("div",{ref_key:"mazSelectElement",ref:L,class:l.normalizeClass(["m-select m-reset-css",[{"--is-open":d.value,"--disabled":e.disabled,"--block":e.block},n.class,`--${e.size}`]]),style:l.normalizeStyle([e.style,{"--keyboard-selected-bg-color":Z.value,"--selected-bg-color":G.value,"--selected-text-color":_.value}])},[l.createVNode(H.default,l.mergeProps({id:l.unref(J),ref_key:"mazInputComponent",ref:z,class:"m-select-input"},e.$attrs,{required:e.required,"border-active":f.value,color:e.color,"model-value":R.value,size:e.size,block:"",autocomplete:e.autocomplete,disabled:e.disabled,onFocus:l.withModifiers(g,["prevent","stop"]),onBlur:l.withModifiers(h,["prevent","stop"]),onClick:l.withModifiers(g,["prevent","stop"]),onChange:o[0]||(o[0]=t=>p("change",t)),onInput:o[1]||(o[1]=t=>p("input",t)),onKeydown:te}),{"right-icon":l.withCtx(()=>[l.createElementVNode("button",{tabindex:"-1",type:"button",class:"m-select-input__toggle-button maz-custom","aria-label":`${d.value?"collapse":"expand"} list of options`,onClick:l.withModifiers(ee,["stop"])},[l.createVNode(l.unref(Q),{class:"m-select-chevron maz-text-xl"})],8,ce)]),_:1},16,["id","required","border-active","color","model-value","size","autocomplete","disabled"]),l.createVNode(l.Transition,{name:X.value},{default:l.withCtx(()=>[d.value?(l.openBlock(),l.createElementBlock("div",{key:0,ref_key:"optionListElement",ref:E,class:l.normalizeClass(["m-select-list",{"--top":e.listPosition.includes("top"),"--left":e.listPosition.includes("left"),"--right":e.listPosition.includes("right"),"--bottom":e.listPosition.includes("bottom")}]),style:l.normalizeStyle({maxHeight:`${e.maxListHeight}px`,maxWidth:`${e.maxListWidth}px`,minHeight:`${e.minListHeight}px`,minWidth:`${e.minListWidth}px`})},[e.search?(l.openBlock(),l.createBlock(H.default,{key:0,ref_key:"searchInputComponent",ref:$,modelValue:m.value,"onUpdate:modelValue":[o[2]||(o[2]=t=>m.value=t),o[4]||(o[4]=t=>s.value=0)],size:"sm",color:e.color,placeholder:e.searchPlaceholder,name:"search",inputmode:"search",block:"",autocomplete:"off",tabindex:"-1",class:"m-select-list__search-input maz-flex-none","left-icon":l.unref(U),onKeydown:o[3]||(o[3]=t=>q(t,!1))},null,8,["modelValue","color","placeholder","left-icon"])):l.createCommentVNode("",!0),!c.value||c.value.length<=0?l.renderSlot(e.$slots,"no-results",{key:1},()=>[l.createElementVNode("span",de,[l.createVNode(l.unref(j),{class:"maz-h-6 maz-w-6 maz-text-normal"})])],!0):(l.openBlock(),l.createElementBlock("div",pe,[(l.openBlock(!0),l.createElementBlock(l.Fragment,null,l.renderList(c.value,(t,a)=>(l.openBlock(),l.createElementBlock(l.Fragment,{key:a},[t.label&&t.isOptGroup?l.renderSlot(e.$slots,"optgroup",{key:0,label:t.label},()=>[l.createElementVNode("span",me,l.toDisplayString(t.label),1)],!0):(l.openBlock(),l.createElementBlock("button",{key:1,tabindex:"-1",type:"button",class:l.normalizeClass(["m-select-list-item maz-custom maz-flex-none",[{"--is-keyboard-selected":s.value===a,"--is-selected":K(t),"--is-none-value":y(t[e.optionValueKey])}]]),style:l.normalizeStyle(e.itemHeight?{height:`${e.itemHeight}px`}:void 0),onClick:l.withModifiers(i=>P(t),["prevent","stop"])},[e.multiple?(l.openBlock(),l.createBlock(l.unref(W),{key:0,tabindex:"-1","model-value":K(t),size:"sm",color:e.color},null,8,["model-value","color"])):l.createCommentVNode("",!0),l.renderSlot(e.$slots,"default",{option:t,isSelected:K(t)},()=>[l.createElementVNode("span",null,l.toDisplayString(t[e.optionLabelKey]),1)],!0)],14,fe))],64))),128))]))],6)):l.createCommentVNode("",!0)]),_:3},8,["name"])],6)),[[l.unref(se.vClosable),{exclude:e.excludeSelectors,handler:h}]])}}),ve=ue._export_sfc(ye,[["__scopeId","data-v-ec4fe90d"]]);exports.default=ve;
-//# sourceMappingURL=MazSelect.cjs.map

package/dist/components/MazSelect.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"MazSelect.cjs","sources":["../../src/components/MazSelect.vue"],"sourcesContent":["<script\n  lang=\"ts\"\n  setup\n  generic=\"T extends ModelValueSimple, U extends MazSelectOption\"\n>\nimport type { Color, ModelValueSimple, Position, Size } from '@components/types'\nimport MazInput from '@components/MazInput.vue'\nimport { useInstanceUniqId } from '@composables/useInstanceUniqId'\nimport { useStringMatching } from '@composables/useStringMatching'\nimport { vClosable } from '@directives/vClosable'\nimport { debounceCallback } from '@helpers/debounceCallback'\nimport { normalizeString } from '@helpers/normalizeString'\n\nimport {\n  type ComponentPublicInstance,\n  computed,\n  defineAsyncComponent,\n  type HTMLAttributes,\n  nextTick,\n  onBeforeMount,\n  ref,\n} from 'vue'\n\nexport type NormalizedOption = Record<string, ModelValueSimple>\nexport interface MazSelectOptionWithOptGroup {\n  label: string\n  options: (NormalizedOption | string | number | boolean)[]\n}\nexport type MazSelectOption =\n  | NormalizedOption\n  | string\n  | number\n  | boolean\n  | MazSelectOptionWithOptGroup\n\nexport interface MazSelectProps<T extends ModelValueSimple, U extends MazSelectOption> {\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  /** The id of the select */\n  id?: string\n  /** The value of the select */\n  modelValue?: T | T[]\n  /** The options of the select */\n  options?: U[]\n  /**\n   * The key of the option value\n   * @default 'value'\n   */\n  optionValueKey?: string\n  /**\n   * The key of the option label\n   * @default 'label'\n   */\n  optionLabelKey?: string\n  /**\n   * The key of the option input value\n   * @default 'label'\n   */\n  optionInputValueKey?: string\n  /**\n   * The position of the list\n   * @default 'bottom left'\n   */\n  listPosition?: Position\n  /** The height of the option list item */\n  itemHeight?: number\n  /** The max height of the option list */\n  maxListHeight?: number\n  /** The max width of the option list */\n  maxListWidth?: number\n  /** The min height of the option list */\n  minListHeight?: number\n  /** The min width of the option list */\n  minListWidth?: number\n  /**\n   * The size of the select\n   * @default 'md'\n   */\n  size?: Size\n  /**\n   * The color of the select\n   * @default 'primary'\n   */\n  color?: Color\n  /** Display search input in option list */\n  search?: boolean\n  /**\n   * The placeholder of the search input\n   * @default 'Search in options'\n   */\n  searchPlaceholder?: string\n  /**\n   * Replace the default search function to provide a custom search function\n   * @default undefined\n   */\n  searchFunction?: (query: string, options: U[]) => U[] | undefined\n  /**\n   * The threshold for the search input where 1 is a perfect match and 0 is a match with any character\n   * @default 0.75\n   */\n  searchThreshold?: number\n  /** if true, the option list is opened by default */\n  open?: boolean\n  /** Enable the multiple selection */\n  multiple?: boolean\n  /** Make the input required in the form */\n  required?: boolean\n  /** Disable the component */\n  disabled?: boolean\n  /** The input will be displayed in full width */\n  block?: boolean\n  /** The exclude selectors for the v-closable directive - will exclude the elements from the directive */\n  excludeSelectors?: string[]\n  /**\n   * The autocomplete attribute of the input\n   * @default 'off'\n   */\n  autocomplete?: string\n}\n\ndefineOptions({\n  inheritAttrs: false,\n})\n\nconst props = withDefaults(defineProps<MazSelectProps<T, U>>(), {\n  id: undefined,\n  class: undefined,\n  multiple: undefined,\n  style: undefined,\n  modelValue: undefined,\n  optionValueKey: 'value',\n  optionLabelKey: 'label',\n  optionInputValueKey: 'label',\n  listPosition: 'bottom left',\n  itemHeight: undefined,\n  maxListHeight: 240,\n  maxListWidth: undefined,\n  minListWidth: undefined,\n  minListHeight: undefined,\n  size: 'md',\n  color: 'primary',\n  options: undefined,\n  excludeSelectors: undefined,\n  searchPlaceholder: 'Search in options',\n  searchThreshold: 0.75,\n  autocomplete: 'off',\n})\n\nconst emits = defineEmits<{\n  /**\n   * On list is closed\n   * @event 'close'\n   * @property {Event} value - the event\n   */\n  'close': [value?: Event]\n  /**\n   * On list is opened\n   * @event 'open'\n   * @property {boolean} value - if the list is opened or not\n   */\n  'open': [value: boolean]\n  /**\n   * On input blur\n   * @event 'blur'\n   * @property {Event} value - the event\n   */\n  'blur': [value: Event]\n  /**\n   * On input focus\n   * @event 'focus'\n   * @property {Event} value - the event\n   */\n  'focus': [value: Event]\n  /**\n   * On input change value\n   * @event 'change'\n   * @property {Event} value - the event\n   */\n  'change': [value: Event]\n  /**\n   * On input value\n   * @event 'input'\n   * @property {Event} value - the event\n   */\n  'input': [value: Event]\n  /**\n   * On model value update, returns the new value\n   * @event 'update:model-value'\n   * @property {ModelValueSimple | ModelValueSimple[]} value - the new value\n   */\n  'update:model-value': [value: T | T[]]\n  /**\n   * On selected value, returns the option object\n   * @event 'selected-option'\n   * @property {MazSelectOption} value - the option object\n   */\n  'selected-option': [value: U]\n}>()\n\nconst MazCheckbox = defineAsyncComponent(() => import('@components/MazCheckbox.vue'))\n\nconst SearchIcon = defineAsyncComponent(() => import('@icons/magnifying-glass.svg'))\nconst ChevronDownIcon = defineAsyncComponent(() => import('@icons/chevron-down.svg'))\nconst NoSymbolIcon = defineAsyncComponent(() => import('@icons/no-symbol.svg'))\n\ndefineExpose<{\n  openList: typeof openList\n  closeList: typeof closeList\n}>({\n  /** Method to open the option list */\n  openList,\n  /** Method to close the option list */\n  closeList,\n})\n\nconst listOpened = ref(false)\nconst tmpModelValueIndex = ref<number>()\n\nconst isBlackOrTransparentColor = computed(() =>\n  ['black', 'transparent', 'white'].includes(props.color),\n)\n\nconst selectedTextColor = computed(() =>\n  isBlackOrTransparentColor.value\n    ? `var(--maz-color-black)`\n    : `var(--maz-color-${props.color}-800)`,\n)\nconst selectedBgColor = computed(() =>\n  isBlackOrTransparentColor.value\n    ? 'var(--maz-color-muted)'\n    : `var(--maz-color-${props.color}-100)`,\n)\nconst keyboardSelectedBgColor = computed(() =>\n  isBlackOrTransparentColor.value\n    ? 'var(--maz-color-muted)'\n    : `var(--maz-color-${props.color}-200)`,\n)\n\nconst hasListOpened = computed(() => listOpened.value || props.open)\n\nconst instanceId = useInstanceUniqId({\n  componentName: 'MazSelect',\n  providedId: props.id,\n})\n\nfunction getOptionPayload(option: string | number | boolean): NormalizedOption {\n  return {\n    [props.optionValueKey]: option,\n    [props.optionLabelKey]: option,\n    [props.optionInputValueKey]: option,\n  }\n}\nfunction getNormalizedOptionPayload(option: NormalizedOption): NormalizedOption {\n  return {\n    ...option,\n    [props.optionValueKey]: option[props.optionValueKey],\n    [props.optionLabelKey]: option[props.optionLabelKey],\n    [props.optionInputValueKey]: option[props.optionInputValueKey],\n  }\n}\n\nfunction getNormalizedOptions(options: U[]) {\n  const normalizedOptions: NormalizedOption[] = []\n\n  if (!options?.length) {\n    return []\n  }\n\n  for (const option of options) {\n    if (typeof option === 'string' || typeof option === 'number' || typeof option === 'boolean') {\n      normalizedOptions.push(getOptionPayload(option))\n    }\n    else if (\n      typeof option === 'object'\n      && 'options' in option\n      && Array.isArray(option.options)\n    ) {\n      normalizedOptions.push(\n        { label: option.label, isOptGroup: true },\n        ...option.options.map(opt =>\n          typeof opt === 'string' || typeof opt === 'number' || typeof opt === 'boolean'\n            ? getOptionPayload(opt)\n            : getNormalizedOptionPayload(opt),\n        ),\n      )\n    }\n    else {\n      normalizedOptions.push(getNormalizedOptionPayload(option as NormalizedOption))\n    }\n  }\n\n  return normalizedOptions\n}\n\nconst optionsNormalized = computed<NormalizedOption[]>(() => getNormalizedOptions(props.options ?? []))\n\nconst selectedOptions = computed(\n  () =>\n    optionsNormalized.value?.filter((option) => {\n      return props.multiple\n        ? Array.isArray(props.modelValue)\n          ? props.modelValue.includes(option[props.optionValueKey] as T)\n          && !isNullOrUndefined(option[props.optionValueKey])\n          : false\n        : props.modelValue === option[props.optionValueKey]\n          && !isNullOrUndefined(option[props.optionValueKey])\n    }) ?? [],\n)\n\nonBeforeMount(() => {\n  if (!props.options?.length) {\n    console.warn('[maz-ui](MazSelect) you must provide options')\n  }\n\n  updateTmpModelValueIndex()\n})\n\nconst mazSelectElement = ref<HTMLDivElement>()\nconst mazInputComponent = ref<ComponentPublicInstance<typeof MazInput>>()\nconst searchInputComponent = ref<ComponentPublicInstance<typeof MazInput>>()\nconst optionListElement = ref<HTMLDivElement>()\n\nfunction isNullOrUndefined(value: unknown) {\n  return value === undefined || value === null\n}\n\nfunction isSelectedOption(option: NormalizedOption) {\n  const hasOption\n      = selectedOptions.value?.some(\n        selectedOption => selectedOption[props.optionValueKey] === option[props.optionValueKey],\n      ) ?? false\n\n  return hasOption && !isNullOrUndefined(option[props.optionValueKey])\n}\n\nconst mazInputValue = computed(() => {\n  if (props.multiple && props.modelValue && Array.isArray(props.modelValue)) {\n    return props.modelValue\n      .map(\n        value =>\n          optionsNormalized.value?.find(option => option[props.optionValueKey] === value)?.[\n            props.optionInputValueKey\n          ],\n      )\n      .join(', ')\n  }\n\n  const selectedOption = optionsNormalized.value?.find(\n    option => option[props.optionValueKey] === props.modelValue,\n  )\n\n  return isNullOrUndefined(props.modelValue)\n    ? undefined\n    : selectedOption?.[props.optionInputValueKey]\n})\n\nconst listTransition = computed(() =>\n  props.listPosition.includes('bottom') ? 'maz-slide' : 'maz-slideinvert',\n)\n\nconst searchQuery = ref<string>('')\nconst query = ref<string>('')\n\nfunction searchInValue(value?: ModelValueSimple, query?: string) {\n  return query && value && normalizeString(value).includes(normalizeString(query))\n}\n\nfunction getFilteredOptionWithQuery(query: string) {\n  return query\n    ? optionsNormalized.value?.filter((option) => {\n      const searchValue = option[props.optionLabelKey]\n      const searchValue3 = option[props.optionValueKey]\n      const searchValue2 = option[props.optionInputValueKey]\n\n      const threshold = props.searchThreshold\n\n      return (\n        searchInValue(searchValue, query)\n        || searchInValue(searchValue2, query)\n        || searchInValue(searchValue3, query)\n        || (typeof searchValue === 'string'\n          && useStringMatching(searchValue, query, threshold).isMatching.value)\n        || (typeof searchValue2 === 'string'\n          && useStringMatching(searchValue2, query, threshold).isMatching.value)\n        || (typeof searchValue3 === 'string'\n          && useStringMatching(searchValue3, query, threshold).isMatching.value)\n      )\n    })\n    : optionsNormalized.value\n}\n\nconst optionList = computed(() => {\n  return props.searchFunction && props.search && searchQuery.value\n    ? getNormalizedOptions(props.searchFunction(searchQuery.value, props.options ?? []) ?? [])\n    : getFilteredOptionWithQuery(searchQuery.value)\n})\n\nasync function closeList(event?: Event) {\n  if (!hasListOpened.value)\n    return\n  if (\n    event\n    && (('relatedTarget' in event\n      && mazSelectElement.value?.contains(event.relatedTarget as Node))\n    || event.type === 'keydown')\n  ) {\n    return event.preventDefault()\n  }\n\n  const eventTargetId\n      = event\n      && 'relatedTarget' in event\n      && event.relatedTarget instanceof HTMLElement\n      && event.relatedTarget.getAttribute('id')\n\n  if (props.excludeSelectors?.includes(`#${eventTargetId}`)) {\n    return event?.preventDefault()\n  }\n\n  await nextTick()\n  listOpened.value = false\n  tmpModelValueIndex.value = 0\n  emits('close', event)\n}\n\nasync function openList(event: Event) {\n  if (props.disabled || hasListOpened.value)\n    return\n\n  event?.preventDefault()\n  listOpened.value = true\n  await scrollToOptionIndex()\n  emits('focus', event)\n  emits('open', listOpened.value)\n}\n\nfunction focusMainInput() {\n  ;(mazInputComponent.value?.$el as HTMLElement).querySelector('input')?.focus()\n}\nfunction emitInputMainInput() {\n  ;(mazInputComponent.value?.$el as HTMLElement).querySelector('input')?.dispatchEvent(new Event('input'))\n}\n\nfunction toggleList(event: Event) {\n  if (listOpened.value) {\n    closeList(event)\n  }\n  else {\n    focusMainInput()\n  }\n}\n\nfunction focusSearchInputAndSetQuery(q: string) {\n  searchQuery.value = q\n  ;(searchInputComponent.value?.$el as HTMLElement).querySelector('input')?.focus()\n}\n\nfunction searchOptionWithQuery(keyPressed: string) {\n  if (keyPressed === 'Backspace' && query.value.length > 0) {\n    query.value = query.value.slice(0, -1)\n  }\n  else {\n    query.value += keyPressed\n  }\n\n  const filteredOptions = getFilteredOptionWithQuery(query.value)\n\n  if (filteredOptions?.length) {\n    tmpModelValueIndex.value = optionList.value?.findIndex(\n      option => option[props.optionValueKey] === filteredOptions[0][props.optionValueKey],\n    )\n\n    if (typeof tmpModelValueIndex.value === 'number' && tmpModelValueIndex.value >= 0) {\n      scrollToOptionIndex(tmpModelValueIndex.value)\n    }\n  }\n\n  debounceCallback(() => {\n    query.value = ''\n  }, 1000)\n}\n\nfunction mainInputKeyboardHandler(event: KeyboardEvent) {\n  const keyPressed = event.key\n\n  if (/^[\\dA-Za-z\\u0400-\\u04FF]$/.test(keyPressed)) {\n    event.preventDefault()\n    openList(event)\n\n    if (props.search) {\n      focusSearchInputAndSetQuery(keyPressed)\n    }\n    else {\n      searchOptionWithQuery(keyPressed)\n    }\n  }\n  else {\n    keyboardHandler(event)\n  }\n}\n\nfunction keyboardHandler(event: KeyboardEvent, shouldSelectWithSpace = true) {\n  const code = event.code\n\n  const isArrow = ['ArrowUp', 'ArrowDown'].includes(code)\n  const shouldSelect = (shouldSelectWithSpace ? ['Enter', 'Space'] : ['Enter']).includes(code)\n  const shouldCloseList = code === 'Escape' && hasListOpened.value\n\n  if (isArrow) {\n    arrowHandler(event, tmpModelValueIndex.value)\n  }\n  else if (shouldSelect) {\n    enterHandler(event, tmpModelValueIndex.value)\n  }\n  else if (shouldCloseList) {\n    closeList(event)\n  }\n}\n\nfunction arrowHandler(event: KeyboardEvent, currentIndex?: number) {\n  event.preventDefault()\n  const code = event.code\n\n  if (!hasListOpened.value)\n    openList(event)\n\n  const optionsLength = optionList.value?.length\n\n  if (!optionsLength) {\n    return\n  }\n\n  if (typeof currentIndex === 'number') {\n    if (currentIndex === optionsLength - 1 && code === 'ArrowDown') {\n      tmpModelValueIndex.value = 0\n    }\n    else if (currentIndex === 0 && code === 'ArrowUp') {\n      tmpModelValueIndex.value = optionsLength - 1\n    }\n    else {\n      tmpModelValueIndex.value = code === 'ArrowDown' ? currentIndex + 1 : currentIndex - 1\n    }\n  }\n  else {\n    tmpModelValueIndex.value = code === 'ArrowDown' ? 0 : optionsLength - 1\n  }\n\n  scrollToOptionIndex(tmpModelValueIndex.value)\n}\n\nfunction enterHandler(event: KeyboardEvent, currentIndex?: number) {\n  if (!hasListOpened.value) {\n    return\n  }\n\n  event.preventDefault()\n\n  const newValue = currentIndex\n    ? optionList.value?.[currentIndex] ?? optionList.value?.[0]\n    : optionList.value?.[0]\n\n  if (!isNullOrUndefined(newValue)) {\n    updateValue(newValue as Record<string, ModelValueSimple>)\n  }\n}\n\nasync function scrollToOptionIndex(index?: number) {\n  await nextTick()\n\n  if (typeof index !== 'number') {\n    updateTmpModelValueIndex()\n  }\n\n  const selectedIndex = index ?? tmpModelValueIndex.value\n\n  if (typeof selectedIndex === 'number' && selectedIndex >= 0) {\n    const item = optionListElement.value\n      ?.querySelectorAll('.m-select-list-item')\n\n    item?.[selectedIndex]?.scrollIntoView({\n      behavior: 'auto',\n      block: 'nearest',\n      inline: 'start',\n    })\n  }\n}\n\nfunction updateTmpModelValueIndex(inputOption?: NormalizedOption) {\n  const index = optionList.value?.findIndex((option) => {\n    if (props.multiple && Array.isArray(props.modelValue)) {\n      if (inputOption) {\n        return inputOption[props.optionValueKey] === option[props.optionValueKey]\n      }\n      const values = [...props.modelValue].reverse()\n      return values[0] === option[props.optionValueKey]\n    }\n    else {\n      return selectedOptions.value?.[0]?.[props.optionValueKey] === option[props.optionValueKey]\n    }\n  })\n\n  tmpModelValueIndex.value = index && index >= 0 ? index : 0\n}\n\nfunction updateValue(inputOption: NormalizedOption, mustCloseList = true) {\n  if (mustCloseList && !props.multiple) {\n    nextTick(() => closeList())\n  }\n\n  searchQuery.value = ''\n\n  const isAlreadySelected = selectedOptions.value?.some(\n    option => option[props.optionValueKey] === inputOption[props.optionValueKey],\n  )\n\n  let newValue = selectedOptions.value\n\n  if (isAlreadySelected && props.multiple) {\n    newValue = newValue?.filter(\n      option => option[props.optionValueKey] !== inputOption[props.optionValueKey],\n    )\n  }\n  else if (props.multiple) {\n    newValue.push(inputOption)\n  }\n  else {\n    newValue = [inputOption]\n  }\n\n  const selectedValues = newValue.map(option => option[props.optionValueKey])\n\n  emits('update:model-value', (props.multiple ? selectedValues : selectedValues[0]) as T | T[])\n  emits('selected-option', inputOption as U)\n  emitInputMainInput()\n  updateTmpModelValueIndex(inputOption)\n  focusMainInput()\n}\n</script>\n\n<template>\n  <div\n    ref=\"mazSelectElement\"\n    v-closable=\"{\n      exclude: excludeSelectors,\n      handler: closeList,\n    }\"\n    class=\"m-select m-reset-css\"\n    :class=\"[\n      { '--is-open': hasListOpened, '--disabled': disabled, '--block': block },\n      props.class,\n      `--${size}`,\n    ]\"\n    :style=\"[style, { '--keyboard-selected-bg-color': keyboardSelectedBgColor, '--selected-bg-color': selectedBgColor, '--selected-text-color': selectedTextColor }]\"\n  >\n    <MazInput\n      :id=\"instanceId\"\n      ref=\"mazInputComponent\"\n      class=\"m-select-input\"\n      v-bind=\"$attrs\"\n      :required=\"required\"\n      :border-active=\"listOpened\"\n      :color=\"color\"\n      :model-value=\"mazInputValue\"\n      :size=\"size\"\n      block\n      :autocomplete\n      :disabled=\"disabled\"\n      @focus.prevent.stop=\"openList\"\n      @blur.prevent.stop=\"closeList\"\n      @click.prevent.stop=\"openList\"\n      @change=\"emits('change', $event)\"\n      @input=\"emits('input', $event)\"\n      @keydown=\"mainInputKeyboardHandler\"\n    >\n      <template #right-icon>\n        <button\n          tabindex=\"-1\"\n          type=\"button\"\n          class=\"m-select-input__toggle-button maz-custom\"\n          :aria-label=\"`${hasListOpened ? 'collapse' : 'expand'} list of options`\"\n          @click.stop=\"toggleList\"\n        >\n          <ChevronDownIcon class=\"m-select-chevron maz-text-xl\" />\n        </button>\n      </template>\n    </MazInput>\n    <Transition :name=\"listTransition\">\n      <div\n        v-if=\"hasListOpened\"\n        ref=\"optionListElement\"\n        class=\"m-select-list\"\n        :class=\"{\n          '--top': listPosition.includes('top'),\n          '--left': listPosition.includes('left'),\n          '--right': listPosition.includes('right'),\n          '--bottom': listPosition.includes('bottom'),\n        }\"\n        :style=\"{\n          maxHeight: `${maxListHeight}px`,\n          maxWidth: `${maxListWidth}px`,\n          minHeight: `${minListHeight}px`,\n          minWidth: `${minListWidth}px`,\n        }\"\n      >\n        <MazInput\n          v-if=\"search\"\n          ref=\"searchInputComponent\"\n          v-model=\"searchQuery\"\n          size=\"sm\"\n          :color=\"color\"\n          :placeholder=\"searchPlaceholder\"\n          name=\"search\"\n          inputmode=\"search\"\n          block\n          autocomplete=\"off\"\n          tabindex=\"-1\"\n          class=\"m-select-list__search-input maz-flex-none\"\n          :left-icon=\"SearchIcon\"\n          @keydown=\"keyboardHandler($event, false)\"\n          @update:model-value=\"tmpModelValueIndex = 0\"\n        />\n        <!--\n          @slot No results slot - Displayed when no results corresponding with search query\n        -->\n        <slot v-if=\"!optionList || optionList.length <= 0\" name=\"no-results\">\n          <span class=\"m-select-list__no-results\">\n            <NoSymbolIcon class=\"maz-h-6 maz-w-6 maz-text-normal\" />\n          </span>\n        </slot>\n        <div v-else class=\"m-select-list__scroll-wrapper\" tabindex=\"-1\">\n          <template v-for=\"(option, i) in optionList\" :key=\"i\">\n            <!--\n              @slot Custom optgroup label\n                @binding {String} label - the label of the optgroup\n            -->\n            <slot v-if=\"option.label && option.isOptGroup\" name=\"optgroup\" :label=\"option.label\">\n              <span class=\"m-select-list-optgroup\">\n                {{ option.label }}\n              </span>\n            </slot>\n\n            <button\n              v-else\n              tabindex=\"-1\"\n              type=\"button\"\n              class=\"m-select-list-item maz-custom maz-flex-none\"\n              :class=\"[\n                {\n                  '--is-keyboard-selected': tmpModelValueIndex === i,\n                  '--is-selected': isSelectedOption(option),\n                  '--is-none-value': isNullOrUndefined(option[optionValueKey]),\n                },\n              ]\"\n              :style=\"itemHeight ? { height: `${itemHeight}px` } : undefined\"\n              @click.prevent.stop=\"updateValue(option)\"\n            >\n              <MazCheckbox\n                v-if=\"multiple\"\n                tabindex=\"-1\"\n                :model-value=\"isSelectedOption(option)\"\n                size=\"sm\"\n                :color=\"color\"\n              />\n              <!--\n                @slot Custom option\n                  @binding {Object} option - the option object\n                  @binding {Boolean} is-selected - if the option is selected\n              -->\n              <slot :option=\"option\" :is-selected=\"isSelectedOption(option)\">\n                <span>\n                  {{ option[optionLabelKey] }}\n                </span>\n              </slot>\n            </button>\n          </template>\n        </div>\n      </div>\n    </Transition>\n  </div>\n</template>\n\n<style lang=\"postcss\" scoped>\n  .m-select {\n  @apply maz-relative maz-inline-flex maz-align-top;\n\n  &.--mini {\n    @apply maz-text-xs;\n  }\n\n  &.--xs {\n    @apply maz-text-xs;\n  }\n\n  &.--sm {\n    @apply maz-text-sm;\n  }\n\n  &.--md {\n    @apply maz-text-base;\n  }\n\n  &.--lg {\n    @apply maz-text-lg;\n  }\n\n  &.--xl {\n    @apply maz-text-xl;\n  }\n\n  &.--block {\n    @apply maz-w-full;\n  }\n\n  &:not(.--disabled):deep(.m-input-input) {\n    @apply maz-cursor-pointer;\n  }\n\n  &-input:deep(.m-input-input) {\n    @apply maz-pr-0;\n  }\n\n  &-input.--has-label:deep(.m-input-input) {\n    @apply maz-pr-0;\n  }\n\n  &-input {\n    &__toggle-button {\n      @apply maz-flex maz-h-full maz-bg-transparent maz-pl-0 maz-flex-center;\n    }\n\n    &:deep(input) {\n      @apply maz-caret-transparent;\n    }\n  }\n\n  &-chevron {\n    @apply maz-text-[1.2em] maz-text-normal maz-transition-all maz-duration-300 maz-ease-out;\n  }\n\n  &.--is-open {\n    & .m-select-chevron {\n      transform: rotate(180deg);\n    }\n  }\n\n  .m-select-list {\n    @apply maz-absolute maz-z-default-backdrop maz-flex maz-flex-col maz-gap-1 maz-overflow-hidden maz-rounded maz-bg-color maz-p-2 maz-elevation dark:maz-border dark:maz-border-color-light;\n\n    &-optgroup {\n      @apply maz-flex-none maz-p-0.5 maz-text-start maz-text-[0.875em] maz-text-muted;\n    }\n\n    min-width: 3.5rem;\n\n    &.--top {\n      @apply maz-bottom-full;\n    }\n\n    &.--left {\n      @apply maz-left-0;\n    }\n\n    &.--right {\n      @apply maz-right-0;\n    }\n\n    &.--bottom {\n      @apply maz-top-full;\n    }\n\n    &__scroll-wrapper {\n      @apply maz-flex maz-flex-1 maz-flex-col maz-gap-1 maz-overflow-auto;\n    }\n\n    &__no-results {\n      @apply maz-flex maz-p-4 maz-flex-center;\n    }\n\n    &-item {\n      @apply maz-flex maz-w-full maz-cursor-pointer maz-items-center maz-gap-3 maz-truncate maz-rounded maz-bg-transparent maz-px-3 maz-py-[0.5em] maz-text-start maz-text-[1em] maz-transition-colors maz-duration-300 maz-ease-in-out focus-within:maz-bg-color-light hover:maz-bg-color-light;\n\n      span {\n        @apply maz-truncate;\n      }\n\n      &.--is-keyboard-selected {\n        @apply maz-bg-color-light dark:maz-bg-color-lighter;\n\n        &.--is-selected {\n          background-color: var(--keyboard-selected-bg-color);\n\n          &:hover {\n            background-color: var(--keyboard-selected-bg-color);\n          }\n        }\n      }\n\n      &.--is-none-value {\n        @apply maz-text-muted;\n      }\n\n      &.--is-selected {\n        color: var(--selected-text-color);\n        background-color: var(--selected-bg-color);\n\n        &:hover {\n          background-color: var(--selected-bg-color);\n        }\n\n        &.--transparent {\n          @apply maz-bg-color;\n        }\n      }\n    }\n  }\n\n  & button.maz-custom {\n    @apply maz-cursor-pointer maz-appearance-none maz-border-none;\n  }\n}\n</style>\n"],"names":["props","__props","emits","__emit","MazCheckbox","defineAsyncComponent","SearchIcon","ChevronDownIcon","NoSymbolIcon","__expose","openList","closeList","listOpened","ref","tmpModelValueIndex","isBlackOrTransparentColor","computed","selectedTextColor","selectedBgColor","keyboardSelectedBgColor","hasListOpened","instanceId","useInstanceUniqId","getOptionPayload","option","getNormalizedOptionPayload","getNormalizedOptions","options","normalizedOptions","opt","optionsNormalized","selectedOptions","_a","isNullOrUndefined","onBeforeMount","updateTmpModelValueIndex","mazSelectElement","mazInputComponent","searchInputComponent","optionListElement","value","isSelectedOption","selectedOption","mazInputValue","_b","listTransition","searchQuery","query","searchInValue","normalizeString","getFilteredOptionWithQuery","searchValue","searchValue3","searchValue2","threshold","useStringMatching","optionList","event","eventTargetId","nextTick","scrollToOptionIndex","focusMainInput","emitInputMainInput","toggleList","focusSearchInputAndSetQuery","q","searchOptionWithQuery","keyPressed","filteredOptions","debounceCallback","mainInputKeyboardHandler","keyboardHandler","shouldSelectWithSpace","code","isArrow","shouldSelect","shouldCloseList","arrowHandler","enterHandler","currentIndex","optionsLength","newValue","_c","updateValue","index","selectedIndex","item","inputOption","mustCloseList","isAlreadySelected","selectedValues"],"mappings":"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"}