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

package/dist/components/MazPagination.mjs

@@ -1,190 +0,0 @@
-import { defineComponent as U, defineAsyncComponent as R, computed as t, openBlock as v, createElementBlock as V, createElementVNode as i, createVNode as o, mergeProps as r, withCtx as p, renderSlot as P, createTextVNode as u, unref as z, toDisplayString as b, Fragment as w, renderList as I, createBlock as j, createCommentVNode as q } from "vue";
-import f from "./MazBtn.mjs";
-import { _ as G } from "../chunks/_plugin-vue_export-helper.CHgC5LLL.mjs";
-import '../assets/MazPagination.DSYY_yu7.css';const H = {
-  class: "m-pagination m-reset-css",
-  role: "navigation",
-  "aria-label": "page navigation"
-}, J = { class: "maz-sr-only" }, K = { class: "maz-sr-only" }, Q = ["id"], W = { class: "maz-sr-only" }, X = { class: "maz-sr-only" }, Y = { class: "maz-sr-only" }, Z = /* @__PURE__ */ U({
-  __name: "MazPagination",
-  props: {
-    modelValue: { default: 1 },
-    buttonProps: { default: void 0 },
-    resultsSize: { default: void 0 },
-    activeColor: { default: "primary" },
-    size: { default: "md" },
-    totalPages: {},
-    pageRange: { default: 2 },
-    loading: { type: Boolean }
-  },
-  emits: ["update:model-value"],
-  setup(k, { emit: A }) {
-    const e = k, S = A, C = R(() => import("../chunks/chevron-left.njfuF_Vt.mjs")), y = R(() => import("../chunks/chevron-double-left.C1WkQBYN.mjs")), N = R(() => import("../chunks/ellipsis-horizontal.BKw73_U9.mjs")), B = {
-      size: "md",
-      color: "theme",
-      outline: !0,
-      noElevation: !0,
-      fab: !0
-    }, n = t(() => ({
-      ...B,
-      ...e.buttonProps
-    })), d = t(() => e.modelValue > 1 ? e.modelValue - 1 : 1), g = t(
-      () => e.modelValue < e.totalPages ? e.modelValue + 1 : e.totalPages
-    ), $ = t(
-      () => Array.from({ length: e.totalPages }, (a, s) => {
-        const l = s + 1;
-        return {
-          number: l,
-          isActive: l === e.modelValue,
-          loading: l === e.modelValue && e.loading
-        };
-      })
-    ), E = t(
-      () => e.modelValue - e.pageRange > 1 ? $.value.slice(0, 1) : []
-    ), D = t(
-      () => e.modelValue < e.totalPages - e.pageRange ? $.value.slice(-1) : []
-    ), L = t(() => e.modelValue - e.pageRange - 1 < 0 ? 0 : e.modelValue - e.pageRange - 1 > e.totalPages - e.pageRange ? e.totalPages - e.pageRange : e.modelValue - e.pageRange - 1), F = t(
-      () => e.modelValue + e.pageRange > e.totalPages ? e.totalPages : e.modelValue + e.pageRange < e.pageRange ? e.pageRange : e.modelValue + e.pageRange
-    ), M = t(() => $.value.slice(L.value, F.value)), O = t(
-      () => e.modelValue - e.pageRange > 2 ? [{ divider: !0 }] : []
-    ), T = t(
-      () => e.modelValue < e.totalPages - e.pageRange - 1 ? [{ divider: !0 }] : []
-    ), h = t(() => [
-      ...E.value,
-      ...O.value,
-      ...M.value,
-      ...T.value,
-      ...D.value
-    ]);
-    function m(a) {
-      a !== e.modelValue && S("update:model-value", a);
-    }
-    return (a, s) => (v(), V("nav", H, [
-      i("ul", null, [
-        i("li", null, [
-          o(f, r(n.value, {
-            disabled: a.modelValue === 1,
-            "aria-label": "First Page, Page 1",
-            "aria-setsize": a.resultsSize ?? void 0,
-            "aria-posinset": "1",
-            size: a.size,
-            onClick: s[0] || (s[0] = (l) => m(1))
-          }), {
-            default: p(() => [
-              i("span", J, [
-                P(a.$slots, "first-page-sr", { page: 1 }, () => [
-                  s[4] || (s[4] = u("First Page, page 1"))
-                ], !0)
-              ]),
-              o(z(y))
-            ]),
-            _: 3
-          }, 16, ["disabled", "aria-setsize", "size"])
-        ]),
-        i("li", null, [
-          o(f, r(n.value, {
-            disabled: a.modelValue === 1,
-            "aria-label": `Previous Page, Page ${d.value}`,
-            "aria-setsize": a.resultsSize ?? void 0,
-            "aria-posinset": d.value,
-            size: a.size,
-            onClick: s[1] || (s[1] = (l) => m(d.value))
-          }), {
-            default: p(() => [
-              i("span", K, [
-                P(a.$slots, "previous-page-sr", { page: d.value }, () => [
-                  u(" Previous Page, page " + b(d.value), 1)
-                ], !0)
-              ]),
-              o(z(C))
-            ]),
-            _: 3
-          }, 16, ["disabled", "aria-label", "aria-setsize", "aria-posinset", "size"])
-        ]),
-        (v(!0), V(w, null, I(h.value, (l, c) => (v(), V("li", {
-          id: "number" in l ? `button-${c}-${l.number}` : `ellipsis-${c}`,
-          key: "number" in l ? `button-${c}-${l.number}` : `ellipsis-${c}`
-        }, [
-          "number" in l ? (v(), j(f, r({
-            key: 0,
-            ref_for: !0
-          }, {
-            ...n.value,
-            color: l.isActive ? a.activeColor : n.value.color,
-            outline: l.isActive ? !1 : n.value.outline
-          }, {
-            size: a.size,
-            "aria-label": `Page ${l.number}`,
-            "aria-current": l.isActive ? "true" : "false",
-            "aria-setsize": a.resultsSize ?? void 0,
-            loading: l.loading,
-            "aria-posinset": l.number,
-            class: { active: l.isActive },
-            onClick: (_) => l.isActive ? void 0 : m(l.number)
-          }), {
-            default: p(() => [
-              i("span", W, [
-                P(a.$slots, "page-sr", {
-                  page: l.number
-                }, () => [
-                  u("Page " + b(l.number), 1)
-                ], !0)
-              ]),
-              u(" " + b(l.number), 1)
-            ]),
-            _: 2
-          }, 1040, ["size", "aria-label", "aria-current", "aria-setsize", "loading", "aria-posinset", "class", "onClick"])) : l.divider ? (v(), V("div", r({
-            key: 1,
-            ref_for: !0
-          }, n.value, { class: "flex p-2 flex-center" }), [
-            o(z(N))
-          ], 16)) : q("", !0)
-        ], 8, Q))), 128)),
-        i("li", null, [
-          o(f, r(n.value, {
-            disabled: a.modelValue === a.totalPages,
-            "aria-label": `Next Page, Page ${g.value}`,
-            "aria-setsize": a.resultsSize ?? void 0,
-            "aria-posinset": g.value,
-            size: a.size,
-            onClick: s[2] || (s[2] = (l) => m(g.value))
-          }), {
-            default: p(() => [
-              i("span", X, [
-                P(a.$slots, "next-page-sr", { page: g.value }, () => [
-                  u("Next Page, page " + b(g.value), 1)
-                ], !0)
-              ]),
-              o(z(C), { class: "-maz-rotate-180" })
-            ]),
-            _: 3
-          }, 16, ["disabled", "aria-label", "aria-setsize", "aria-posinset", "size"])
-        ]),
-        i("li", null, [
-          o(f, r(n.value, {
-            disabled: a.modelValue === a.totalPages,
-            "aria-label": `Next Page, Page ${a.totalPages}`,
-            "aria-setsize": a.resultsSize ?? void 0,
-            "aria-posinset": a.totalPages,
-            size: a.size,
-            onClick: s[3] || (s[3] = (l) => m(a.totalPages))
-          }), {
-            default: p(() => [
-              i("span", Y, [
-                P(a.$slots, "last-page-sr", { page: a.totalPages }, () => [
-                  u("Last Page, page " + b(a.totalPages), 1)
-                ], !0)
-              ]),
-              o(z(y), { class: "-maz-rotate-180" })
-            ]),
-            _: 3
-          }, 16, ["disabled", "aria-label", "aria-setsize", "aria-posinset", "size"])
-        ])
-      ])
-    ]));
-  }
-}), le = /* @__PURE__ */ G(Z, [["__scopeId", "data-v-7cbe2636"]]);
-export {
-  le as default
-};
-//# sourceMappingURL=MazPagination.mjs.map

package/dist/components/MazPagination.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"MazPagination.mjs","sources":["../../src/components/MazPagination.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { Color, Size } from '@components/types'\nimport MazBtn, { type MazBtnProps } from '@components/MazBtn.vue'\nimport { computed, defineAsyncComponent } from 'vue'\n\nconst props = withDefaults(defineProps<MazPaginationProps>(), {\n  modelValue: 1,\n  buttonProps: undefined,\n  pageRange: 2,\n  resultsSize: undefined,\n  activeColor: 'primary',\n  size: 'md',\n})\nconst emits = defineEmits<\n  /**\n   * Emitted when the current page number is changed.\n   * @property {number} value - new page number\n   */\n  (event: 'update:model-value', value: number) => void\n>()\nconst ChevronLeft = defineAsyncComponent(() => import('@icons/chevron-left.svg'))\nconst ChevronDoubleLeft = defineAsyncComponent(() => import('@icons/chevron-double-left.svg'))\nconst Ellipsis = defineAsyncComponent(() => import('@icons/ellipsis-horizontal.svg'))\n\nconst DEFAULT_BUTTONS_PROPS: Partial<MazBtnProps> = {\n  size: 'md',\n  color: 'theme',\n  outline: true,\n  noElevation: true,\n  fab: true,\n}\n\nexport interface MazPaginationProps {\n  /** @model The current page number. */\n  modelValue?: number\n  /**\n   * Props apply to the MazBtn components.\n   */\n  buttonProps?: Partial<MazBtnProps>\n  /**\n   * Number of results in this page. Useful for accessibility to set aria-setsize attribute. Partial of MazBtn props.\n   */\n  resultsSize?: number\n  /**\n   * Color of the active button.\n   */\n  activeColor?: Color\n  /**\n   * Color of the active button.\n   */\n  size?: Size\n  /**\n   * Total number of pages.\n   */\n  totalPages: number\n  /**\n   * Number of buttons to display before and after the current page.\n   */\n  pageRange?: number\n  /**\n   * Enable loading state of current button\n   */\n  loading?: boolean\n}\n\nconst buttonsPropsMerged = computed<MazBtnProps>(() => ({\n  ...DEFAULT_BUTTONS_PROPS,\n  ...props.buttonProps,\n}))\n\nconst previousPage = computed(() => (props.modelValue > 1 ? props.modelValue - 1 : 1))\nconst nextPage = computed(() =>\n  props.modelValue < props.totalPages ? props.modelValue + 1 : props.totalPages,\n)\n\nconst allPages = computed(() =>\n  Array.from({ length: props.totalPages }, (_, index) => {\n    const itemNumber = index + 1\n    return {\n      number: itemNumber,\n      isActive: itemNumber === props.modelValue,\n      loading: itemNumber === props.modelValue && props.loading,\n    }\n  }),\n)\n\nconst firstOne = computed(() =>\n  props.modelValue - props.pageRange > 1 ? allPages.value.slice(0, 1) : [],\n)\n\nconst lastOne = computed(() =>\n  props.modelValue < props.totalPages - props.pageRange ? allPages.value.slice(-1) : [],\n)\n\nconst rangeStartAt = computed(() => {\n  return props.modelValue - props.pageRange - 1 < 0\n    ? 0\n    : props.modelValue - props.pageRange - 1 > props.totalPages - props.pageRange\n      ? props.totalPages - props.pageRange\n      : props.modelValue - props.pageRange - 1\n})\nconst rangeEndAt = computed(() =>\n  props.modelValue + props.pageRange > props.totalPages\n    ? props.totalPages\n    : props.modelValue + props.pageRange < props.pageRange\n      ? props.pageRange\n      : props.modelValue + props.pageRange,\n)\nconst range = computed(() => allPages.value.slice(rangeStartAt.value, rangeEndAt.value))\n\nconst firstDivider = computed(() =>\n  props.modelValue - props.pageRange > 2 ? [{ divider: true }] : [],\n)\nconst lastDivider = computed(() =>\n  props.modelValue < props.totalPages - props.pageRange - 1 ? [{ divider: true }] : [],\n)\n\nconst pages = computed(() => [\n  ...firstOne.value,\n  ...firstDivider.value,\n  ...range.value,\n  ...lastDivider.value,\n  ...lastOne.value,\n])\n\nfunction setPageNumber(page: number) {\n  if (page === props.modelValue)\n    return\n\n  emits('update:model-value', page)\n}\n</script>\n\n<template>\n  <nav class=\"m-pagination m-reset-css\" role=\"navigation\" aria-label=\"page navigation\">\n    <ul>\n      <li>\n        <MazBtn\n          v-bind=\"buttonsPropsMerged\"\n          :disabled=\"modelValue === 1\"\n          aria-label=\"First Page, Page 1\"\n          :aria-setsize=\"resultsSize ?? undefined\"\n          aria-posinset=\"1\"\n          :size=\"size\"\n          @click=\"setPageNumber(1)\"\n        >\n          <span class=\"maz-sr-only\">\n            <!--\n              @slot Accessible text for screen reader of the previous page button\n                @binding {number} page - first page number\n            -->\n            <slot name=\"first-page-sr\" :page=\"1\">First Page, page 1</slot>\n          </span>\n          <ChevronDoubleLeft />\n        </MazBtn>\n      </li>\n\n      <li>\n        <MazBtn\n          v-bind=\"buttonsPropsMerged\"\n          :disabled=\"modelValue === 1\"\n          :aria-label=\"`Previous Page, Page ${previousPage}`\"\n          :aria-setsize=\"resultsSize ?? undefined\"\n          :aria-posinset=\"previousPage\"\n          :size=\"size\"\n          @click=\"setPageNumber(previousPage)\"\n        >\n          <span class=\"maz-sr-only\">\n            <!--\n              @slot Accessible text for screen reader of the first page button\n                @binding {number} page - previous page number\n            -->\n            <slot name=\"previous-page-sr\" :page=\"previousPage\">\n              Previous Page, page {{ previousPage }}\n            </slot>\n          </span>\n          <ChevronLeft />\n        </MazBtn>\n      </li>\n\n      <li\n        v-for=\"(page, i) in pages\"\n        :id=\"'number' in page ? `button-${i}-${page.number}` : `ellipsis-${i}`\"\n        :key=\"'number' in page ? `button-${i}-${page.number}` : `ellipsis-${i}`\"\n      >\n        <template v-if=\"'number' in page\">\n          <MazBtn\n            v-bind=\"{\n              ...buttonsPropsMerged,\n              color: page.isActive ? activeColor : buttonsPropsMerged.color,\n              outline: page.isActive ? false : buttonsPropsMerged.outline,\n            }\"\n            :size=\"size\"\n            :aria-label=\"`Page ${page.number}`\"\n            :aria-current=\"page.isActive ? 'true' : 'false'\"\n            :aria-setsize=\"resultsSize ?? undefined\"\n            :loading=\"page.loading\"\n            :aria-posinset=\"page.number\"\n            :class=\"{ active: page.isActive }\"\n            @click=\"page.isActive ? undefined : setPageNumber(page.number)\"\n          >\n            <span class=\"maz-sr-only\">\n              <!--\n                @slot Accessible text for screen reader of the current page button\n                  @binding {number} page - current page number\n              -->\n              <slot name=\"page-sr\" :page=\"page.number\">Page {{ page.number }}</slot>\n            </span>\n            {{ page.number }}\n          </MazBtn>\n        </template>\n\n        <template v-else-if=\"page.divider\">\n          <div v-bind=\"buttonsPropsMerged\" class=\"flex p-2 flex-center\">\n            <Ellipsis />\n          </div>\n        </template>\n      </li>\n\n      <li>\n        <MazBtn\n          v-bind=\"buttonsPropsMerged\"\n          :disabled=\"modelValue === totalPages\"\n          :aria-label=\"`Next Page, Page ${nextPage}`\"\n          :aria-setsize=\"resultsSize ?? undefined\"\n          :aria-posinset=\"nextPage\"\n          :size=\"size\"\n          @click=\"setPageNumber(nextPage)\"\n        >\n          <span class=\"maz-sr-only\">\n            <!--\n              @slot Accessible text for screen reader of the next page button\n                @binding {number} page - next page number\n            -->\n            <slot name=\"next-page-sr\" :page=\"nextPage\">Next Page, page {{ nextPage }}</slot>\n          </span>\n          <ChevronLeft class=\"-maz-rotate-180\" />\n        </MazBtn>\n      </li>\n\n      <li>\n        <MazBtn\n          v-bind=\"buttonsPropsMerged\"\n          :disabled=\"modelValue === totalPages\"\n          :aria-label=\"`Next Page, Page ${totalPages}`\"\n          :aria-setsize=\"resultsSize ?? undefined\"\n          :aria-posinset=\"totalPages\"\n          :size=\"size\"\n          @click=\"setPageNumber(totalPages)\"\n        >\n          <span class=\"maz-sr-only\">\n            <!--\n              @slot Accessible text for screen reader of the last page button\n                @binding {number} page - last page number\n            -->\n            <slot name=\"last-page-sr\" :page=\"totalPages\">Last Page, page {{ totalPages }}</slot>\n          </span>\n          <ChevronDoubleLeft class=\"-maz-rotate-180\" />\n        </MazBtn>\n      </li>\n    </ul>\n  </nav>\n</template>\n\n<style lang=\"postcss\" scoped>\n  .m-pagination {\n  ul {\n    @apply !maz-m-0 maz-inline-flex !maz-list-none maz-items-center maz-gap-2 -maz-space-x-px !maz-p-0 maz-align-top maz-text-base;\n\n    li {\n      @apply maz-m-0;\n    }\n  }\n}\n</style>\n"],"names":["props","__props","emits","__emit","ChevronLeft","defineAsyncComponent","ChevronDoubleLeft","Ellipsis","DEFAULT_BUTTONS_PROPS","buttonsPropsMerged","computed","previousPage","nextPage","allPages","_","index","itemNumber","firstOne","lastOne","rangeStartAt","rangeEndAt","range","firstDivider","lastDivider","pages","setPageNumber","page"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAKA,UAAMA,IAAQC,GAQRC,IAAQC,GAORC,IAAcC,EAAqB,MAAM,OAAO,qCAAyB,CAAC,GAC1EC,IAAoBD,EAAqB,MAAM,OAAO,4CAAgC,CAAC,GACvFE,IAAWF,EAAqB,MAAM,OAAO,4CAAgC,CAAC,GAE9EG,IAA8C;AAAA,MAClD,MAAM;AAAA,MACN,OAAO;AAAA,MACP,SAAS;AAAA,MACT,aAAa;AAAA,MACb,KAAK;AAAA,IACP,GAmCMC,IAAqBC,EAAsB,OAAO;AAAA,MACtD,GAAGF;AAAA,MACH,GAAGR,EAAM;AAAA,IAAA,EACT,GAEIW,IAAeD,EAAS,MAAOV,EAAM,aAAa,IAAIA,EAAM,aAAa,IAAI,CAAE,GAC/EY,IAAWF;AAAA,MAAS,MACxBV,EAAM,aAAaA,EAAM,aAAaA,EAAM,aAAa,IAAIA,EAAM;AAAA,IACrE,GAEMa,IAAWH;AAAA,MAAS,MACxB,MAAM,KAAK,EAAE,QAAQV,EAAM,WAAW,GAAG,CAACc,GAAGC,MAAU;AACrD,cAAMC,IAAaD,IAAQ;AACpB,eAAA;AAAA,UACL,QAAQC;AAAA,UACR,UAAUA,MAAehB,EAAM;AAAA,UAC/B,SAASgB,MAAehB,EAAM,cAAcA,EAAM;AAAA,QACpD;AAAA,MACD,CAAA;AAAA,IACH,GAEMiB,IAAWP;AAAA,MAAS,MACxBV,EAAM,aAAaA,EAAM,YAAY,IAAIa,EAAS,MAAM,MAAM,GAAG,CAAC,IAAI,CAAA;AAAA,IACxE,GAEMK,IAAUR;AAAA,MAAS,MACvBV,EAAM,aAAaA,EAAM,aAAaA,EAAM,YAAYa,EAAS,MAAM,MAAM,EAAE,IAAI,CAAA;AAAA,IACrF,GAEMM,IAAeT,EAAS,MACrBV,EAAM,aAAaA,EAAM,YAAY,IAAI,IAC5C,IACAA,EAAM,aAAaA,EAAM,YAAY,IAAIA,EAAM,aAAaA,EAAM,YAChEA,EAAM,aAAaA,EAAM,YACzBA,EAAM,aAAaA,EAAM,YAAY,CAC5C,GACKoB,IAAaV;AAAA,MAAS,MAC1BV,EAAM,aAAaA,EAAM,YAAYA,EAAM,aACvCA,EAAM,aACNA,EAAM,aAAaA,EAAM,YAAYA,EAAM,YACzCA,EAAM,YACNA,EAAM,aAAaA,EAAM;AAAA,IACjC,GACMqB,IAAQX,EAAS,MAAMG,EAAS,MAAM,MAAMM,EAAa,OAAOC,EAAW,KAAK,CAAC,GAEjFE,IAAeZ;AAAA,MAAS,MAC5BV,EAAM,aAAaA,EAAM,YAAY,IAAI,CAAC,EAAE,SAAS,GAAA,CAAM,IAAI,CAAA;AAAA,IACjE,GACMuB,IAAcb;AAAA,MAAS,MAC3BV,EAAM,aAAaA,EAAM,aAAaA,EAAM,YAAY,IAAI,CAAC,EAAE,SAAS,GAAM,CAAA,IAAI,CAAA;AAAA,IACpF,GAEMwB,IAAQd,EAAS,MAAM;AAAA,MAC3B,GAAGO,EAAS;AAAA,MACZ,GAAGK,EAAa;AAAA,MAChB,GAAGD,EAAM;AAAA,MACT,GAAGE,EAAY;AAAA,MACf,GAAGL,EAAQ;AAAA,IAAA,CACZ;AAED,aAASO,EAAcC,GAAc;AACnC,MAAIA,MAAS1B,EAAM,cAGnBE,EAAM,sBAAsBwB,CAAI;AAAA,IAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/MazPicker.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../chunks/MazPicker.BZE8cw36.cjs");require("../chunks/_plugin-vue_export-helper.BHFhmbuH.cjs");exports.default=e.MazPicker;
-//# sourceMappingURL=MazPicker.cjs.map

package/dist/components/MazPicker.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"MazPicker.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/MazPicker.mjs

@@ -1,6 +0,0 @@
-import { M as a } from "../chunks/MazPicker.DCnOkRvv.mjs";
-import "../chunks/_plugin-vue_export-helper.CHgC5LLL.mjs";
-export {
-  a as default
-};
-//# sourceMappingURL=MazPicker.mjs.map

package/dist/components/MazPicker.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"MazPicker.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/dist/components/MazPullToRefresh.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('../assets/MazPullToRefresh.BdvKaU9N.css');const e=require("vue"),_=require("../helpers/isClient.cjs"),B=require("../helpers/isStandaloneMode.cjs"),w=require("../chunks/_plugin-vue_export-helper.BHFhmbuH.cjs"),z={key:0,class:"header-text"},M={key:1,class:"header-text"},V={key:2,class:"header-text"},L={class:"maz-flex maz-flex-col maz-flex-center"},N=e.defineComponent({__name:"MazPullToRefresh",props:{distance:{default:100},offset:{default:0},action:{type:Function,default:void 0},containerSelector:{default:void 0},headerClass:{default:void 0},spinnerColor:{default:"theme"},disabled:{type:Boolean,default:!1},standaloneMode:{type:Boolean,default:!1}},emits:["loaded","start","error","finish","response"],setup(y,{emit:E}){const a=y,u=E,g=e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./MazSpinner.cjs"))),r=e.computed(()=>a.disabled||a.action===void 0||a.standaloneMode&&_.isClient()&&!B.isStandaloneMode()),d=e.ref({top:0,bottom:0}),o=e.ref({from:-1,to:-1,distance:0,available:!1,state:"end"}),s=e.ref(!1),l=e.computed(()=>{if(typeof document>"u"||r.value)return;const t=a.containerSelector?document.querySelector(a.containerSelector):document.body;if(!t)throw new Error("MazPullToRefresh - container not found");return t}),c=e.computed(()=>o.value.state!=="move"&&o.value.state!=="end"||r.value?0:o.value.distance>a.distance?a.distance:o.value.distance);function C(t){const{top:n,height:i}=t.getBoundingClientRect();d.value={top:n,bottom:window.innerHeight-(i+n+a.offset)}}function v(t){s.value=t}function f(t){if(s.value||d.value.top<0&&d.value.bottom<0||r.value)return;const n=t.touches.item(0);n&&(o.value.state="start",o.value.from=n.pageY)}function m(t){if(s.value||o.value.from<0||window.scrollY>0||r.value)return;const n=t.touches.item(0);if(!n)return;o.value.to=n.pageY;const i=o.value.to-o.value.from;o.value.distance=i>0?i:0,o.value.available=o.value.distance>=a.distance,o.value.state="move"}function p(){s.value||r.value||(c.value===a.distance&&o.value.state==="move"&&window.scrollY<=0?S():h())}function h(){o.value={from:-1,to:-1,distance:0,available:!1,state:"end"}}async function S(){var t;try{v(!0),u("start");const n=await((t=a.action)==null?void 0:t.call(a));u("loaded"),u("response",n)}catch(n){throw u("error",n),n}finally{h(),v(!1),u("finish")}}e.watch(()=>r.value,t=>{t===!0?b():k()},{immediate:!0});function k(){!l.value||r.value||document===void 0||(l.value.addEventListener("touchstart",f),l.value.addEventListener("touchmove",m),l.value.addEventListener("touchend",p),C(l.value))}function b(){!l.value||document===void 0||(l.value.removeEventListener("touchstart",f),l.value.removeEventListener("touchmove",m),l.value.removeEventListener("touchend",p))}return e.onUnmounted(()=>{b()}),(t,n)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["m-pull-to-refresh m-reset-css",{"--available":o.value.available||c.value>10}])},[r.value?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["loading-header",t.headerClass]),style:e.normalizeStyle({height:`${c.value}px`})},[o.value.available?o.value.available&&!s.value?(e.openBlock(),e.createElementBlock("div",M,[e.renderSlot(t.$slots,"pull-ready",{},()=>[n[1]||(n[1]=e.createElementVNode("span",null," Release to refresh ",-1))],!0)])):e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",z,[e.renderSlot(t.$slots,"pull-before",{},()=>[n[0]||(n[0]=e.createElementVNode("span",null,"Pull to refresh",-1))],!0)])),s.value?(e.openBlock(),e.createElementBlock("div",V,[e.renderSlot(t.$slots,"pull-loading",{},()=>[e.createElementVNode("div",L,[e.createVNode(e.unref(g),{color:t.spinnerColor,size:"2.5em"},null,8,["color"])])],!0)])):e.createCommentVNode("",!0)],6)),e.renderSlot(t.$slots,"default",{},void 0,!0)],2))}}),P=w._export_sfc(N,[["__scopeId","data-v-fefb58af"]]);exports.default=P;
-//# sourceMappingURL=MazPullToRefresh.cjs.map

package/dist/components/MazPullToRefresh.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"MazPullToRefresh.cjs","sources":["../../src/components/MazPullToRefresh.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { Color } from '@components/types'\nimport { isClient } from '@helpers/isClient'\nimport { isStandaloneMode } from '@helpers/isStandaloneMode'\n\nimport { computed, defineAsyncComponent, onUnmounted, ref, watch } from 'vue'\n\nconst props = withDefaults(defineProps<MazPullToRefreshProps>(), {\n  distance: 100,\n  offset: 0,\n  action: undefined,\n  containerSelector: undefined,\n  headerClass: undefined,\n  spinnerColor: 'theme',\n  disabled: false,\n  standaloneMode: false,\n})\n\nconst emits = defineEmits(['loaded', 'start', 'error', 'finish', 'response'])\n\nconst MazSpinner = defineAsyncComponent(() => import('@components/MazSpinner.vue'))\n\nexport interface MazPullToRefreshProps {\n  distance?: number\n  offset?: number\n  action?: () => unknown\n  containerSelector?: string\n  headerClass?: string\n  spinnerColor?: Color\n  disabled?: boolean\n  standaloneMode?: boolean\n}\n\nconst isDisabled = computed(\n  () =>\n    props.disabled\n    || props.action === undefined\n    || (props.standaloneMode && isClient() && !isStandaloneMode()),\n)\n\nconst margin = ref({\n  top: 0,\n  bottom: 0,\n})\n\nconst pull = ref<{\n  from: number\n  to: number\n  distance: number\n  available: boolean\n  state: 'start' | 'move' | 'end'\n}>({\n  from: -1,\n  to: -1,\n  distance: 0,\n  available: false,\n  state: 'end',\n})\n\nconst internalLoading = ref(false)\n\nconst container = computed<HTMLElement | undefined>(() => {\n  if (typeof document === 'undefined' || isDisabled.value) {\n    return\n  }\n\n  const element = props.containerSelector\n    ? (document.querySelector(props.containerSelector) as HTMLElement)\n    : document.body\n\n  if (!element) {\n    throw new Error('MazPullToRefresh - container not found')\n  }\n\n  return element\n})\n\nconst pullHeight = computed(() => {\n  if ((pull.value.state !== 'move' && pull.value.state !== 'end') || isDisabled.value) {\n    return 0\n  }\n  return pull.value.distance > props.distance ? props.distance : pull.value.distance\n})\n\nfunction updateView(container: HTMLElement) {\n  const { top, height } = container.getBoundingClientRect()\n\n  margin.value = {\n    top,\n    bottom: window.innerHeight - (height + top + props.offset),\n  }\n}\n\nfunction setLoading(type: boolean) {\n  internalLoading.value = type\n}\n\nfunction handleTouchStart(event: TouchEvent) {\n  if (\n    internalLoading.value\n    || (margin.value.top < 0 && margin.value.bottom < 0)\n    || isDisabled.value\n  ) {\n    return\n  }\n\n  const item = event.touches.item(0)\n\n  if (!item) {\n    return\n  }\n\n  pull.value.state = 'start'\n  pull.value.from = item.pageY\n}\n\nfunction handleTouchMove(event: TouchEvent) {\n  if (internalLoading.value || pull.value.from < 0 || window.scrollY > 0 || isDisabled.value) {\n    return\n  }\n\n  const item = event.touches.item(0)\n\n  if (!item) {\n    return\n  }\n\n  pull.value.to = item.pageY\n  const distance = pull.value.to - pull.value.from\n\n  pull.value.distance = distance > 0 ? distance : 0\n  pull.value.available = pull.value.distance >= props.distance\n  pull.value.state = 'move'\n\n  // setTimeout(() => {\n  //   resetPull()\n  // }, 10_000)\n}\n\nfunction handleTouchEnd() {\n  if (internalLoading.value || isDisabled.value) {\n    return\n  }\n\n  if (pullHeight.value === props.distance && pull.value.state === 'move' && window.scrollY <= 0) {\n    runAction()\n  }\n  else {\n    resetPull()\n  }\n}\n\nfunction resetPull() {\n  pull.value = {\n    from: -1,\n    to: -1,\n    distance: 0,\n    available: false,\n    state: 'end',\n  }\n}\n\nasync function runAction() {\n  try {\n    setLoading(true)\n    emits('start')\n    const response = await props.action?.()\n    emits('loaded')\n    emits('response', response)\n  }\n  catch (error) {\n    emits('error', error)\n    throw error\n  }\n  finally {\n    resetPull()\n    setLoading(false)\n    emits('finish')\n  }\n}\n\nwatch(\n  () => isDisabled.value,\n  (disabled) => {\n    if (disabled === true) {\n      removeEvents()\n    }\n    else {\n      initComponentAndEvents()\n    }\n  },\n  { immediate: true },\n)\n\nfunction initComponentAndEvents() {\n  if (!container.value || isDisabled.value || document === undefined) {\n    return\n  }\n\n  container.value.addEventListener('touchstart', handleTouchStart)\n  container.value.addEventListener('touchmove', handleTouchMove)\n  container.value.addEventListener('touchend', handleTouchEnd)\n  updateView(container.value)\n}\n\nfunction removeEvents() {\n  if (!container.value || document === undefined) {\n    return\n  }\n\n  container.value.removeEventListener('touchstart', handleTouchStart)\n  container.value.removeEventListener('touchmove', handleTouchMove)\n  container.value.removeEventListener('touchend', handleTouchEnd)\n}\n\nonUnmounted(() => {\n  removeEvents()\n})\n</script>\n\n<template>\n  <div class=\"m-pull-to-refresh m-reset-css\" :class=\"{ '--available': pull.available || pullHeight > 10 }\">\n    <div\n      v-if=\"!isDisabled\"\n      class=\"loading-header\"\n      :style=\"{ height: `${pullHeight}px` }\"\n      :class=\"headerClass\"\n    >\n      <div v-if=\"!pull.available\" class=\"header-text\">\n        <slot name=\"pull-before\">\n          <span>Pull to refresh</span>\n        </slot>\n      </div>\n      <div v-else-if=\"pull.available && !internalLoading\" class=\"header-text\">\n        <slot name=\"pull-ready\">\n          <span> Release to refresh </span>\n        </slot>\n      </div>\n      <div v-if=\"internalLoading\" class=\"header-text\">\n        <slot name=\"pull-loading\">\n          <div class=\"maz-flex maz-flex-col maz-flex-center\">\n            <MazSpinner :color=\"spinnerColor\" size=\"2.5em\" />\n          </div>\n        </slot>\n      </div>\n    </div>\n\n    <slot />\n  </div>\n</template>\n\n<style lang=\"postcss\" scoped>\n  .m-pull-to-refresh {\n  .loading-header,\n  .loading-footer {\n    @apply maz-relative maz-flex maz-w-full maz-text-center maz-text-[0.8em] maz-flex-center;\n\n    .header-text {\n      @apply maz-absolute maz-flex maz-w-full maz-flex-center;\n    }\n  }\n\n  &:not(.--available) {\n    .header-text {\n      @apply maz-bottom-2;\n    }\n  }\n}\n</style>\n"],"names":["props","__props","emits","__emit","MazSpinner","defineAsyncComponent","isDisabled","computed","isClient","isStandaloneMode","margin","ref","pull","internalLoading","container","element","pullHeight","updateView","top","height","setLoading","type","handleTouchStart","event","item","handleTouchMove","distance","handleTouchEnd","runAction","resetPull","response","_a","error","watch","disabled","removeEvents","initComponentAndEvents","onUnmounted"],"mappings":"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"}

package/dist/components/MazPullToRefresh.mjs

@@ -1,147 +0,0 @@
-import { defineComponent as P, defineAsyncComponent as R, computed as m, ref as h, watch as $, onUnmounted as x, openBlock as u, createElementBlock as i, normalizeClass as S, normalizeStyle as V, renderSlot as c, createElementVNode as p, createCommentVNode as y, createVNode as Y, unref as A } from "vue";
-import { isClient as N } from "../helpers/isClient.mjs";
-import { isStandaloneMode as H } from "../helpers/isStandaloneMode.mjs";
-import { _ as q } from "../chunks/_plugin-vue_export-helper.CHgC5LLL.mjs";
-import '../assets/MazPullToRefresh.BdvKaU9N.css';const D = {
-  key: 0,
-  class: "header-text"
-}, F = {
-  key: 1,
-  class: "header-text"
-}, I = {
-  key: 2,
-  class: "header-text"
-}, U = { class: "maz-flex maz-flex-col maz-flex-center" }, j = /* @__PURE__ */ P({
-  __name: "MazPullToRefresh",
-  props: {
-    distance: { default: 100 },
-    offset: { default: 0 },
-    action: { type: Function, default: void 0 },
-    containerSelector: { default: void 0 },
-    headerClass: { default: void 0 },
-    spinnerColor: { default: "theme" },
-    disabled: { type: Boolean, default: !1 },
-    standaloneMode: { type: Boolean, default: !1 }
-  },
-  emits: ["loaded", "start", "error", "finish", "response"],
-  setup(_, { emit: L }) {
-    const o = _, r = L, M = R(() => import("./MazSpinner.mjs")), l = m(
-      () => o.disabled || o.action === void 0 || o.standaloneMode && N() && !H()
-    ), v = h({
-      top: 0,
-      bottom: 0
-    }), t = h({
-      from: -1,
-      to: -1,
-      distance: 0,
-      available: !1,
-      state: "end"
-    }), s = h(!1), n = m(() => {
-      if (typeof document > "u" || l.value)
-        return;
-      const e = o.containerSelector ? document.querySelector(o.containerSelector) : document.body;
-      if (!e)
-        throw new Error("MazPullToRefresh - container not found");
-      return e;
-    }), f = m(() => t.value.state !== "move" && t.value.state !== "end" || l.value ? 0 : t.value.distance > o.distance ? o.distance : t.value.distance);
-    function k(e) {
-      const { top: a, height: d } = e.getBoundingClientRect();
-      v.value = {
-        top: a,
-        bottom: window.innerHeight - (d + a + o.offset)
-      };
-    }
-    function b(e) {
-      s.value = e;
-    }
-    function g(e) {
-      if (s.value || v.value.top < 0 && v.value.bottom < 0 || l.value)
-        return;
-      const a = e.touches.item(0);
-      a && (t.value.state = "start", t.value.from = a.pageY);
-    }
-    function w(e) {
-      if (s.value || t.value.from < 0 || window.scrollY > 0 || l.value)
-        return;
-      const a = e.touches.item(0);
-      if (!a)
-        return;
-      t.value.to = a.pageY;
-      const d = t.value.to - t.value.from;
-      t.value.distance = d > 0 ? d : 0, t.value.available = t.value.distance >= o.distance, t.value.state = "move";
-    }
-    function E() {
-      s.value || l.value || (f.value === o.distance && t.value.state === "move" && window.scrollY <= 0 ? T() : C());
-    }
-    function C() {
-      t.value = {
-        from: -1,
-        to: -1,
-        distance: 0,
-        available: !1,
-        state: "end"
-      };
-    }
-    async function T() {
-      var e;
-      try {
-        b(!0), r("start");
-        const a = await ((e = o.action) == null ? void 0 : e.call(o));
-        r("loaded"), r("response", a);
-      } catch (a) {
-        throw r("error", a), a;
-      } finally {
-        C(), b(!1), r("finish");
-      }
-    }
-    $(
-      () => l.value,
-      (e) => {
-        e === !0 ? z() : B();
-      },
-      { immediate: !0 }
-    );
-    function B() {
-      !n.value || l.value || document === void 0 || (n.value.addEventListener("touchstart", g), n.value.addEventListener("touchmove", w), n.value.addEventListener("touchend", E), k(n.value));
-    }
-    function z() {
-      !n.value || document === void 0 || (n.value.removeEventListener("touchstart", g), n.value.removeEventListener("touchmove", w), n.value.removeEventListener("touchend", E));
-    }
-    return x(() => {
-      z();
-    }), (e, a) => (u(), i("div", {
-      class: S(["m-pull-to-refresh m-reset-css", { "--available": t.value.available || f.value > 10 }])
-    }, [
-      l.value ? y("", !0) : (u(), i("div", {
-        key: 0,
-        class: S(["loading-header", e.headerClass]),
-        style: V({ height: `${f.value}px` })
-      }, [
-        t.value.available ? t.value.available && !s.value ? (u(), i("div", F, [
-          c(e.$slots, "pull-ready", {}, () => [
-            a[1] || (a[1] = p("span", null, " Release to refresh ", -1))
-          ], !0)
-        ])) : y("", !0) : (u(), i("div", D, [
-          c(e.$slots, "pull-before", {}, () => [
-            a[0] || (a[0] = p("span", null, "Pull to refresh", -1))
-          ], !0)
-        ])),
-        s.value ? (u(), i("div", I, [
-          c(e.$slots, "pull-loading", {}, () => [
-            p("div", U, [
-              Y(A(M), {
-                color: e.spinnerColor,
-                size: "2.5em"
-              }, null, 8, ["color"])
-            ])
-          ], !0)
-        ])) : y("", !0)
-      ], 6)),
-      c(e.$slots, "default", {}, void 0, !0)
-    ], 2));
-  }
-}), Q = /* @__PURE__ */ q(j, [["__scopeId", "data-v-fefb58af"]]);
-export {
-  Q as default
-};
-//# sourceMappingURL=MazPullToRefresh.mjs.map

package/dist/components/MazPullToRefresh.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"MazPullToRefresh.mjs","sources":["../../src/components/MazPullToRefresh.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { Color } from '@components/types'\nimport { isClient } from '@helpers/isClient'\nimport { isStandaloneMode } from '@helpers/isStandaloneMode'\n\nimport { computed, defineAsyncComponent, onUnmounted, ref, watch } from 'vue'\n\nconst props = withDefaults(defineProps<MazPullToRefreshProps>(), {\n  distance: 100,\n  offset: 0,\n  action: undefined,\n  containerSelector: undefined,\n  headerClass: undefined,\n  spinnerColor: 'theme',\n  disabled: false,\n  standaloneMode: false,\n})\n\nconst emits = defineEmits(['loaded', 'start', 'error', 'finish', 'response'])\n\nconst MazSpinner = defineAsyncComponent(() => import('@components/MazSpinner.vue'))\n\nexport interface MazPullToRefreshProps {\n  distance?: number\n  offset?: number\n  action?: () => unknown\n  containerSelector?: string\n  headerClass?: string\n  spinnerColor?: Color\n  disabled?: boolean\n  standaloneMode?: boolean\n}\n\nconst isDisabled = computed(\n  () =>\n    props.disabled\n    || props.action === undefined\n    || (props.standaloneMode && isClient() && !isStandaloneMode()),\n)\n\nconst margin = ref({\n  top: 0,\n  bottom: 0,\n})\n\nconst pull = ref<{\n  from: number\n  to: number\n  distance: number\n  available: boolean\n  state: 'start' | 'move' | 'end'\n}>({\n  from: -1,\n  to: -1,\n  distance: 0,\n  available: false,\n  state: 'end',\n})\n\nconst internalLoading = ref(false)\n\nconst container = computed<HTMLElement | undefined>(() => {\n  if (typeof document === 'undefined' || isDisabled.value) {\n    return\n  }\n\n  const element = props.containerSelector\n    ? (document.querySelector(props.containerSelector) as HTMLElement)\n    : document.body\n\n  if (!element) {\n    throw new Error('MazPullToRefresh - container not found')\n  }\n\n  return element\n})\n\nconst pullHeight = computed(() => {\n  if ((pull.value.state !== 'move' && pull.value.state !== 'end') || isDisabled.value) {\n    return 0\n  }\n  return pull.value.distance > props.distance ? props.distance : pull.value.distance\n})\n\nfunction updateView(container: HTMLElement) {\n  const { top, height } = container.getBoundingClientRect()\n\n  margin.value = {\n    top,\n    bottom: window.innerHeight - (height + top + props.offset),\n  }\n}\n\nfunction setLoading(type: boolean) {\n  internalLoading.value = type\n}\n\nfunction handleTouchStart(event: TouchEvent) {\n  if (\n    internalLoading.value\n    || (margin.value.top < 0 && margin.value.bottom < 0)\n    || isDisabled.value\n  ) {\n    return\n  }\n\n  const item = event.touches.item(0)\n\n  if (!item) {\n    return\n  }\n\n  pull.value.state = 'start'\n  pull.value.from = item.pageY\n}\n\nfunction handleTouchMove(event: TouchEvent) {\n  if (internalLoading.value || pull.value.from < 0 || window.scrollY > 0 || isDisabled.value) {\n    return\n  }\n\n  const item = event.touches.item(0)\n\n  if (!item) {\n    return\n  }\n\n  pull.value.to = item.pageY\n  const distance = pull.value.to - pull.value.from\n\n  pull.value.distance = distance > 0 ? distance : 0\n  pull.value.available = pull.value.distance >= props.distance\n  pull.value.state = 'move'\n\n  // setTimeout(() => {\n  //   resetPull()\n  // }, 10_000)\n}\n\nfunction handleTouchEnd() {\n  if (internalLoading.value || isDisabled.value) {\n    return\n  }\n\n  if (pullHeight.value === props.distance && pull.value.state === 'move' && window.scrollY <= 0) {\n    runAction()\n  }\n  else {\n    resetPull()\n  }\n}\n\nfunction resetPull() {\n  pull.value = {\n    from: -1,\n    to: -1,\n    distance: 0,\n    available: false,\n    state: 'end',\n  }\n}\n\nasync function runAction() {\n  try {\n    setLoading(true)\n    emits('start')\n    const response = await props.action?.()\n    emits('loaded')\n    emits('response', response)\n  }\n  catch (error) {\n    emits('error', error)\n    throw error\n  }\n  finally {\n    resetPull()\n    setLoading(false)\n    emits('finish')\n  }\n}\n\nwatch(\n  () => isDisabled.value,\n  (disabled) => {\n    if (disabled === true) {\n      removeEvents()\n    }\n    else {\n      initComponentAndEvents()\n    }\n  },\n  { immediate: true },\n)\n\nfunction initComponentAndEvents() {\n  if (!container.value || isDisabled.value || document === undefined) {\n    return\n  }\n\n  container.value.addEventListener('touchstart', handleTouchStart)\n  container.value.addEventListener('touchmove', handleTouchMove)\n  container.value.addEventListener('touchend', handleTouchEnd)\n  updateView(container.value)\n}\n\nfunction removeEvents() {\n  if (!container.value || document === undefined) {\n    return\n  }\n\n  container.value.removeEventListener('touchstart', handleTouchStart)\n  container.value.removeEventListener('touchmove', handleTouchMove)\n  container.value.removeEventListener('touchend', handleTouchEnd)\n}\n\nonUnmounted(() => {\n  removeEvents()\n})\n</script>\n\n<template>\n  <div class=\"m-pull-to-refresh m-reset-css\" :class=\"{ '--available': pull.available || pullHeight > 10 }\">\n    <div\n      v-if=\"!isDisabled\"\n      class=\"loading-header\"\n      :style=\"{ height: `${pullHeight}px` }\"\n      :class=\"headerClass\"\n    >\n      <div v-if=\"!pull.available\" class=\"header-text\">\n        <slot name=\"pull-before\">\n          <span>Pull to refresh</span>\n        </slot>\n      </div>\n      <div v-else-if=\"pull.available && !internalLoading\" class=\"header-text\">\n        <slot name=\"pull-ready\">\n          <span> Release to refresh </span>\n        </slot>\n      </div>\n      <div v-if=\"internalLoading\" class=\"header-text\">\n        <slot name=\"pull-loading\">\n          <div class=\"maz-flex maz-flex-col maz-flex-center\">\n            <MazSpinner :color=\"spinnerColor\" size=\"2.5em\" />\n          </div>\n        </slot>\n      </div>\n    </div>\n\n    <slot />\n  </div>\n</template>\n\n<style lang=\"postcss\" scoped>\n  .m-pull-to-refresh {\n  .loading-header,\n  .loading-footer {\n    @apply maz-relative maz-flex maz-w-full maz-text-center maz-text-[0.8em] maz-flex-center;\n\n    .header-text {\n      @apply maz-absolute maz-flex maz-w-full maz-flex-center;\n    }\n  }\n\n  &:not(.--available) {\n    .header-text {\n      @apply maz-bottom-2;\n    }\n  }\n}\n</style>\n"],"names":["props","__props","emits","__emit","MazSpinner","defineAsyncComponent","isDisabled","computed","isClient","isStandaloneMode","margin","ref","pull","internalLoading","container","element","pullHeight","updateView","top","height","setLoading","type","handleTouchStart","event","item","handleTouchMove","distance","handleTouchEnd","runAction","resetPull","response","_a","error","watch","disabled","removeEvents","initComponentAndEvents","onUnmounted"],"mappings":"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"}

package/dist/components/MazRadio.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('../assets/MazRadio.zYTBn9Pj.css');const e=require("vue"),g=require("../composables/useInstanceUniqId.cjs"),h=require("../chunks/_plugin-vue_export-helper.BHFhmbuH.cjs"),y=["for","aria-checked"],z=["id","value","disabled","name","checked"],w={class:"m-radio__text"},k=e.defineComponent({__name:"MazRadio",props:{style:{default:void 0},class:{default:void 0},id:{default:void 0},modelValue:{default:void 0},value:{},name:{},label:{default:void 0},color:{default:"primary"},size:{default:"md"},disabled:{type:Boolean,default:!1},error:{type:Boolean},success:{type:Boolean},warning:{type:Boolean},hint:{}},emits:["update:model-value","change","blur","focus"],setup(u,{emit:i}){const o=u,n=i,t=g.useInstanceUniqId({componentName:"MazRadio",providedId:o.id}),l=e.computed(()=>o.modelValue===o.value),c=e.computed(()=>{switch(o.size){case"xl":return"2.25rem";case"lg":return"2rem";case"sm":return"1.425rem";case"xs":return"1.325rem";case"mini":return"1.2rem";default:return"1.625rem"}}),m=e.computed(()=>`var(--maz-color-${o.color})`),p=e.computed(()=>o.error?"var(--maz-color-danger)":o.warning?"var(--maz-color-warning)":o.success?"var(--maz-color-success)":["black","transparent"].includes(o.color)?"var(--maz-color-muted)":`var(--maz-color-${o.color}-alpha)`);function v(a){["Space"].includes(a.code)&&(a.preventDefault(),d())}function d(){n("update:model-value",o.value),n("change",o.value)}const s=e.ref();function f(a){var r;(r=s.value)==null||r.dispatchEvent(new Event("blur")),n("blur",a)}function b(a){var r;(r=s.value)==null||r.dispatchEvent(new Event("focus")),n("focus",a)}return(a,r)=>(e.openBlock(),e.createElementBlock("label",{for:e.unref(t),class:e.normalizeClass(["m-radio m-reset-css",[{"--disabled":a.disabled,"--selected":l.value,"--error":a.error,"--warning":a.warning,"--success":a.success},o.class]]),tabindex:"0",role:"radio",style:e.normalizeStyle([a.style,{"--radio-size":c.value,"--radio-selected-color":m.value,"--radio-box-shadow":p.value}]),"aria-checked":l.value,onBlur:f,onFocus:b,onKeydown:v},[e.createElementVNode("input",e.mergeProps({id:e.unref(t),ref_key:"inputRef",ref:s,value:a.value},a.$attrs,{tabindex:"-1",disabled:a.disabled,name:a.name,type:"radio",checked:l.value,onChange:r[0]||(r[0]=B=>d())}),null,16,z),r[1]||(r[1]=e.createElementVNode("span",null,[e.createElementVNode("span",{class:"round"})],-1)),e.createElementVNode("div",w,[e.renderSlot(a.$slots,"default",{isSelected:l.value,value:a.value},()=>[e.createTextVNode(e.toDisplayString(a.label),1)],!0),a.hint?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(["m-radio__hint",{"--error":a.error,"--success":a.success,"--warning":a.warning}])},e.toDisplayString(a.hint),3)):e.createCommentVNode("",!0)])],46,y))}}),S=h._export_sfc(k,[["__scopeId","data-v-6ad43ced"]]);exports.default=S;
-//# sourceMappingURL=MazRadio.cjs.map

package/dist/components/MazRadio.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"MazRadio.cjs","sources":["../../src/components/MazRadio.vue"],"sourcesContent":["<script lang=\"ts\" setup generic=\"T extends string | number | boolean\">\nimport type { Color, Size } from '@components/types'\nimport { useInstanceUniqId } from '@composables/useInstanceUniqId'\nimport { computed, type HTMLAttributes, ref } from 'vue'\n\nexport interface MazRadioProps<T = string | number | boolean> {\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 radio */\n  id?: string\n  /** @model The value of the radio */\n  modelValue?: T\n  /** The value of the radio */\n  value: T\n  /** The name of the radio */\n  name: string\n  /** The label of the radio */\n  label?: string\n  /** The color of the radio */\n  color?: Color\n  /** The size of the radio */\n  size?: Size\n  /** The disabled state of the radio */\n  disabled?: 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(\n  defineProps<MazRadioProps<T>>(),\n  {\n    style: undefined,\n    class: undefined,\n    id: undefined,\n    modelValue: undefined,\n    label: undefined,\n    color: 'primary',\n    size: 'md',\n    disabled: false,\n  },\n)\n\nconst emits = defineEmits<{\n  /**\n   * Event emitted when value change\n   * @property {string | number | boolean} value - selected value\n   */\n  'update:model-value': [value: T]\n  /**\n   * Event emitted when value change\n   * @property {string | number | boolean} value - selected value\n   */\n  'change': [value: T]\n  /**\n   * Emitted when the radio lost focus\n   * @property {FocusEvent} value - The focus event\n   */\n  'blur': [value: FocusEvent]\n  /**\n   * Emitted when the radio is focused\n   * @property {FocusEvent} value - The focus event\n   */\n  'focus': [value: FocusEvent]\n}>()\n\nconst instanceId = useInstanceUniqId({\n  componentName: 'MazRadio',\n  providedId: props.id,\n})\n\nconst isSelected = computed(() => props.modelValue === props.value)\n\nconst radioSize = computed(() => {\n  switch (props.size) {\n    case 'xl': {\n      return '2.25rem'\n    }\n    case 'lg': {\n      return '2rem'\n    }\n    case 'sm': {\n      return '1.425rem'\n    }\n    case 'xs': {\n      return '1.325rem'\n    }\n    case 'mini': {\n      return '1.2rem'\n    }\n    default: {\n      return '1.625rem'\n    }\n  }\n})\n\nconst radioSelectedColor = computed(() => `var(--maz-color-${props.color})`)\nconst radioBoxShadow = computed(() => {\n  if (props.error) {\n    return `var(--maz-color-danger)`\n  }\n  else if (props.warning) {\n    return `var(--maz-color-warning)`\n  }\n  else if (props.success) {\n    return `var(--maz-color-success)`\n  }\n\n  return ['black', 'transparent'].includes(props.color)\n    ? `var(--maz-color-muted)`\n    : `var(--maz-color-${props.color}-alpha)`\n})\n\nfunction keyboardHandler(event: KeyboardEvent) {\n  if (['Space'].includes(event.code)) {\n    event.preventDefault()\n    emitValue()\n  }\n}\n\nfunction emitValue() {\n  emits('update:model-value', props.value)\n  emits('change', props.value)\n}\n\nconst inputRef = ref<HTMLInputElement>()\n\nfunction onBlur(event: FocusEvent) {\n  inputRef.value?.dispatchEvent(new Event('blur'))\n  emits('blur', event)\n}\nfunction onFocus(event: FocusEvent) {\n  inputRef.value?.dispatchEvent(new Event('focus'))\n  emits('focus', event)\n}\n</script>\n\n<template>\n  <label\n    :for=\"instanceId\"\n    class=\"m-radio m-reset-css\"\n    :class=\"[{ '--disabled': disabled, '--selected': isSelected, '--error': error, '--warning': warning, '--success': success }, props.class]\"\n    tabindex=\"0\"\n    role=\"radio\"\n    :style=\"[style, { '--radio-size': radioSize, '--radio-selected-color': radioSelectedColor, '--radio-box-shadow': radioBoxShadow }]\"\n    :aria-checked=\"isSelected\"\n    @blur=\"onBlur\"\n    @focus=\"onFocus\"\n    @keydown=\"keyboardHandler\"\n  >\n    <input\n      :id=\"instanceId\"\n      ref=\"inputRef\"\n      :value\n      v-bind=\"$attrs\"\n      tabindex=\"-1\"\n      :disabled\n      :name\n      type=\"radio\"\n      :checked=\"isSelected\"\n      @change=\"emitValue()\"\n    >\n\n    <span>\n      <span class=\"round\" />\n    </span>\n\n    <!--\n      @slot Label of the radio\n        @binding {Boolean} is-selected - If the radio is selected\n        @binding {string | number | boolean} value - The value of the radio\n    -->\n    <div class=\"m-radio__text\">\n      <slot :is-selected=\"isSelected\" :value=\"value as T\">\n        {{ label }}\n      </slot>\n\n      <span\n        v-if=\"hint\"\n        class=\"m-radio__hint\" :class=\"{\n          '--error': error,\n          '--success': success,\n          '--warning': warning,\n        }\"\n      >{{ hint }}</span>\n    </div>\n  </label>\n</template>\n\n<style lang=\"postcss\" scoped>\n  .m-radio {\n  @apply maz-relative maz-inline-flex maz-items-center maz-gap-2 maz-align-top maz-outline-none;\n\n  > span {\n    @apply maz-relative maz-flex maz-rounded-full maz-border maz-border-border maz-transition-all maz-duration-300 maz-ease-in-out maz-flex-center dark:maz-border-color-lighter;\n\n    width: var(--radio-size);\n    height: var(--radio-size);\n\n    .round {\n      @apply maz-h-[50%] maz-w-[50%] maz-scale-0 maz-rounded-full maz-transition-transform maz-duration-300 maz-ease-in-out;\n\n      background-color: var(--radio-selected-color);\n    }\n  }\n\n  &:not(.--selected) > span {\n    @apply maz-bg-color dark:maz-bg-color-light;\n  }\n\n  &.--selected > span {\n    border-color: var(--radio-selected-color);\n\n    .round {\n      @apply maz-scale-100;\n    }\n  }\n\n  &__text {\n    @apply maz-flex maz-flex-col maz-gap-0;\n  }\n\n  input {\n    @apply maz-hidden;\n  }\n\n  &.--disabled {\n    @apply maz-cursor-not-allowed maz-text-muted;\n\n    > span {\n      @apply maz-bg-color-light dark:maz-bg-color-lighter;\n    }\n\n    &.--selected {\n      > span {\n        @apply maz-border-border dark:maz-border-color-lighter;\n\n        .round {\n          @apply maz-bg-muted;\n        }\n      }\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  &:not(.--disabled),\n  &:not(.--selected) {\n    @apply maz-cursor-pointer;\n\n    &:hover > span,\n    &:focus > span {\n      @apply maz-transition-all maz-duration-300 maz-ease-in-out;\n\n      box-shadow: 0 0 0 0.125rem var(--radio-box-shadow);\n    }\n  }\n\n  &.--error,\n  &.--warning,\n  &.--success {\n    > span {\n      @apply maz-transition-all maz-duration-300 maz-ease-in-out;\n\n      box-shadow: 0 0 0 0.125rem var(--radio-box-shadow);\n    }\n  }\n}\n</style>\n"],"names":["props","__props","emits","__emit","instanceId","useInstanceUniqId","isSelected","computed","radioSize","radioSelectedColor","radioBoxShadow","keyboardHandler","event","emitValue","inputRef","ref","onBlur","_a","onFocus"],"mappings":"2uBAoCA,MAAMA,EAAQC,EAcRC,EAAQC,EAuBRC,EAAaC,EAAAA,kBAAkB,CACnC,cAAe,WACf,WAAYL,EAAM,EAAA,CACnB,EAEKM,EAAaC,EAAAA,SAAS,IAAMP,EAAM,aAAeA,EAAM,KAAK,EAE5DQ,EAAYD,EAAAA,SAAS,IAAM,CAC/B,OAAQP,EAAM,KAAM,CAClB,IAAK,KACI,MAAA,UAET,IAAK,KACI,MAAA,OAET,IAAK,KACI,MAAA,WAET,IAAK,KACI,MAAA,WAET,IAAK,OACI,MAAA,SAET,QACS,MAAA,UACT,CACF,CACD,EAEKS,EAAqBF,EAAAA,SAAS,IAAM,mBAAmBP,EAAM,KAAK,GAAG,EACrEU,EAAiBH,EAAAA,SAAS,IAC1BP,EAAM,MACD,0BAEAA,EAAM,QACN,2BAEAA,EAAM,QACN,2BAGF,CAAC,QAAS,aAAa,EAAE,SAASA,EAAM,KAAK,EAChD,yBACA,mBAAmBA,EAAM,KAAK,SACnC,EAED,SAASW,EAAgBC,EAAsB,CACzC,CAAC,OAAO,EAAE,SAASA,EAAM,IAAI,IAC/BA,EAAM,eAAe,EACXC,EAAA,EACZ,CAGF,SAASA,GAAY,CACbX,EAAA,qBAAsBF,EAAM,KAAK,EACjCE,EAAA,SAAUF,EAAM,KAAK,CAAA,CAG7B,MAAMc,EAAWC,EAAAA,IAAsB,EAEvC,SAASC,EAAOJ,EAAmB,QACjCK,EAAAH,EAAS,QAAT,MAAAG,EAAgB,cAAc,IAAI,MAAM,MAAM,GAC9Cf,EAAM,OAAQU,CAAK,CAAA,CAErB,SAASM,EAAQN,EAAmB,QAClCK,EAAAH,EAAS,QAAT,MAAAG,EAAgB,cAAc,IAAI,MAAM,OAAO,GAC/Cf,EAAM,QAASU,CAAK,CAAA"}

package/dist/components/MazRadio.mjs

@@ -1,107 +0,0 @@
-import { defineComponent as S, computed as s, ref as B, openBlock as u, createElementBlock as c, unref as m, normalizeClass as v, normalizeStyle as E, createElementVNode as l, mergeProps as V, renderSlot as C, createTextVNode as I, toDisplayString as f, createCommentVNode as R } from "vue";
-import { useInstanceUniqId as $ } from "../composables/useInstanceUniqId.mjs";
-import { _ as N } from "../chunks/_plugin-vue_export-helper.CHgC5LLL.mjs";
-import '../assets/MazRadio.zYTBn9Pj.css';const M = ["for", "aria-checked"], D = ["id", "value", "disabled", "name", "checked"], q = { class: "m-radio__text" }, F = /* @__PURE__ */ S({
-  __name: "MazRadio",
-  props: {
-    style: { default: void 0 },
-    class: { default: void 0 },
-    id: { default: void 0 },
-    modelValue: { default: void 0 },
-    value: {},
-    name: {},
-    label: { default: void 0 },
-    color: { default: "primary" },
-    size: { default: "md" },
-    disabled: { type: Boolean, default: !1 },
-    error: { type: Boolean },
-    success: { type: Boolean },
-    warning: { type: Boolean },
-    hint: {}
-  },
-  emits: ["update:model-value", "change", "blur", "focus"],
-  setup(p, { emit: b }) {
-    const a = p, o = b, d = $({
-      componentName: "MazRadio",
-      providedId: a.id
-    }), n = s(() => a.modelValue === a.value), h = s(() => {
-      switch (a.size) {
-        case "xl":
-          return "2.25rem";
-        case "lg":
-          return "2rem";
-        case "sm":
-          return "1.425rem";
-        case "xs":
-          return "1.325rem";
-        case "mini":
-          return "1.2rem";
-        default:
-          return "1.625rem";
-      }
-    }), y = s(() => `var(--maz-color-${a.color})`), z = s(() => a.error ? "var(--maz-color-danger)" : a.warning ? "var(--maz-color-warning)" : a.success ? "var(--maz-color-success)" : ["black", "transparent"].includes(a.color) ? "var(--maz-color-muted)" : `var(--maz-color-${a.color}-alpha)`);
-    function g(e) {
-      ["Space"].includes(e.code) && (e.preventDefault(), i());
-    }
-    function i() {
-      o("update:model-value", a.value), o("change", a.value);
-    }
-    const t = B();
-    function w(e) {
-      var r;
-      (r = t.value) == null || r.dispatchEvent(new Event("blur")), o("blur", e);
-    }
-    function k(e) {
-      var r;
-      (r = t.value) == null || r.dispatchEvent(new Event("focus")), o("focus", e);
-    }
-    return (e, r) => (u(), c("label", {
-      for: m(d),
-      class: v(["m-radio m-reset-css", [{ "--disabled": e.disabled, "--selected": n.value, "--error": e.error, "--warning": e.warning, "--success": e.success }, a.class]]),
-      tabindex: "0",
-      role: "radio",
-      style: E([e.style, { "--radio-size": h.value, "--radio-selected-color": y.value, "--radio-box-shadow": z.value }]),
-      "aria-checked": n.value,
-      onBlur: w,
-      onFocus: k,
-      onKeydown: g
-    }, [
-      l("input", V({
-        id: m(d),
-        ref_key: "inputRef",
-        ref: t,
-        value: e.value
-      }, e.$attrs, {
-        tabindex: "-1",
-        disabled: e.disabled,
-        name: e.name,
-        type: "radio",
-        checked: n.value,
-        onChange: r[0] || (r[0] = (H) => i())
-      }), null, 16, D),
-      r[1] || (r[1] = l("span", null, [
-        l("span", { class: "round" })
-      ], -1)),
-      l("div", q, [
-        C(e.$slots, "default", {
-          isSelected: n.value,
-          value: e.value
-        }, () => [
-          I(f(e.label), 1)
-        ], !0),
-        e.hint ? (u(), c("span", {
-          key: 0,
-          class: v(["m-radio__hint", {
-            "--error": e.error,
-            "--success": e.success,
-            "--warning": e.warning
-          }])
-        }, f(e.hint), 3)) : R("", !0)
-      ])
-    ], 46, M));
-  }
-}), U = /* @__PURE__ */ N(F, [["__scopeId", "data-v-6ad43ced"]]);
-export {
-  U as default
-};
-//# sourceMappingURL=MazRadio.mjs.map

package/dist/components/MazRadio.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"MazRadio.mjs","sources":["../../src/components/MazRadio.vue"],"sourcesContent":["<script lang=\"ts\" setup generic=\"T extends string | number | boolean\">\nimport type { Color, Size } from '@components/types'\nimport { useInstanceUniqId } from '@composables/useInstanceUniqId'\nimport { computed, type HTMLAttributes, ref } from 'vue'\n\nexport interface MazRadioProps<T = string | number | boolean> {\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 radio */\n  id?: string\n  /** @model The value of the radio */\n  modelValue?: T\n  /** The value of the radio */\n  value: T\n  /** The name of the radio */\n  name: string\n  /** The label of the radio */\n  label?: string\n  /** The color of the radio */\n  color?: Color\n  /** The size of the radio */\n  size?: Size\n  /** The disabled state of the radio */\n  disabled?: 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(\n  defineProps<MazRadioProps<T>>(),\n  {\n    style: undefined,\n    class: undefined,\n    id: undefined,\n    modelValue: undefined,\n    label: undefined,\n    color: 'primary',\n    size: 'md',\n    disabled: false,\n  },\n)\n\nconst emits = defineEmits<{\n  /**\n   * Event emitted when value change\n   * @property {string | number | boolean} value - selected value\n   */\n  'update:model-value': [value: T]\n  /**\n   * Event emitted when value change\n   * @property {string | number | boolean} value - selected value\n   */\n  'change': [value: T]\n  /**\n   * Emitted when the radio lost focus\n   * @property {FocusEvent} value - The focus event\n   */\n  'blur': [value: FocusEvent]\n  /**\n   * Emitted when the radio is focused\n   * @property {FocusEvent} value - The focus event\n   */\n  'focus': [value: FocusEvent]\n}>()\n\nconst instanceId = useInstanceUniqId({\n  componentName: 'MazRadio',\n  providedId: props.id,\n})\n\nconst isSelected = computed(() => props.modelValue === props.value)\n\nconst radioSize = computed(() => {\n  switch (props.size) {\n    case 'xl': {\n      return '2.25rem'\n    }\n    case 'lg': {\n      return '2rem'\n    }\n    case 'sm': {\n      return '1.425rem'\n    }\n    case 'xs': {\n      return '1.325rem'\n    }\n    case 'mini': {\n      return '1.2rem'\n    }\n    default: {\n      return '1.625rem'\n    }\n  }\n})\n\nconst radioSelectedColor = computed(() => `var(--maz-color-${props.color})`)\nconst radioBoxShadow = computed(() => {\n  if (props.error) {\n    return `var(--maz-color-danger)`\n  }\n  else if (props.warning) {\n    return `var(--maz-color-warning)`\n  }\n  else if (props.success) {\n    return `var(--maz-color-success)`\n  }\n\n  return ['black', 'transparent'].includes(props.color)\n    ? `var(--maz-color-muted)`\n    : `var(--maz-color-${props.color}-alpha)`\n})\n\nfunction keyboardHandler(event: KeyboardEvent) {\n  if (['Space'].includes(event.code)) {\n    event.preventDefault()\n    emitValue()\n  }\n}\n\nfunction emitValue() {\n  emits('update:model-value', props.value)\n  emits('change', props.value)\n}\n\nconst inputRef = ref<HTMLInputElement>()\n\nfunction onBlur(event: FocusEvent) {\n  inputRef.value?.dispatchEvent(new Event('blur'))\n  emits('blur', event)\n}\nfunction onFocus(event: FocusEvent) {\n  inputRef.value?.dispatchEvent(new Event('focus'))\n  emits('focus', event)\n}\n</script>\n\n<template>\n  <label\n    :for=\"instanceId\"\n    class=\"m-radio m-reset-css\"\n    :class=\"[{ '--disabled': disabled, '--selected': isSelected, '--error': error, '--warning': warning, '--success': success }, props.class]\"\n    tabindex=\"0\"\n    role=\"radio\"\n    :style=\"[style, { '--radio-size': radioSize, '--radio-selected-color': radioSelectedColor, '--radio-box-shadow': radioBoxShadow }]\"\n    :aria-checked=\"isSelected\"\n    @blur=\"onBlur\"\n    @focus=\"onFocus\"\n    @keydown=\"keyboardHandler\"\n  >\n    <input\n      :id=\"instanceId\"\n      ref=\"inputRef\"\n      :value\n      v-bind=\"$attrs\"\n      tabindex=\"-1\"\n      :disabled\n      :name\n      type=\"radio\"\n      :checked=\"isSelected\"\n      @change=\"emitValue()\"\n    >\n\n    <span>\n      <span class=\"round\" />\n    </span>\n\n    <!--\n      @slot Label of the radio\n        @binding {Boolean} is-selected - If the radio is selected\n        @binding {string | number | boolean} value - The value of the radio\n    -->\n    <div class=\"m-radio__text\">\n      <slot :is-selected=\"isSelected\" :value=\"value as T\">\n        {{ label }}\n      </slot>\n\n      <span\n        v-if=\"hint\"\n        class=\"m-radio__hint\" :class=\"{\n          '--error': error,\n          '--success': success,\n          '--warning': warning,\n        }\"\n      >{{ hint }}</span>\n    </div>\n  </label>\n</template>\n\n<style lang=\"postcss\" scoped>\n  .m-radio {\n  @apply maz-relative maz-inline-flex maz-items-center maz-gap-2 maz-align-top maz-outline-none;\n\n  > span {\n    @apply maz-relative maz-flex maz-rounded-full maz-border maz-border-border maz-transition-all maz-duration-300 maz-ease-in-out maz-flex-center dark:maz-border-color-lighter;\n\n    width: var(--radio-size);\n    height: var(--radio-size);\n\n    .round {\n      @apply maz-h-[50%] maz-w-[50%] maz-scale-0 maz-rounded-full maz-transition-transform maz-duration-300 maz-ease-in-out;\n\n      background-color: var(--radio-selected-color);\n    }\n  }\n\n  &:not(.--selected) > span {\n    @apply maz-bg-color dark:maz-bg-color-light;\n  }\n\n  &.--selected > span {\n    border-color: var(--radio-selected-color);\n\n    .round {\n      @apply maz-scale-100;\n    }\n  }\n\n  &__text {\n    @apply maz-flex maz-flex-col maz-gap-0;\n  }\n\n  input {\n    @apply maz-hidden;\n  }\n\n  &.--disabled {\n    @apply maz-cursor-not-allowed maz-text-muted;\n\n    > span {\n      @apply maz-bg-color-light dark:maz-bg-color-lighter;\n    }\n\n    &.--selected {\n      > span {\n        @apply maz-border-border dark:maz-border-color-lighter;\n\n        .round {\n          @apply maz-bg-muted;\n        }\n      }\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  &:not(.--disabled),\n  &:not(.--selected) {\n    @apply maz-cursor-pointer;\n\n    &:hover > span,\n    &:focus > span {\n      @apply maz-transition-all maz-duration-300 maz-ease-in-out;\n\n      box-shadow: 0 0 0 0.125rem var(--radio-box-shadow);\n    }\n  }\n\n  &.--error,\n  &.--warning,\n  &.--success {\n    > span {\n      @apply maz-transition-all maz-duration-300 maz-ease-in-out;\n\n      box-shadow: 0 0 0 0.125rem var(--radio-box-shadow);\n    }\n  }\n}\n</style>\n"],"names":["props","__props","emits","__emit","instanceId","useInstanceUniqId","isSelected","computed","radioSize","radioSelectedColor","radioBoxShadow","keyboardHandler","event","emitValue","inputRef","ref","onBlur","_a","onFocus"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAoCA,UAAMA,IAAQC,GAcRC,IAAQC,GAuBRC,IAAaC,EAAkB;AAAA,MACnC,eAAe;AAAA,MACf,YAAYL,EAAM;AAAA,IAAA,CACnB,GAEKM,IAAaC,EAAS,MAAMP,EAAM,eAAeA,EAAM,KAAK,GAE5DQ,IAAYD,EAAS,MAAM;AAC/B,cAAQP,EAAM,MAAM;AAAA,QAClB,KAAK;AACI,iBAAA;AAAA,QAET,KAAK;AACI,iBAAA;AAAA,QAET,KAAK;AACI,iBAAA;AAAA,QAET,KAAK;AACI,iBAAA;AAAA,QAET,KAAK;AACI,iBAAA;AAAA,QAET;AACS,iBAAA;AAAA,MACT;AAAA,IACF,CACD,GAEKS,IAAqBF,EAAS,MAAM,mBAAmBP,EAAM,KAAK,GAAG,GACrEU,IAAiBH,EAAS,MAC1BP,EAAM,QACD,4BAEAA,EAAM,UACN,6BAEAA,EAAM,UACN,6BAGF,CAAC,SAAS,aAAa,EAAE,SAASA,EAAM,KAAK,IAChD,2BACA,mBAAmBA,EAAM,KAAK,SACnC;AAED,aAASW,EAAgBC,GAAsB;AAC7C,MAAI,CAAC,OAAO,EAAE,SAASA,EAAM,IAAI,MAC/BA,EAAM,eAAe,GACXC,EAAA;AAAA,IACZ;AAGF,aAASA,IAAY;AACb,MAAAX,EAAA,sBAAsBF,EAAM,KAAK,GACjCE,EAAA,UAAUF,EAAM,KAAK;AAAA,IAAA;AAG7B,UAAMc,IAAWC,EAAsB;AAEvC,aAASC,EAAOJ,GAAmB;;AACjC,OAAAK,IAAAH,EAAS,UAAT,QAAAG,EAAgB,cAAc,IAAI,MAAM,MAAM,IAC9Cf,EAAM,QAAQU,CAAK;AAAA,IAAA;AAErB,aAASM,EAAQN,GAAmB;;AAClC,OAAAK,IAAAH,EAAS,UAAT,QAAAG,EAAgB,cAAc,IAAI,MAAM,OAAO,IAC/Cf,EAAM,SAASU,CAAK;AAAA,IAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/MazRadioButtons.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('../assets/MazRadioButtons.CIq38oX6.css');const e=require("vue"),k=require("../chunks/_plugin-vue_export-helper.BHFhmbuH.cjs"),B={class:"m-radio-buttons m-reset-css"},b=["for","aria-checked","onKeydown","onBlur","onFocus"],z=["id","name","value","onChange"],_={key:0,class:"m-radio-buttons__items__checkbox"},g=e.defineComponent({__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(m,{emit:f}){const s=m,u=f,v=e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("../chunks/check._ETzZCli.cjs")));function d(o){u("update:model-value",o.value)}function n(o){return s.modelValue===o}function p(o,t){["Space"].includes(o.code)&&(o.preventDefault(),d(t))}function c(o,t){return`option-${t}-${o.value.toString()}-${s.name}`}const i=e.ref();function y(o,t){var a,l;(l=(a=i.value)==null?void 0:a[o])==null||l.dispatchEvent(new Event("blur")),u("blur",t)}function h(o,t){var a,l;(l=(a=i.value)==null?void 0:a[o])==null||l.dispatchEvent(new Event("focus")),u("focus",t)}return(o,t)=>(e.openBlock(),e.createElementBlock("div",B,[e.createElementVNode("div",{class:e.normalizeClass(["m-radio-buttons__wrapper",[`--${o.orientation}`,{"--no-wrap":o.noWrap,"--block":o.block}]])},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.options,(a,l)=>(e.openBlock(),e.createElementBlock("label",{key:c(a,l),for:c(a,l),class:e.normalizeClass(["m-radio-buttons__items maz-group",[{"--is-selected":n(a.value),"--elevation":o.elevation,"--equal-size":o.equalSize},a.classes]]),tabindex:"0",style:e.normalizeStyle([n(a.value)?{color:`var(--maz-color-${o.color}-contrast)`,backgroundColor:`var(--maz-color-${o.color})`}:{},a.style]),role:"radio","aria-checked":n(a.value),onKeydown:r=>p(r,a),onBlur:r=>y(l,r),onFocus:r=>h(l,r)},[e.createElementVNode("input",{id:c(a,l),ref_for:!0,ref_key:"inputRef",ref:i,type:"radio",tabindex:"-1",name:o.name,value:a.value,class:"maz-hidden",onChange:r=>d(a)},null,40,z),o.selector?(e.openBlock(),e.createElementBlock("div",_,[e.createElementVNode("span",{class:e.normalizeClass({"--is-selected":n(a.value)}),style:e.normalizeStyle([n(a.value)?{backgroundColor:`var(--maz-color-${s.color}-600)`}:{}])},[e.createVNode(e.Transition,{name:"maz-radio-buttons-scale"},{default:e.withCtx(()=>[e.withDirectives(e.createVNode(e.unref(v),{class:"maz-h-full maz-w-full"},null,512),[[e.vShow,n(a.value)]])]),_:2},1024)],6)])):e.createCommentVNode("",!0),e.renderSlot(o.$slots,"default",{option:a,selected:n(a.value)},()=>[e.createTextVNode(e.toDisplayString(a.label),1)],!0)],46,b))),128))],2),o.hint?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(["m-radio-buttons__hint",{"--error":o.error,"--success":o.success,"--warning":o.warning}])},e.toDisplayString(o.hint),3)):e.createCommentVNode("",!0)]))}}),C=k._export_sfc(g,[["__scopeId","data-v-d23776ea"]]);exports.default=C;
-//# sourceMappingURL=MazRadioButtons.cjs.map